{"ast":null,"code":"var _jsxFileName = \"/Users/morse/Documents/GitHub/react-comics/demo/pages/comics/[...comic].tsx\";\nimport React from \"react\";\nvar __jsx = React.createElement;\nimport { getComics } from '../../components/Comics';\nimport { useRouter } from 'next/router';\nimport { Stack } from '@chakra-ui/core';\nexport default function Page(props) {\n  const comics = getComics();\n  const {\n    query\n  } = useRouter();\n  const {\n    comic = ''\n  } = query;\n  console.log({\n    query\n  });\n  const components = comics.exports.map(x => {\n    console.log(x);\n    return x;\n  }).find(x => x.filename === comic).getExports();\n  return __jsx(Stack, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 9\n    }\n  }, components.map(Component => {\n    return __jsx(Component, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 24\n      }\n    });\n  }));\n}","map":{"version":3,"sources":["/Users/morse/Documents/GitHub/react-comics/demo/pages/comics/[...comic].tsx"],"names":["getComics","useRouter","Stack","Page","props","comics","query","comic","console","log","components","exports","map","x","find","filename","getExports","Component"],"mappings":";;;AAAA,SAASA,SAAT,QAA0B,yBAA1B;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,KAAT,QAAsB,iBAAtB;AAEA,eAAe,SAASC,IAAT,CAAcC,KAAd,EAAqB;AAChC,QAAMC,MAAM,GAAGL,SAAS,EAAxB;AACA,QAAM;AAAEM,IAAAA;AAAF,MAAYL,SAAS,EAA3B;AACA,QAAM;AAAEM,IAAAA,KAAK,GAAG;AAAV,MAAiBD,KAAvB;AACAE,EAAAA,OAAO,CAACC,GAAR,CAAY;AAACH,IAAAA;AAAD,GAAZ;AACA,QAAMI,UAAU,GAAGL,MAAM,CAACM,OAAP,CACdC,GADc,CACTC,CAAD,IAAO;AACRL,IAAAA,OAAO,CAACC,GAAR,CAAYI,CAAZ;AACA,WAAOA,CAAP;AACH,GAJc,EAKdC,IALc,CAKRD,CAAD,IAAOA,CAAC,CAACE,QAAF,KAAeR,KALb,EAMdS,UANc,EAAnB;AAOA,SACI,MAAC,KAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACKN,UAAU,CAACE,GAAX,CAAgBK,SAAD,IAAe;AAC3B,WAAO,MAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAP;AACH,GAFA,CADL,CADJ;AAOH","sourcesContent":["import { getComics } from '../../components/Comics'\nimport { useRouter } from 'next/router'\nimport { Stack } from '@chakra-ui/core'\n\nexport default function Page(props) {\n    const comics = getComics()\n    const { query } = useRouter()\n    const { comic = '' } = query\n    console.log({query})\n    const components = comics.exports\n        .map((x) => {\n            console.log(x)\n            return x\n        })\n        .find((x) => x.filename === comic)\n        .getExports()\n    return (\n        <Stack>\n            {components.map((Component) => {\n                return <Component />\n            })}\n        </Stack>\n    )\n}\n"]},"metadata":{},"sourceType":"module"}