{"version":3,"sources":["webpack:///./src/constants/urls.js","webpack:///./src/pages/header-footer.js"],"names":["mermaidUrl","process","mermaidImgUrl","mermaidFlowmojiBgUrl","getYoutubeImageUrl","imgSrc","getYoutubeVideoUrl","videoSrc","getVimeoVideoDetail","videoId","getVimeoVideoUrl","SecondPage","React","createElement","LayoutMain","SEO","title","Header","useReactApi","Link","to","Footer","src"],"mappings":"4FAAA,8OAUO,MAAMA,EAAaC,mCAGbC,EAAmBF,EAAH,SAGhBG,EAA0BH,EAAH,6BAOvBI,EAAsBC,GACxB,8BAA8BA,kBAE5BC,EAAsBC,GACxB,iCAAiCA,sBAK/BC,EAAsBC,GACxB,kCAAkCA,SAEhCC,EAAoBH,GACtB,kCAAkCA,gB,kCCpC7C,wGAuBeI,UAfIA,IACjBC,IAAAC,cAACC,IAAU,KACTF,IAAAC,cAACE,IAAG,CAACC,MAAM,kBACXJ,IAAAC,cAACI,IAAM,CAACC,aAAa,IACrBN,IAAAC,cAAA,UAAI,iBACJD,IAAAC,cAAA,SAAG,aACHD,IAAAC,cAAA,SAAG,iBAAeb,KAClBY,IAAAC,cAACM,OAAI,CAACC,GAAG,KAAI,2BACbR,IAAAC,cAACQ,IAAM,MAEPT,IAAAC,cAAA,UAAQS,IAAQtB,IAAH,wBACbY,IAAAC,cAAA,UAAQS,IAAQtB,IAAH","file":"component---src-pages-header-footer-js-7fc9fa6ce41ccf544533.js","sourcesContent":["// \r\n// \r\n// Urls\r\n// Config file for urls used within gatsby \r\n// \r\n// \r\n\r\n\r\n// process.env.MERMAID_HOST\r\n//-- mermaid url\r\nexport const mermaidUrl = process.env.MERMAID_HOST;\r\n\r\n//-- mermaid Image Url\r\nexport const mermaidImgUrl = `${mermaidUrl}/-/img`;\r\n\r\n//-- mermaid flowmoji background\r\nexport const mermaidFlowmojiBgUrl = `${mermaidUrl}/-/img/bg-tile-generic.png`;\r\n\r\n// google address api\r\nexport const googleAddressApiUrl = `https://maps.googleapis.com/maps/api/js?key=${process.env.GOOGLE_MAP_KEY}&libraries=places`;\r\n\r\n\r\n//-- youtube image url\r\nexport const getYoutubeImageUrl = (imgSrc) =>{\r\n    return `https://img.youtube.com/vi/${imgSrc}/hqdefault.jpg`;\r\n}\r\nexport const getYoutubeVideoUrl = (videoSrc) =>{\r\n    return `https://www.youtube.com/embed/${videoSrc}?autoplay=1&mute=0`;\r\n}\r\n\r\n\r\n//-- vimeo image url\r\nexport const getVimeoVideoDetail= (videoId) =>{\r\n    return `https://vimeo.com/api/v2/video/${videoId}.json`;\r\n}\r\nexport const getVimeoVideoUrl = (videoSrc) =>{\r\n    return `https://player.vimeo.com/video/${videoSrc}?autoplay=1`;\r\n}","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\nimport LayoutMain from \"components/layout/layoutMain\"\r\nimport { mermaidUrl } from 'constants/urls';\r\nimport SEO from \"components/Seo\"\r\nimport Header from \"components/Header\"\r\nimport Footer from \"components/Footer\"\r\n\r\nconst SecondPage = () => (\r\n  <LayoutMain>\r\n    <SEO title=\"Header Footer\" />\r\n    <Header useReactApi={false} />\r\n    <h1>Hello, Gatsby</h1>\r\n    <p>Version 5</p>\r\n    <p>MERMAID_HOST: {mermaidUrl}</p>\r\n    <Link to=\"/\">Go back to the homepage</Link>\r\n    <Footer />\r\n\r\n    <script src={`${mermaidUrl}/-/js/notice-bar.js`}></script>\r\n    <script src={`${mermaidUrl}/-/js/global-navigation.js`}></script>\r\n  </LayoutMain>\r\n)\r\n\r\nexport default SecondPage\r\n"],"sourceRoot":""}