component---src-templates-page-template-js-a3d3df513b5a75f059ed.js.map

{"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/Categories/Categories.js","webpack:///./src/components/Sidebar/Sidebar.js","webpack:///./src/templates/page-template.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/Sidebar/Contacts/Contacts.module.scss","webpack:///./src/components/Icon/Icon.module.scss","webpack:///./src/components/Sidebar/Author/Author.module.scss","webpack:///./src/components/Sidebar/Menu/Menu.module.scss","webpack:///./src/components/Sidebar/Categories/Menu.module.scss"],"names":["Author","author","isIndex","className","styles","to","src","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","Categories","fieldValue","Sidebar","useSiteMetadata","useTagsList","PageTemplate","data","siteTitle","title","siteSubtitle","subtitle","pageBody","markdownRemark","html","frontmatter","pageTitle","description","metaDescription","dangerouslySetInnerHTML","__html","module","exports","Page","children","pageRef","useRef","useEffect","current","scrollIntoView","ref"],"mappings":"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","file":"component---src-templates-page-template-js-a3d3df513b5a75f059ed.js","sourcesContent":["// @flow strict\r\nimport React from 'react';\r\nimport { withPrefix, Link } from 'gatsby';\r\nimport styles from './Author.module.scss';\r\n\r\ntype Props = {\r\n  author: {\r\n    name: string,\r\n    bio: string,\r\n    photo: string\r\n  },\r\n  isIndex: ?boolean\r\n};\r\n\r\nconst Author = ({ author, isIndex }: Props) => (\r\n  <div className={styles['author']}>\r\n    <Link to=\"/\">\r\n      <img\r\n        src='https://avatars2.githubusercontent.com/u/59504386?s=460&u=eac3cb2397dc38bed71de6a7ba77bc12396977d9&v=4'\r\n        className={styles['author__photo']}\r\n        width=\"200\"\r\n        height=\"200\"\r\n        alt={author.name}\r\n      />\r\n    </Link>\r\n\r\n    { isIndex === true ? (\r\n      <h1 className={styles['author__title']}>\r\n        <Link className={styles['author__title-link']} to=\"/\">{author.name}</Link>\r\n      </h1>\r\n    ) : (\r\n      <h2 className={styles['author__title']}>\r\n        <Link className={styles['author__title-link']} to=\"/\">{author.name}</Link>\r\n      </h2>\r\n    )}\r\n    <p className={styles['author__subtitle']}>{author.bio}</p>\r\n  </div>\r\n);\r\n\r\nexport default Author;\r\n","// @flow strict\r\nimport React from 'react';\r\nimport styles from './Icon.module.scss';\r\n\r\ntype Props = {\r\n  name: string,\r\n  icon: {\r\n    viewBox?: string,\r\n    path?: string\r\n  }\r\n};\r\n\r\nconst Icon = ({ name, icon }: Props) => (\r\n  <svg className={styles['icon']} viewBox={icon.viewBox}>\r\n    <title>{name}</title>\r\n    <path d={icon.path} />\r\n  </svg>\r\n);\r\n\r\nexport default Icon;\r\n","// @flow strict\r\nimport React from 'react';\r\nimport { getContactHref, getIcon } from '../../../utils';\r\nimport Icon from '../../Icon';\r\nimport styles from './Contacts.module.scss';\r\n\r\ntype Props = {\r\n  contacts: {\r\n    [string]: string,\r\n  },\r\n};\r\n\r\nconst Contacts = ({ contacts }: Props) => (\r\n  <div className={styles['contacts']}>\r\n    <ul className={styles['contacts__list']}>\r\n      {Object.keys(contacts).map((name) => (!contacts[name] ? null : (\r\n        <li className={styles['contacts__list-item']} key={name}>\r\n          <a\r\n            className={styles['contacts__list-item-link']}\r\n            href={getContactHref(name, contacts[name])}\r\n            rel=\"noopener noreferrer\"\r\n            target=\"_blank\"\r\n          >\r\n            <Icon name={name} icon={getIcon(name)} />\r\n          </a>\r\n        </li>\r\n      )))}\r\n    </ul>\r\n  </div>\r\n);\r\n\r\nexport default Contacts;\r\n","// @flow strict\r\nimport React from 'react';\r\nimport styles from './Copyright.module.scss';\r\n\r\ntype Props = {\r\n  copyright: string\r\n};\r\n\r\nconst Copyright = ({ copyright }: Props) => (\r\n  <div className={styles['copyright']}>\r\n    {copyright}\r\n  </div>\r\n);\r\n\r\nexport default Copyright;\r\n","// @flow strict\r\nimport React from 'react';\r\nimport { Link } from 'gatsby';\r\nimport styles from './Menu.module.scss';\r\n\r\ntype Props = {\r\n  menu: {\r\n    label: string,\r\n    path: string\r\n  }[]\r\n};\r\n\r\nconst Menu = ({ menu }: Props) => (\r\n  <nav className={styles['menu']}>\r\n    <ul className={styles['menu__list']}>\r\n      {menu.map((item) => (\r\n        <li className={styles['menu__list-item']} key={item.path}>\r\n          <Link\r\n            to={item.path}\r\n            className={styles['menu__list-item-link']}\r\n            activeClassName={styles['menu__list-item-link--active']}\r\n          >\r\n            {item.label}\r\n          </Link>\r\n        </li>\r\n      ))}\r\n    </ul>\r\n  </nav>\r\n);\r\n\r\nexport default Menu;\r\n","// @flow strict\r\nimport React from 'react';\r\nimport { Link } from 'gatsby';\r\nimport styles from './Menu.module.scss';\r\n\r\ntype Props = {\r\n  fieldValue: {\r\n    label: string,\r\n    // path: string\r\n  }[]\r\n};\r\n\r\nconst Categories = ({ fieldValue }: Props) => (\r\n  <nav className={styles['tag']}>\r\n    <ul className={styles['tag__list']}>\r\n      {/* {categories.map((item) => ( */}\r\n        <li className={styles['tag__list-item']}>\r\n        {/* <li className={styles['tag__list-item']} key={item.path}> */}\r\n          <Link\r\n            // to={item.path}\r\n            className={styles['tag__list-item-link']}\r\n            activeClassName={styles['tag__list-item-link--active']}\r\n          >\r\n            {fieldValue}\r\n          </Link>\r\n        </li>\r\n      {/* ))} */}\r\n    </ul>\r\n  </nav>\r\n);\r\n\r\nexport default Categories;\r\n","// @flow strict\r\nimport React from 'react';\r\nimport Author from './Author';\r\nimport Contacts from './Contacts';\r\nimport Copyright from './Copyright';\r\nimport Menu from './Menu';\r\nimport styles from './Sidebar.module.scss';\r\nimport { useSiteMetadata ,useTagsList } from '../../hooks';\r\nimport Categories from './Categories';\r\n\r\ntype Props = {\r\n  isIndex?: boolean,\r\n};\r\n\r\nconst Sidebar = ({ isIndex }: Props) => {\r\n  const { author, copyright, menu } = useSiteMetadata();\r\n  const { fieldValue } = useTagsList();\r\n\r\n  return (\r\n    <div className={styles['sidebar']}>\r\n      <div className={styles['sidebar__inner']}>\r\n        <Author author={author} isIndex={isIndex} />\r\n        <Menu menu={menu} />\r\n        <Categories fieldValue={fieldValue} />\r\n        <Contacts contacts={author.contacts} />\r\n        <Copyright copyright={copyright} />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Sidebar;\r\n","// @flow strict\r\nimport React from 'react';\r\nimport { graphql } from 'gatsby';\r\nimport Layout from '../components/Layout';\r\nimport Sidebar from '../components/Sidebar';\r\nimport Page from '../components/Page';\r\nimport { useSiteMetadata } from '../hooks';\r\nimport type { MarkdownRemark } from '../types';\r\n\r\ntype Props = {\r\n  data: {\r\n    markdownRemark: MarkdownRemark\r\n  }\r\n};\r\n\r\nconst PageTemplate = ({ data }: Props) => {\r\n  const { title: siteTitle, subtitle: siteSubtitle } = useSiteMetadata();\r\n  const { html: pageBody } = data.markdownRemark;\r\n  const { frontmatter } = data.markdownRemark;\r\n  const { title: pageTitle, description: pageDescription = '',  } = frontmatter;\r\n  const metaDescription = pageDescription || siteSubtitle;\r\n  // const socialImageUrl = socialImage?.publicURL;\r\n\r\n  return (\r\n    <Layout title={`${pageTitle} - ${siteTitle}`} description={metaDescription}  >\r\n      <Sidebar />\r\n      <Page title={pageTitle}>\r\n        <div dangerouslySetInnerHTML={{ __html: pageBody }} />\r\n      </Page>\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport const query = graphql`\r\n  query PageBySlug($slug: String!) {\r\n    markdownRemark(fields: { slug: { eq: $slug } }) {\r\n      id\r\n      html\r\n      frontmatter {\r\n        title\r\n        date\r\n        description\r\n\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport default PageTemplate;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"copyright\":\"Copyright-module--copyright--1YLES\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"page\":\"Page-module--page--V2155\",\"page__inner\":\"Page-module--page__inner--3xzwp\",\"page__title\":\"Page-module--page__title--t1zKX\",\"page__body\":\"Page-module--page__body--1A7TB\"};","import React, { useRef, useEffect } from 'react';\r\nimport styles from './Page.module.scss';\r\n\r\ntype Props = {\r\n  title?: string,\r\n  children: React.Node\r\n};\r\n\r\nconst Page = ({ title, children }: Props) => {\r\n  const pageRef = useRef();\r\n\r\n  useEffect(() => {\r\n    pageRef.current.scrollIntoView();\r\n  });\r\n\r\n  return (\r\n    <div ref={pageRef} className={styles['page']}>\r\n      <div className={styles['page__inner']}>\r\n        { title && <h1 className={styles['page__title']}>{title}</h1>}\r\n        <div className={styles['page__body']}>\r\n          {children}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Page;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sidebar\":\"Sidebar-module--sidebar--1zM7S\",\"sidebar__inner\":\"Sidebar-module--sidebar__inner--2Tprz\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"contacts\":\"Contacts-module--contacts--3fb7G\",\"contacts__list\":\"Contacts-module--contacts__list--27zok\",\"contacts__list-item\":\"Contacts-module--contacts__list-item--1Adud\",\"contacts__list-item-link\":\"Contacts-module--contacts__list-item-link--2L60c\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"icon\":\"Icon-module--icon--1T2h2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"author__photo\":\"Author-module--author__photo--HnDWV\",\"author__title\":\"Author-module--author__title--ZztQd\",\"author__title-link\":\"Author-module--author__title-link--BY7f8\",\"author__subtitle\":\"Author-module--author__subtitle--3hbMX\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"menu\":\"Menu-module--menu--2aN3O\",\"menu__list\":\"Menu-module--menu__list--1uKDu\",\"menu__list-item\":\"Menu-module--menu__list-item--27cxj\",\"menu__list-item-link\":\"Menu-module--menu__list-item-link--29Sd-\",\"menu__list-item-link--active\":\"Menu-module--menu__list-item-link--active--2HzKy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"menu\":\"Menu-module--menu--2yJX4\",\"menu__list\":\"Menu-module--menu__list--WqLkH\",\"menu__list-item\":\"Menu-module--menu__list-item--3dldx\",\"menu__list-item-link\":\"Menu-module--menu__list-item-link--1XD1N\",\"menu__list-item-link--active\":\"Menu-module--menu__list-item-link--active--3K5T5\"};"],"sourceRoot":""}