[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_165":166,"_167":168},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_19":20,"_17":18,"_125":-5,"_21":126,"_23":127,"_128":129,"_130":131,"_27":132,"_25":133,"_134":-5,"_135":-5,"_136":43,"_137":138,"_139":64,"_140":-5,"_141":-5,"_142":143},"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5},"handle","maxm","name","valtowntown","branchName","main","version",147,"path","main.tsx","project",{"_34":70,"_13":14,"_44":71,"_72":-5,"_73":64,"_74":75,"_76":75,"_77":-5,"_78":-5,"_79":80,"_81":37,"_82":64,"_83":-5,"_84":-5,"_85":86,"_87":88,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":94,"_95":94,"_96":97,"_98":97,"_99":97,"_100":94,"_101":94,"_102":103,"_104":105,"_106":107,"_108":43},"tree",[54,55],"file",{"_34":35,"_13":20,"_36":37,"_38":-5,"_39":40,"_41":18,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":43,"_52":-5,"_19":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","1674941a-252d-11f0-8a67-569c3dd06744","fileId","1357421e-252d-11f0-8a67-569c3dd06744","parentId","branchId","1354bb5c-252d-11f0-8a67-569c3dd06744","branchVersion","latest",false,"createdAt",["D",1730318193815],146,"fileType","http","content","/** @jsxImportSource npm:react */\nimport { serveRequest } from \"https://esm.town/v/maxm/evaltown\";\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