{"version":3,"file":"component---src-pages-illustrations-index-js-f5c8ab55685899508383.js","mappings":"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","sources":["webpack://olugho_hp/./src/components/illustrations/card.js","webpack://olugho_hp/./src/components/seo.js","webpack://olugho_hp/./src/components/illustrations/show-images-with-search.js","webpack://olugho_hp/./src/pages/illustrations/index.js","webpack://olugho_hp/./src/hooks/use-all-illustrations.js","webpack://olugho_hp/./src/hooks/use-all-tags.js"],"sourcesContent":["import React from 'react'\nimport { Link } from \"gatsby\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\n\nconst IllustrationCard = class extends React.Component {\n  onContextMenu(e) {\n    e.preventDefault()\n  }\n\n  render() {\n    const illustration = this.props.illustration\n\n    return (\n      <div className=\"card\">\n        <div className=\"card-image\">\n          <Link to={illustration.fields.slug} aria-label={illustration.frontmatter.t} onContextMenu={this.onContextMenu}>\n            <GatsbyImage\n              image={illustration.frontmatter.i_t.childImageSharp.gatsbyImageData}\n              alt={illustration.frontmatter.t}\n              className=\"image\"\n              imgClassName=\"illustration-image\"\n              width={300}\n              imgStyle={{ height: \"100%\" }}\n              placeholder=\"blurred\"\n            />\n          </Link>\n        </div>\n        <div className=\"card-content\">\n          <p className=\"card-title is-size-6-desktop mb-2\">{illustration.frontmatter.t}</p>\n          <div className=\"tags are-normal\">\n            {illustration.frontmatter.tags && illustration.frontmatter.tags.map((tag, index) => (\n              <Link to={`/illustrations/?tag=${tag}`} className=\"tag is-success is-light\" key={index}>#{tag}</Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default IllustrationCard\n","import React from 'react'\nimport Helmet from 'react-helmet'\n\nconst BaseSEO = ({ title, description }) => {\n  return (\n    <Helmet>\n      <title>{title}</title>\n      <meta name=\"description\" content={description} />\n    </Helmet>\n  )\n}\n\nexport default BaseSEO\n","import React from 'react'\nimport IllustrationCard from './card'\nimport { navigate } from \"gatsby\"\n\nconst SearchImage = class extends React.Component {\n  constructor(props) {\n    super(props)\n    const ids = this.searchList(props.tag)\n    this.state = {\n      showList: ids,\n      tag: props.tag\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (this.props.tag !== prevProps.tag) {\n      this.updateList(this.props.tag)\n    }\n  }\n\n  searchByTag = (tag, list) => {\n    if (tag === \"\") { return list }\n    return list.filter(illustration => {\n      return illustration.frontmatter.tags.some((t) => t.indexOf(tag) !== -1)\n    })\n  }\n\n  searchList = (tag) => {\n    let list = this.props.illustrations.map(({ node: illustration }) => { return illustration } )\n    list = this.searchByTag(tag, list)\n\n    return list.map((illustration) => illustration.id)\n  }\n\n  updateList = (tag) => {\n    this.setState(\n      {\n        tag: tag\n      },\n      () => {\n        const list = this.searchList(tag)\n        this.setState({ showList: list })\n        navigate(`/illustrations/?tag=${tag}`)\n      }\n    )\n  }\n\n  changeSearchSelect = (event) => {\n    this.updateList(event.target.value)\n  }\n\n  render() {\n    const illustrations = this.props.illustrations.filter(({node: illustration}) => {\n      return this.state.showList.includes(illustration.id);\n    })\n    return (\n      <section id=\"illustrations\" className=\"hero is-small pt-4\">\n        <h1 className=\"title is-size-4\">イラスト一覧</h1>\n        <div className=\"hero-head px-1\">\n          <div className=\"select mb-4 is-info is-size-7-mobile\">\n            <select value={this.state.tag} onChange={this.changeSearchSelect}>\n              <option value={\"\"}>タグを選択</option>\n              {this.props.tags && this.props.tags.map(({ node: tag }) => (\n                <option value={tag.frontmatter.title} key={tag.id}>{tag.frontmatter.title}</option>\n              ))}\n            </select>\n          </div>\n        </div>\n        <div className=\"hero-body px-1\">\n          <div className=\"columns is-mobile is-multiline is-centered is-variable is-2\">\n            {illustrations && illustrations.map(({ node: illustration }) => (\n              <div className=\"column is-3-tablet is-3-desktop is-6-mobile\" key={illustration.id} sid={illustration.id}>\n                <IllustrationCard illustration={illustration} tag={this.state.tag}/>\n              </div>\n            ))}\n          </div>\n        </div>\n      </section>\n    )\n  }\n}\n\nexport default SearchImage\n","import React from 'react'\nimport Layout from '../../components/layout'\nimport BaseSEO from '../../components/seo'\nimport ShowImagesWithSearch from '../../components/illustrations/show-images-with-search'\nimport { useAllIllustrations } from \"../../hooks/use-all-illustrations\"\nimport { useAllTags } from \"../../hooks/use-all-tags\"\n\nconst IngexPage = ({ location }) => {\n  const { edges: illustrations } = useAllIllustrations()\n  const { edges: tags } = useAllTags()\n  let tag = \"\"\n  if (location.search) {\n    let tagParam = location.search.replace(/^\\?/, \"\").split(\"&\").find((param) => { return param.match(/tag=/) })\n    if (tagParam) tag = decodeURI(tagParam.split(\"tag=\")[1])\n  }\n\n  return (\n    <Layout isRoot={false} isWebsite={true} noIndex={false} location={location}>\n      <BaseSEO title=\"るるふのイラスト全集\" description=\"イラストの一覧を閲覧できます。タグから検索することも可能です。\" />\n      <ShowImagesWithSearch illustrations={illustrations} tags={tags} tag={tag}/>\n    </Layout>\n  )\n}\n\nexport default IngexPage\n","import { useStaticQuery, graphql } from \"gatsby\"\n\nexport const useAllIllustrations = () => {\n  const { allMarkdownRemark } = useStaticQuery(\n    graphql`\n      query AllIllustrations {\n        allMarkdownRemark(\n          filter: {frontmatter: {templateKey: {eq: \"illustration\"}}}\n          sort: {order: DESC, fields: frontmatter___d}\n        ) {\n          edges {\n            node {\n              id\n              fields {\n                slug\n              }\n              frontmatter {\n                id\n                t\n                d(formatString: \"YYYY-MM-DD\")\n                tags\n                i_t {\n                  childImageSharp {\n                    gatsbyImageData(\n                      layout: CONSTRAINED,\n                      quality: 50,\n                    )\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    `\n  )\n  return allMarkdownRemark\n}\n","import { useStaticQuery, graphql } from \"gatsby\"\n\nexport const useAllTags = () => {\n  const { allMarkdownRemark } = useStaticQuery(\n    graphql`\n      query AllTags {\n        allMarkdownRemark(\n          filter: {frontmatter: {templateKey: {eq: \"tag\"}}}\n          sort: {order: ASC, fields: frontmatter___s}\n        ) {\n          edges {\n            node {\n              id\n              frontmatter {\n                title\n              }        \n            }\n          }\n        }\n      }\n    `\n  )\n  return allMarkdownRemark\n}\n"],"names":["IllustrationCard","onContextMenu","e","preventDefault","render","illustration","this","props","className","Link","to","fields","slug","frontmatter","t","G","image","i_t","childImageSharp","gatsbyImageData","alt","imgClassName","width","imgStyle","height","placeholder","tags","map","tag","index","key","React","title","description","name","content","SearchImage","searchByTag","list","filter","some","indexOf","searchList","illustrations","node","id","updateList","setState","showList","navigate","changeSearchSelect","event","target","value","ids","state","componentDidUpdate","prevProps","includes","onChange","sid","location","useStaticQuery","allMarkdownRemark","edges","search","tagParam","replace","split","find","param","match","decodeURI","isRoot","isWebsite","noIndex"],"sourceRoot":""}