[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_227":228,"_229":230},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_107":-7,"_108":109,"_94":-7,"_110":-5,"_15":111,"_112":113,"_114":115,"_116":117,"_118":119,"_120":-5,"_121":-5,"_122":-5,"_123":20,"_124":125,"_126":47,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.remixes",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5},"handle","maxm","name","tsEval","project",{"_28":68,"_13":14,"_48":69,"_70":-5,"_71":20,"_32":33,"_34":33,"_30":-5,"_31":-5,"_35":72,"_44":73,"_46":47,"_74":47,"_75":-5,"_50":22,"_37":76,"_77":-5,"_78":-5,"_79":-5,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_40":90,"_42":91,"_92":93,"_39":20},"forks",[26,27],"hasNext",false,"page",0,"forkCount",2,"upstream",{"_28":59,"_13":14,"_30":-5,"_31":-5,"_32":33,"_34":33,"_35":60,"_37":61,"_39":20,"_40":62,"_42":63,"_44":64,"_46":47,"_48":65,"_50":22},{"_28":29,"_13":14,"_30":-5,"_31":-5,"_32":33,"_34":33,"_35":36,"_37":38,"_39":20,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":22},"id","8a7113bc-ea4e-11ef-ac08-e6cdfca9ef9f","description","imageUrl","privacy","public","httpPrivacy","userId","19892fed-baf3-41fb-a5cc-96c80e95edec","orgId","f407f111-fdbb-4126-923f-44aed4d9e9ad","isOwned","user",{"_11":51,"_58":54},"org",{"_11":51,"_52":-5,"_53":54,"_35":36,"_55":56,"_57":20},"pinnedFileId","37cbc26f-5bcf-4513-b7a3-ab281c582f99","pinPreview",true,"createdAt",["D",1739480852267],"likeCount","tmcw","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7935dc1b-7699-4095-366a-2e9103307501/square512?exp=1789538399&sig=d2766d4ffa77c6d22d4b292ce119da78253a94b5556cff7d2c392e37b39c507a","tier","pro","canRestrictVals","profileImageUrl","7915fc6e-fa0b-11ef-9285-569c3dd06744","c156eb0e-8b9d-4104-a055-502e9a0eb441","2019e55b-c541-4c51-bef0-008eef10ef88",{"_11":66,"_58":67},{"_11":66,"_52":-5,"_53":67,"_35":60,"_55":56,"_57":20},"54b24f82-5c71-4fdb-b56e-eb875e94f93b",["D",1741211265468],"charmaine","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","cf7a20ee-dcbf-11ef-a35b-e6cdfca9ef9f",["D",1737990184950],"deletedAt","legacyEnvVars","418c1e39-eb48-4f2f-8c97-122ece94631c","654b0224-e412-11ef-add9-e6cdfca9ef9f","pinMigrated","screenshotVersion","c1e7642a-74cc-4d69-8652-20abbdeaa94e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_58":106},{"_11":12,"_52":-5,"_53":106,"_35":72,"_55":56,"_57":20},"branch",{"_94":95,"_13":96,"_28":97,"_98":68,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":14,"_105":12},"version",228,"main","cf7a6d42-dcbf-11ef-a35b-e6cdfca9ef9f","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","branchName","path","","adoptOrgId",{"_28":68,"_13":14,"_48":223,"_70":-5,"_71":20,"_32":33,"_34":33,"_30":-5,"_31":-5,"_35":72,"_44":73,"_46":47,"_74":47,"_75":-5,"_50":22,"_37":76,"_77":-5,"_78":-5,"_79":-5,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_40":224,"_42":225,"_92":226,"_39":20},"tree",[194,196,197,198,199],"files",[194,195,196,197,198,199],"counts",{"_185":22,"_186":182,"_17":24,"_187":188,"_189":190},"contents",[131,132,133,134,135],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_28":177,"_13":178,"_138":179,"_140":-5,"_141":97,"_142":180,"_144":47,"_48":181,"_94":182,"_147":183,"_149":-5,"_151":20,"_152":-5,"_108":184},{"_28":169,"_13":170,"_138":171,"_140":-5,"_141":97,"_142":172,"_144":47,"_48":173,"_94":174,"_147":148,"_149":175,"_151":20,"_152":-5,"_108":176},{"_28":161,"_13":162,"_138":163,"_140":-5,"_141":97,"_142":164,"_144":47,"_48":165,"_94":166,"_147":148,"_149":167,"_151":20,"_152":-5,"_108":168},{"_28":154,"_13":14,"_138":155,"_140":-5,"_141":97,"_142":95,"_144":47,"_48":156,"_94":157,"_147":158,"_149":159,"_151":20,"_152":-5,"_108":160},{"_28":136,"_13":137,"_138":139,"_140":-5,"_141":97,"_142":143,"_144":47,"_48":145,"_94":146,"_147":148,"_149":150,"_151":20,"_152":-5,"_108":153},"c352dd10-e598-11ef-bafd-e6cdfca9ef9f","worker","fileId","ede64e5c-e3f1-11ef-98d0-e6cdfca9ef9f","parentId","branchId","branchVersion",220,"latest",["D",1738962974645],92,"fileType","script","content","// 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}","deleted","label",[137],"6e03caac-e59a-11ef-8c9e-e6cdfca9ef9f","58271fa8-e3f2-11ef-8569-e6cdfca9ef9f",["D",1738963690517],69,"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],"9308542e-e411-11ef-a544-e6cdfca9ef9f","patchConsoleLog","9d1a2ab8-e3f9-11ef-963b-e6cdfca9ef9f",127,["D",1738794960408],5,"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}",[162],"86407c12-e597-11ef-82bd-e6cdfca9ef9f","indexPage","cc2201d0-e3f1-11ef-aaba-e6cdfca9ef9f",213,["D",1738962442692],53,"/** @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

Remixes2

Remixes
2