{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/NoSsr/NoSsr.js","webpack:///./src/templates/Article.tsx"],"names":["useEnhancedEffect","window","props","children","_props$defer","defer","_props$fallback","fallback","_React$useState","mountedState","setMountedState","App","pageContext","article","adBanners","categories","footers","categoryArticles","relatedArticles","React","scrollTo","description","htmlToText","fromString","ignoreImage","ignoreHref","title","openGraph","url","slug","type","images","mainImage","getCfUrl","alt"],"mappings":"4FAAA,gBAEIA,EAAsC,oBAAXC,OAA4D,kBAAwB,YA2CpG,IAhCf,SAAeC,GACb,IAAIC,EAAWD,EAAMC,SACjBC,EAAeF,EAAMG,MACrBA,OAAyB,IAAjBD,GAAkCA,EAC1CE,EAAkBJ,EAAMK,SACxBA,OAA+B,IAApBD,EAA6B,KAAOA,EAE/CE,EAAkB,YAAe,GACjCC,EAAeD,EAAgB,GAC/BE,EAAkBF,EAAgB,GAatC,OAXAR,GAAkB,WACXK,GACHK,GAAgB,KAEjB,CAACL,IACJ,aAAgB,WACVA,GACFK,GAAgB,KAEjB,CAACL,IAEgB,gBAAoB,WAAgB,KAAMI,EAAeN,EAAWI,K,oCCnC1F,gJAWe,SAASI,EAAIT,GAAc,IAChCU,EAAgBV,EAAhBU,YAENC,EAMED,EANFC,QACAC,EAKEF,EALFE,UACAC,EAIEH,EAJFG,WACAC,EAGEJ,EAHFI,QACAC,EAEEL,EAFFK,iBACAC,EACEN,EADFM,gBAGFC,aAAgB,WACdlB,OAAOmB,SAAS,EAAG,KAClB,IAEH,IAAMC,EAAcC,IAAWC,WAAWV,EAAQQ,YAAa,CAC7DG,aAAa,EACbC,YAAY,IAGd,OACE,gCACGZ,GACC,gBAAC,YAAD,CACEa,MAAUb,EAAQa,MAAb,sBACLL,YAAaA,EACbM,UAAW,CACTC,IAAK,wCAAwCf,EAAQgB,KACrDH,MAAUb,EAAQa,MAAb,sBACLL,cACAS,KAAM,UACNC,OAAQ,CACN,CACEH,IAAKf,EAAQmB,UAAYC,YAASpB,EAAQmB,UAAUJ,KAAO,GAC3DM,IAAKrB,EAAQa,WAMvB,gBAAC,IAAD,CAAQV,QAASA,GACf,gBAAC,IAAD,CACEH,QAASA,EACTC,UAAWA,EACXC,WAAYA,EACZE,iBAAkBA,EAClBC,gBAAiBA","file":"component---src-templates-article-tsx-b3f92bfdb0f571b8805b.js","sourcesContent":["import * as React from 'react';\nimport { exactProp } from '@material-ui/utils';\nvar useEnhancedEffect = typeof window !== 'undefined' && process.env.NODE_ENV !== 'test' ? React.useLayoutEffect : React.useEffect;\n/**\n * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).\n *\n * This component can be useful in a variety of situations:\n * - Escape hatch for broken dependencies not supporting SSR.\n * - Improve the time-to-first paint on the client by only rendering above the fold.\n * - Reduce the rendering time on the server.\n * - Under too heavy server load, you can turn on service degradation.\n */\n\nfunction NoSsr(props) {\n  var children = props.children,\n      _props$defer = props.defer,\n      defer = _props$defer === void 0 ? false : _props$defer,\n      _props$fallback = props.fallback,\n      fallback = _props$fallback === void 0 ? null : _props$fallback;\n\n  var _React$useState = React.useState(false),\n      mountedState = _React$useState[0],\n      setMountedState = _React$useState[1];\n\n  useEnhancedEffect(function () {\n    if (!defer) {\n      setMountedState(true);\n    }\n  }, [defer]);\n  React.useEffect(function () {\n    if (defer) {\n      setMountedState(true);\n    }\n  }, [defer]); // We need the Fragment here to force react-docgen to recognise NoSsr as a component.\n\n  return /*#__PURE__*/React.createElement(React.Fragment, null, mountedState ? children : fallback);\n}\n\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\n\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line\n  NoSsr['propTypes' + ''] = exactProp(NoSsr.propTypes);\n}\n\nexport default NoSsr;","import * as React from \"react\";\nimport \"@aws-amplify/ui/dist/style.css\";\nimport Layout from \"components/layouts/Common\";\nimport { GatsbySeo } from \"gatsby-plugin-next-seo\";\nimport Article from \"components/pages/front/Article\";\nimport htmlToText from \"html-to-text\";\nimport { getCfUrl } from \"settings/storageSettings\";\ntype Props = {\n  pageContext: any;\n};\n\nexport default function App(props: Props) {\n  const { pageContext } = props;\n  const {\n    article,\n    adBanners,\n    categories,\n    footers,\n    categoryArticles,\n    relatedArticles,\n  } = pageContext;\n\n  React.useEffect(() => {\n    window.scrollTo(0, 0);\n  }, []);\n\n  const description = htmlToText.fromString(article.description, {\n    ignoreImage: true,\n    ignoreHref: true,\n  });\n\n  return (\n    <>\n      {article && (\n        <GatsbySeo\n          title={`${article.title}　舵オンライン │ 船遊びの情報サイト`}\n          description={description}\n          openGraph={{\n            url: `https://www.kazi-online.com/articles/${article.slug}`,\n            title: `${article.title}　舵オンライン │ 船遊びの情報サイト`,\n            description,\n            type: \"article\",\n            images: [\n              {\n                url: article.mainImage ? getCfUrl(article.mainImage.url) : \"\",\n                alt: article.title,\n              },\n            ],\n          }}\n        />\n      )}\n      <Layout footers={footers}>\n        <Article\n          article={article}\n          adBanners={adBanners}\n          categories={categories}\n          categoryArticles={categoryArticles}\n          relatedArticles={relatedArticles}\n        />\n      </Layout>\n    </>\n  );\n}\n"],"sourceRoot":""}