[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_233":234,"_235":236},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_173":-5,"_20":174,"_22":175,"_176":177,"_178":179,"_26":180,"_24":181,"_182":183,"_184":185,"_186":50,"_187":188,"_189":67,"_190":-5,"_191":-5,"_192":193},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":32,"_34":-5},"handle","charmaine","name","tsEval","branchName","main","version","path","patchConsoleLog","project",{"_35":130,"_13":14,"_37":131,"_48":-5,"_132":50,"_51":52,"_133":52,"_134":-5,"_135":-5,"_136":137,"_138":125,"_139":67,"_140":-5,"_141":-5,"_142":32,"_55":143,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":149,"_150":149,"_151":152,"_153":152,"_154":152,"_155":149,"_156":149,"_157":158,"_159":160,"_161":162,"_49":50},"tree",[76,77,78,79,80,81],"file",{"_35":58,"_13":19,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":68,"_17":32,"_69":70,"_71":72,"_73":50,"_74":-5,"_18":75},"contents",[],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"pull","ahead",0,"behind","envVars","id","cf7a6d42-dcbf-11ef-a35b-e6cdfca9ef9f","createdAt",["D",1737990184950],"updatedAt",["D",1738963690517],"projectId","cf7a20ee-dcbf-11ef-a35b-e6cdfca9ef9f",228,"forkedBranchId","forkedBranchVersion","lockfileKey","1744516642685-esm.town_v_maxm_tsEval@228-main","deletedAt","isOwned",false,"privacy","public","userHandle","maxm","orgId","c1e7642a-74cc-4d69-8652-20abbdeaa94e","projectName","791d055e-fa0b-11ef-9285-569c3dd06744","fileId","39b4dd96-a1ff-4c3e-a4ab-9004f984c2cd","parentId","branchId","791ad37e-fa0b-11ef-9285-569c3dd06744","branchVersion",1,"latest",true,["D",1741211265468],"fileType","script","content","type ConsoleMethod = (...args: any[]) => void;\n\nexport function patch(cb: (message: string) => void) {\n const consoleHandler: ProxyHandler = {\n get(target: Console, prop: keyof Console) {\n let originalMethod = target[prop] as ConsoleMethod;\n if (typeof originalMethod !== \"function\") {\n return originalMethod;\n }\n return (...args: any[]) => {\n let message = args\n .map((v) => (typeof v === \"string\" ? v : Deno.inspect(v)))\n .join(\" \");\n if (prop === \"trace\") {\n const error = new Error();\n error.stack = error.stack?.split(\"\\n\").slice(2).join(\"\\n\");\n message = `Trace: ${message}\\n${error.stack}`;\n // We want to switch to the error method to avoid adding two stack traces\n originalMethod = target.error;\n }\n cb(message);\n originalMethod.call(target, args);\n };\n },\n };\n globalThis.console = new Proxy(console, consoleHandler);\n}","deleted","label",[19],{"_35":115,"_13":116,"_59":117,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":118,"_17":32,"_69":119,"_71":-5,"_73":50,"_74":-5,"_87":120,"_18":121},{"_35":107,"_13":108,"_59":109,"_61":-5,"_62":63,"_64":110,"_66":67,"_37":111,"_17":32,"_69":24,"_71":112,"_73":50,"_74":-5,"_87":113,"_18":114},{"_35":100,"_13":101,"_59":102,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":103,"_17":32,"_69":70,"_71":104,"_73":50,"_74":-5,"_87":105,"_18":106},{"_35":58,"_13":19,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":97,"_17":32,"_69":70,"_71":72,"_73":50,"_74":-5,"_87":98,"_18":99},{"_35":90,"_13":14,"_59":91,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":92,"_17":32,"_69":93,"_71":94,"_73":50,"_74":-5,"_87":95,"_18":96},{"_35":82,"_13":83,"_59":84,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":85,"_17":32,"_69":70,"_71":86,"_73":50,"_74":-5,"_87":88,"_18":89},"791d0af4-fa0b-11ef-9285-569c3dd06744","worker","c6657042-f345-4ff3-b172-ebcbc473df03",["D",1741211265468],"// Lots of trickiness in this file as we load strings into\n// the worker, keep scoping in mind as you read through.\n\nimport process from \"node:process\";\nimport { patch } from \"./patchConsoleLog\";\nexport const imports = `\nimport process from \"node:process\";\n`;\ntype ConsoleMethod = (...args: any[]) => void;\n\nconst workerCode = async (code: string, env: Record) => {\n function createDenoEnvStub(\n input: Record,\n ): typeof Deno.env {\n return {\n get(key: string) {\n return input[key];\n },\n has(key: string) {\n return input[key] !== undefined;\n },\n toObject() {\n return { ...input };\n },\n set(key: string, value: string) {\n input[key] = value;\n },\n delete(key: string) {\n delete input[key];\n },\n };\n }\n\n Object.defineProperty(Deno, \"env\", {\n value: createDenoEnvStub(env),\n });\n // @ts-ignore\n process.env = { ...env };\n\n patch((message: string) => self.postMessage({ kind: \"log\", message }));\n let result = await import(`data:text/tsx,${code}`);\n self.postMessage({ kind: \"end\" });\n};\n\nexport function newWorker({ code, env }: { code: string; env: Record }) {\n const workerCodeString = `\n${imports}\n${patch.toString()}\n\nawait (${workerCode.toString()})(\"${encodeURIComponent(`${code}`)}\", ${JSON.stringify(env)});\n`;\n console.log(workerCodeString);\n const blob = new Blob([workerCodeString], { type: \"text/tsx\" });\n const workerUrl = URL.createObjectURL(blob);\n const worker = new Worker(workerUrl, {\n type: \"module\",\n // @ts-ignore unstable feature\n deno: { permissions: { net: true } },\n });\n return worker;\n}","children",[],[83],"791d072a-fa0b-11ef-9285-569c3dd06744","41b16213-e8b9-4bbe-8e30-35546030cb36",["D",1741211265468],"http","import { Hono } from \"npm:hono\";\nimport indexPage from \"./indexPage\";\nimport { newWorker } from \"./worker\";\n\nfunction encodeSSE(data: any) {\n return new TextEncoder().encode(`data: ${JSON.stringify(data)}\\r\\n\\r\\n`);\n}\n\nconst app = new Hono();\napp.get(\"/\", (c) => indexPage(c.req.raw));\napp.get(\"/worker.ts\", (c) => indexPage(c.req.raw));\napp.post(\"/submit\", async (c) => {\n const form = await c.req.formData();\n let code = form.get(\"code\");\n if (typeof code !== \"string\") {\n return c.text(\"Invalid form submission, missing 'code'\", 400);\n }\n let apiKey = form.get(\"key\") as string;\n // TODO: remove this once we have import maps working\n code = code.replaceAll(`from \"@valtown/sdk\"`, `from \"npm:@valtown/sdk\"`);\n let worker: Worker | undefined = undefined;\n const body = new ReadableStream({\n async start(controller) {\n worker = newWorker({ code, env: { ...(apiKey ? { VAL_TOWN_API_KEY: apiKey } : {}) } });\n await new Promise((resolve, reject) => {\n (worker as Worker).onmessage = (e) => {\n const { kind } = e.data;\n if (kind === \"end\") {\n resolve();\n }\n controller.enqueue(encodeSSE(e.data));\n };\n (worker as Worker).onerror = (err) => {\n controller.enqueue(encodeSSE({ kind: \"error\", err: err.message }));\n controller.enqueue(encodeSSE({ kind: \"end\" }));\n reject(err);\n };\n }).catch(() => {});\n worker.terminate();\n controller.close();\n },\n cancel() {\n worker?.terminate();\n },\n });\n\n return new Response(body, {\n headers: {\n \"Content-Type\": \"text/event-stream\",\n },\n });\n});\n\nexport default app.fetch.bind(app);",[],[14],["D",1741211265468],[],[19],"791cffa0-fa0b-11ef-9285-569c3dd06744","indexPage","26ed430a-2757-4cf1-bd9f-8f1e4964b15a",["D",1741211265468],"/** @jsxImportSource npm:react */\nimport { importMap } from \"https://esm.town/v/maxm/codemirrorTs/importMap\";\nimport { renderToString } from \"npm:react-dom/server\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/worker.ts\") {\n const js = await (await fetch(\"https://esm.town/v/maxm/codemirrorTs/worker\")).text();\n return new Response(js, {\n headers: {\n \"Content-Type\": \"application/javascript\",\n // Make sure that our servers think this is a browser\n // requesting this for its usage, otherwise we'll get TypeScript\n \"User-Agent\": \"nothing\",\n \"Accept\": \"application/javascript\",\n },\n });\n }\n\n return new Response(\n renderToString(\n <>\n \n