React Router Data Mode Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_293":294,"_295":296},"routes/_app.x.$handle.$name",{"_98":97,"_32":44,"_106":84,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":26,"_123":124,"_125":24,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":24,"_57":24,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":26},"version",318,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":26,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":26},"previous","deleted",true,"deletedHere",false,"path","data-table.tsx","latestPath","fileId","8fa0e9e4-60fe-11f0-aca1-0224a6c84d84","name","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport {\n createColumnHelper,\n flexRender,\n getCoreRowModel,\n useReactTable,\n} from \"https://esm.sh/@tanstack/react-table@8.17.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { mockLoader } from \"./loader.ts\";\nimport type { ValInfo } from \"./types.ts\";\n\nconst vals = mockLoader();\n\nconst columnHelper = createColumnHelper();\n\nconst columns = [\n columnHelper.accessor((row) => row.id, {\n id: \"id\",\n header: () => Val ID,\n cell: (info) => info.getValue(),\n }),\n columnHelper.accessor((row) => row.author, {\n id: \"author\",\n cell: (info) => {info.getValue()},\n header: () => Author,\n }),\n columnHelper.accessor(\"fileName\", {\n header: () => \"File Name\",\n cell: (info) => info.renderValue(),\n }),\n];\n\nfunction renderValueSafe(value: unknown): React.ReactNode {\n if (typeof value === \"bigint\") return value.toString();\n if (Array.isArray(value)) return value.map(renderValueSafe);\n if (\n typeof value === \"string\" ||\n typeof value === \"number\" ||\n typeof value === \"boolean\" ||\n React.isValidElement(value)\n ) {\n return value;\n }\n return null;\n}\n\nexport default function Table() {\n const [data, _setData] = React.useState(() => [...vals]);\n const rerender = React.useReducer(() => ({}), {})[1];\n\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n });\n\n return (\n

\n \n \n {table.getHeaderGroups().map((headerGroup) => (\n \n {headerGroup.headers.map((header) => (\n \n ))}\n \n ))}\n \n \n {table.getRowModel().rows.map((row) => (\n \n {row.getVisibleCells().map((cell) => (\n \n ))}\n \n ))}\n \n

\n {header.isPlaceholder\n ? null\n : renderValueSafe(\n flexRender(\n header.column.columnDef.header,\n header.getContext(),\n ),\n )}\n
\n {renderValueSafe(\n flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n ),\n )}\n

\n rerender()}\n className=\"border p-2\"\n >\n Rerender\n \n

\n );\n}\n","createdAt",["D",1752530689569],"branchVersion","branchId","e6714ac2-60ed-11f0-b918-0224a6c84d84","id","e66ecad6-60ed-11f0-b918-0224a6c84d84","react-router-data-mode-starter",["D",1752523533770],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","5d1042a9-7b0b-499d-8a72-3a8ac7a4e185","pinnedFileId","d94f54b4-f147-4a29-8dfe-2bea02c6a732","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","5f80108f-7ca4-4327-b77b-089dbe4b5a82","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":53,"_102":103,"_104":26},"branch",{"_13":83,"_32":84,"_42":41,"_85":43,"_86":87,"_88":89,"_90":49,"_91":92,"_93":94,"_95":44,"_96":97},"isOwned",326,"main","projectId","forkedBranchId","87fadf0a-3193-11f0-aa5b-569c3dd06744","forkedBranchVersion",33,"forkedProjectPrivacy","forkedProjectId","87f89880-3193-11f0-aa5b-569c3dd06744","forkedProjectOrgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","projectName","userHandle","nbbaier","handle","displayName","avatar","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":289,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":24,"_57":24,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":290,"_78":291,"_80":292,"_82":26},"tree",[244,245,246,247,248,249,250,251,252,253,254],"files",[244,245,246,247,248,249,250,251,252,253,254],"counts",{"_234":60,"_235":223,"_236":60,"_237":238,"_239":240},"contents",[142,143,144,145,146,147,148,149,150,151,152],"upstreamProject",{"_42":92,"_32":44,"_51":138,"_52":139,"_48":49,"_76":140},"upstreamBranch",{"_42":87,"_37":130,"_131":132,"_32":84,"_85":92,"_13":89,"_86":133,"_88":134,"_135":136,"_46":-5,"_82":26,"_48":49,"_96":137,"_61":94,"_95":44},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747317015958],"updatedAt",["D",1747318353219],"48e70732-1fb7-11f0-a587-569c3dd06744",87,"lockfileKey","1763487330350-esm.town_v_jxnblk_react-router-data-mode-starter@33-main","jxnblk","Minimal React Router starter using data mode","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e8cc626c-830e-44c2-a64a-c33638026c00/square512?exp=1789581599&sig=e01dcf619cd0859e149b0b34530bb7123ab17e08ccb61b13b9a4efd6d0fb932f",{"_98":137,"_105":141},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789581599&sig=7742c69eefe5b3f3ad3a3f7e6edf592f3e3cdebc35c6bcc3dd8c9317dd6ea590",{"_42":227,"_32":228,"_30":229,"_156":-5,"_40":41,"_39":230,"_158":24,"_37":231,"_13":60,"_33":20,"_35":232,"_23":26,"_162":-5,"_27":233},{"_42":220,"_32":221,"_30":222,"_156":-5,"_40":41,"_39":223,"_158":24,"_37":224,"_13":60,"_33":20,"_35":225,"_23":26,"_162":-5,"_27":226},{"_42":213,"_32":214,"_30":55,"_156":-5,"_40":41,"_39":215,"_158":26,"_37":216,"_13":217,"_33":185,"_35":218,"_23":26,"_162":-5,"_27":219},{"_42":206,"_32":207,"_30":208,"_156":-5,"_40":41,"_39":209,"_158":24,"_37":210,"_13":60,"_33":20,"_35":211,"_23":26,"_162":-5,"_27":212},{"_42":198,"_32":199,"_30":200,"_156":-5,"_40":41,"_39":201,"_158":26,"_37":202,"_13":203,"_33":34,"_35":204,"_23":26,"_162":-5,"_27":205},{"_42":195,"_32":28,"_30":31,"_156":-5,"_40":41,"_39":14,"_158":26,"_37":196,"_13":60,"_33":34,"_35":36,"_23":26,"_162":-5,"_27":197},{"_42":188,"_32":189,"_30":190,"_156":-5,"_40":41,"_39":191,"_158":26,"_37":192,"_13":60,"_33":20,"_35":193,"_23":26,"_162":-5,"_27":194},{"_42":179,"_32":180,"_30":181,"_156":-5,"_40":41,"_39":182,"_158":24,"_37":183,"_13":184,"_33":185,"_35":186,"_23":26,"_162":-5,"_27":187},{"_42":172,"_32":173,"_30":174,"_156":-5,"_40":41,"_39":175,"_158":24,"_37":176,"_13":60,"_33":34,"_35":177,"_23":26,"_162":-5,"_27":178},{"_42":164,"_32":165,"_30":166,"_156":-5,"_40":41,"_39":167,"_158":26,"_37":168,"_13":169,"_33":34,"_35":170,"_23":26,"_162":-5,"_27":171},{"_42":153,"_32":154,"_30":155,"_156":-5,"_40":41,"_39":157,"_158":26,"_37":159,"_13":160,"_33":34,"_35":161,"_23":26,"_162":-5,"_27":163},"b80e6a22-60fa-11f0-874a-0224a6c84d84","table-copy.tsx","853435c8-60fa-11f0-93a2-0224a6c84d84","parentId",253,"latest",["D",1752529039442],4,"/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\n\nimport {\n createColumnHelper,\n flexRender,\n getCoreRowModel,\n useReactTable,\n} from \"https://esm.sh/@tanstack/react-table\";\n\nexport interface ValInfo {\n id: string;\n fileName: string;\n author: string;\n subdomain: string;\n valName: string;\n valUrl: string;\n}\n\nconst vals: ValInfo[] = [\n {\n id: \"d17279f7-3efe-43f0-ac02-0b0d3c303c47\",\n author: \"nbbaier\",\n fileName: \"http.tsx\",\n subdomain: \"https://mycustomsubdomain.val.run/\",\n valUrl: \"https://www.val.town/x/nbbaier/custom-domains-val-api/code/\",\n valName: \"custom-domains-val-api\",\n },\n {\n id: \"cb0e7ec0-60bc-11f0-9083-0224a6c84d84\",\n author: \"nbbaier\",\n fileName: \"index.ts\",\n subdomain: \"https://subdomains.val.run/\",\n valUrl: \"https://www.val.town/x/nbbaier/subdomain-dashboard/code/\",\n valName: \"subdomain-dashboard\",\n },\n {\n id: \"2361420d-4270-4b6b-b704-8025aa0d6f06\",\n author: \"nbbaier\",\n fileName: \"main.ts\",\n subdomain: \"https://nbbaier-mcp.val.run/\",\n valUrl: \"https://www.val.town/x/nbbaier/mcp-starter/code/\",\n valName: \"mcp-starter\",\n },\n];\n\nconst columnHelper = createColumnHelper();\n\nconst columns = [\n columnHelper.accessor((row) => row.id, {\n id: \"id\",\n header: () => Val ID,\n cell: (info) => info.getValue(),\n }),\n columnHelper.accessor((row) => row.author, {\n id: \"author\",\n cell: (info) => {info.getValue()},\n header: () => Author,\n }),\n columnHelper.accessor(\"fileName\", {\n header: () => \"File Name\",\n cell: (info) => info.renderValue(),\n }),\n];\n\nexport default function Table() {\n const [data, _setData] = React.useState(() => [...vals]);\n const rerender = React.useReducer(() => ({}), {})[1];\n\n const table = useReactTable({\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n });\n\n return (\n

\n {header.isPlaceholder ? null : flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n
\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n

\n \n

\n );\n}","label",[154],"11056ffc-60fd-11f0-874a-0224a6c84d84","routes.tsx","b26092a2-4cb9-4de6-ba0b-204c29a55221",316,["D",1752530047695],214,"/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport {\n createBrowserRouter,\n Link,\n Outlet,\n RouterProvider,\n useLoaderData,\n} from \"https://esm.sh/react-router@7\";\nimport DataTable from \"https://esm.town/v/nbbaier/react-router-data-mode-starter/table-copy.tsx\";\n\nexport interface ValInfo {\n id: string;\n fileName: string;\n author: string;\n subdomain: string;\n valName: string;\n valUrl: string;\n}\n\nconst API_URL = \"https://nbbaier--d94f54b4f1474a298dfe2bea02c6a732.web.val.run\"; // \"https://jsonplaceholder.typicode.com/todos/1\";\n\nfunction HTML({ children }: {\n children: React.ReactNode;\n}) {\n return (\n \n \n React Router Data Mode Starter\n \n \n \n {children}\n \n \n );\n}\n\nfunction Layout() {\n return (\n \n

\n \n

\n \n );\n}\n\nfunction Home() {\n const data = useLoaderData();\n return (\n

\n {data.map((val) => )}\n

\n );\n}\n\nfunction Table() {\n return (\n

\n \n

\n );\n}\n\ninterface ValCardProps {\n val: ValInfo;\n}\n\nexport function ValCard({ val }: ValCardProps) {\n return (\n

\n {val.valName}\n {val.valUrl && (\n \n \n Open external link\n \n \n \n )}\n

by @{val.author}

\n\n

\n {val.subdomain && (\n

\n File Name\n

\n \n {val.fileName}\n \n

\n )}\n\n {val.subdomain && (\n

\n Subdomain\n

\n \n {val.subdomain}\n \n

\n )}\n

\n );\n}\n\nasync function catsLoader() {\n const data = await fetch(API_URL)\n .then((res) => res.json());\n return data;\n}\n\nfunction mockLoader() {\n const vals: ValInfo[] = [\n {\n \"id\": \"d17279f7-3efe-43f0-ac02-0b0d3c303c47\",\n \"type\": \"http\",\n \"author\": \"nbbaier\",\n \"fileName\": \"http.tsx\",\n \"subdomain\": \"https://mycustomsubdomain.val.run/\",\n \"valUrl\": \"https://www.val.town/x/nbbaier/custom-domains-val-api/code/\",\n \"valName\": \"custom-domains-val-api\",\n },\n {\n \"id\": \"7d1f43c4-60f4-11f0-afac-0224a6c84d84\",\n \"type\": \"http\",\n \"author\": \"nbbaier\",\n \"fileName\": \"http2.tsx\",\n \"subdomain\": \"https://custom-endpoint-2.val.run/\",\n \"valUrl\": \"https://www.val.town/x/nbbaier/custom-domains-val-api/code/\",\n \"valName\": \"custom-domains-val-api\",\n },\n {\n \"id\": \"df8b97dd-8aaf-46ed-a8ee-fce6f9206397\",\n \"type\": \"email\",\n \"author\": \"nbbaier\",\n \"fileName\": \"email.tsx\",\n \"subdomain\": \"mycustomemail@valtown.email\",\n \"valUrl\": \"https://www.val.town/x/nbbaier/custom-domains-val-api/code/\",\n \"valName\": \"custom-domains-val-api\",\n },\n {\n \"id\": \"cb0e7ec0-60bc-11f0-9083-0224a6c84d84\",\n \"type\": \"http\",\n \"author\": \"nbbaier\",\n \"fileName\": \"index.ts\",\n \"subdomain\": \"https://subdomains.val.run/\",\n \"valUrl\": \"https://www.val.town/x/nbbaier/subdomain-dashboard/code/\",\n \"valName\": \"subdomain-dashboard\",\n },\n {\n \"id\": \"2361420d-4270-4b6b-b704-8025aa0d6f06\",\n \"type\": \"http\",\n \"author\": \"nbbaier\",\n \"fileName\": \"main.ts\",\n \"subdomain\": \"https://nbbaier-mcp.val.run/\",\n \"valUrl\": \"https://www.val.town/x/nbbaier/mcp-starter/code/\",\n \"valName\": \"mcp-starter\",\n },\n {\n \"id\": \"e79f4c77-b91e-4a2a-be0d-0d0c8c618fd2\",\n \"type\": \"http\",\n \"author\": \"nbbaier\",\n \"fileName\": \"index.ts\",\n \"subdomain\": \"https://val-to-text.val.run/\",\n \"valUrl\": \"https://www.val.town/x/nbbaier/val-to-text/code/\",\n \"valName\": \"val-to-text\",\n },\n ];\n\n return vals;\n}\n\nexport const routes = [\n {\n Component: Layout,\n children: [\n {\n Component: Home,\n index: true,\n loader: mockLoader,\n },\n {\n Component: Table,\n path: \"/table\",\n },\n ],\n },\n];\n\nexport default routes;",[165],"8f9b4c1e-60fe-11f0-9ec1-0224a6c84d84","loader.ts","8f9b4cf0-60fe-11f0-9ec1-0224a6c84d84",317,["D",1752530689569],"import type { ValInfo } from \"./types.ts\";\n\nexport function mockLoader(): ValInfo[] {\n const vals: ValInfo[] = [\n {\n id: \"d17279f7-3efe-43f0-ac02-0b0d3c303c47\",\n type: \"http\",\n author: \"nbbaier\",\n fileName: \"http.tsx\",\n subdomain: \"https://mycustomsubdomain.val.run/\",\n valUrl: \"https://www.val.town/x/nbbaier/custom-domains-val-api/code/\",\n valName: \"custom-domains-val-api\",\n },\n {\n id: \"7d1f43c4-60f4-11f0-afac-0224a6c84d84\",\n type: \"http\",\n author: \"nbbaier\",\n fileName: \"http2.tsx\",\n subdomain: \"https://custom-endpoint-2.val.run/\",\n valUrl: \"https://www.val.town/x/nbbaier/custom-domains-val-api/code/\",\n valName: \"custom-domains-val-api\",\n },\n {\n id: \"df8b97dd-8aaf-46ed-a8ee-fce6f9206397\",\n type: \"email\",\n author: \"nbbaier\",\n fileName: \"email.tsx\",\n subdomain: \"mycustomemail@valtown.email\",\n valUrl: \"https://www.val.town/x/nbbaier/custom-domains-val-api/code/\",\n valName: \"custom-domains-val-api\",\n },\n {\n id: \"cb0e7ec0-60bc-11f0-9083-0224a6c84d84\",\n type: \"http\",\n author: \"nbbaier\",\n fileName: \"index.ts\",\n subdomain: \"https://subdomains.val.run/\",\n valUrl: \"https://www.val.town/x/nbbaier/subdomain-dashboard/code/\",\n valName: \"subdomain-dashboard\",\n },\n {\n id: \"2361420d-4270-4b6b-b704-8025aa0d6f06\",\n type: \"http\",\n author: \"nbbaier\",\n fileName: \"main.ts\",\n subdomain: \"https://nbbaier-mcp.val.run/\",\n valUrl: \"https://www.val.town/x/nbbaier/mcp-starter/code/\",\n valName: \"mcp-starter\",\n },\n {\n id: \"e79f4c77-b91e-4a2a-be0d-0d0c8c618fd2\",\n type: \"http\",\n author: \"nbbaier\",\n fileName: \"index.ts\",\n subdomain: \"https://val-to-text.val.run/\",\n valUrl: \"https://www.val.town/x/nbbaier/val-to-text/code/\",\n valName: \"val-to-text\",\n },\n ];\n\n return vals;\n}\n",[173],"e9b8c778-60f2-11f0-8dcc-0224a6c84d84","http.tsx","40a73bd0-f42b-4d38-b43c-89eca99a33d4",107,["D",1752525686792],3,"http","/** @jsxImportSource https://esm.sh/react@19 */\n// import * as React from \"https://esm.sh/react@19\";\nimport ReactDOMServer from \"https://esm.sh/react-dom@19/server\";\nimport {\n createStaticHandler,\n createStaticRouter,\n StaticRouterProvider,\n} from \"https://esm.sh/react-router\";\nimport routes from \"./routes.tsx\";\n\nconst CLIENT_MODULE = import.meta.resolve(\"./client.tsx\");\n\nexport default async function (req: Request): Promise {\n const { query, dataRoutes } = createStaticHandler(routes);\n const context = await query(req);\n const router = createStaticRouter(dataRoutes, context);\n\n let html = await ReactDOMServer.renderToReadableStream(\n ,\n {\n bootstrapModules: [CLIENT_MODULE],\n },\n );\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",[180],"1c5d874a-60f8-11f0-a330-0224a6c84d84","deno.json","1c5d87f4-60f8-11f0-a330-0224a6c84d84",202,["D",1752527919208],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"compilerOptions\": {\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"]\n },\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-sloppy-imports\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true\n },\n \"imports\": {\n \"@biomejs/biome\": \"npm:@biomejs/biome@^2.0.0\"\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"lock\": false,\n \"nodeModulesDir\": \"auto\"\n}",[189],"8fa0e944-60fe-11f0-aca1-0224a6c84d84",["D",1752530689569],[28],"3b6821cc-60ee-11f0-8195-0224a6c84d84","client.tsx","3a1d61ea-97f0-4a01-ad6e-c5d0b3ac1eea",12,["D",1752523676356],2,"/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport ReactDOM from \"https://esm.sh/react-dom@19/client\";\nimport {\n createBrowserRouter,\n RouterProvider,\n} from \"https://esm.sh/react-router\";\nimport routes from \"./routes.tsx\";\n\nconsole.log(\"client\");\n\nconst router = createBrowserRouter(routes);\n\nReactDOM.hydrateRoot(\n document,\n ,\n);",[199],"1c576144-60f8-11f0-be47-0224a6c84d84","biome.json","1c576220-60f8-11f0-be47-0224a6c84d84",201,["D",1752527919202],"{\n \"$schema\": \"https://biomejs.dev/schemas/2.0.0/schema.json\",\n \"vcs\": {\n \"enabled\": false,\n \"clientKind\": \"git\",\n \"useIgnoreFile\": false\n },\n \"files\": {\n \"ignoreUnknown\": false\n },\n \"formatter\": {\n \"enabled\": true,\n \"indentStyle\": \"space\",\n \"indentWidth\": 3\n },\n \"linter\": {\n \"enabled\": true,\n \"rules\": {\n \"recommended\": true\n }\n },\n \"javascript\": {\n \"formatter\": {\n \"quoteStyle\": \"double\"\n }\n },\n \"assist\": {\n \"enabled\": true,\n \"actions\": {\n \"source\": {\n \"organizeImports\": \"on\"\n }\n }\n }\n}",[207],"60d0fbec-60f7-11f0-8d45-0224a6c84d84","api.tsx",196,["D",1752527604589],42,"import ValTown from \"npm:@valtown/sdk\";\n\nexport interface ValInfo {\n id: string;\n type?: string;\n fileName: string;\n author: string;\n subdomain: string;\n valName: string;\n valUrl: string;\n}\n\nexport default async function (req: Request): Promise {\n const vt = new ValTown();\n const vals: ValInfo[] = [];\n\n const valList = [];\n for await (const val of vt.me.vals.list({ limit: 1, offset: 0 })) {\n valList.push(val);\n }\n\n const filePromises = valList.map((val) =>\n vt.vals.files\n .retrieve(val.id, { path: \"\", recursive: true })\n .then((files) => ({ val, files }))\n );\n\n const results = await Promise.all(filePromises);\n\n for (const { val, files } of results) {\n const emailFiles = files.data.filter(\n (file) => file.type === \"email\" && file.links.endpoint,\n );\n\n const httpFiles = files.data.filter(\n (file) =>\n file.type === \"http\" &&\n !file.links.endpoint.includes(\"web.val.run\"),\n );\n\n for (const file of [...httpFiles, ...emailFiles]) {\n vals.push({\n id: file.id,\n type: file.type,\n author: val.author?.username || \"unknown\",\n fileName: file.name,\n subdomain: file.type === \"http\"\n ? file.links.endpoint\n : new URL(file.links.endpoint).hostname.replace(\n \".val.run\",\n \"@valtown.email\",\n ),\n valUrl: val.links.html,\n valName: val.name,\n });\n }\n }\n\n return Response.json(vals);\n}",[214],"e6769180-60ed-11f0-b918-0224a6c84d84","README.md","937e28fb-0708-4a29-985f-3e4b4d02f3ae",1,["D",1752523533770],"# React Router Data Mode Starter\n\nMinimal React Router starter example in [\"data mode\"][modes] with server-side rendering for Val Town\n\n[View demo][demo]\n\n## How it works\n\nThe `http.tsx` file is the main server that responds with an HTML stream, using React Router.\nThe HTML includes a `

Diff · v318