component---src-templates-tag-template-js-117d332acdd90226b6f7.js.map

{"version":3,"sources":["webpack:///./src/components/Feed/Feed.module.scss","webpack:///./src/components/Feed/Feed.js","webpack:///./src/components/Page/Page.module.scss","webpack:///./src/components/Page/Page.js","webpack:///./src/components/Pagination/Pagination.module.scss","webpack:///./node_modules/classnames/bind.js","webpack:///./src/templates/tag-template.js","webpack:///./src/components/Pagination/Pagination.js"],"names":["module","exports","Feed","edges","location","language","getLanguage","pathname","className","styles","map","edge","key","node","fields","slug","dateTime","moment","frontmatter","date","format","to","categorySlug","category","state","from","title","description","Page","children","pageRef","useRef","useEffect","current","scrollIntoView","ref","hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","this","Array","isArray","apply","call","join","default","query","TagTemplate","data","pageContext","tag","currentPage","prevPagePath","nextPagePath","hasPrevPage","hasNextPage","siteTitle","useSiteMetadata","titleKo","siteSubtitle","subtitle","subtitleKo","allMarkdownRemark","pageTitle","cx","bind","Pagination","prevClassName","nextClassName","rel","PAGINATION","PREV_PAGE","NEXT_PAGE"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,WAAa,iCAAiC,mBAAmB,uCAAuC,wBAAwB,4CAA4C,yBAAyB,6CAA6C,uBAAuB,2CAA2C,0BAA0B,8CAA8C,gCAAgC,oDAAoD,sBAAsB,4C,6KC+DzeC,EAnDF,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAH,OACX,kBAAC,WAAD,MACG,YAAmB,IAAhBC,EAAe,EAAfA,SACIC,EAAWC,YAAYF,EAASG,UACtC,OACE,yBAAKC,UAAWC,IAAM,MACnBN,EAAMO,KAAI,SAAAC,GAAI,OACb,yBAAKH,UAAWC,IAAM,WAAgBG,IAAKD,EAAKE,KAAKC,OAAOC,MAC1D,yBAAKP,UAAWC,IAAO,oBACrB,0BACED,UAAWC,IAAO,wBAClBO,SAAUC,IAAON,EAAKE,KAAKK,YAAYC,MAAMC,OAC3C,iBAGDH,IAAON,EAAKE,KAAKK,YAAYC,MAAMC,OACrB,OAAbf,EAAoB,eAAiB,eAGzC,0BAAMG,UAAWC,IAAO,6BACxB,0BAAMD,UAAWC,IAAO,6BACtB,kBAAC,OAAD,CACEY,GAAOV,EAAKE,KAAKC,OAAOQ,cACT,OAAbjB,EAAoB,GAAK,OAE3BG,UAAWC,IAAO,kCAEjBE,EAAKE,KAAKK,YAAYK,YAI7B,wBAAIf,UAAWC,IAAO,qBACpB,kBAAC,OAAD,CACED,UAAWC,IAAO,yBAClBY,GAAIV,EAAKE,KAAKC,OAAOC,KACrBS,MAAO,CAAEC,KAAMrB,EAASG,WAEvBI,EAAKE,KAAKK,YAAYQ,QAG3B,uBAAGlB,UAAWC,IAAO,2BAClBE,EAAKE,KAAKK,YAAYS,uB,qBCrDvC3B,EAAOC,QAAU,CAAC,KAAO,2BAA2B,YAAc,kCAAkC,YAAc,kCAAkC,WAAa,mC,kHCwBlJ2B,EAjBF,SAAC,GAAgC,IAA9BF,EAA6B,EAA7BA,MAAOG,EAAsB,EAAtBA,SACfC,EAAUC,mBAMhB,OAJAC,qBAAU,WACRF,EAAQG,QAAQC,oBAIhB,yBAAKC,IAAKL,EAAStB,UAAWC,IAAM,MAClC,yBAAKD,UAAWC,IAAM,aACnBiB,GAAS,wBAAIlB,UAAWC,IAAM,aAAkBiB,GACjD,yBAAKlB,UAAWC,IAAM,YAAiBoB,O,qBClB/C7B,EAAOC,QAAU,CAAC,WAAa,uCAAuC,iBAAmB,6CAA6C,wBAAwB,kDAAkD,iCAAiC,2DAA2D,iBAAmB,6CAA6C,wBAAwB,kDAAkD,iCAAiC,6D,qBCDvd,OAOA,WACE,aAEA,IAAImC,EAAS,GAAGC,eAEhB,SAASC,IAGP,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAAMF,UAAUD,GACpB,GAAKG,EAAL,CACA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC1BL,EAAQM,KAAKC,MAAQA,KAAKH,IAAQA,QAC7B,GAAII,MAAMC,QAAQL,GACvBJ,EAAQM,KAAKP,EAAWW,MAAMH,KAAMH,SAC/B,GAAgB,WAAZC,EACT,IAAK,IAAIhC,KAAO+B,EACVP,EAAOc,KAAKP,EAAK/B,IAAQ+B,EAAI/B,IAC/B2B,EAAQM,KAAKC,MAAQA,KAAKlC,IAAQA,IAM1C,OAAO2B,EAAQY,KAAK,KAGenD,EAAOC,SAC1CqC,EAAWc,QAAUd,EACrBtC,EAAOC,QAAUqC,QAKhB,KAFwB,EAAF,WACrB,OAAOA,GACR,QAFoB,OAEpB,aApCL,I,kCCNA,8IA0Dae,EAAK,aA8CHC,UAzFK,SAAC,GAAkC,IAAhCC,EAA+B,EAA/BA,KAAMC,EAAyB,EAAzBA,YAEzBC,EAOED,EAPFC,IACAC,EAMEF,EANFE,YACAC,EAKEH,EALFG,aACAC,EAIEJ,EAJFI,aACAC,EAGEL,EAHFK,YACAC,EAEEN,EAFFM,YACAzD,EACEmD,EADFnD,SAEI0D,EACS,OAAb1D,EAAoB2D,cAAkBtC,MAAQsC,cAAkBC,QAC5DC,EACS,OAAb7D,EACI2D,cAAkBG,SAClBH,cAAkBI,WAEhBjE,EAAUoD,EAAKc,kBAAflE,MACFmE,EACJZ,EAAc,EACG,OAAbrD,EAAA,wBAC0BoD,EAD1B,WACwCC,EADxC,MACyDK,EADzD,IAEMN,EAFN,yBAEkCC,EAFlC,MAEmDK,EACtC,OAAb1D,EAAA,wBACwBoD,EADxB,OACkCM,EADlC,IAEIN,EAFJ,qBAE4BM,EAElC,OACE,kBAAC,IAAD,CAAQrC,MAAO4C,EAAW3C,YAAauC,GACrC,kBAAC,IAAD,MACA,kBAAC,IAAD,CAAMxC,MAAO+B,GACX,kBAAC,IAAD,CAAMtD,MAAOA,IACb,kBAAC,IAAD,CACEwD,aAAcA,EACdC,aAAcA,EACdC,YAAaA,EACbC,YAAaA,Q,+JCtCjBS,EAAKjC,IAAWkC,KAAK/D,KA8BZgE,EA5BI,SAAC,GAKN,IAJZd,EAIW,EAJXA,aACAC,EAGW,EAHXA,aACAE,EAEW,EAFXA,YACAD,EACW,EADXA,YAEMa,EAAgBH,EAAG,CACvB,yBAAyB,EACzB,kCAAmCV,IAG/Bc,EAAgBJ,EAAG,CACvB,yBAAyB,EACzB,kCAAmCT,IAGrC,OACE,yBAAKtD,UAAWC,IAAM,YACpB,yBAAKD,UAAWC,IAAM,kBACpB,kBAAC,OAAD,CAAMmE,IAAI,OAAOvD,GAAIwC,EAAcF,EAAe,IAAKnD,UAAWkE,GAAgBG,IAAWC,YAE/F,yBAAKtE,UAAWC,IAAM,kBACpB,kBAAC,OAAD,CAAMmE,IAAI,OAAOvD,GAAIyC,EAAcF,EAAe,IAAKpD,UAAWmE,GAAgBE,IAAWE","file":"component---src-templates-tag-template-js-117d332acdd90226b6f7.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"feed__item\":\"Feed-module--feed__item--2D5rE\",\"feed__item-title\":\"Feed-module--feed__item-title--3nigr\",\"feed__item-title-link\":\"Feed-module--feed__item-title-link--iFMRs\",\"feed__item-description\":\"Feed-module--feed__item-description--1uO8e\",\"feed__item-meta-time\":\"Feed-module--feed__item-meta-time--3t1fg\",\"feed__item-meta-divider\":\"Feed-module--feed__item-meta-divider--N-Q0A\",\"feed__item-meta-category-link\":\"Feed-module--feed__item-meta-category-link--23f8F\",\"feed__item-readmore\":\"Feed-module--feed__item-readmore--1u6bI\"};","// @flow\nimport React from 'react';\nimport moment from 'moment';\nimport { Link } from 'gatsby';\nimport { Location } from '@reach/router';\nimport type { Edges } from '../../types';\nimport styles from './Feed.module.scss';\nimport { getLanguage } from '../../utils/languageContext';\n\ntype Props = {\n  edges: Edges\n};\n\nconst Feed = ({ edges }: Props) => (\n  <Location>\n    {({ location }) => {\n      const language = getLanguage(location.pathname);\n      return (\n        <div className={styles['feed']}>\n          {edges.map(edge => (\n            <div className={styles['feed__item']} key={edge.node.fields.slug}>\n              <div className={styles['feed__item-meta']}>\n                <time\n                  className={styles['feed__item-meta-time']}\n                  dateTime={moment(edge.node.frontmatter.date).format(\n                    'MMMM D, YYYY'\n                  )}\n                >\n                  {moment(edge.node.frontmatter.date).format(\n                    language === 'en' ? 'MMMM D, YYYY' : 'YYYY/MM/DD'\n                  )}\n                </time>\n                <span className={styles['feed__item-meta-divider']} />\n                <span className={styles['feed__item-meta-category']}>\n                  <Link\n                    to={`${edge.node.fields.categorySlug}${\n                      language === 'en' ? '' : '/ko'\n                    }`}\n                    className={styles['feed__item-meta-category-link']}\n                  >\n                    {edge.node.frontmatter.category}\n                  </Link>\n                </span>\n              </div>\n              <h2 className={styles['feed__item-title']}>\n                <Link\n                  className={styles['feed__item-title-link']}\n                  to={edge.node.fields.slug}\n                  state={{ from: location.pathname }}\n                >\n                  {edge.node.frontmatter.title}\n                </Link>\n              </h2>\n              <p className={styles['feed__item-description']}>\n                {edge.node.frontmatter.description}\n              </p>\n            </div>\n          ))}\n        </div>\n      );\n    }}\n  </Location>\n);\n\nexport default Feed;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"page\":\"Page-module--page--2nMky\",\"page__inner\":\"Page-module--page__inner--2M_vz\",\"page__title\":\"Page-module--page__title--GPD8L\",\"page__body\":\"Page-module--page__body--Ic6i6\"};","import React, { useRef, useEffect } from 'react';\nimport styles from './Page.module.scss';\n\ntype Props = {\n  title?: string,\n  children: React.Node\n};\n\nconst Page = ({ title, children }: Props) => {\n  const pageRef = useRef();\n\n  useEffect(() => {\n    pageRef.current.scrollIntoView();\n  });\n\n  return (\n    <div ref={pageRef} className={styles['page']}>\n      <div className={styles['page__inner']}>\n        {title && <h1 className={styles['page__title']}>{title}</h1>}\n        <div className={styles['page__body']}>{children}</div>\n      </div>\n    </div>\n  );\n};\n\nexport default Page;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pagination\":\"Pagination-module--pagination--2H3nO\",\"pagination__prev\":\"Pagination-module--pagination__prev--bet5s\",\"pagination__prev-link\":\"Pagination-module--pagination__prev-link--1Nzs6\",\"pagination__prev-link--disable\":\"Pagination-module--pagination__prev-link--disable--Yklx9\",\"pagination__next\":\"Pagination-module--pagination__next--3hFiN\",\"pagination__next-link\":\"Pagination-module--pagination__next-link--3FUtA\",\"pagination__next-link--disable\":\"Pagination-module--pagination__next-link--disable--30UwZ\"};","/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n\n/* global define */\n(function () {\n  'use strict';\n\n  var hasOwn = {}.hasOwnProperty;\n\n  function classNames() {\n    var classes = [];\n\n    for (var i = 0; i < arguments.length; i++) {\n      var arg = arguments[i];\n      if (!arg) continue;\n      var argType = typeof arg;\n\n      if (argType === 'string' || argType === 'number') {\n        classes.push(this && this[arg] || arg);\n      } else if (Array.isArray(arg)) {\n        classes.push(classNames.apply(this, arg));\n      } else if (argType === 'object') {\n        for (var key in arg) {\n          if (hasOwn.call(arg, key) && arg[key]) {\n            classes.push(this && this[key] || key);\n          }\n        }\n      }\n    }\n\n    return classes.join(' ');\n  }\n\n  if (typeof module !== 'undefined' && module.exports) {\n    classNames.default = classNames;\n    module.exports = classNames;\n  } else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n    // register as 'classnames', consistent with npm package name\n    define('classnames', [], function () {\n      return classNames;\n    });\n  } else {\n    window.classNames = classNames;\n  }\n})();","// @flow\nimport React from 'react';\nimport { graphql } from 'gatsby';\nimport Layout from '../components/Layout';\nimport Sidebar from '../components/Sidebar';\nimport Feed from '../components/Feed';\nimport Page from '../components/Page';\nimport Pagination from '../components/Pagination';\nimport { useSiteMetadata } from '../hooks';\nimport type { AllMarkdownRemark, PageContext } from '../types';\n\ntype Props = {\n  data: AllMarkdownRemark,\n  pageContext: PageContext\n};\n\nconst TagTemplate = ({ data, pageContext }: Props) => {\n  const {\n    tag,\n    currentPage,\n    prevPagePath,\n    nextPagePath,\n    hasPrevPage,\n    hasNextPage,\n    language\n  } = pageContext;\n  const siteTitle =\n    language === 'en' ? useSiteMetadata().title : useSiteMetadata().titleKo;\n  const siteSubtitle =\n    language === 'en'\n      ? useSiteMetadata().subtitle\n      : useSiteMetadata().subtitleKo;\n\n  const { edges } = data.allMarkdownRemark;\n  const pageTitle =\n    currentPage > 0\n      ? language === 'en'\n        ? `All Posts tagged as \"${tag}\" - Page${currentPage} - ${siteTitle}`\n        : `\"${tag}\" 태그가 있는 모든 포스트 - Page${currentPage} - ${siteTitle}`\n      : language === 'en'\n      ? `All Posts tagged as \"${tag}\" - ${siteTitle}`\n      : `\"${tag}\" 태그가 있는 모든 포스트 - ${siteTitle}`;\n\n  return (\n    <Layout title={pageTitle} description={siteSubtitle}>\n      <Sidebar />\n      <Page title={tag}>\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 TagPage(\n    $tag: String\n    $postsLimit: Int!\n    $postsOffset: Int!\n    $language: String!\n  ) {\n    site {\n      siteMetadata {\n        title\n        titleKo\n        subtitle\n        subtitleKo\n      }\n    }\n    allMarkdownRemark(\n      limit: $postsLimit\n      skip: $postsOffset\n      filter: {\n        frontmatter: {\n          tags: { in: [$tag] }\n          template: { eq: \"post\" }\n          draft: { ne: true }\n          language: { eq: $language }\n        }\n      }\n      sort: { order: DESC, fields: [frontmatter___date] }\n    ) {\n      edges {\n        node {\n          fields {\n            slug\n            categorySlug\n          }\n          frontmatter {\n            title\n            date\n            category\n            description\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default TagTemplate;\n","// @flow\nimport React from 'react';\nimport classNames from 'classnames/bind';\nimport { Link } from 'gatsby';\nimport { PAGINATION } from '../../constants';\nimport styles from './Pagination.module.scss';\n\ntype Props = {\n  prevPagePath: string,\n  nextPagePath: string,\n  hasNextPage: boolean,\n  hasPrevPage: boolean\n};\n\nconst cx = classNames.bind(styles);\n\nconst Pagination = ({\n  prevPagePath,\n  nextPagePath,\n  hasNextPage,\n  hasPrevPage\n}: Props) => {\n  const prevClassName = cx({\n    'pagination__prev-link': true,\n    'pagination__prev-link--disable': !hasPrevPage\n  });\n\n  const nextClassName = cx({\n    'pagination__next-link': true,\n    'pagination__next-link--disable': !hasNextPage\n  });\n\n  return (\n    <div className={styles['pagination']}>\n      <div className={styles['pagination__prev']}>\n        <Link rel=\"prev\" to={hasPrevPage ? prevPagePath : '/'} className={prevClassName}>{PAGINATION.PREV_PAGE}</Link>\n      </div>\n      <div className={styles['pagination__next']}>\n        <Link rel=\"next\" to={hasNextPage ? nextPagePath : '/'} className={nextClassName}>{PAGINATION.NEXT_PAGE}</Link>\n      </div>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"sourceRoot":""}