component---node-modules-lekoarts-gatsby-theme-minimal-blog-core-src-templates-post-query-tsx-d62e53f414c4fd2c95a4.js.map

{"version":3,"file":"component---node-modules-lekoarts-gatsby-theme-minimal-blog-core-src-templates-post-query-tsx-d62e53f414c4fd2c95a4.js","mappings":"+OA4BA,EAFmB,SAAC,GAAD,EAAGA,KAAH,OAA+B,MCU5CC,EADK,CAAC,OAAD,oBACOC,KAAI,SAACC,GAAD,iCAAkCA,EAAlC,IAAuCA,EAAvC,UAsCtB,EApCa,SAAC,GAAD,UAAWH,EAAX,EAAGI,KAAQJ,KAAX,OACXK,EAAAA,EAAAA,IAACC,EAAAA,EAAD,MACED,EAAAA,EAAAA,IAACE,EAAAA,EAAD,CACEC,MAAOR,EAAKQ,MACZC,YAAaT,EAAKS,YAAcT,EAAKS,YAAcT,EAAKU,QACxDC,MAAOX,EAAKY,OAAL,QAAAZ,EAAcA,EAAKY,cAAnB,iBAAcC,EAAaC,uBAA3B,iBAAcC,EAA8BC,cAA5C,aAAcC,EAAsCC,SAAMC,EACjEC,SAAUpB,EAAKqB,KACfC,aAActB,EAAKsB,gBAErBjB,EAAAA,EAAAA,IAACkB,EAAAA,GAAD,CAASC,GAAG,KAAKC,QAAQ,aACtBzB,EAAKQ,QAERH,EAAAA,EAAAA,IAAAA,IAAAA,CAAGqB,GAAI,CAAEC,MAAM,YAAcC,GAAI,EAAGC,EAAG,CAAEF,MAAM,aAAgBG,SAAU,CAAC,EAAG,EAAG,MAC9EzB,EAAAA,EAAAA,IAAAA,OAAAA,KAAOL,EAAK+B,MACX/B,EAAKgC,OACJ3B,EAAAA,EAAAA,IAAC4B,EAAAA,SAAD,YAEE5B,EAAAA,EAAAA,IAAC6B,EAAAA,EAAD,CAAUF,KAAMhC,EAAKgC,QAGxBhC,EAAKmC,YAALnC,MACAA,EAAKmC,aAAc9B,EAAAA,EAAAA,IAAAA,OAAAA,KAAOL,EAAKmC,WAAZ,eAEtB9B,EAAAA,EAAAA,IAAAA,UAAAA,CACEqB,GAAI,CACFU,GAAI,EACJ,6BAA8B,CAAEA,GAAI,CAAC,EAAG,EAAG,GAAIC,UAAWpC,EAAOqC,KAAPrC,OAC1DwB,QAAQ,oBAGVpB,EAAAA,EAAAA,IAACkC,EAAAA,YAAD,KAAcvC,EAAKwC,QAErBnC,EAAAA,EAAAA,IAACoC,EAAD,CAAYzC,KAAMA,MCnEtB,MCQe,YAAmD,IAAjB0C,EAAgB,oBAC/D,OAAOT,EAAAA,cAACU,EAASD,K,wTCmBnB,IAjBiB,SAAC,GAAyB,IAAvBV,EAAsB,EAAtBA,KAClB,GAA+BY,EAAAA,EAAAA,KAAvBC,EAAR,EAAQA,SAAUC,EAAlB,EAAkBA,SAElB,OACEzC,EAAAA,EAAAA,IAAC4B,EAAAA,SAAD,KACGD,EAAK9B,KAAI,SAAC6C,EAAKC,GAAN,OACR3C,EAAAA,EAAAA,IAAC4B,EAAAA,SAAD,CAAgBgB,IAAKF,EAAI1B,QACpB2B,GAAF,MACD3C,EAAAA,EAAAA,IAAC6C,EAAAA,KAAD,CAAMxB,GAAI,SAACyB,GAAD,a,qWAAA,cAAaA,EAAEC,cAAf,aAAaC,EAAUxB,IAAMyB,IAAIC,EAAAA,EAAAA,GAAe,IAAIT,EAAL,IAAiBD,EAAjB,IAA6BE,EAAI1B,OACvF0B,EAAIS","sources":["webpack://minimal-blog/./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/components/post-footer.tsx","webpack://minimal-blog/./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/components/post.tsx","webpack://minimal-blog/./node_modules/@lekoarts/gatsby-theme-minimal-blog-core/src/templates/post-query.tsx","webpack://minimal-blog/./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/@lekoarts/gatsby-theme-minimal-blog-core/components/post.tsx","webpack://minimal-blog/./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/components/item-tags.tsx"],"sourcesContent":["import * as React from \"react\"\n\ntype PostFooterProps = {\n  post: {\n    slug: string\n    title: string\n    date: string\n    tags?: {\n      name: string\n      slug: string\n    }[]\n    description?: string\n    canonicalUrl?: string\n    body: string\n    excerpt: string\n    timeToRead?: number\n    banner?: {\n      childImageSharp: {\n        resize: {\n          src: string\n        }\n      }\n    }\n  }\n}\n\nconst PostFooter = ({ post }: PostFooterProps) => null\n\nexport default PostFooter\n","/** @jsx jsx */\nimport * as React from \"react\"\nimport { jsx, Heading } from \"theme-ui\"\nimport { MDXRenderer } from \"gatsby-plugin-mdx\"\nimport Layout from \"./layout\"\nimport ItemTags from \"./item-tags\"\nimport Seo from \"./seo\"\nimport PostFooter from \"./post-footer\"\n\ntype PostProps = {\n  data: {\n    post: {\n      slug: string\n      title: string\n      date: string\n      tags?: {\n        name: string\n        slug: string\n      }[]\n      description?: string\n      canonicalUrl?: string\n      body: string\n      excerpt: string\n      timeToRead?: number\n      banner?: {\n        childImageSharp: {\n          resize: {\n            src: string\n          }\n        }\n      }\n    }\n  }\n}\n\nconst px = [`32px`, `16px`, `8px`, `4px`]\nconst shadow = px.map((v) => `rgba(0, 0, 0, 0.15) 0px ${v} ${v} 0px`)\n\nconst Post = ({ data: { post } }: PostProps) => (\n  <Layout>\n    <Seo\n      title={post.title}\n      description={post.description ? post.description : post.excerpt}\n      image={post.banner ? post.banner?.childImageSharp?.resize?.src : undefined}\n      pathname={post.slug}\n      canonicalUrl={post.canonicalUrl}\n    />\n    <Heading as=\"h1\" variant=\"styles.h1\">\n      {post.title}\n    </Heading>\n    <p sx={{ color: `secondary`, mt: 3, a: { color: `secondary` }, fontSize: [1, 1, 2] }}>\n      <time>{post.date}</time>\n      {post.tags && (\n        <React.Fragment>\n          {` — `}\n          <ItemTags tags={post.tags} />\n        </React.Fragment>\n      )}\n      {post.timeToRead && ` — `}\n      {post.timeToRead && <span>{post.timeToRead} min read</span>}\n    </p>\n    <section\n      sx={{\n        my: 5,\n        \".gatsby-resp-image-wrapper\": { my: [4, 4, 5], boxShadow: shadow.join(`, `) },\n        variant: `layout.content`,\n      }}\n    >\n      <MDXRenderer>{post.body}</MDXRenderer>\n    </section>\n    <PostFooter post={post} />\n  </Layout>\n)\n\nexport default Post\n","import { graphql } from \"gatsby\"\nimport PostComponent from \"../components/post\"\n\nexport default PostComponent\n\nexport const query = graphql`\n  query ($slug: String!, $formatString: String!) {\n    post(slug: { eq: $slug }) {\n      slug\n      title\n      date(formatString: $formatString)\n      tags {\n        name\n        slug\n      }\n      description\n      canonicalUrl\n      body\n      excerpt\n      timeToRead\n      banner {\n        childImageSharp {\n          resize(width: 1200, quality: 90) {\n            src\n          }\n        }\n      }\n    }\n  }\n`\n","import * as React from \"react\"\nimport Post from \"../../../components/post\"\n\ntype Props = {\n  data: {\n    post: any\n    [key: string]: any\n  }\n  [key: string]: any\n}\n\nexport default function MinimalBlogCorePost({ ...props }: Props) {\n  return <Post {...props} />\n}\n","/** @jsx jsx */\nimport { jsx } from \"theme-ui\"\nimport * as React from \"react\"\nimport { Link } from \"gatsby\"\nimport useMinimalBlogConfig from \"../hooks/use-minimal-blog-config\"\nimport replaceSlashes from \"../utils/replaceSlashes\"\n\ntype TagsProps = {\n  tags: {\n    name: string\n    slug: string\n  }[]\n}\n\nconst ItemTags = ({ tags }: TagsProps) => {\n  const { tagsPath, basePath } = useMinimalBlogConfig()\n\n  return (\n    <React.Fragment>\n      {tags.map((tag, i) => (\n        <React.Fragment key={tag.slug}>\n          {!!i && `, `}\n          <Link sx={(t) => ({ ...t.styles?.a })} to={replaceSlashes(`/${basePath}/${tagsPath}/${tag.slug}`)}>\n            {tag.name}\n          </Link>\n        </React.Fragment>\n      ))}\n    </React.Fragment>\n  )\n}\n\nexport default ItemTags\n"],"names":["post","shadow","map","v","data","jsx","Layout","Seo","title","description","excerpt","image","banner","_post$banner","childImageSharp","_post$banner$childIma","resize","_post$banner$childIma2","src","undefined","pathname","slug","canonicalUrl","Heading","as","variant","sx","color","mt","a","fontSize","date","tags","React","ItemTags","timeToRead","my","boxShadow","join","MDXRenderer","body","PostFooter","props","Post","useMinimalBlogConfig","tagsPath","basePath","tag","i","key","Link","t","styles","_t$styles","to","replaceSlashes","name"],"sourceRoot":""}