[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_176":177,"_178":179},"routes/_app.x.$handle.$name",{"_101":100,"_32":49,"_109":88,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_21":-5,"_121":122,"_123":124,"_125":25,"_126":127,"_128":53,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_36":50,"_51":-5,"_52":53,"_54":55,"_56":55,"_57":-5,"_58":-5,"_18":59,"_60":43,"_61":53,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",1,"changes",[19,20],"aiChatInfo","userId",{"_21":41,"_23":-7,"_24":25,"_26":25,"_27":42,"_29":42},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":21,"_34":35,"_36":37,"_38":14,"_39":40,"_24":25},"previous","deleted",false,"deletedHere","path","README.md","latestPath","fileId","f9530106-2774-11f0-b46e-569c3dd06744","name","fileType","content","# 🏘️ Val Town Town\n\nVal Town implemented in Val Town.\n\nWhat if you want to build your own Val Town? What if you want features we haven't built yet? Val Town Town demonstrates how you can run untrusted code yourself. Extend it and see what you can build!","createdAt",["D",1735095443261],"branchVersion","branchId","f94fca9a-2774-11f0-b46e-569c3dd06744",{"_30":43,"_32":42,"_33":44,"_34":45,"_36":46,"_38":14,"_39":40,"_24":25},"main.tsx","f952f58a-2774-11f0-b46e-569c3dd06744","http","/** @jsxImportSource npm:react */\nimport { serveRequest } from \"https://esm.town/v/maxm/reqEvaltown\";\nimport { extractValInfo } from \"https://esm.town/v/pomdtr/extractValInfo\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { Hono } from \"npm:hono\";\nimport React from \"npm:react\";\nimport { renderToString } from \"npm:react-dom/server\";\n\nconst { httpEndpoint } = extractValInfo(import.meta.url);\nconst SCHEMA_VERSION = 1;\nconst KEY = \"valtowntown\";\n\nclass ContentStore {\n private tableName: string;\n\n constructor() {\n this.tableName = `${KEY}_content_${SCHEMA_VERSION}`;\n }\n\n async init() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${this.tableName} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n body TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n }\n\n async insertContent(handler: string) {\n const result = await sqlite.execute(\n `INSERT INTO ${this.tableName} (body) VALUES (?) RETURNING id`,\n [handler],\n );\n return result.rows[0].id;\n }\n\n async getContent(id: string) {\n const result = await sqlite.execute(\n `SELECT body FROM ${this.tableName} WHERE id = ?`,\n [id],\n );\n return result.rows[0]?.body;\n }\n}\n\nconst contentStore = new ContentStore();\nawait contentStore.init();\n\nfunction Town() {\n return (\n \n

{`🏘️ 🌳 🏠\n🚶‍♂️ ⛲ 🚶‍♀️\n🏡 🚲 🌳`}

\n View Source\n \n );\n}\n\nfunction HomePage() {\n return (\n \n \n Val Town Town\n \n \n \n \n

Val Town Town

Write an HTTP handler and deploy it with one click!

\n \n
\n \n \n \n \n \n );\n}\n\nfunction ContentPage({ handler, id }: { handler: string; id: string }) {\n return (\n \n \n {`Val Town Town - HTTP Handler #${id}`}\n \n \n \n \n

{`HTTP Handler #${id}`}

\n \n

\n Visit: {`${httpEndpoint}/serve/${id}`}\n

Diff · v1