Second frontend, written in Next.JS + Typescript.
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.5 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\";\nimport { listLogs } from \"../lib/rpdata/logs\";\nimport gqlSsrClient from \"../lib/client/graphql-ssr\";\nexport default function Home({\n logs: []\n}) {\n return __jsx(Layout, {\n home: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 5\n }\n }, __jsx(Head, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 7\n }\n }, __jsx(\"title\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 9\n }\n }, siteTitle)), __jsx(\"section\", {\n className: utilStyles.headingMd,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 7\n }\n }, __jsx(\"p\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 9\n }\n }, \"[Your Self Introduction]\"), __jsx(\"p\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23,\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: 25,\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: 28,\n columnNumber: 7\n }\n }, __jsx(\"h2\", {\n className: utilStyles.headingLg,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 9\n }\n }, \"Blog\"), __jsx(\"ul\", {\n className: utilStyles.list,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30,\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: 32,\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: 33,\n columnNumber: 15\n }\n }, __jsx(\"a\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 34,\n columnNumber: 17\n }\n }, title)), __jsx(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 15\n }\n }), __jsx(\"small\", {\n className: utilStyles.lightText,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 15\n }\n }, __jsx(Date, {\n dateString: date,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 17\n }\n })))))));\n}\nexport const getServerSideProps = async () => {\n const allPostsData = listLogs(gqlSsrClient, {\n characters: [\"C68\"]\n });\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","Link","Date","listLogs","gqlSsrClient","Home","logs","headingMd","padding1px","headingLg","list","allPostsData","map","id","date","title","listItem","lightText","getServerSideProps","characters","props"],"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;AAEA,SAAoBC,QAApB,QAAoC,oBAApC;AACA,OAAOC,YAAP,MAAyB,2BAAzB;AAEA,eAAe,SAASC,IAAT,CAAc;AAC3BC,EAAAA,IAAI,EAAE;AADqB,CAAd,EAIZ;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,KAAQP,SAAR,CADF,CADF,EAIE;AAAS,IAAA,SAAS,EAAEC,UAAU,CAACO,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,GAAEP,UAAU,CAACO,SAAU,IAAGP,UAAU,CAACQ,UAAW,EAArE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAI,IAAA,SAAS,EAAER,UAAU,CAACS,SAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,EAEE;AAAI,IAAA,SAAS,EAAET,UAAU,CAACU,IAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGC,YAAY,CAACC,GAAb,CAAiB,CAAC;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,IAAN;AAAYC,IAAAA;AAAZ,GAAD,KAChB;AAAI,IAAA,SAAS,EAAEf,UAAU,CAACgB,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,EAAEf,UAAU,CAACiB,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,QAAMP,YAAY,GAAGR,QAAQ,CAACC,YAAD,EAAe;AAACe,IAAAA,UAAU,EAAE,CAAC,KAAD;AAAb,GAAf,CAA7B;AACA,SAAO;AACLC,IAAAA,KAAK,EAAE;AACLT,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\";\nimport { LogHeader, listLogs } from \"../lib/rpdata/logs\";\nimport gqlSsrClient from \"../lib/client/graphql-ssr\"\n\nexport default function Home({\n logs: []\n}: {\n logs: LogHeader[]\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 = listLogs(gqlSsrClient, {characters: [\"C68\"]})\n return {\n props: {\n allPostsData\n }\n }\n}"]},"metadata":{},"sourceType":"module"}