{"version":3,"sources":["webpack:///./src/pages/index.tsx"],"names":["pageQuery","Index","posts","data","edges","title","map","i","post","slug","relativeDirectory","getSlug","childMarkdownRemark","frontmatter","key","excerpt","timeToRead","tags","headerImage","fluid","childImageSharp","alt","headerImageAlt","date"],"mappings":"2FAAA,8GAWaA,EAAY,YA6DVC,UA3ByB,SAAC,GAAgE,IAAtCC,EAAsC,EAA9DC,KAAQD,MAASE,MAC1D,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,MAAM,YACVH,EAAMI,KAAI,WAAWC,GAAM,oCAAdC,EAAc,EAAdA,KACNC,EAPE,SAACC,EAA2BD,GAA5B,OAAuE,OAATA,EAAiBA,EAAiBC,EAO3FC,CAAQH,EAAKE,kBAAN,UAAyBF,EAAKI,2BAA9B,iBAAyB,EAA0BC,mBAAnD,aAAyB,EAAuCJ,MACpF,OACE,kBAAC,WAAD,CAAUK,IAAKP,GACb,kBAAC,IAAD,CACEE,KAAMA,EACNJ,MAAK,UAAEG,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,aAAE,EAAuCR,MAC9CU,QAAO,UAAEP,EAAKI,2BAAP,aAAE,EAA0BG,QACnCC,WAAU,UAAER,EAAKI,2BAAP,aAAE,EAA0BI,WACtCC,KAAI,UAAET,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,aAAE,EAAuCI,KAC7CC,YAAa,CACXC,MAAK,UAAEX,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,iBAAE,EAAuCK,mBAAzC,iBAAE,EAAoDE,uBAAtD,aAAE,EAAqED,MAC5EE,IAAG,UAAEb,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,aAAE,EAAuCS,gBAE9CC,KAAI,UAAEf,EAAKI,2BAAP,iBAAE,EAA0BC,mBAA5B,aAAE,EAAuCU","file":"component---src-pages-index-tsx-5de01877e69ce4ff130a.js","sourcesContent":["import React, { FunctionComponent, Fragment } from 'react'\nimport { graphql } from 'gatsby'\nimport { IndexQuery } from '../graphqlTypes'\nimport Layout from '../components/Layout'\nimport PostExcerpt from '../components/PostExcerpt'\nimport Seo from '../components/Seo'\n\ninterface Props {\n  data: IndexQuery\n}\n\nexport const pageQuery = graphql`\n  query Index {\n    posts: allFile(filter: {sourceInstanceName: {eq: \"posts\"}, internal: {mediaType: {eq: \"text/markdown\"}}}, sort: {order: DESC, fields: ctimeMs}, limit: 10) {\n      edges {\n        post: node {\n          childMarkdownRemark {\n            id\n            frontmatter {\n              title\n              tags\n              slug\n              date\n              headerImageAlt\n              headerImage {\n                childImageSharp {\n                  fluid(maxWidth: 800, quality: 90) {\n                    ...GatsbyImageSharpFluid_withWebp\n                  }\n                }\n              }\n            }\n            excerpt\n            timeToRead\n          }\n          relativeDirectory\n          changeTime(formatString: \"MMMM Do, YYYY\")\n        }\n      }\n    }\n  }\n`\n\nconst getSlug = (relativeDirectory: string, slug?: string | null): string => (slug !== null) ? slug as string : relativeDirectory\n\nconst Index: FunctionComponent<Props> = ({ data: { posts: { edges: posts } } }: { data: IndexQuery }) => {\n  return (\n    <Layout>\n      <Seo title='Welcome' />\n      {posts.map(({ post }, i) => {\n        const slug = getSlug(post.relativeDirectory, post.childMarkdownRemark?.frontmatter?.slug)\n        return (\n          <Fragment key={i}>\n            <PostExcerpt\n              slug={slug}\n              title={post.childMarkdownRemark?.frontmatter?.title as string}\n              excerpt={post.childMarkdownRemark?.excerpt as string}\n              timeToRead={post.childMarkdownRemark?.timeToRead as number}\n              tags={post.childMarkdownRemark?.frontmatter?.tags}\n              headerImage={{\n                fluid: post.childMarkdownRemark?.frontmatter?.headerImage?.childImageSharp?.fluid,\n                alt: post.childMarkdownRemark?.frontmatter?.headerImageAlt\n              }}\n              date={post.childMarkdownRemark?.frontmatter?.date as Date}\n            />\n          </Fragment>\n        )\n      })}\n    </Layout>\n  )\n}\n\nexport default Index\n"],"sourceRoot":""}