-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-templates-tag-template-js-ef8cfe90c0f78bc1cfd9.js.map
1 lines (1 loc) · 20.6 KB
/
component---src-templates-tag-template-js-ef8cfe90c0f78bc1cfd9.js.map
1
{"version":3,"sources":["webpack:///./src/components/Sidebar/Author/Author.js","webpack:///./src/components/Icon/Icon.js","webpack:///./src/components/Sidebar/Contacts/Contacts.js","webpack:///./src/components/Sidebar/Copyright/Copyright.js","webpack:///./src/components/Sidebar/Menu/Menu.js","webpack:///./src/components/Sidebar/Sidebar.js","webpack:///./src/components/Feed/Feed.module.scss","webpack:///./src/components/Feed/Feed.js","webpack:///./src/components/Sidebar/Copyright/Copyright.module.scss","webpack:///./src/components/Page/Page.module.scss","webpack:///./src/components/Page/Page.js","webpack:///./src/components/Sidebar/Sidebar.module.scss","webpack:///./src/components/Pagination/Pagination.module.scss","webpack:///./node_modules/classnames/bind.js","webpack:///./src/components/Sidebar/Contacts/Contacts.module.scss","webpack:///./src/components/Icon/Icon.module.scss","webpack:///./src/templates/tag-template.js","webpack:///./src/components/Sidebar/Author/Author.module.scss","webpack:///./src/components/Sidebar/Menu/Menu.module.scss","webpack:///./src/components/Pagination/Pagination.js"],"names":["Author","author","isIndex","className","styles","to","src","withPrefix","photo","width","height","alt","name","bio","Icon","icon","viewBox","d","path","Contacts","contacts","Object","keys","map","key","href","getContactHref","rel","target","getIcon","Copyright","copyright","Menu","menu","item","activeClassName","label","Sidebar","useSiteMetadata","tags","useTagsList","Tags","tag","fieldValue","tagSlugs","toLowerCase","inSidebar","module","exports","Feed","edges","edge","node","fields","slug","dateTime","moment","frontmatter","date","format","categorySlug","category","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","TagTemplate","data","pageContext","siteTitle","siteSubtitle","subtitle","currentPage","prevPagePath","nextPagePath","hasPrevPage","hasNextPage","allMarkdownRemark","pageTitle","cx","bind","Pagination","prevClassName","nextClassName","PAGINATION","PREV_PAGE","NEXT_PAGE"],"mappings":"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","file":"component---src-templates-tag-template-js-ef8cfe90c0f78bc1cfd9.js","sourcesContent":["// @flow strict\nimport React from 'react';\nimport { withPrefix, Link } from 'gatsby';\nimport styles from './Author.module.scss';\n\ntype Props = {\n author: {\n name: string,\n bio: string,\n photo: string\n },\n isIndex: ?boolean\n};\n\nconst Author = ({ author, isIndex }: Props) => (\n <div className={styles['author']}>\n <Link to=\"/\">\n <img\n src={withPrefix(author.photo)}\n className={styles['author__photo']}\n width=\"75\"\n height=\"75\"\n alt={author.name}\n />\n </Link>\n\n { isIndex === true ? (\n <h1 className={styles['author__title']}>\n <Link className={styles['author__title-link']} to=\"/\">{author.name}</Link>\n </h1>\n ) : (\n <h2 className={styles['author__title']}>\n <Link className={styles['author__title-link']} to=\"/\">{author.name}</Link>\n </h2>\n )}\n <p className={styles['author__subtitle']}>{author.bio}</p>\n </div>\n);\n\nexport default Author;\n","// @flow strict\nimport React from 'react';\nimport styles from './Icon.module.scss';\n\ntype Props = {\n name: string,\n icon: {\n viewBox?: string,\n path?: string\n }\n};\n\nconst Icon = ({ name, icon }: Props) => (\n <svg className={styles['icon']} viewBox={icon.viewBox}>\n <title>{name}</title>\n <path d={icon.path} />\n </svg>\n);\n\nexport default Icon;\n","// @flow strict\nimport React from 'react';\nimport { getContactHref, getIcon } from '../../../utils';\nimport Icon from '../../Icon';\nimport styles from './Contacts.module.scss';\n\ntype Props = {\n contacts: {\n [string]: string,\n },\n};\n\nconst Contacts = ({ contacts }: Props) => (\n <div className={styles['contacts']}>\n <ul className={styles['contacts__list']}>\n {Object.keys(contacts).map((name) => (!contacts[name] ? null : (\n <li className={styles['contacts__list-item']} key={name}>\n <a\n className={styles['contacts__list-item-link']}\n href={getContactHref(name, contacts[name])}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n <Icon name={name} icon={getIcon(name)} />\n </a>\n </li>\n )))}\n </ul>\n </div>\n);\n\nexport default Contacts;\n","// @flow strict\nimport React from 'react';\nimport styles from './Copyright.module.scss';\n\ntype Props = {\n copyright: string\n};\n\nconst Copyright = ({ copyright }: Props) => (\n <div className={styles['copyright']}>\n {copyright}\n </div>\n);\n\nexport default Copyright;\n","// @flow strict\nimport React from 'react';\nimport { Link } from 'gatsby';\nimport styles from './Menu.module.scss';\n\ntype Props = {\n menu: {\n label: string,\n path: string\n }[]\n};\n\nconst Menu = ({ menu }: Props) => (\n <nav className={styles['menu']}>\n <ul className={styles['menu__list']}>\n {menu.map((item) => (\n <li className={styles['menu__list-item']} key={item.path}>\n <Link\n to={item.path}\n className={styles['menu__list-item-link']}\n activeClassName={styles['menu__list-item-link--active']}\n >\n {item.label}\n </Link>\n </li>\n ))}\n </ul>\n </nav>\n);\n\nexport default Menu;\n","// @flow\nimport React from 'react';\nimport Author from './Author';\nimport Contacts from './Contacts';\nimport Copyright from './Copyright';\nimport Menu from './Menu';\nimport styles from './Sidebar.module.scss';\nimport { useSiteMetadata, useTagsList } from '../../hooks';\nimport Tags from '../Post/Tags';\n\ntype Props = {\n isIndex?: boolean\n};\n\nconst Sidebar = ({ isIndex }: Props) => {\n const { author, copyright, menu } = useSiteMetadata();\n const tags = useTagsList();\n\n return (\n <div className={styles['sidebar']}>\n <div className={styles['sidebar__inner']}>\n <Author author={author} isIndex={isIndex} />\n <Menu menu={menu} />\n <Contacts contacts={author.contacts} />\n <Copyright copyright={copyright} />\n <Tags\n tags={tags.map((tag) => tag.fieldValue)}\n tagSlugs={tags.map((tag) => `/tag/${tag.fieldValue.toLowerCase()}`)}\n inSidebar\n />\n </div>\n </div>\n );\n};\n\nexport default Sidebar;\n","// 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 strict\nimport React from 'react';\nimport moment from 'moment';\nimport { Link } from 'gatsby';\nimport type { Edges } from '../../types';\nimport styles from './Feed.module.scss';\n\ntype Props = {\n edges: Edges\n};\n\nconst Feed = ({ edges }: Props) => (\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 className={styles['feed__item-meta-time']} dateTime={moment(edge.node.frontmatter.date).format('MMMM D, YYYY')}>\n {moment(edge.node.frontmatter.date).format('MMMM YYYY')}\n </time>\n <span className={styles['feed__item-meta-divider']} />\n <span className={styles['feed__item-meta-category']}>\n <Link to={edge.node.fields.categorySlug} className={styles['feed__item-meta-category-link']}>{edge.node.frontmatter.category}</Link>\n </span>\n </div>\n <h2 className={styles['feed__item-title']}>\n <Link className={styles['feed__item-title-link']} to={edge.node.fields.slug}>{edge.node.frontmatter.title}</Link>\n </h2>\n <p className={styles['feed__item-description']}>{edge.node.frontmatter.description}</p>\n <Link className={styles['feed__item-readmore']} to={edge.node.fields.slug}>Read</Link>\n </div>\n ))}\n </div>\n);\n\nexport default Feed;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"copyright\":\"Copyright-module--copyright--1ariN\"};","// 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']}>\n {children}\n </div>\n </div>\n </div>\n );\n};\n\nexport default Page;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sidebar\":\"Sidebar-module--sidebar--X4z2p\",\"sidebar__inner\":\"Sidebar-module--sidebar__inner--Jdc5s\"};","// 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})();","// extracted by mini-css-extract-plugin\nmodule.exports = {\"contacts\":\"Contacts-module--contacts--1rGd1\",\"contacts__list\":\"Contacts-module--contacts__list--3OgdW\",\"contacts__list-item\":\"Contacts-module--contacts__list-item--16p9q\",\"contacts__list-item-link\":\"Contacts-module--contacts__list-item-link--2MIDn\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"icon\":\"Icon-module--icon--Gpyvw\"};","// @flow strict\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 { title: siteTitle, subtitle: siteSubtitle } = useSiteMetadata();\n\n const {\n tag,\n currentPage,\n prevPagePath,\n nextPagePath,\n hasPrevPage,\n hasNextPage\n } = pageContext;\n\n const { edges } = data.allMarkdownRemark;\n const pageTitle = currentPage > 0 ? `All Posts tagged as \"${tag}\" - Page ${currentPage} - ${siteTitle}` : `All Posts tagged as \"${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($tag: String, $postsLimit: Int!, $postsOffset: Int!) {\n site {\n siteMetadata {\n title\n subtitle\n }\n }\n allMarkdownRemark(\n limit: $postsLimit,\n skip: $postsOffset,\n filter: { frontmatter: { tags: { in: [$tag] }, template: { eq: \"post\" }, draft: { ne: true } } },\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","// extracted by mini-css-extract-plugin\nmodule.exports = {\"author__photo\":\"Author-module--author__photo--36xCH\",\"author__title\":\"Author-module--author__title--2CaTb\",\"author__title-link\":\"Author-module--author__title-link--Yrism\",\"author__subtitle\":\"Author-module--author__subtitle--cAaEB\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"menu\":\"Menu-module--menu--Efbin\",\"menu__list\":\"Menu-module--menu__list--31Zeo\",\"menu__list-item\":\"Menu-module--menu__list-item--1lJ6B\",\"menu__list-item-link\":\"Menu-module--menu__list-item-link--10Ush\",\"menu__list-item-link--active\":\"Menu-module--menu__list-item-link--active--2CbUO\"};","// @flow strict\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":""}