Zon Gallery

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_221":222,"_223":224},"routes/_app.x.$handle.$name",{"_121":120,"_35":68,"_129":108,"_30":130,"_13":14,"_131":-5,"_11":132,"_133":134,"_135":136,"_137":138,"_139":140,"_24":-5,"_141":142,"_143":144,"_145":28,"_146":147,"_148":52,"_149":-5,"_150":-5,"_151":152},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_66":67,"_35":68,"_40":69,"_70":-5,"_71":28,"_72":73,"_74":73,"_75":-5,"_76":-5,"_18":77,"_78":79,"_80":52,"_81":52,"_82":-5,"_83":84,"_85":86,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_100":101,"_102":103,"_104":105,"_106":28},"version",1,"changes",[19,20,21,22,23],"aiChatInfo","userId",{"_24":61,"_26":-7,"_27":28,"_29":28,"_30":62,"_32":62},{"_24":56,"_26":-7,"_27":28,"_29":28,"_30":57,"_32":57},{"_24":51,"_26":-7,"_27":52,"_29":28,"_30":48,"_32":48},{"_24":45,"_26":-7,"_27":28,"_29":28,"_30":46,"_32":46},{"_24":25,"_26":-7,"_27":28,"_29":28,"_30":31,"_32":31},"file",{"_33":34,"_35":31,"_36":37,"_38":39,"_40":41,"_42":14,"_43":44,"_27":28},"previous","deleted",false,"deletedHere","path","sync","latestPath","fileId","9e4ce4a4-e805-4565-b368-8e4cb45a15f7","name","fileType","interval","content","import * as Y from \"https://esm.sh/yjs@13.6.23?target=esnext\";\nimport { connectYjs } from \"https://esm.town/v/dinavinter/connect\";\nimport ValTown from \"npm:@valtown/sdk\";\n\nconst valsDoc = connectYjs(`@vals`);\nconst fileMap = valsDoc.getMap<{ path: string; type: \"file\" | \"http\" | \"directory\" }>(\"files\");\nconst client = new ValTown();\n\nexport default async function(interval: Interval) {\n try\n {\n await sync();\n }\n catch (err)\n {\n console.error(err);\n return;\n }\n console.log(\n \"Finished updating all Val Town vals and files to Y.js documents\",\n JSON.stringify(\n Array.from(fileMap.entries() as [string, { path: string; name: string; type: string }][]).slice(0, 2).map((\n [key, { path }],\n ) => valsDoc.getText(key).toJSON()),\n null,\n 2,\n ),\n );\n}\n\nexport async function sync() {\n console.log(`Running Val Town to Y.js update: ${new Date().toISOString()}`);\n\n const vals = await client.me.vals.list({\n limit: 100,\n offset: 0,\n }).then(res => res.data);\n\n for (const val of vals) {\n await valSync(val);\n }\n\n for (const [key, file] of await Array.from(fileMap.entries() as [string, File][])) {\n await fileSync({\n ...file,\n key,\n }).catch(err => {\n console.error(\"Error syncing file\", key, err);\n });\n }\n}\n\ntype File = {\n path: string;\n type: \"file\" | \"directory\" | \"http\";\n name: string;\n val: string;\n key: string;\n lastModified: string;\n version: string;\n} & Record[];\n\nasync function valSync({ id, name, ...meta }: { name: string; id: string }) {\n const valMap = valsDoc.getMap(name);\n\n const files = await (client.vals.files.retrieve(id, {\n path: \"\",\n recursive: true,\n }) as Promise<{ data: File[] }>)\n .then(res => res.data)\n .then(ff =>\n ff.map(({ path, name: fileName, ...file }) => ({\n ...file,\n key: `${name}:${path || fileName}`,\n path,\n name: fileName,\n val: id,\n }))\n );\n\n valsDoc.transact(() => {\n valMap.set(\"name\", name);\n for (const [key, val] of Object.entries(meta)) {\n valMap.set(key, val);\n }\n valMap.set(\n \"files\",\n files.map(({ key }) => key),\n );\n\n const filtered = files.filter(({ type }) => type !== \"directory\");\n console.log(\n `Updated files list: ${name} , ${JSON.stringify(filtered.map(({ path, name, key }) => key), null, 2)}`,\n );\n\n filtered.forEach(({ key, ...file }) =>\n fileMap.set(key, {\n ...file,\n val: id,\n })\n );\n });\n}\n\nasync function fileSync({ val, name, path, key, ...meta }: File) {\n const content = await client.vals.files.getContent(val, { path, name }).then(res => res.text());\n\n const yText = valsDoc.getText(key);\n valsDoc.transact(() => {\n yText.delete(0, yText.length);\n yText.insert(0, content);\n });\n\n console.log(`Updated Y.js document for a file : ${key}`);\n}","createdAt",["D",1749298056853],"branchVersion","branchId","005d992c-4398-11f0-af40-76b3cceeab13",{"_33":47,"_35":46,"_36":48,"_38":49,"_40":50,"_42":14,"_43":44,"_27":28},"zons","67194526-7702-44db-9dfa-53e98395b07c","http","/** @jsxImportSource https://esm.sh/hono@latest/jsx */\nimport { jsxRenderer } from \"https://esm.sh/hono/jsx-renderer\";\nimport ValTown from \"npm:@valtown/sdk\";\nimport { Hono } from \"npm:hono\";\nimport { PropsWithChildren } from \"npm:hono/jsx\";\n\nconst app = new Hono();\n\napp.use(\n \"/*\",\n jsxRenderer(({ children }: PropsWithChildren) => {\n return (\n \n \n \n \n Zon Gallery\n \n \n \n \n \n {children}\n \n \n \n \n \n \n

{children}

\n \n \n \n \n {children}\n

Diff · v1