{"version":3,"sources":["webpack:///./src/pages/index.tsx","webpack:///./src/components/adsense/adsense.tsx","webpack:///./src/components/button/button.tsx","webpack:///./src/components/badge/badge.tsx","webpack:///./src/templates/post/post.tsx"],"names":["BlogIndex","data","location","posts","remark","meta","site","map","post","i","options","isIndex","key","pageQuery","Adsense","clientId","slotId","format","useEffect","window","adsbygoogle","push","className","style","display","data-ad-client","data-ad-slot","data-ad-format","Button","path","label","primary","to","Badges","Post","content","body","frontmatter","image","adsense","html","isMore","match","boxShadow","title","dateTime","date","category","tags","tag","index","description","childImageSharp","fluid","margin","dangerouslySetInnerHTML","__html","replace","split"],"mappings":"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","file":"component---src-pages-index-tsx-a9cd0e5106945428e539.js","sourcesContent":["import { graphql } from 'gatsby'\nimport React from 'react'\n\nimport { IndexQueryQuery, PostByPathQuery } from '../../types/graphql-types'\nimport Post from '../templates/post/post'\nimport Meta from '../components/meta/meta'\nimport Layout from '../components/layout/layout'\n\ninterface Props {\n  data: IndexQueryQuery\n  location: Location\n}\n\nconst BlogIndex: React.FC<Props> = ({ data, location }: Props) => {\n  const posts = data.remark.posts\n  const meta = data.site?.meta\n\n  return (\n    <Layout location={location}>\n      <Meta site={meta} />\n      {posts.map((post, i) => (\n        <Post\n          data={post as PostByPathQuery}\n          options={{\n            isIndex: true,\n          }}\n          key={i}\n        />\n      ))}\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n  query IndexQuery {\n    site {\n      meta: siteMetadata {\n        title\n        description\n        siteUrl\n        author\n        twitter\n        adsense\n      }\n    }\n    remark: allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n      posts: edges {\n        post: node {\n          html\n          frontmatter {\n            layout\n            title\n            path\n            category\n            tags\n            description\n            date(formatString: \"YYYY/MM/DD\")\n            image {\n              childImageSharp {\n                fluid(maxWidth: 500) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`\n","import React, { useEffect } from 'react'\nimport './style.scss'\n\ninterface Props {\n  clientId?: string | null\n  slotId: string\n  format: string\n}\n\ndeclare global {\n  interface Window {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    adsbygoogle: any\n  }\n}\n\nconst Adsense: React.FC<Props> = ({ clientId, slotId, format }: Props) => {\n  useEffect(() => {\n    if (clientId) {\n      window.adsbygoogle = (window.adsbygoogle || []).push({})\n    }\n  }, [clientId])\n\n  return clientId ? (\n    <div className=\"ad\">\n      <ins\n        className=\"adsbygoogle\"\n        style={{ display: 'block' }}\n        data-ad-client={clientId}\n        data-ad-slot={slotId}\n        data-ad-format={format}\n      />\n    </div>\n  ) : (\n    <></>\n  )\n}\n\nexport default Adsense\n","import React from 'react'\nimport { Link } from 'gatsby'\n\ninterface Props {\n  path: string\n  label: string\n  primary: boolean\n}\n\nconst Button: React.FC<Props> = ({ path, label, primary }: Props) => {\n  return (\n    <Link className=\"readmore\" to={path}>\n      <span\n        className={`btn btn-outline-primary btn-block ${\n          primary ? 'btn-outline-primary' : 'btn-outline-secondary'\n        }`}\n      >\n        {label}\n      </span>\n    </Link>\n  )\n}\n\nexport default Button\n","import React from 'react'\n\ninterface Props {\n  label: string\n  primary: boolean\n}\n\nconst Badges: React.FC<Props> = ({ label, primary }: Props) => {\n  return (\n    <span className={`badge ${primary ? 'badge-primary' : 'badge-secondary'}`}>\n      {label}\n    </span>\n  )\n}\n\nexport default Badges\n","import { Link } from 'gatsby'\nimport Img, { FluidObject } from 'gatsby-image'\nimport React from 'react'\n\nimport Adsense from '../../components/adsense/adsense'\nimport Button from '../../components/button/button'\nimport Badge from '../../components/badge/badge'\nimport { PostByPathQuery } from '../../../types/graphql-types'\n\nimport './style.scss'\n\nconst getDescription = (content: string): string => {\n  const body = content.replace(\n    /<blockquote>/g,\n    '<blockquote class=\"blockquote\">'\n  )\n  if (body.match('<!--more-->')) {\n    const [description] = body.split('<!--more-->')\n    return description\n  }\n  return body\n}\n\ninterface Props {\n  data: PostByPathQuery\n  options: {\n    isIndex: boolean\n    adsense?: string | null\n  }\n}\n\nconst Post: React.FC<Props> = ({ data, options }: Props) => {\n  const frontmatter = data.post?.frontmatter\n  const path = frontmatter?.path || ''\n  const image = frontmatter?.image || null\n  const { isIndex, adsense } = options\n  const html = data.post?.html || ''\n  const isMore = isIndex && !!html.match('<!--more-->')\n\n  return (\n    <div className=\"article\" key={path}>\n      <div className=\"container\">\n        <div className=\"info\">\n          <Link style={{ boxShadow: 'none' }} to={path}>\n            <h1>{frontmatter?.title}</h1>\n            <time dateTime={frontmatter?.date}>{frontmatter?.date}</time>\n          </Link>\n          <Badge label={frontmatter?.category || ''} primary={true} />\n          {(frontmatter?.tags || []).map((tag, index) => (\n            <Badge label={tag as string} primary={false} key={index} />\n          ))}\n        </div>\n        {(frontmatter?.description || frontmatter?.image) &&\n        <div className=\"content\">\n          <p>{frontmatter?.description}</p>\n          {image?.childImageSharp?.fluid && (\n            <Img\n              fluid={image.childImageSharp.fluid as FluidObject}\n              style={{ display: 'block', margin: '0 auto' }}\n            />\n          )}\n        </div>\n        }\n        <div\n          className=\"content\"\n          dangerouslySetInnerHTML={{\n            __html: isMore ? getDescription(html) : html,\n          }}\n        />\n        {isMore && <Button path={path} label=\"MORE\" primary={true} />}\n        {!isIndex && <Adsense clientId={adsense} slotId=\"\" format=\"auto\" />}\n      </div>\n    </div>\n  )\n}\n\nexport default Post\n"],"sourceRoot":""}