[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_238":239,"_240":241},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_68":137,"_39":-7,"_138":-5,"_17":139,"_140":141,"_142":143,"_144":145,"_146":147,"_148":-5,"_149":150,"_151":152,"_153":47,"_154":155,"_156":25,"_157":-5,"_158":-5,"_159":160},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":20,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5},"handle","tmcw","name","tsEval","branchName","main","project",{"_31":57,"_13":14,"_33":98,"_45":-5,"_99":47,"_48":49,"_100":49,"_101":-5,"_102":-5,"_103":104,"_105":106,"_107":25,"_108":25,"_109":-5,"_110":20,"_52":111,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":117,"_118":117,"_119":120,"_121":120,"_122":120,"_123":117,"_124":117,"_125":126,"_127":128,"_129":27,"_46":47},"ahead",0,"behind","diff",{"_61":62,"_63":64,"_65":66},"hasChanges",true,"sourceBranch",{"_39":55,"_13":16,"_31":56,"_37":57,"_41":32,"_42":40,"_58":49,"_59":38,"_60":53,"_54":14,"_50":12},"targetBranch",{"_31":32,"_33":34,"_35":36,"_13":16,"_37":38,"_39":40,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"pull","id","cf7a6d42-dcbf-11ef-a35b-e6cdfca9ef9f","createdAt",["D",1737990184950],"updatedAt",["D",1738963690517],"projectId","cf7a20ee-dcbf-11ef-a35b-e6cdfca9ef9f","version",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",7,"8a7475a2-ea4e-11ef-ac08-e6cdfca9ef9f","8a7113bc-ea4e-11ef-ac08-e6cdfca9ef9f","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[],"deleted",[],"modified",[67],{"_68":14,"_69":70,"_71":72},"path","targetFile",{"_31":91,"_13":14,"_74":92,"_76":-5,"_77":32,"_78":40,"_79":25,"_33":93,"_39":94,"_82":83,"_84":95,"_63":47,"_86":-5,"_87":-7,"_68":96,"_89":97},"sourceFile",{"_31":73,"_13":14,"_74":75,"_76":-5,"_77":56,"_78":55,"_79":25,"_33":80,"_39":81,"_82":83,"_84":85,"_63":47,"_86":-5,"_87":-7,"_68":88,"_89":90},"3e0afc5c-ee2e-11ef-b2de-e6cdfca9ef9f","fileId","2daadabd-3a9b-4084-9552-0e46f7fbc6b2","parentId","branchId","branchVersion","latest",["D",1739906784849],6,"fileType","http","content","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.json();\n let code = form.code;\n const module = form.module;\n if (typeof code !== \"string\") {\n return c.text(\"Invalid form submission, missing 'code'\", 400);\n }\n if (typeof module !== \"string\") {\n return c.text(\"Invalid form submission, missing 'module'\", 400);\n }\n // TODO: remove this once we have import maps working\n code = code.replaceAll(`from \"${module}\"`, `from \"npm:${module}\"`);\n let worker: Worker | undefined = undefined;\n const body = new ReadableStream({\n async start(controller) {\n worker = newWorker({ code, env: form.env ?? {} });\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);","label","children",[14],"contentHash","84be9dc9511183517f62e200925a7fb9d9f6b0d53a9de95a6e7db39ecb6d2854","6e03caac-e59a-11ef-8c9e-e6cdfca9ef9f","58271fa8-e3f2-11ef-8569-e6cdfca9ef9f",["D",1738963690517],69,"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],"d3a9f50a76a8c54a763e4a463377953638c642dc3b26d3c030e3fe31fc672a19",["D",1739480852267],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","19892fed-baf3-41fb-a5cc-96c80e95edec","pinnedFileId","37cbc26f-5bcf-4513-b7a3-ab281c582f99","pinPreview","pinMigrated","screenshotVersion","likeCount","f407f111-fdbb-4126-923f-44aed4d9e9ad","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_136":132},"org",{"_11":12,"_130":-5,"_131":132,"_103":104,"_133":134,"_135":47},"branch","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7935dc1b-7699-4095-366a-2e9103307501/square512?exp=1789541999&sig=89d546164584caf98832cd903579aa2647e5eaaea1875620706ec3ce00a3fc88","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_31":57,"_13":14,"_33":234,"_45":-5,"_99":47,"_48":49,"_100":49,"_101":-5,"_102":-5,"_103":104,"_105":106,"_107":25,"_108":25,"_109":-5,"_110":20,"_52":111,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":117,"_118":117,"_119":120,"_121":120,"_122":120,"_123":117,"_124":117,"_125":235,"_127":236,"_129":237,"_46":47},"tree",[208,210,211,212,213],"files",[208,209,210,211,212,213],"counts",{"_198":20,"_199":173,"_200":20,"_201":202,"_203":204},"contents",[165,166,167,168,169],"file","upstreamProject",{"_31":38,"_13":14,"_101":-5,"_102":-5,"_48":49,"_125":163},"upstreamBranch",{"_31":32,"_33":161,"_35":162,"_13":16,"_37":38,"_39":40,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1737990184950],["D",1738963690517],{"_11":51,"_136":164},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9",{"_31":192,"_13":193,"_74":194,"_76":-5,"_77":56,"_78":173,"_79":25,"_33":195,"_39":20,"_82":196,"_84":-5,"_63":47,"_86":-5,"_68":197},{"_31":186,"_13":187,"_74":188,"_76":-5,"_77":56,"_78":173,"_79":25,"_33":189,"_39":20,"_82":175,"_84":190,"_63":47,"_86":-5,"_68":191},{"_31":180,"_13":181,"_74":182,"_76":-5,"_77":56,"_78":173,"_79":25,"_33":183,"_39":20,"_82":175,"_84":184,"_63":47,"_86":-5,"_68":185},{"_31":73,"_13":14,"_74":75,"_76":-5,"_77":56,"_78":55,"_79":25,"_33":178,"_39":81,"_82":83,"_84":85,"_63":47,"_86":-5,"_68":179},{"_31":170,"_13":171,"_74":172,"_76":-5,"_77":56,"_78":173,"_79":25,"_33":174,"_39":20,"_82":175,"_84":176,"_63":47,"_86":-5,"_68":177},"8a75f5da-ea4e-11ef-ac08-e6cdfca9ef9f","worker","71e8f1ff-1312-4505-8d85-7f0cdb5f60a5",1,["D",1739480852267],"script","// 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}",[171],["D",1739906784849],[14],"8a75f166-ea4e-11ef-ac08-e6cdfca9ef9f","patchConsoleLog","48d3f75a-e226-42ac-83f9-69ab6b0a447f",["D",1739480852267],"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}",[181],"8a75ec34-ea4e-11ef-ac08-e6cdfca9ef9f","indexPage","ce39d600-3573-4f3f-b29e-daf3a3a8e5cc",["D",1739480852267],"/** @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

Compare

Mergetmcw/mainintomaxm/main

HtsEval+8-5