You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
7.1 KiB
1 lines
7.1 KiB
{"ast":null,"code":"var _jsxFileName = \"/data/projects/react/rpdata-frontend2/pages/index.tsx\";\nimport React from \"react\";\nvar __jsx = React.createElement;\nimport Head from \"next/head\";\nimport Layout, { siteTitle } from \"../components/layout\";\nimport utilStyles from \"../styles/utils.module.css\";\nimport Link from \"next/link\";\nimport Date from \"../components/date\";\nexport var __N_SSP = true;\nexport default function Home(_ref) {\n var _this = this;\n\n var allPostsData = _ref.allPostsData;\n return __jsx(Layout, {\n home: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 5\n }\n }, __jsx(Head, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 20,\n columnNumber: 7\n }\n }, __jsx(\"title\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 9\n }\n }, siteTitle)), __jsx(\"section\", {\n className: utilStyles.headingMd,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 7\n }\n }, __jsx(\"p\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 9\n }\n }, \"[Your Self Introduction]\"), __jsx(\"p\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 9\n }\n }, \"(This is a sample website - you\\u2019ll be building a site like this in\", \" \", __jsx(\"a\", {\n href: \"https://nextjs.org/learn\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 11\n }\n }, \"our Next.js tutorial\"), \".)\")), __jsx(\"section\", {\n className: \"\".concat(utilStyles.headingMd, \" \").concat(utilStyles.padding1px),\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 7\n }\n }, __jsx(\"h2\", {\n className: utilStyles.headingLg,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 31,\n columnNumber: 9\n }\n }, \"Blog\"), __jsx(\"ul\", {\n className: utilStyles.list,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 9\n }\n }, allPostsData.map(function (_ref2) {\n var id = _ref2.id,\n date = _ref2.date,\n title = _ref2.title;\n return __jsx(\"li\", {\n className: utilStyles.listItem,\n key: id,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 13\n }\n }, __jsx(Link, {\n href: \"/posts/[id]\",\n as: \"/posts/\".concat(id),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 35,\n columnNumber: 15\n }\n }, __jsx(\"a\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 17\n }\n }, title)), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 15\n }\n }), __jsx(\"small\", {\n className: utilStyles.lightText,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 15\n }\n }, __jsx(Date, {\n dateString: date,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 17\n }\n })));\n }))));\n}","map":{"version":3,"sources":["/data/projects/react/rpdata-frontend2/pages/index.tsx"],"names":["Head","Layout","siteTitle","utilStyles","Link","Date","Home","allPostsData","headingMd","padding1px","headingLg","list","map","id","date","title","listItem","lightText"],"mappings":";;;AAAA,OAAOA,IAAP,MAAiB,WAAjB;AACA,OAAOC,MAAP,IAAiBC,SAAjB,QAAkC,sBAAlC;AACA,OAAOC,UAAP,MAAuB,4BAAvB;AAEA,OAAOC,IAAP,MAAiB,WAAjB;AACA,OAAOC,IAAP,MAAiB,oBAAjB;;AAGA,eAAe,SAASC,IAAT,OAQZ;AAAA;;AAAA,MAPDC,YAOC,QAPDA,YAOC;AACD,SACE,MAAC,MAAD;AAAQ,IAAA,IAAI,MAAZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAQL,SAAR,CADF,CADF,EAIE;AAAS,IAAA,SAAS,EAAEC,UAAU,CAACK,SAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gFACqE,GADrE,EAEE;AAAG,IAAA,IAAI,EAAC,0BAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAFF,OAFF,CAJF,EAWE;AAAS,IAAA,SAAS,YAAKL,UAAU,CAACK,SAAhB,cAA6BL,UAAU,CAACM,UAAxC,CAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAI,IAAA,SAAS,EAAEN,UAAU,CAACO,SAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,EAEE;AAAI,IAAA,SAAS,EAAEP,UAAU,CAACQ,IAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGJ,YAAY,CAACK,GAAb,CAAiB;AAAA,QAAGC,EAAH,SAAGA,EAAH;AAAA,QAAOC,IAAP,SAAOA,IAAP;AAAA,QAAaC,KAAb,SAAaA,KAAb;AAAA,WAChB;AAAI,MAAA,SAAS,EAAEZ,UAAU,CAACa,QAA1B;AAAoC,MAAA,GAAG,EAAEH,EAAzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD;AAAM,MAAA,IAAI,EAAC,aAAX;AAAyB,MAAA,EAAE,mBAAYA,EAAZ,CAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIE,KAAJ,CADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJF,EAKE;AAAO,MAAA,SAAS,EAAEZ,UAAU,CAACc,SAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD;AAAM,MAAA,UAAU,EAAEH,IAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CALF,CADgB;AAAA,GAAjB,CADH,CAFF,CAXF,CADF;AA8BD","sourcesContent":["import Head from \"next/head\"\nimport Layout, { siteTitle } from \"../components/layout\"\nimport utilStyles from \"../styles/utils.module.css\"\nimport { getSortedPostsData } from \"../lib/posts\"\nimport Link from \"next/link\"\nimport Date from \"../components/date\"\nimport { GetServerSideProps } from \"next\";\n\nexport default function Home({\n allPostsData\n}: {\n allPostsData: {\n date: string\n title: string\n id: string\n }[]\n}) {\n return (\n <Layout home>\n <Head>\n <title>{siteTitle}</title>\n </Head>\n <section className={utilStyles.headingMd}>\n <p>[Your Self Introduction]</p>\n <p>\n (This is a sample website - you’ll be building a site like this in{\" \"}\n <a href=\"https://nextjs.org/learn\">our Next.js tutorial</a>.)\n </p>\n </section>\n <section className={`${utilStyles.headingMd} ${utilStyles.padding1px}`}>\n <h2 className={utilStyles.headingLg}>Blog</h2>\n <ul className={utilStyles.list}>\n {allPostsData.map(({ id, date, title }) => (\n <li className={utilStyles.listItem} key={id}>\n <Link href=\"/posts/[id]\" as={`/posts/${id}`}>\n <a>{title}</a>\n </Link>\n <br />\n <small className={utilStyles.lightText}>\n <Date dateString={date} />\n </small>\n </li>\n ))}\n </ul>\n </section>\n </Layout>\n )\n}\n\nexport const getServerSideProps: GetServerSideProps = async () => {\n const allPostsData = getSortedPostsData()\n return {\n props: {\n allPostsData\n }\n }\n}"]},"metadata":{},"sourceType":"module"}
|