component---src-templates-blog-post-tsx-3ffa771c26f581ae359b.js.map

{"version":3,"file":"component---src-templates-blog-post-tsx-3ffa771c26f581ae359b.js","mappings":"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","sources":["webpack://gatsby-starter-blog/./node_modules/@chakra-ui/layout/dist/chunk-KRPLQIP4.mjs","webpack://gatsby-starter-blog/./src/components/Bio.tsx","webpack://gatsby-starter-blog/./src/components/Seo.tsx","webpack://gatsby-starter-blog/./src/templates/BlogPost.tsx","webpack://gatsby-starter-blog/./node_modules/@chakra-ui/layout/dist/chunk-NTCQBYKE.mjs","webpack://gatsby-starter-blog/./node_modules/@chakra-ui/media-query/dist/chunk-57I6FYPZ.mjs"],"sourcesContent":["'use client'\n\n// src/flex.tsx\nimport {\n  chakra,\n  forwardRef\n} from \"@chakra-ui/system\";\nimport { jsx } from \"react/jsx-runtime\";\nvar Flex = forwardRef(function Flex2(props, ref) {\n  const { direction, align, justify, wrap, basis, grow, shrink, ...rest } = props;\n  const styles = {\n    display: \"flex\",\n    flexDirection: direction,\n    alignItems: align,\n    justifyContent: justify,\n    flexWrap: wrap,\n    flexBasis: basis,\n    flexGrow: grow,\n    flexShrink: shrink\n  };\n  return /* @__PURE__ */ jsx(chakra.div, { ref, __css: styles, ...rest });\n});\nFlex.displayName = \"Flex\";\n\nexport {\n  Flex\n};\n//# sourceMappingURL=chunk-KRPLQIP4.mjs.map","import * as React from 'react'\nimport {\n  Text,\n  Flex,\n  VStack,\n  useMediaQuery,\n  Stack,\n  HStack,\n} from '@chakra-ui/react'\nimport { StaticImage } from 'gatsby-plugin-image'\n\nexport function Bio() {\n  const [isLargerThan500] = useMediaQuery('(min-width: 500px)')\n\n  return (\n    <Flex className=\"bio\" marginBottom=\"12px\">\n      <Stack\n        direction={isLargerThan500 ? 'row' : 'column'}\n        alignItems=\"center\"\n        spacing={8}\n      >\n        <Flex>\n          <StaticImage\n            layout=\"fixed\"\n            formats={['auto', 'webp', 'avif']}\n            src=\"../images/profile-pic.png\"\n            width={200}\n            height={200}\n            style={{\n              borderRadius: '20px',\n              minWidth: '50px',\n            }}\n            quality={100}\n            alt=\"Profile picture\"\n          />\n        </Flex>\n        <VStack align=\"start\">\n          <Text fontSize=\"xl\" as=\"b\">\n            Welcome to my blog !\n          </Text>\n          <Text>\n            I am a Software Engineer, mostly self-taught and passionated about a\n            lot of different topics.\n          </Text>\n          <Text>\n            On this blog, you will find blog posts about anything, recipes,\n            photos and any other endeavors I may find interesting to share.\n          </Text>\n          <Text> Happy browsing !</Text>\n        </VStack>\n      </Stack>\n    </Flex>\n  )\n}\n","import * as React from 'react'\nimport { Helmet } from 'react-helmet'\nimport { useStaticQuery, graphql } from 'gatsby'\n\nexport function Seo({ description = '', lang = 'fr', meta = [], title }) {\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            title\n            description\n            social {\n              twitter\n            }\n          }\n        }\n      }\n    `\n  )\n\n  const metaDescription = description || site.siteMetadata.description\n  const defaultTitle = site.siteMetadata?.title\n\n  return (\n    <Helmet\n      htmlAttributes={{\n        lang,\n      }}\n      title={title}\n      titleTemplate={defaultTitle ? `%s | ${defaultTitle}` : null}\n      meta={[\n        {\n          name: 'description',\n          content: metaDescription,\n        },\n        {\n          property: 'og:title',\n          content: title,\n        },\n        {\n          property: 'og:description',\n          content: metaDescription,\n        },\n        {\n          property: 'og:type',\n          content: 'website',\n        },\n        {\n          name: 'twitter:card',\n          content: 'summary',\n        },\n        {\n          name: 'twitter:creator',\n          content: site.siteMetadata?.social?.twitter || '',\n        },\n        {\n          name: 'twitter:title',\n          content: title,\n        },\n        {\n          name: 'twitter:description',\n          content: metaDescription,\n        },\n      ].concat(meta)}\n    />\n  )\n}\n","import * as React from 'react'\nimport { Link, graphql } from 'gatsby'\n\nimport { Bio } from '../components/Bio'\nimport { Layout } from '../components/Layout'\nimport { Seo } from '../components/Seo'\n\nconst BlogPostTemplate = ({\n  data: { previous, next, site, markdownRemark: post },\n  location,\n}) => {\n  const siteTitle = site.siteMetadata?.title || 'Title'\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <article\n        className=\"blog-post\"\n        itemScope\n        itemType=\"http://schema.org/Article\"\n      >\n        <header style={{ marginBottom: '24px' }}>\n          <h1 itemProp=\"headline\">{post.frontmatter.title}</h1>\n          <div style={{ display: 'flex', marginBottom: '24px' }}>\n            <p style={{ margin: '0', fontSize: '16px' }}>\n              {post.frontmatter.date}\n            </p>\n            <p\n              style={{\n                margin: '0',\n                marginLeft: 'auto',\n                fontSize: '16px',\n                fontStyle: 'italic',\n              }}\n            >\n              {post.fields.readingTime.text}\n            </p>\n          </div>\n          <hr />\n        </header>\n        <section\n          dangerouslySetInnerHTML={{ __html: post.html }}\n          itemProp=\"articleBody\"\n        />\n        <hr />\n        <footer>\n          <Bio />\n        </footer>\n      </article>\n      <nav className=\"blog-post-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              <li>\n                <Link to={'/'} rel=\"prev\">\n                  ← Home page\n                </Link>\n              </li>\n            )}\n            {previous && (\n              <Link to={previous.fields.slug} rel=\"prev\">\n                ← {previous.frontmatter.title}\n              </Link>\n            )}\n          </li>\n          <li>\n            {next && (\n              <Link to={next.fields.slug} rel=\"next\">\n                {next.frontmatter.title} →\n              </Link>\n            )}\n            {!next && (\n              <li>\n                <Link to={'/'} rel=\"prev\">\n                  Home page →\n                </Link>\n              </li>\n            )}\n          </li>\n        </ul>\n      </nav>\n    </Layout>\n  )\n}\n\nexport const Head = ({ data: { markdownRemark: post } }) => {\n  return (\n    <Seo\n      title={post.frontmatter.title}\n      description={post.frontmatter.description || post.excerpt}\n    />\n  )\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug(\n    $id: String!\n    $previousPostId: String\n    $nextPostId: String\n  ) {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    markdownRemark(id: { eq: $id }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n        description\n      }\n\n      fields {\n        readingTime {\n          text\n        }\n      }\n    }\n    previous: markdownRemark(id: { eq: $previousPostId }) {\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n      }\n    }\n    next: markdownRemark(id: { eq: $nextPostId }) {\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n      }\n    }\n  }\n`\n","'use client'\nimport {\n  Stack\n} from \"./chunk-ZHMYA64R.mjs\";\n\n// src/stack/v-stack.tsx\nimport { forwardRef } from \"@chakra-ui/system\";\nimport { jsx } from \"react/jsx-runtime\";\nvar VStack = forwardRef((props, ref) => /* @__PURE__ */ jsx(Stack, { align: \"center\", ...props, direction: \"column\", ref }));\nVStack.displayName = \"VStack\";\n\nexport {\n  VStack\n};\n//# sourceMappingURL=chunk-NTCQBYKE.mjs.map","'use client'\n\n// src/use-media-query.ts\nimport { useEnvironment } from \"@chakra-ui/react-env\";\nimport { useEffect, useState } from \"react\";\nfunction useMediaQuery(query, options = {}) {\n  const { ssr = true, fallback } = options;\n  const { getWindow } = useEnvironment();\n  const queries = Array.isArray(query) ? query : [query];\n  let fallbackValues = Array.isArray(fallback) ? fallback : [fallback];\n  fallbackValues = fallbackValues.filter((v) => v != null);\n  const [value, setValue] = useState(() => {\n    return queries.map((query2, index) => ({\n      media: query2,\n      matches: ssr ? !!fallbackValues[index] : getWindow().matchMedia(query2).matches\n    }));\n  });\n  useEffect(() => {\n    const win = getWindow();\n    setValue(\n      queries.map((query2) => ({\n        media: query2,\n        matches: win.matchMedia(query2).matches\n      }))\n    );\n    const mql = queries.map((query2) => win.matchMedia(query2));\n    const handler = (evt) => {\n      setValue((prev) => {\n        return prev.slice().map((item) => {\n          if (item.media === evt.media)\n            return { ...item, matches: evt.matches };\n          return item;\n        });\n      });\n    };\n    mql.forEach((mql2) => {\n      if (typeof mql2.addListener === \"function\") {\n        mql2.addListener(handler);\n      } else {\n        mql2.addEventListener(\"change\", handler);\n      }\n    });\n    return () => {\n      mql.forEach((mql2) => {\n        if (typeof mql2.removeListener === \"function\") {\n          mql2.removeListener(handler);\n        } else {\n          mql2.removeEventListener(\"change\", handler);\n        }\n      });\n    };\n  }, [getWindow]);\n  return value.map((item) => item.matches);\n}\n\nexport {\n  useMediaQuery\n};\n//# sourceMappingURL=chunk-57I6FYPZ.mjs.map"],"names":["Flex","props","ref","direction","align","justify","wrap","basis","grow","shrink","rest","styles","display","flexDirection","alignItems","justifyContent","flexWrap","flexBasis","flexGrow","flexShrink","jsx","div","__css","displayName","Bio","isLargerThan500","useMediaQuery","React","className","marginBottom","Stack","spacing","StaticImage","layout","formats","src","width","height","style","borderRadius","minWidth","quality","alt","__imageData","require","VStack","Text","fontSize","as","Seo","_ref","_site$siteMetadata","_site$siteMetadata2","_site$siteMetadata2$s","description","lang","meta","title","site","useStaticQuery","metaDescription","siteMetadata","defaultTitle","Helmet","htmlAttributes","titleTemplate","name","content","property","social","twitter","concat","Head","_ref2","data","markdownRemark","post","frontmatter","excerpt","previous","next","location","siteTitle","Layout","itemScope","itemType","itemProp","margin","date","marginLeft","fontStyle","fields","readingTime","text","dangerouslySetInnerHTML","__html","html","listStyle","padding","Link","to","rel","slug","query","options","ssr","fallback","getWindow","queries","Array","isArray","fallbackValues","filter","v","value","setValue","useState","map","query2","index","media","matches","matchMedia","useEffect","win","mql","handler","evt","prev","slice","item","forEach","mql2","addListener","addEventListener","removeListener","removeEventListener"],"sourceRoot":""}