{"version":3,"file":"component---src-templates-tags-js-b81aa364f5f1caf0bd69.js","mappings":"uJAiCA,IA7BiB,SAAC,GAA2D,IAAzDA,EAAwD,EAAxDA,KAAMC,EAAkD,EAAlDA,MAAOC,EAA2C,EAA3CA,KAAMC,EAAqC,EAArCA,YAAaC,EAAwB,EAAxBA,QAASC,EAAe,EAAfA,SAC3D,OACE,2BACEC,UAAU,iBACVC,WAAS,EACTC,SAAS,6BAET,0BAAQF,UAAU,QAChB,sBAAIA,UAAU,0BACZ,gBAAC,EAAAG,KAAD,CAAMC,GAAIV,EAAMW,SAAS,OACvB,wBAAMA,SAAS,YAAYV,KAG/B,yBAAOK,UAAU,yBAA4BJ,EAA7C,MAAuDG,IAEzD,2BAASC,UAAU,aACjB,qBACEA,UAAU,eACVM,wBAAyB,CACvBC,OAAQV,GAAeC,GAEzBO,SAAS,oB,0ECSnB,IA5BgB,WACd,IAWMG,GAXOC,EAAAA,EAAAA,gBAAe,aAWTC,UAAUF,MAE7B,OACE,0BACGA,EAAMG,KAAI,SAAAC,GAAG,OACZ,gBAAC,IAAD,CACElB,KAAI,SAAWmB,GAAAA,CAAUD,EAAIE,YAAzB,IACJC,IAAKH,EAAIE,YAERF,EAAIE,WAJP,KAIqBF,EAAII,WAJzB,W,sGCmDR,UA9Da,SAAC,GAAqC,IAAnCC,EAAkC,EAAlCA,YAAaC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACzBP,EAAQK,EAARL,IACR,EAA8BM,EAAKE,kBAA3BC,EAAR,EAAQA,MACFC,EAAeV,EAAN,IADf,EAAeI,WACA,OAEf,OACE,gBAAC,IAAD,CAAQG,SAAUA,EAAUxB,MAAM,OAAOS,GAAG,SAC1C,gBAAC,IAAD,CAAKT,MAAO2B,IACZ,gBAAC,IAAD,CAAQ3B,MAAO2B,IACf,uBAAKtB,UAAU,aACb,gBAAC,IAAD,KAAesB,GACf,gBAAC,IAAD,MACA,sBAAIC,MAAO,CAAEC,UAAW,SACrBH,EAAMV,KAAI,YAAe,IAAZc,EAAW,EAAXA,KACMC,EAAoBD,EAA9BE,OAAUD,KAAQ5B,EAAY2B,EAAZ3B,QAC1B,EAA+C2B,EAAKG,YAA5CjC,EAAR,EAAQA,MAAOC,EAAf,EAAeA,KAAMC,EAArB,EAAqBA,YAAaE,EAAlC,EAAkCA,SAClC,OACE,sBAAIgB,IAAKW,EAAM1B,UAAU,kEACvB,gBAAC,IAAD,CACEN,KAAMgC,EACN/B,MAAOA,EACPC,KAAMA,EACNC,YAAaA,EACbC,QAASA,EACTC,SAAUA","sources":["webpack://gatsby-starter-blog/./src/components/postItem.js","webpack://gatsby-starter-blog/./src/components/tagList.js","webpack://gatsby-starter-blog/./src/templates/tags.js"],"sourcesContent":["import * as React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Link } from \"gatsby\"\n\nconst PostItem = ({ link, title, date, description, excerpt, category }) => {\n  return (\n    <article\n      className=\"post-item my-8\"\n      itemScope\n      itemType=\"http://schema.org/Article\"\n    >\n      <header className=\"mb-1\">\n        <h2 className=\"mb-2 text-xl font-bold\">\n          <Link to={link} itemProp=\"url\">\n            <span itemProp=\"headline\">{title}</span>\n          </Link>\n        </h2>\n        <small className=\"text-xs text-gray-400\">{`${date} | ${category}`}</small>\n      </header>\n      <section className=\"text-base\">\n        <p\n          className=\"line-clamp-2\"\n          dangerouslySetInnerHTML={{\n            __html: description || excerpt,\n          }}\n          itemProp=\"description\"\n        />\n      </section>\n    </article>\n\n  )\n}\n\nexport default PostItem\n\nPostItem.propTypes = {\n  link: PropTypes.string,\n  title: PropTypes.string,\n  date: PropTypes.string,\n  description: PropTypes.string,\n  excerpt: PropTypes.string\n}","import * as React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport kebabCase from \"lodash/kebabCase\"\nimport TagItem from \"./tagItem\"\n\nconst TagList = () => {\n  const data = useStaticQuery(graphql`\n     query TagsGroupQuery {\n      tagsGroup: allMarkdownRemark(limit: 2000) {\n        group(field: frontmatter___tags) {\n          fieldValue\n          totalCount\n        }\n      }\n     }\n   `)\n\n  const group = data.tagsGroup.group;\n\n  return (\n    <ul>\n      {group.map(tag => (\n        <TagItem\n          link={`/tags/${kebabCase(tag.fieldValue)}/`}\n          key={tag.fieldValue}\n        >\n          {tag.fieldValue} ({tag.totalCount})\n        </TagItem>\n      ))}\n    </ul>\n  )\n}\n\nexport default TagList\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\n// Components\nimport { graphql } from \"gatsby\"\nimport TagList from \"../components/tagList\"\nimport { Helmet } from \"react-helmet\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport PostItem from \"../components/postItem\"\nimport PageHeading from \"../components/pageHeading\"\n\nconst Tags = ({ pageContext, data, location }) => {\n  const { tag } = pageContext\n  const { edges, totalCount } = data.allMarkdownRemark\n  const tagHeader = `${tag}：${totalCount} 篇文章`\n\n  return (\n    <Layout location={location} title=\"全部标签\" to=\"/tags\">\n      <Seo title={tagHeader} />\n      <Helmet title={tagHeader} />\n      <div className=\"tags-page\">\n        <PageHeading >{tagHeader}</PageHeading>\n        <TagList />\n        <ul style={{ listStyle: 'none' }}>\n          {edges.map(({ node }) => {\n            const { fields: { slug }, excerpt } = node\n            const { title, date, description, category } = node.frontmatter\n            return (\n              <li key={slug} className=\"delay-animate-list-item delay-animate-fade-in fade-in-slide-up\">\n                <PostItem\n                  link={slug}\n                  title={title}\n                  date={date}\n                  description={description}\n                  excerpt={excerpt}\n                  category={category}\n                />\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </Layout>\n  )\n}\n\nTags.propTypes = {\n  pageContext: PropTypes.shape({\n    tag: PropTypes.string.isRequired,\n  }),\n  data: PropTypes.shape({\n    allMarkdownRemark: PropTypes.shape({\n      totalCount: PropTypes.number.isRequired,\n      edges: PropTypes.arrayOf(\n        PropTypes.shape({\n          node: PropTypes.shape({\n            excerpt: PropTypes.string,\n            frontmatter: PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              date: PropTypes.string,\n              description: PropTypes.string,\n              category: PropTypes.string,\n            }),\n            fields: PropTypes.shape({\n              slug: PropTypes.string.isRequired,\n            }),\n          }),\n        }).isRequired\n      ),\n    }),\n  }),\n}\n\nexport default Tags\n\nexport const pageQuery = graphql`\n  query($tag: String) {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    allMarkdownRemark(\n      limit: 2000\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { tags: { in: [$tag] } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          excerpt\n          fields {\n            slug\n          }\n          frontmatter {\n            title\n            date(formatString: \"MMMM DD, YYYY\")\n            description\n            category\n          }\n        }\n      }\n    }\n  }\n`"],"names":["link","title","date","description","excerpt","category","className","itemScope","itemType","Link","to","itemProp","dangerouslySetInnerHTML","__html","group","useStaticQuery","tagsGroup","map","tag","kebabCase","fieldValue","key","totalCount","pageContext","data","location","allMarkdownRemark","edges","tagHeader","style","listStyle","node","slug","fields","frontmatter"],"sourceRoot":""}