{"version":3,"file":"component---src-pages-videos-index-js-a3d90d61781e78026086.js","mappings":"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","sources":["webpack://mch/./node_modules/escape-string-regexp/index.js","webpack://mch/./src/pages/videos/index.js"],"sourcesContent":["'use strict';\n\nvar matchOperatorsRe = /[|\\\\{}()[\\]^$+*?.]/g;\n\nmodule.exports = function (str) {\n if (typeof str !== 'string') {\n throw new TypeError('Expected a string');\n }\n\n return str.replace(matchOperatorsRe, '\\\\$&');\n};","import React, { useState, useEffect } from \"react\";\nimport { graphql, Link } from \"gatsby\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport Layout from \"../../components/layout\";\n//import { cdn } from \"../../authConfig\";\nimport { RefreshIcon, ChevronRightIcon } from \"@heroicons/react/solid\";\nimport Filter from \"../../components/filter\";\nimport Seo from \"../../components/seo\";\n//import { useLocation } from \"@reach/router\";\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\nimport escapeStringRegexp from \"escape-string-regexp\";\n\nconst VideoIndexPage = ({ data }) => {\n //const location = useLocation();\n // const cdnUrl =\n // location.hostname === \"www.mizuno-ch.cn\" ? cdn.url_cn : cdn.url;\n\n const allNodes = data.allVideoJson.nodes;\n const [nodes, setNodes] = useState(allNodes);\n\n const allYears = [\n ...new Set(\n allNodes\n .filter((node) => node.created)\n .map((node) => node.created.substring(0, 4))\n ),\n ];\n const [years, setYears] = useState(allYears);\n const allTags = [\n ...new Set(\n allNodes\n .filter((node) => node.category)\n .map((node) => node.category.toString())\n ),\n ];\n const [tags, setTags] = useState(allTags);\n const allTypes = [\n {\n id: 1,\n key: \"free\",\n value: \"無料\",\n },\n {\n id: 2,\n key: \"member\",\n value: \"会員\",\n },\n {\n id: 3,\n key: \"option\",\n value: \"オプション会員\",\n },\n ];\n const [types, setTypes] = useState(allTypes);\n\n const [selectedYear, setSelectedYear] = useState(null);\n const [selectedTag, setSelectedTag] = useState(null);\n const [selectedType, setSelectedType] = useState(null);\n const [searchKeyword, setSearchKeyword] = useState(\"\");\n const onInput = (e) => {\n setSearchKeyword(e.currentTarget.value);\n };\n\n useEffect(() => {\n if (selectedYear || selectedTag || selectedType || searchKeyword !== \"\") {\n setNodes(\n allNodes.filter((node) => {\n return (\n (selectedYear\n ? node.created.substring(0, 4) === selectedYear\n : true) &&\n (selectedTag ? node.category.toString() === selectedTag : true) &&\n (selectedType\n ? node.type === allTypes.find((t) => t.value === selectedType).key\n : true) &&\n (searchKeyword !== \"\"\n ? new RegExp(\n escapeStringRegexp(searchKeyword.toLowerCase())\n ).test(\n node.title.toLowerCase() +\n (node.description ? node.description.toLowerCase() : \"\")\n )\n : true)\n );\n })\n );\n } else {\n setNodes(allNodes);\n }\n setYears([\n ...new Set(\n allNodes\n .filter((node) => {\n return (\n (selectedTag ? node.category.toString() === selectedTag : true) &&\n (selectedType\n ? node.type ===\n allTypes.find((t) => t.value === selectedType).key\n : true) &&\n (searchKeyword !== \"\"\n ? new RegExp(\n escapeStringRegexp(searchKeyword.toLowerCase())\n ).test(\n node.title.toLowerCase() +\n (node.description ? node.description.toLowerCase() : \"\")\n )\n : true)\n );\n })\n .filter((node) => node.created)\n .map((node) => node.created.substring(0, 4))\n ),\n ]);\n setTags([\n ...new Set(\n allNodes\n .filter((node) => {\n return (\n (selectedYear\n ? node.created.substring(0, 4) === selectedYear\n : true) &&\n (selectedType\n ? node.type ===\n allTypes.find((t) => t.value === selectedType).key\n : true) &&\n (searchKeyword !== \"\"\n ? new RegExp(\n escapeStringRegexp(searchKeyword.toLowerCase())\n ).test(\n node.title.toLowerCase() +\n (node.description ? node.description.toLowerCase() : \"\")\n )\n : true)\n );\n })\n .filter((node) => node.category)\n .map((node) => node.category.toString())\n ),\n ]);\n const _types = [\n ...new Set(\n allNodes\n .filter((node) => {\n return (\n (selectedTag ? node.category.toString() === selectedTag : true) &&\n (selectedYear\n ? node.created.substring(0, 4) === selectedYear\n : true) &&\n (searchKeyword !== \"\"\n ? new RegExp(\n escapeStringRegexp(searchKeyword.toLowerCase())\n ).test(\n node.title.toLowerCase() +\n (node.description ? node.description.toLowerCase() : \"\")\n )\n : true)\n );\n })\n .filter((node) => node.type)\n .map((node) => node.type)\n ),\n ];\n setTypes(\n _types.map((t) => ({\n id: allTypes.find((a) => a.key === t).id,\n key: t,\n value: allTypes.find((a) => a.key === t).value,\n }))\n );\n }, [selectedYear, selectedTag, selectedType, searchKeyword]);\n\n return (\n \n \n
\n

\n \n

\n
\n
\n \n
\n
\n
\n
\n

{`${nodes.length}件表示/${allNodes.length}件`}

\n {tags.length > 0 || years.length > 0 ? (\n {\n setSelectedYear(null);\n setSelectedTag(null);\n setSelectedType(null);\n setSearchKeyword(\"\");\n }}\n >\n \n \n ) : null}\n
\n
\n \n \n {tags.length > 0 ? (\n \n ) : null}\n {years.length > 0 ? (\n b - a)}\n msgSelect=\"年を選択\"\n />\n ) : null}\n {types.length > 0 ? (\n a.id - b.id).map((t) => t.value)}\n msgSelect=\"閲覧タイプを選択\"\n width=\"md:w-48 w-full\"\n />\n ) : null}\n
\n
\n {nodes.map((node, index) => (\n \n
\n {node.type === \"free\" && (\n
無料
\n )}\n {node.type === \"member\" && (\n
会員
\n )}\n {node.type === \"option\" && (\n
\n オプション会員\n
\n )}\n
\n \n
\n
{node.title}
\n
\n {node.created}\n {node.category ? \" | \" + node.category : null}\n
\n
{node.description}
\n
\n \n ))}\n
\n
\n \n );\n};\n\nexport default VideoIndexPage;\n\nexport const query = graphql`\n query {\n allVideoJson(\n sort: { fields: [created, series, no], order: [DESC, DESC, DESC] }\n filter: { series: { ne: \"seminar\" } }\n ) {\n nodes {\n category\n created\n description\n title\n series\n slug\n no\n type\n image {\n childImageSharp {\n gatsbyImageData\n }\n }\n }\n }\n }\n`;\n"],"names":["matchOperatorsRe","module","exports","str","TypeError","replace","allNodes","data","allVideoJson","nodes","useState","setNodes","allYears","Set","filter","node","created","map","substring","years","setYears","allTags","category","toString","tags","setTags","allTypes","id","key","value","types","setTypes","selectedYear","setSelectedYear","selectedTag","setSelectedTag","selectedType","setSelectedType","searchKeyword","setSearchKeyword","useEffect","type","find","t","RegExp","escapeStringRegexp","toLowerCase","test","title","description","_types","a","className","S","src","alt","Link","to","length","onClick","placeholder","onInput","e","currentTarget","selected","setSelected","options","msgSelect","width","sort","b","index","slug","G","image","getImage"],"sourceRoot":""}