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.2 KiB
1 lines
7.2 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 { getSortedPostsData } from \"../lib/posts\";\nimport Link from \"next/link\";\nimport Date from \"../components/date\";\nexport default function Home({\n allPostsData\n}) {\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: `${utilStyles.headingMd} ${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(({\n id,\n date,\n title\n }) => __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/${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}\nexport const getServerSideProps = async () => {\n const allPostsData = getSortedPostsData();\n return {\n props: {\n allPostsData\n }\n };\n};","map":{"version":3,"sources":["/data/projects/react/rpdata-frontend2/pages/index.tsx"],"names":["Head","Layout","siteTitle","utilStyles","getSortedPostsData","Link","Date","Home","allPostsData","headingMd","padding1px","headingLg","list","map","id","date","title","listItem","lightText","getServerSideProps","props"],"mappings":";;;AAAA,OAAOA,IAAP,MAAiB,WAAjB;AACA,OAAOC,MAAP,IAAiBC,SAAjB,QAAkC,sBAAlC;AACA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,SAASC,kBAAT,QAAmC,cAAnC;AACA,OAAOC,IAAP,MAAiB,WAAjB;AACA,OAAOC,IAAP,MAAiB,oBAAjB;AAGA,eAAe,SAASC,IAAT,CAAc;AAC3BC,EAAAA;AAD2B,CAAd,EAQZ;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,KAAQN,SAAR,CADF,CADF,EAIE;AAAS,IAAA,SAAS,EAAEC,UAAU,CAACM,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,EAAG,GAAEN,UAAU,CAACM,SAAU,IAAGN,UAAU,CAACO,UAAW,EAArE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAI,IAAA,SAAS,EAAEP,UAAU,CAACQ,SAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,EAEE;AAAI,IAAA,SAAS,EAAER,UAAU,CAACS,IAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGJ,YAAY,CAACK,GAAb,CAAiB,CAAC;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,IAAN;AAAYC,IAAAA;AAAZ,GAAD,KAChB;AAAI,IAAA,SAAS,EAAEb,UAAU,CAACc,QAA1B;AAAoC,IAAA,GAAG,EAAEH,EAAzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,MAAC,IAAD;AAAM,IAAA,IAAI,EAAC,aAAX;AAAyB,IAAA,EAAE,EAAG,UAASA,EAAG,EAA1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAIE,KAAJ,CADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAJF,EAKE;AAAO,IAAA,SAAS,EAAEb,UAAU,CAACe,SAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,MAAC,IAAD;AAAM,IAAA,UAAU,EAAEH,IAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CALF,CADD,CADH,CAFF,CAXF,CADF;AA8BD;AAED,OAAO,MAAMI,kBAAsC,GAAG,YAAY;AAChE,QAAMX,YAAY,GAAGJ,kBAAkB,EAAvC;AACA,SAAO;AACLgB,IAAAA,KAAK,EAAE;AACLZ,MAAAA;AADK;AADF,GAAP;AAKD,CAPM","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"}
|