{"version":3,"file":"component---src-templates-tags-js-d603d4e459ddb47845a7.js","mappings":"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","sources":["webpack://gatsby-starter-blog/./src/components/layout.js","webpack://gatsby-starter-blog/./src/components/post-card.js","webpack://gatsby-starter-blog/./src/components/tag.js","webpack://gatsby-starter-blog/./src/templates/tags.js"],"sourcesContent":["import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\nconst Layout = ({ location, title, subtitle, children }) => {\n  const rootPath = `${__PATH_PREFIX__}/`\n  const isRootPath = location.pathname === rootPath\n  let header\n\n  header = (\n    <span className=\"header-container\">\n\t\t\t<h1 className=\"main-heading\">\n        <Link to=\"/\">{title} | <span className=\"subtitle\">{subtitle}</span></Link>\n      </h1>\n\t\t\t<span className=\"header-menu\">\n\t\t\t\t<a href=\"https://github.com/kabartolo\" target=\"_blank\" rel=\"noopener noreferrer\"><i className={`header-icon devicon-github-plain colored`}></i></a>\n\t\t\t\t<a href=\"https://www.linkedin.com/in/kabartolo/\" target=\"_blank\" rel=\"noopener noreferrer\"><i className={`header-icon devicon-linkedin-plain colored`}></i></a>\n\t\t\t\t<Link to=\"/about\">About</Link>\n\t\t\t</span>\n\t\t</span>\n    )\n\n  return (\n    <div className=\"global-wrapper\" data-is-root-path={isRootPath}>\n      <header className=\"global-header\">{header}</header>\n      <main>{children}</main>\n      <footer className=\"global-footer\">\n        <span className=\"footer-container\">\n\t\t\t\t\t© {new Date().getFullYear()}, Built with\n\t        {` `}\n\t        <a href=\"https://www.gatsbyjs.com\" target=\"_blank\" rel=\"noopener noreferrer\">Gatsby</a> and the <a href=\"https://developers.forem.com/api\" target=\"_blank\" rel=\"noopener noreferrer\">DEV API</a>\n\t\t\t\t</span>\n      </footer>\n    </div>\n  )\n}\n\nexport default Layout\n","import React from \"react\"\n\nimport { Link } from \"gatsby\";\nimport Tag from \"../components/tag\"\n\nimport \"devicon/devicon.min.css\";\n\nconst PostCard = (props) => {\n    const { slug, title, date, description, tags, devTo } = props\n\t\tconst publishedOnDevTo = (devTo) => {\n\t\t\treturn devTo ?\n\t\t\t\"on DEV.to\"\n\t\t\t: null\n\t\t}\n\n    return (\n\t\t\t<li className=\"post-card\">\n\t\t\t\t<div className=\"post-card-tag-list\">\n\t\t\t\t\t{tags.map((tag, i) => (\n\t\t\t\t\t\t<span key={tag} className=\"postcard-tag\"><Tag name={tag} /></span>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<Link to={slug} itemProp=\"url\">\n\t\t\t\t\t<article\n\t\t\t\t\t\tclassName=\"post-list-item\"\n\t\t\t\t\t\titemScope\n\t\t\t\t\t\titemType=\"http://schema.org/Article\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t<span itemProp=\"headline\">{title}</span>\n\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t<small>{date} {publishedOnDevTo(devTo)}</small>\n\t\t\t\t\t\t</header>\n\t\t\t\t\t\t<section>\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html: description,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\titemProp=\"description\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</article>\n\t\t\t\t</Link>\n\t\t\t</li>\n    )\n}\n\nexport default PostCard\n","import React from \"react\"\n\nimport { Link } from \"gatsby\";\n\nimport \"devicon/devicon.min.css\";\n\nconst tagNames = {\n\tcplusplus: \"C++\",\n\tcsharp: \"C#\",\n\tcss: \"CSS\",\n\tdocs: \"Docs\",\n\tgamedev: \"Game Dev\",\n\tgatsby: \"Gatsby\",\n\thtml: \"HTML\",\n\tjavascript: \"JavaScript\",\n\tn64: \"N64\",\n\tnode: \"Node.js\",\n\tpython: \"Python\",\n\trails: \"Rails\",\n\twebdev: \"Web Dev\",\n\treact: \"React\",\n\ttutorials: \"Tutorials\",\n\truby: \"Ruby\",\n\tapi: \"API\",\n}\n\nconst Tag = (props) => {\n    const { name } = props\n\t\tlet deviconLabel = name;\n\t\t// Change DEV tags to Devicon icon names if they don't match\n\t\tif (name === \"node\") deviconLabel = \"nodejs\"\n\n    return (\n        <span className=\"tech-tag\">\n            <Link to={`/tags/${name}/`}>\n                {tagNames[name]}\n\t\t\t\t\t\t\t\t<i className={`devicon-${deviconLabel}-plain colored`}></i>\n            </Link>\n        </span>\n    )\n}\n\nexport default Tag\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n// Components\nimport { Link, graphql } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport PostCard from \"../components/post-card\"\n\nconst Tags = ({ location, pageContext, data }) => {\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n\tconst subtitle = data.site.siteMetadata.subtitle\n  const { tag } = pageContext\n  let { edges } = data.allMarkdownRemark\n\tconst posts = edges.concat(data.allPosts.edges)\n  const tagHeader = `Posts tagged with \"${tag}\"`\n  return (\n\t\t<Layout location={location} title={siteTitle} subtitle={subtitle}>\n      <h1>{tagHeader}</h1>\n\t\t\t<Link to=\"/tags\">All tags</Link>\n      <ol className=\"post-list\">\n        {posts.map(({ node }) => {\n\t\t\t\t\tconst frontmatter = node.frontmatter || node\n          const title = frontmatter.title\n\t\t\t\t\tconst slug = node.fields.slug ? node.fields.slug : `/${node.slug}/`\n          return (\n\t\t\t\t\t\t<PostCard\n\t\t\t\t\t\t\t\tkey={node.id}\n\t\t\t\t\t\t\t\tslug={slug}\n\t\t\t\t\t\t\t\ttitle={title}\n\t\t\t\t\t\t\t\tdate={frontmatter.date}\n\t\t\t\t\t\t\t\tdescription={frontmatter.description}\n\t\t\t\t\t\t\t\ttags={frontmatter.tags || []}\n\t\t\t\t\t\t\t\tdevTo={node.fields.dev_to}\n\t\t\t\t\t\t/>\n          )\n        })}\n      </ol>\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            frontmatter: PropTypes.shape({\n              title: PropTypes.string.isRequired,\n            }),\n            fields: PropTypes.shape({\n              slug: PropTypes.string.isRequired,\n            }),\n          }),\n        }).isRequired\n      ),\n    }),\n  }),\n}\n\nexport default Tags\nexport const pageQuery = graphql`\n  query($tag: String) {\n\t\tsite {\n      siteMetadata {\n        title\n\t\t\t\tsubtitle\n      }\n    }\n\t\tallMarkdownRemark(\n      limit: 2000\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { tags: { in: [$tag] }, published: { eq: true } } }\n    ) {\n      totalCount\n      edges {\n        node {\n\t\t\t\t\tid\n          fields {\n            slug\n          }\n          frontmatter {\n\t\t\t\t\t\tdate(formatString: \"MMMM DD, YYYY\")\n\t          title\n\t          description\n\t\t\t\t\t\ttags\n          }\n        }\n      }\n    }\n\t\tallPosts(\n\t\t\tlimit: 2000\n\t\t\tfilter: { tag_list: { in: [$tag] } }\n\t\t) {\n\t\t\tedges {\n\t\t\t\tnode {\n\t\t\t\t\tid\n\t\t\t\t\ttitle\n\t\t\t\t\tdescription\n\t\t\t\t\tdate: published_at(formatString: \"MMMM DD, YYYY\")\n\t\t\t\t\ttags: tag_list\n\t\t\t\t\tslug\n\t\t\t\t\tfields {\n\t\t\t\t\t\tdev_to\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n  }\n`\n"],"names":["header","location","title","subtitle","children","isRootPath","pathname","className","Link","to","href","target","rel","Date","getFullYear","props","slug","date","description","tags","devTo","map","tag","i","key","name","itemProp","itemScope","itemType","publishedOnDevTo","dangerouslySetInnerHTML","__html","tagNames","cplusplus","csharp","css","docs","gamedev","gatsby","html","javascript","n64","node","python","rails","webdev","react","tutorials","ruby","api","deviconLabel","pageContext","data","siteTitle","site","siteMetadata","posts","allMarkdownRemark","edges","concat","allPosts","tagHeader","frontmatter","fields","id","dev_to"],"sourceRoot":""}