component---src-templates-tags-tsx-12b7c0d70c2dff660936.js.map

{"version":3,"sources":["webpack:///./src/templates/tags.tsx","webpack:///./src/components/PostCard.tsx","webpack:///../gatsper-blog/node_modules/core-js/modules/es6.array.find.js","webpack:///../gatsper-blog/node_modules/core-js/modules/_array-methods.js","webpack:///../gatsper-blog/node_modules/core-js/modules/_array-species-create.js","webpack:///../gatsper-blog/node_modules/core-js/modules/_array-species-constructor.js"],"names":["Tags","props","tag","pageContext","_props$data$allMarkdo","data","allMarkdownRemark","edges","totalCount","tagData","allTagYaml","find","n","node","id","toLowerCase","Object","_emotion_core__WEBPACK_IMPORTED_MODULE_3__","_layouts__WEBPACK_IMPORTED_MODULE_9__","react_helmet__WEBPACK_IMPORTED_MODULE_11___default","a","lang","config","title","name","content","description","property","siteUrl","pathContext","slug","facebook","twitter","split","_components_Wrapper__WEBPACK_IMPORTED_MODULE_8__","className","image","css","_emotion_css__WEBPACK_IMPORTED_MODULE_0__","outer","SiteHeader","style","backgroundImage","childImageSharp","fluid","src","inner","_components_header_SiteNav__WEBPACK_IMPORTED_MODULE_6__","isHome","_styles_shared__WEBPACK_IMPORTED_MODULE_10__","react__WEBPACK_IMPORTED_MODULE_4___default","Fragment","SiteMain","PostFeed","PostFeedRaise","map","_ref","_components_PostCard__WEBPACK_IMPORTED_MODULE_7__","key","fields","post","_components_Footer__WEBPACK_IMPORTED_MODULE_5__","pageQuery","PostCardStyles","styles","PostCardImageLink","PostCardImage","_emotion_styled_base__WEBPACK_IMPORTED_MODULE_1__","target","colors","lightgrey","PostCardContent","PostCardContentLink","darkgrey","PostCardTags","midgrey","PostCardTitle","PostCardExcerpt","PostCardMeta","AuthorList","AuthorListItem","AuthorNameTooltip","StaticAvatar","AuthorProfileImage","lighten","ReadingTime","PostCard","_emotion_core__WEBPACK_IMPORTED_MODULE_2__","frontmatter","gatsby__WEBPACK_IMPORTED_MODULE_3__","to","gatsby_image__WEBPACK_IMPORTED_MODULE_4___default","alt","height","tags","excerpt","author","_","avatar","children","fixed","timeToRead","$export","__webpack_require__","$find","forced","Array","P","F","callbackfn","this","arguments","length","undefined","ctx","IObject","toObject","toLength","asc","module","exports","TYPE","$create","IS_MAP","IS_FILTER","IS_SOME","IS_EVERY","IS_FIND_INDEX","NO_HOLES","create","$this","that","val","res","O","self","f","index","result","push","speciesConstructor","original","isObject","isArray","SPECIES","C","constructor","prototype"],"mappings":"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","file":"component---src-templates-tags-tsx-12b7c0d70c2dff660936.js","sourcesContent":["import { graphql } from 'gatsby';\nimport React from 'react';\n\nimport Footer from '../components/Footer';\nimport SiteNav from '../components/header/SiteNav';\nimport PostCard from '../components/PostCard';\nimport Wrapper from '../components/Wrapper';\nimport IndexLayout from '../layouts';\nimport {\n  inner,\n  outer,\n  PostFeed,\n  PostFeedRaise,\n  SiteDescription,\n  SiteHeader,\n  SiteHeaderContent,\n  SiteMain,\n  SiteTitle,\n} from '../styles/shared';\nimport { PageContext } from './post';\nimport Helmet from 'react-helmet';\nimport config from '../website-config';\n\ninterface TagTemplateProps {\n  pathContext: {\n    slug: string;\n  };\n  pageContext: {\n    tag: string;\n  };\n  data: {\n    allTagYaml: {\n      edges: Array<{\n        node: {\n          id: string;\n          description: string;\n          image?: {\n            childImageSharp: {\n              fluid: any;\n            };\n          };\n        };\n      }>;\n    };\n    allMarkdownRemark: {\n      totalCount: number;\n      edges: Array<{\n        node: PageContext;\n      }>;\n    };\n  };\n}\n\nconst Tags: React.FC<TagTemplateProps> = props => {\n  const tag = (props.pageContext.tag) ? props.pageContext.tag : '';\n  const { edges, totalCount } = props.data.allMarkdownRemark;\n  const tagData = props.data.allTagYaml.edges.find(\n    n => n.node.id.toLowerCase() === tag.toLowerCase(),\n  );\n\n  return (\n    <IndexLayout>\n      <Helmet>\n        <html lang={config.lang} />\n        <title>\n          {tag} - {config.title}\n        </title>\n        <meta\n          name=\"description\"\n          content={tagData && tagData.node ? tagData.node.description : ''}\n        />\n        <meta property=\"og:site_name\" content={config.title} />\n        <meta property=\"og:type\" content=\"website\" />\n        <meta property=\"og:title\" content={`${tag} - ${config.title}`} />\n        <meta property=\"og:url\" content={config.siteUrl + props.pathContext.slug} />\n        {config.facebook && <meta property=\"article:publisher\" content={config.facebook} />}\n        <meta name=\"twitter:card\" content=\"summary_large_image\" />\n        <meta name=\"twitter:title\" content={`${tag} - ${config.title}`} />\n        <meta name=\"twitter:url\" content={config.siteUrl + props.pathContext.slug} />\n        {config.twitter && (\n          <meta\n            name=\"twitter:site\"\n            content={`@${config.twitter.split('https://twitter.com/')[1]}`}\n          />\n        )}\n      </Helmet>\n      <Wrapper>\n        <header\n          className={`${tagData && tagData.node.image ? '' : 'no-cover'}`}\n          css={[outer, SiteHeader]}\n          style={{\n            backgroundImage:\n              tagData && tagData.node.image ?\n                `url('${tagData.node.image.childImageSharp.fluid.src}')` :\n                '',\n          }}\n        >\n          <div css={inner}>\n            <SiteNav isHome={false} />\n            <SiteHeaderContent>\n              <SiteTitle>{tag}</SiteTitle>\n              <SiteDescription>\n                {tagData && tagData.node.description ? (\n                  tagData.node.description\n                ) : (\n                  <>\n                    A collection of {totalCount > 1 && `${totalCount} posts`}\n                    {totalCount === 1 && '1 post'}\n                    {totalCount === 0 && 'No posts'}\n                  </>\n                )}\n              </SiteDescription>\n            </SiteHeaderContent>\n          </div>\n        </header>\n        <main id=\"site-main\" css={[SiteMain, outer]}>\n          <div css={inner}>\n            <div css={[PostFeed, PostFeedRaise]}>\n              {edges.map(({ node }) => (\n                <PostCard key={node.fields.slug} post={node} />\n              ))}\n            </div>\n          </div>\n        </main>\n        <Footer />\n      </Wrapper>\n    </IndexLayout>\n  );\n};\n\nexport default Tags;\n\nexport const pageQuery = graphql`\n  query($tag: String) {\n    allTagYaml {\n      edges {\n        node {\n          id\n          description\n          image {\n            childImageSharp {\n              fluid(maxWidth: 3720) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n      }\n    }\n    allMarkdownRemark(\n      limit: 2000\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { tags: { in: [$tag] }, draft: { ne: true } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          excerpt\n          timeToRead\n          frontmatter {\n            title\n            tags\n            date\n            image {\n              childImageSharp {\n                fluid(maxWidth: 1240) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n            author {\n              id\n              bio\n              avatar {\n                children {\n                  ... on ImageSharp {\n                    fixed(quality: 90) {\n                      src\n                    }\n                  }\n                }\n              }\n            }\n          }\n          fields {\n            layout\n            slug\n          }\n        }\n      }\n    }\n  }\n`;\n","import { Link } from 'gatsby';\nimport Img from 'gatsby-image';\nimport * as _ from 'lodash';\nimport { lighten } from 'polished';\nimport * as React from 'react';\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/core';\n\nimport { colors } from '../styles/colors';\nimport { PageContext } from '../templates/post';\n\nconst PostCardStyles = css`\n  flex: 1 1 300px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  margin: 0 20px 40px;\n  min-height: 300px;\n  background: #fff center center;\n  background-size: cover;\n  border-radius: 5px;\n  box-shadow: rgba(39, 44, 49, 0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n  transition: all 0.5s ease;\n\n  :hover {\n    box-shadow: rgba(39, 44, 49, 0.07) 8px 28px 50px, rgba(39, 44, 49, 0.04) 1px 6px 12px;\n    transition: all 0.4s ease;\n    transform: translate3D(0, -1px, 0) scale(1.02);\n  }\n`;\n\nconst PostCardImageLink = css`\n  position: relative;\n  display: block;\n  overflow: hidden;\n  border-radius: 5px 5px 0 0;\n`;\n\nconst PostCardImage = styled.div`\n  width: auto;\n  height: 200px;\n  background: ${colors.lightgrey} no-repeat center center;\n  background-size: cover;\n`;\n\nconst PostCardContent = styled.div`\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n`;\n\nconst PostCardContentLink = css`\n  position: relative;\n  flex-grow: 1;\n  display: block;\n  padding: 25px 25px 0;\n  color: ${colors.darkgrey};\n\n  :hover {\n    text-decoration: none;\n  }\n`;\n\nconst PostCardTags = styled.span`\n  display: block;\n  margin-bottom: 4px;\n  color: ${colors.midgrey};\n  font-size: 1.2rem;\n  line-height: 1.15em;\n  font-weight: 500;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n`;\n\nconst PostCardTitle = styled.h2`\n  margin-top: 0;\n`;\n\nconst PostCardExcerpt = styled.section`\n  font-family: Georgia, serif;\n`;\n\nconst PostCardMeta = styled.footer`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  padding: 0 25px 25px;\n`;\n\nconst AuthorList = styled.ul`\n  display: flex;\n  flex-wrap: wrap-reverse;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n`;\n\nconst AuthorListItem = styled.li`\n  position: relative;\n  flex-shrink: 0;\n  margin: 0;\n  padding: 0;\n\n  :nth-of-type(1) {\n    z-index: 10;\n  }\n  :nth-of-type(2) {\n    z-index: 9;\n  }\n  :nth-of-type(3) {\n    z-index: 8;\n  }\n  :nth-of-type(4) {\n    z-index: 7;\n  }\n  :nth-of-type(5) {\n    z-index: 6;\n  }\n  :nth-of-type(6) {\n    z-index: 5;\n  }\n  :nth-of-type(7) {\n    z-index: 4;\n  }\n  :nth-of-type(8) {\n    z-index: 3;\n  }\n  :nth-of-type(9) {\n    z-index: 2;\n  }\n  :nth-of-type(10) {\n    z-index: 1;\n  }\n  :hover .author-name-tooltip {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n`;\n\nconst AuthorNameTooltip = styled.div`\n  position: absolute;\n  bottom: 105%;\n  z-index: 999;\n  display: block;\n  padding: 2px 8px;\n  color: white;\n  font-size: 1.2rem;\n  letter-spacing: 0.2px;\n  white-space: nowrap;\n  background: ${colors.darkgrey};\n  border-radius: 3px;\n  box-shadow: rgba(39, 44, 49, 0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n  opacity: 0;\n  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n  transform: translateY(6px);\n  pointer-events: none;\n\n  @media (max-width: 650px) {\n    display: none;\n  }\n`;\n\nconst StaticAvatar = css`\n  display: block;\n  overflow: hidden;\n  margin: 0 -5px;\n  width: 34px;\n  height: 34px;\n  border: #fff 2px solid;\n  border-radius: 100%;\n`;\n\nconst AuthorProfileImage = styled.img`\n  display: block;\n  width: 100%;\n  height: 100%;\n  /* background: color(var(--lightgrey) l(+10%)); */\n  background: ${lighten('0.1', colors.lightgrey)};\n  border-radius: 100%;\n  object-fit: cover;\n`;\n\nconst ReadingTime = styled.span`\n  flex-shrink: 0;\n  margin-left: 20px;\n  color: ${colors.midgrey};\n  font-size: 1.2rem;\n  line-height: 33px;\n  font-weight: 500;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n`;\n\nexport interface PostCardProps {\n  post: PageContext;\n}\n\nconst PostCard: React.FC<PostCardProps> = ({ post }) => {\n  return (\n    <article\n      className={`post-card ${post.frontmatter.image ? '' : 'no-image'}`}\n      css={PostCardStyles}\n    >\n      {post.frontmatter.image && (\n        <Link className=\"post-card-image-link\" css={PostCardImageLink} to={post.fields.slug}>\n          <PostCardImage className=\"post-card-image\">\n            {post.frontmatter.image &&\n              post.frontmatter.image.childImageSharp &&\n              post.frontmatter.image.childImageSharp.fluid && (\n              <Img\n                alt={`${post.frontmatter.title} cover image`}\n                style={{ height: '100%' }}\n                fluid={post.frontmatter.image.childImageSharp.fluid}\n              />\n            )}\n          </PostCardImage>\n        </Link>\n      )}\n      <PostCardContent className=\"post-card-content\">\n        <Link className=\"post-card-content-link\" css={PostCardContentLink} to={post.fields.slug}>\n          <header className=\"post-card-header\">\n            {post.frontmatter.tags && <PostCardTags>{post.frontmatter.tags[0]}</PostCardTags>}\n            <PostCardTitle>{post.frontmatter.title}</PostCardTitle>\n          </header>\n          <PostCardExcerpt>\n            <p>{post.excerpt}</p>\n          </PostCardExcerpt>\n        </Link>\n        <PostCardMeta className=\"post-card-meta\">\n          <AuthorList>\n            <AuthorListItem>\n              <AuthorNameTooltip className=\"author-name-tooltip\">\n                {post.frontmatter.author.id}\n              </AuthorNameTooltip>\n              <Link css={StaticAvatar} to={`/author/${_.kebabCase(post.frontmatter.author.id)}/`}>\n                <AuthorProfileImage\n                  src={post.frontmatter.author.avatar.children[0].fixed.src}\n                  alt={post.frontmatter.author.id}\n                />\n              </Link>\n            </AuthorListItem>\n          </AuthorList>\n          <ReadingTime>{post.timeToRead} min read</ReadingTime>\n        </PostCardMeta>\n      </PostCardContent>\n    </article>\n  );\n};\n\nexport default PostCard;\n","'use strict';\n// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined)\nvar $export = require('./_export');\nvar $find = require('./_array-methods')(5);\nvar KEY = 'find';\nvar forced = true;\n// Shouldn't skip holes\nif (KEY in []) Array(1)[KEY](function () { forced = false; });\n$export($export.P + $export.F * forced, 'Array', {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\nrequire('./_add-to-unscopables')(KEY);\n","// 0 -> Array#forEach\n// 1 -> Array#map\n// 2 -> Array#filter\n// 3 -> Array#some\n// 4 -> Array#every\n// 5 -> Array#find\n// 6 -> Array#findIndex\nvar ctx = require('./_ctx');\nvar IObject = require('./_iobject');\nvar toObject = require('./_to-object');\nvar toLength = require('./_to-length');\nvar asc = require('./_array-species-create');\nmodule.exports = function (TYPE, $create) {\n  var IS_MAP = TYPE == 1;\n  var IS_FILTER = TYPE == 2;\n  var IS_SOME = TYPE == 3;\n  var IS_EVERY = TYPE == 4;\n  var IS_FIND_INDEX = TYPE == 6;\n  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;\n  var create = $create || asc;\n  return function ($this, callbackfn, that) {\n    var O = toObject($this);\n    var self = IObject(O);\n    var f = ctx(callbackfn, that, 3);\n    var length = toLength(self.length);\n    var index = 0;\n    var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;\n    var val, res;\n    for (;length > index; index++) if (NO_HOLES || index in self) {\n      val = self[index];\n      res = f(val, index, O);\n      if (TYPE) {\n        if (IS_MAP) result[index] = res;   // map\n        else if (res) switch (TYPE) {\n          case 3: return true;             // some\n          case 5: return val;              // find\n          case 6: return index;            // findIndex\n          case 2: result.push(val);        // filter\n        } else if (IS_EVERY) return false; // every\n      }\n    }\n    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;\n  };\n};\n","// 9.4.2.3 ArraySpeciesCreate(originalArray, length)\nvar speciesConstructor = require('./_array-species-constructor');\n\nmodule.exports = function (original, length) {\n  return new (speciesConstructor(original))(length);\n};\n","var isObject = require('./_is-object');\nvar isArray = require('./_is-array');\nvar SPECIES = require('./_wks')('species');\n\nmodule.exports = function (original) {\n  var C;\n  if (isArray(original)) {\n    C = original.constructor;\n    // cross-realm fallback\n    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;\n    if (isObject(C)) {\n      C = C[SPECIES];\n      if (C === null) C = undefined;\n    }\n  } return C === undefined ? Array : C;\n};\n"],"sourceRoot":""}