component---src-templates-index-template-index-template-tsx-a6a7b76ba659225118a4.js.map

{"version":3,"file":"component---src-templates-index-template-index-template-tsx-a6a7b76ba659225118a4.js","mappings":"yLAqDA,MAzC8BA,IAAA,IAAC,MAAEC,GAAcD,EAAA,OAC7CE,EAAAA,cAAA,OAAKC,UCVW,4BDWbF,EAAMG,KAAKC,IAAI,IAAAC,EAAAC,EAAA,OACdL,EAAAA,cAAA,OAAKC,UCXO,2BDWiBK,IAAKH,EAAKI,KAAKC,OAAOC,MACjDT,EAAAA,cAAA,OAAKC,UCVK,4BDWRD,EAAAA,cAAA,QACEC,UCVM,2BDWNS,SAAU,IAAIC,KAAKR,EAAKI,KAAKK,YAAYC,MAAMC,mBAC7C,QACA,CAAEC,KAAM,UAAWC,MAAO,UAAWC,IAAK,aAG3C,IAAIN,KAAKR,EAAKI,KAAKK,YAAYC,MAAMC,mBAAmB,QAAS,CAChEC,KAAM,UACNC,MAAO,aAGXhB,EAAAA,cAAA,QAAMC,UC3BK,iCD6BbD,EAAAA,cAAA,MAAIC,UCtBO,6BDuBTD,EAAAA,cAACkB,EAAAA,KAAI,CACHjB,UC5BM,2BD6BNkB,IAAyB,QAArBf,EAAAD,EAAKI,KAAKK,mBAAW,IAAAR,OAAA,EAArBA,EAAuBK,OAAQN,EAAKI,KAAKC,OAAOC,MAEnDN,EAAKI,KAAKK,YAAYQ,QAG3BpB,EAAAA,cAAA,KAAGC,UCtCc,mCDuCdE,EAAKI,KAAKK,YAAYS,aAEzBrB,EAAAA,cAACkB,EAAAA,KAAI,CACHjB,UCpCQ,2BDqCRkB,IAAyB,QAArBd,EAAAF,EAAKI,KAAKK,mBAAW,IAAAP,OAAA,EAArBA,EAAuBI,OAAQN,EAAKI,KAAKC,OAAOC,MACrD,QAGG,IAEJ,C,2GEjDGa,EAAU,oCCqDrB,MAtCmBxB,IAKL,IALM,aAClByB,EAAY,aACZC,EAAY,YACZC,EAAW,YACXC,GACM5B,EACN,MAAM6B,EAAgBC,IDhBE,yCCgB8B,CACpD,CAACC,IAAkBH,IAGfI,EAAgBF,IDvBF,qCCuB8B,CAChD,CAACC,IAAkBJ,IAGrB,OACEzB,EAAAA,cAAA,OAAKC,UD3Be,wCC4BlBD,EAAAA,cAAA,OAAKC,UD3BW,sCC4BdD,EAAAA,cAACkB,EAAAA,KAAI,CACHa,IAAI,OACJZ,GAAIO,EAAcH,EAAe,IACjCtB,UAAW0B,GAEVK,EAAAA,EAAAA,YAGLhC,EAAAA,cAAA,OAAKC,UDvCO,kCCwCVD,EAAAA,cAACkB,EAAAA,KAAI,CACHa,IAAI,OACJZ,GAAIM,EAAcD,EAAe,IACjCvB,UAAW6B,GAEVE,EAAAA,EAAAA,YAGD,C,qJC9BV,MA+CaC,EAAwBC,IAAsB,IAArB,YAAEC,GAAaD,EACnD,MAAM,MAAEd,EAAK,SAAEgB,IAAaC,EAAAA,EAAAA,OAE1BC,YAAcC,YAAaC,IACzBL,EACEM,EAAYD,EAAO,EAAC,gBAAmBA,EAAI,MAAMpB,EAAUA,EAEjE,OAAOpB,EAAAA,cAAC0C,EAAAA,EAAI,CAACtB,MAAOqB,EAAWpB,YAAae,GAAY,EAG1D,UAzDuCtC,IAAmC,IAAlC,KAAE6C,EAAI,YAAER,GAAoBrC,EAClE,MAAM,WAAEwC,GAAeH,GACjB,YAAEV,EAAW,YAAEC,EAAW,aAAEH,EAAY,aAAEC,GAAiBc,GAE3D,MAAEvC,GAAU4C,EAAKC,kBAEvB,OACE5C,EAAAA,cAAC6C,EAAAA,EAAM,KACL7C,EAAAA,cAAC8C,EAAAA,EAAO,CAACC,SAAO,IAChB/C,EAAAA,cAACgD,EAAAA,EAAI,KACHhD,EAAAA,cAACiD,EAAAA,EAAI,CAAClD,MAAOA,IACbC,EAAAA,cAACkD,EAAAA,EAAU,CACT3B,aAAcA,EACdC,aAAcA,EACdE,YAAaA,EACbD,YAAaA,KAGV,C","sources":["webpack://gatsby-starter-lumen/./src/components/Feed/Feed.tsx","webpack://gatsby-starter-lumen/./src/components/Feed/Feed.module.scss","webpack://gatsby-starter-lumen/./src/components/Pagination/Pagination.module.scss","webpack://gatsby-starter-lumen/./src/components/Pagination/Pagination.tsx","webpack://gatsby-starter-lumen/./src/templates/IndexTemplate/IndexTemplate.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Link } from \"gatsby\";\n\nimport { Edge } from \"@/types\";\n\nimport * as styles from \"./Feed.module.scss\";\n\ntype Props = {\n  edges: Array<Edge>;\n};\n\nconst Feed: React.FC<Props> = ({ edges }: Props) => (\n  <div className={styles.feed}>\n    {edges.map((edge) => (\n      <div className={styles.item} key={edge.node.fields.slug}>\n        <div className={styles.meta}>\n          <time\n            className={styles.time}\n            dateTime={new Date(edge.node.frontmatter.date).toLocaleDateString(\n              \"ja-JP\",\n              { year: \"numeric\", month: \"2-digit\", day: \"numeric\" },\n            )}\n          >\n            {new Date(edge.node.frontmatter.date).toLocaleDateString(\"ja-JP\", {\n              year: \"numeric\",\n              month: \"2-digit\",\n            })}\n          </time>\n          <span className={styles.divider} />\n        </div>\n        <h2 className={styles.title}>\n          <Link\n            className={styles.link}\n            to={edge.node.frontmatter?.slug || edge.node.fields.slug}\n          >\n            {edge.node.frontmatter.title}\n          </Link>\n        </h2>\n        <p className={styles.description}>\n          {edge.node.frontmatter.description}\n        </p>\n        <Link\n          className={styles.more}\n          to={edge.node.frontmatter?.slug || edge.node.fields.slug}\n        >\n          Read\n        </Link>\n      </div>\n    ))}\n  </div>\n);\n\nexport default Feed;\n","// extracted by mini-css-extract-plugin\nexport var description = \"Feed-module--description--57348\";\nexport var divider = \"Feed-module--divider--81a18\";\nexport var feed = \"Feed-module--feed--a6204\";\nexport var item = \"Feed-module--item--c7a63\";\nexport var link = \"Feed-module--link--6123b\";\nexport var meta = \"Feed-module--meta--250c2\";\nexport var more = \"Feed-module--more--51a4e\";\nexport var time = \"Feed-module--time--72864\";\nexport var title = \"Feed-module--title--f252f\";","// extracted by mini-css-extract-plugin\nexport var disable = \"Pagination-module--disable--7e105\";\nexport var next = \"Pagination-module--next--1cab8\";\nexport var nextLink = \"Pagination-module--nextLink--532ff\";\nexport var pagination = \"Pagination-module--pagination--d61cb\";\nexport var previous = \"Pagination-module--previous--4a76b\";\nexport var previousLink = \"Pagination-module--previousLink--5590d\";","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { Link } from \"gatsby\";\n\nimport { PAGINATION } from \"@/constants\";\n\nimport * as styles from \"./Pagination.module.scss\";\n\ntype Props = {\n  prevPagePath: string;\n  nextPagePath: string;\n  hasNextPage: boolean;\n  hasPrevPage: boolean;\n};\n\nconst Pagination = ({\n  prevPagePath,\n  nextPagePath,\n  hasNextPage,\n  hasPrevPage,\n}: Props) => {\n  const prevClassName = classNames(styles.previousLink, {\n    [styles.disable]: !hasPrevPage,\n  });\n\n  const nextClassName = classNames(styles.nextLink, {\n    [styles.disable]: !hasNextPage,\n  });\n\n  return (\n    <div className={styles.pagination}>\n      <div className={styles.previous}>\n        <Link\n          rel=\"prev\"\n          to={hasPrevPage ? prevPagePath : \"/\"}\n          className={prevClassName}\n        >\n          {PAGINATION.PREV_PAGE}\n        </Link>\n      </div>\n      <div className={styles.next}>\n        <Link\n          rel=\"next\"\n          to={hasNextPage ? nextPagePath : \"/\"}\n          className={nextClassName}\n        >\n          {PAGINATION.NEXT_PAGE}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nexport default Pagination;\n","import React from \"react\";\n\nimport { graphql } from \"gatsby\";\n\nimport { Feed } from \"@/components/Feed\";\nimport { Layout } from \"@/components/Layout\";\nimport { Meta } from \"@/components/Meta\";\nimport { Page } from \"@/components/Page\";\nimport { Pagination } from \"@/components/Pagination\";\nimport { Sidebar } from \"@/components/Sidebar\";\nimport { useSiteMetadata } from \"@/hooks\";\nimport { AllMarkdownRemark, PageContext } from \"@/types\";\n\ninterface Props {\n  data: {\n    allMarkdownRemark: AllMarkdownRemark;\n  };\n  pageContext: PageContext;\n}\n\nconst IndexTemplate: React.FC<Props> = ({ data, pageContext }: Props) => {\n  const { pagination } = pageContext;\n  const { hasNextPage, hasPrevPage, prevPagePath, nextPagePath } = pagination;\n\n  const { edges } = data.allMarkdownRemark;\n\n  return (\n    <Layout>\n      <Sidebar isIndex />\n      <Page>\n        <Feed edges={edges} />\n        <Pagination\n          prevPagePath={prevPagePath}\n          nextPagePath={nextPagePath}\n          hasPrevPage={hasPrevPage}\n          hasNextPage={hasNextPage}\n        />\n      </Page>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query IndexTemplate($limit: Int!, $offset: Int!) {\n    allMarkdownRemark(\n      limit: $limit\n      skip: $offset\n      sort: { order: DESC, fields: [frontmatter___date] }\n      filter: { frontmatter: { template: { eq: \"post\" }, draft: { ne: true } } }\n    ) {\n      edges {\n        node {\n          fields {\n            slug\n          }\n          frontmatter {\n            description\n            title\n            date\n            slug\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const Head: React.FC<Props> = ({ pageContext }) => {\n  const { title, subtitle } = useSiteMetadata();\n  const {\n    pagination: { currentPage: page },\n  } = pageContext;\n  const pageTitle = page > 0 ? `Posts - Page ${page} - ${title}` : title;\n\n  return <Meta title={pageTitle} description={subtitle} />;\n};\n\nexport default IndexTemplate;\n"],"names":["_ref","edges","React","className","map","edge","_edge$node$frontmatte","_edge$node$frontmatte2","key","node","fields","slug","dateTime","Date","frontmatter","date","toLocaleDateString","year","month","day","Link","to","title","description","disable","prevPagePath","nextPagePath","hasNextPage","hasPrevPage","prevClassName","classNames","styles","nextClassName","rel","PAGINATION","Head","_ref2","pageContext","subtitle","useSiteMetadata","pagination","currentPage","page","pageTitle","Meta","data","allMarkdownRemark","Layout","Sidebar","isIndex","Page","Feed","Pagination"],"sourceRoot":""}