-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-templates-blog-post-js-7953c265bd8ca09df241.js.map
1 lines (1 loc) · 15.1 KB
/
component---src-templates-blog-post-js-7953c265bd8ca09df241.js.map
1
{"version":3,"sources":["webpack:///./src/svg/facebook.svg","webpack:///./src/svg/whatsapp.svg","webpack:///./src/svg/twitter.svg","webpack:///./src/svg/linkedin.svg","webpack:///./src/components/share-article/share-article.js","webpack:///./src/templates/blog-post.js","webpack:///./src/utils/hooks/utterance.js"],"names":["React","Facebook","props","createElement","defaultProps","module","exports","default","Whatsapp","Twitter","Linkedin","facebookShareUrl","url","twitterShareUrl","linkedinShareUrl","whatsappShareUrl","ShareArticle","baseUrl","slug","className","href","target","rel","pageQuery","BlogPostTemplate","selector","isDark","data","pageContext","location","post","markdownRemark","siteTitle","site","siteMetadata","title","previous","next","postImage","frontmatter","image","publicURL","undefined","useDarkMode","value","useEffect","container","document","querySelector","innerHTML","utteranceScript","src","async","crossOrigin","setAttribute","appendChild","contains","removeChild","description","excerpt","isArticle","style","marginTop","rhythm","marginBottom","scale","display","date","dangerouslySetInnerHTML","__html","html","fontSize","siteUrl","id","flexWrap","justifyContent","listStyle","padding","fade","to","fields"],"mappings":"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","file":"component---src-templates-blog-post-js-7953c265bd8ca09df241.js","sourcesContent":["var React = require('react');\n\nfunction Facebook (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M12,2C6.477,2,2,6.477,2,12c0,5.013,3.693,9.153,8.505,9.876V14.65H8.031v-2.629h2.474v-1.749 c0-2.896,1.411-4.167,3.818-4.167c1.153,0,1.762,0.085,2.051,0.124v2.294h-1.642c-1.022,0-1.379,0.969-1.379,2.061v1.437h2.995 l-0.406,2.629h-2.588v7.247C18.235,21.236,22,17.062,22,12C22,6.477,17.523,2,12,2z\"}));\n}\n\nFacebook.defaultProps = {\"fill\":\"#000000\",\"viewBox\":\"0 0 24 24\",\"width\":\"24px\",\"height\":\"24px\"};\n\nmodule.exports = Facebook;\n\nFacebook.default = Facebook;\n","var React = require('react');\n\nfunction Whatsapp (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M19.077,4.928C17.191,3.041,14.683,2.001,12.011,2c-5.506,0-9.987,4.479-9.989,9.985 c-0.001,1.76,0.459,3.478,1.333,4.992L2,22l5.233-1.237c1.459,0.796,3.101,1.215,4.773,1.216h0.004 c5.505,0,9.986-4.48,9.989-9.985C22.001,9.325,20.963,6.816,19.077,4.928z M16.898,15.554c-0.208,0.583-1.227,1.145-1.685,1.186 c-0.458,0.042-0.887,0.207-2.995-0.624c-2.537-1-4.139-3.601-4.263-3.767c-0.125-0.167-1.019-1.353-1.019-2.581 S7.581,7.936,7.81,7.687c0.229-0.25,0.499-0.312,0.666-0.312c0.166,0,0.333,0,0.478,0.006c0.178,0.007,0.375,0.016,0.562,0.431 c0.222,0.494,0.707,1.728,0.769,1.853s0.104,0.271,0.021,0.437s-0.125,0.27-0.249,0.416c-0.125,0.146-0.262,0.325-0.374,0.437 c-0.125,0.124-0.255,0.26-0.11,0.509c0.146,0.25,0.646,1.067,1.388,1.728c0.954,0.85,1.757,1.113,2.007,1.239 c0.25,0.125,0.395,0.104,0.541-0.063c0.146-0.166,0.624-0.728,0.79-0.978s0.333-0.208,0.562-0.125s1.456,0.687,1.705,0.812 c0.25,0.125,0.416,0.187,0.478,0.291C17.106,14.471,17.106,14.971,16.898,15.554z\"}));\n}\n\nWhatsapp.defaultProps = {\"fill\":\"#000000\",\"viewBox\":\"0 0 24 24\",\"width\":\"24px\",\"height\":\"24px\"};\n\nmodule.exports = Whatsapp;\n\nWhatsapp.default = Whatsapp;\n","var React = require('react');\n\nfunction Twitter (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M19,3H5C3.895,3,3,3.895,3,5v14c0,1.105,0.895,2,2,2h14c1.105,0,2-0.895,2-2V5C21,3.895,20.105,3,19,3z M17.05,9.514 c0,0.086,0,0.171,0,0.343c0,3.257-2.486,7.029-7.029,7.029c-1.371,0-2.657-0.429-3.771-1.114c0.171,0,0.429,0,0.6,0 c1.114,0,2.229-0.429,3.086-1.029c-1.114,0-1.971-0.771-2.314-1.714c0.171,0,0.343,0.086,0.429,0.086c0.257,0,0.429,0,0.686-0.086 c-1.114-0.257-1.971-1.2-1.971-2.4c0.343,0.171,0.686,0.257,1.114,0.343c-0.686-0.6-1.114-1.286-1.114-2.143 c0-0.429,0.086-0.857,0.343-1.2c1.2,1.457,3,2.486,5.057,2.571c0-0.171-0.086-0.343-0.086-0.6c0-1.371,1.114-2.486,2.486-2.486 c0.686,0,1.371,0.257,1.8,0.771c0.6-0.086,1.114-0.343,1.543-0.6c-0.171,0.6-0.6,1.029-1.114,1.371 c0.514-0.086,0.943-0.171,1.457-0.429C17.907,8.743,17.479,9.171,17.05,9.514z\"}));\n}\n\nTwitter.defaultProps = {\"fill\":\"#000000\",\"viewBox\":\"0 0 24 24\",\"width\":\"24px\",\"height\":\"24px\"};\n\nmodule.exports = Twitter;\n\nTwitter.default = Twitter;\n","var React = require('react');\n\nfunction Linkedin (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M 21.800781 0 L 2.199219 0 C 1 0 0 1 0 2.199219 L 0 21.800781 C 0 23 1 24 2.199219 24 L 21.800781 24 C 23 24 24 23 24 21.800781 L 24 2.199219 C 24 1 23 0 21.800781 0 Z M 7 20 L 3 20 L 3 9 L 7 9 Z M 5 7.699219 C 3.800781 7.699219 3 6.898438 3 5.898438 C 3 4.800781 3.800781 4 5 4 C 6.199219 4 7 4.800781 7 5.800781 C 7 6.898438 6.199219 7.699219 5 7.699219 Z M 21 20 L 17 20 L 17 14 C 17 12.398438 15.898438 12 15.601563 12 C 15.300781 12 14 12.199219 14 14 C 14 14.199219 14 20 14 20 L 10 20 L 10 9 L 14 9 L 14 10.601563 C 14.601563 9.699219 15.601563 9 17.5 9 C 19.398438 9 21 10.5 21 14 Z\"}));\n}\n\nLinkedin.defaultProps = {\"fill\":\"#000000\",\"viewBox\":\"0 0 24 24\",\"width\":\"24px\",\"height\":\"24px\"};\n\nmodule.exports = Linkedin;\n\nLinkedin.default = Linkedin;\n","import React from 'react';\n\nimport './share-article.css';\n\nimport FacebookIcon from '../../svg/facebook.svg';\nimport TwitterIcon from '../../svg/twitter.svg';\nimport LinkedinIcon from '../../svg/linkedin.svg';\nimport WhatsappIcon from '../../svg/whatsapp.svg';\n// import shareIcon from '../../svg/share.svg';\n\nconst text = url => `Check out this article on xkojidev!`;\nconst facebookShareUrl = (url) => `https://www.facebook.com/sharer/sharer.php?u=${url}`;\nconst twitterShareUrl = (url) => `https://twitter.com/share?url=${url}&text=${text(url)}&hashtags=xkojidev`;\nconst linkedinShareUrl = (url) => `https://linkedin.com/shareArticle?url=${url}&mini=true&summary=${text(url)}`;\nconst whatsappShareUrl = (url) => `https://api.whatsapp.com/send?text=${text(url)} - ${url}`;\n\nconst ShareArticle = ({ baseUrl, slug }) => {\n const url = `${baseUrl}${slug}`;\n\n return (\n <div className='share-article__wrapper'>\n <div className='share-article__label'>\n Share:\n </div>\n <a className='share-article__link' href={facebookShareUrl(url)} target='_blank' rel='noopener noreferrer'>\n <FacebookIcon />\n </a>\n <a className='share-article__link' href={twitterShareUrl(url)} target='_blank' rel='noopener noreferrer'>\n <TwitterIcon />\n </a>\n <a className='share-article__link' href={linkedinShareUrl(url)} target='_blank' rel='noopener noreferrer'>\n <LinkedinIcon />\n </a>\n <a className='share-article__link' href={whatsappShareUrl(url)} target='_blank' rel='noopener noreferrer'>\n <WhatsappIcon />\n </a>\n {/* <a className='share-article__link' href={whatsappShareUrl(url)} target='_blank' rel='noopener noreferrer'>\n <img src={shareIcon} alt='share' />\n </a> */}\n </div>\n );\n};\n\nexport default ShareArticle;\n","import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport AniLink from 'gatsby-plugin-transition-link/AniLink';\n\nimport Bio from \"../components/bio\";\nimport Layout from \"../components/layout\";\nimport SEO from \"../components/seo\";\nimport { rhythm, scale } from \"../utils/typography\";\nimport SubscribeEmail from \"../components/subscribe-email\";\nimport ShareArticle from \"../components/share-article/share-article\";\nimport { useUtterance } from \"../utils/hooks/utterance\";\n\nconst BlogPostTemplate = ({ data, pageContext, location }) => {\n const post = data.markdownRemark;\n const siteTitle = data.site.siteMetadata.title;\n const { previous, next } = pageContext;\n const postImage = post.frontmatter.image ? post.frontmatter.image.publicURL : undefined;\n\n useUtterance('#comments-section');\n\n return (\n <Layout location={location} title={siteTitle}>\n <SEO\n title={post.frontmatter.title}\n description={post.frontmatter.description || post.excerpt}\n image={postImage}\n isArticle={true}\n />\n <article>\n <header>\n <h1\n style={{\n marginTop: rhythm(1),\n marginBottom: 0,\n }}\n >\n {post.frontmatter.title}\n </h1>\n <p\n style={{\n ...scale(-1 / 5),\n display: `block`,\n marginBottom: rhythm(1),\n }}\n >\n {post.frontmatter.date}\n </p>\n </header>\n {/* <section className='blog-post__toc' dangerouslySetInnerHTML={{ __html: post.tableOfContents }}/> */}\n <section className='blog-post__content' dangerouslySetInnerHTML={{ __html: post.html }} />\n <section>\n <hr></hr>\n <p>Did you find this useful? Do you think there are better approaches to take, or questions? You can reach out to me on twitter <a href=\"https://twitter.com/imolorhe\">@imolorhe</a>.</p>\n <blockquote style={{ fontSize: '16px' }}>\n <p>\n Write about what you learn. It pushes you to understand topics better.\n </p>\n <p>\n Sometimes the gaps in your knowledge only become clear when you try explaining things to others. It's OK if no one reads what you write. You get a lot out of just doing it for <strong>you</strong>.\n </p>\n <cite><a href=\"https://twitter.com/addyosmani/status/1260779133769924608\" target=\"_blank\" rel=\"noopener noreferrer\">@addyosmani</a></cite>\n </blockquote>\n </section>\n <hr\n style={{\n marginBottom: rhythm(1),\n }}\n />\n <footer>\n <ShareArticle baseUrl={data.site.siteMetadata.siteUrl} slug={pageContext.slug} />\n <Bio />\n <div\n id='comments-section'\n style={{\n marginBottom: rhythm(2.5)\n }}\n />\n <SubscribeEmail />\n </footer>\n </article>\n\n <nav>\n <ul\n style={{\n display: `flex`,\n flexWrap: `wrap`,\n justifyContent: `space-between`,\n listStyle: `none`,\n padding: 0,\n }}\n >\n <li>\n {previous && (\n <AniLink fade to={previous.fields.slug} rel=\"prev\">\n ← {previous.frontmatter.title}\n </AniLink>\n )}\n </li>\n <li>\n {next && (\n <AniLink fade to={next.fields.slug} rel=\"next\">\n {next.frontmatter.title} →\n </AniLink>\n )}\n </li>\n </ul>\n </nav>\n </Layout>\n )\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n query BlogPostBySlug($slug: String!) {\n site {\n siteMetadata {\n title\n siteUrl\n }\n }\n markdownRemark(fields: { slug: { eq: $slug } }) {\n id\n excerpt(pruneLength: 160)\n html\n tableOfContents(absolute: false)\n frontmatter {\n title\n date(formatString: \"MMMM DD, YYYY\")\n description\n image {\n publicURL\n }\n }\n }\n }\n`\n","import { useEffect } from 'react';\nimport useDarkMode from 'use-dark-mode';\n\nexport const useUtterance = (selector) => {\n const isDark = useDarkMode(false).value;\n\n useEffect(() => {\n\n const container = document.querySelector(selector);\n if (container) {\n container.innerHTML = '';\n const utteranceScript = document.createElement('script');\n utteranceScript.src = 'https://utteranc.es/client.js';\n utteranceScript.async = true;\n utteranceScript.crossOrigin = 'anonymous';\n utteranceScript.setAttribute('issue-term', 'pathname');\n utteranceScript.setAttribute('theme', isDark ? 'dark-blue' : 'github-light');\n utteranceScript.setAttribute('repo', 'XKojiMedia/xkojimedia.github.io');\n\n container.appendChild(utteranceScript);\n \n return () => {\n if (container && container.contains(utteranceScript)) {\n container.removeChild(utteranceScript);\n }\n };\n }\n }, [ selector, isDark ]);\n};\n"],"sourceRoot":""}