[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_201":202,"_203":204},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_78":-7,"_100":-5,"_19":101,"_102":103,"_104":105,"_106":107,"_108":109,"_21":110,"_111":112,"_113":114,"_115":24,"_116":117,"_118":52,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","tmcw","name","tsEval","branchName","main","path","patchConsoleLog","project",{"_37":38,"_13":14,"_39":40,"_41":-5,"_42":24,"_43":44,"_45":44,"_46":-5,"_47":-5,"_30":48,"_49":50,"_51":52,"_53":52,"_54":-5,"_55":26,"_56":57,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":63,"_64":63,"_65":66,"_67":66,"_68":66,"_69":63,"_70":63,"_71":72,"_73":74,"_75":76,"_77":24},"file",{"_31":32,"_13":18,"_33":34,"_35":24,"_36":-5},"isDirectory",false,"page",0,"history",[],"hasNext","userId","fileId","48d3f75a-e226-42ac-83f9-69ab6b0a447f","fileType","script","deleted","deletedAtVersion","id","8a7113bc-ea4e-11ef-ac08-e6cdfca9ef9f","createdAt",["D",1739480852267],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","19892fed-baf3-41fb-a5cc-96c80e95edec","pinnedFileId","37cbc26f-5bcf-4513-b7a3-ab281c582f99","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","orgId","f407f111-fdbb-4126-923f-44aed4d9e9ad","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_99":95},"org",{"_11":12,"_93":-5,"_94":95,"_30":48,"_96":97,"_98":24},"branch",{"_78":79,"_13":16,"_37":80,"_81":38,"_82":83,"_84":85,"_86":44,"_87":88,"_89":90,"_91":14,"_92":12},"isOwned","version",7,"8a7475a2-ea4e-11ef-ac08-e6cdfca9ef9f","projectId","forkedBranchId","cf7a6d42-dcbf-11ef-a35b-e6cdfca9ef9f","forkedBranchVersion",228,"forkedProjectPrivacy","forkedProjectId","cf7a20ee-dcbf-11ef-a35b-e6cdfca9ef9f","forkedProjectOrgId","c1e7642a-74cc-4d69-8652-20abbdeaa94e","projectName","userHandle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7935dc1b-7699-4095-366a-2e9103307501/square512?exp=1789585199&sig=1140b03e10bb10cbbc5fc52fea03e51f88c015ceaa8ce18e41e3898ea5efb3b1","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":38,"_13":14,"_39":197,"_41":-5,"_42":24,"_43":44,"_45":44,"_46":-5,"_47":-5,"_30":48,"_49":50,"_51":52,"_53":52,"_54":-5,"_55":26,"_56":57,"_58":-5,"_59":-5,"_60":-5,"_61":-5,"_62":63,"_64":63,"_65":66,"_67":66,"_68":66,"_69":63,"_70":63,"_71":198,"_73":199,"_75":200,"_77":24},"tree",[152,154,155,156,157],"files",[152,153,154,155,156,157],"counts",{"_142":26,"_143":135,"_144":26,"_145":146,"_147":148},"contents",[],{"_37":131,"_13":18,"_31":32,"_132":-5,"_133":80,"_134":135,"_136":52,"_39":137,"_78":26,"_33":34,"_138":139,"_35":24,"_140":-5,"_17":141},"upstreamProject",{"_37":88,"_13":14,"_46":-5,"_47":-5,"_43":44,"_71":129},"upstreamBranch",{"_37":83,"_39":123,"_124":125,"_13":16,"_81":88,"_78":85,"_82":-5,"_84":-5,"_126":127,"_41":-5,"_77":24,"_43":44,"_92":128,"_56":90,"_91":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1737990184950],"updatedAt",["D",1738963690517],"lockfileKey","1744516642685-esm.town_v_maxm_tsEval@228-main","maxm",{"_11":128,"_99":130},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","8a75f166-ea4e-11ef-ac08-e6cdfca9ef9f","parentId","branchId","branchVersion",1,"latest",["D",1739480852267],"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}","label",[18],"pulls","branches","forks","envVars",{"_149":26,"_151":26},"connections",{"_149":26,"_150":26},"count","unfilledCount","emptyCount",{"_37":192,"_13":191,"_31":186,"_132":-5,"_133":80,"_134":135,"_136":52,"_39":193,"_78":26,"_33":194,"_138":-5,"_35":24,"_140":-5,"_163":195,"_17":196},{"_37":184,"_13":185,"_31":50,"_132":186,"_133":80,"_134":135,"_136":52,"_39":187,"_78":26,"_33":170,"_138":188,"_35":24,"_140":-5,"_163":189,"_17":190},{"_37":177,"_13":178,"_31":179,"_132":-5,"_133":80,"_134":135,"_136":52,"_39":180,"_78":26,"_33":34,"_138":181,"_35":24,"_140":-5,"_163":182,"_17":183},{"_37":131,"_13":18,"_31":32,"_132":-5,"_133":80,"_134":135,"_136":52,"_39":174,"_78":26,"_33":34,"_138":139,"_35":24,"_140":-5,"_163":175,"_17":176},{"_37":166,"_13":14,"_31":167,"_132":-5,"_133":80,"_134":79,"_136":52,"_39":168,"_78":169,"_33":170,"_138":171,"_35":24,"_140":-5,"_163":172,"_17":173},{"_37":158,"_13":159,"_31":160,"_132":-5,"_133":80,"_134":135,"_136":52,"_39":161,"_78":26,"_33":34,"_138":162,"_35":24,"_140":-5,"_163":164,"_17":165},"8a75f5da-ea4e-11ef-ac08-e6cdfca9ef9f","worker","71e8f1ff-1312-4505-8d85-7f0cdb5f60a5",["D",1739480852267],"// 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",[],[159],"3e0afc5c-ee2e-11ef-b2de-e6cdfca9ef9f","2daadabd-3a9b-4084-9552-0e46f7fbc6b2",["D",1739906784849],6,"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.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);",[],[14],["D",1739480852267],[],[18],"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

History · patchConsoleLog