[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_188":189,"_190":191},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_78":-7,"_96":-5,"_19":97,"_98":99,"_100":101,"_102":103,"_104":105,"_21":106,"_107":-5,"_108":-5,"_109":24,"_110":111,"_112":52,"_113":-5,"_114":-5,"_115":116},"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","maxm","name","codemirrorTs","branchName","main","path","codemirror","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","a28df836-e3f3-11ef-9fd7-e6cdfca9ef9f","fileType","script","deleted","deletedAtVersion","id","7eeba31a-e3f3-11ef-a270-e6cdfca9ef9f","createdAt",["D",1738782041768],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","418c1e39-eb48-4f2f-8c97-122ece94631c","pinnedFileId","e3a2fae2-e3f3-11ef-ab2b-e6cdfca9ef9f","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","orgId","c1e7642a-74cc-4d69-8652-20abbdeaa94e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_95":91},"org",{"_11":12,"_89":-5,"_90":91,"_30":48,"_92":93,"_94":24},"branch",{"_78":79,"_13":16,"_37":80,"_81":38,"_82":-5,"_83":-5,"_84":-5,"_85":-5,"_86":-5,"_87":14,"_88":12},"isOwned","version",54,"7eec0756-e3f3-11ef-a270-e6cdfca9ef9f","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":38,"_13":14,"_39":184,"_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":185,"_73":186,"_75":187,"_77":24},"tree",[139,140,141,142,143],"files",[139,140,141,142,143],"counts",{"_128":26,"_129":130,"_131":130,"_132":133,"_134":135},"contents",[],{"_37":117,"_13":18,"_31":32,"_118":-5,"_119":80,"_120":79,"_121":52,"_39":122,"_78":123,"_33":34,"_124":125,"_35":24,"_126":-5,"_17":127},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"5a6f500e-e664-11ef-82f7-e6cdfca9ef9f","parentId","branchId","branchVersion","latest",["D",1739050416005],15,"content","import { depq, importMap } from \"./importMap\";\n\nimport { autocompletion } from \"https://esm.sh/@codemirror/autocomplete\";\nimport { javascript } from \"https://esm.sh/@codemirror/lang-javascript\";\nimport { Compartment } from \"https://esm.sh/@codemirror/state\";\nimport { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from \"https://esm.sh/@valtown/codemirror-ts\";\nimport { type WorkerShape } from \"https://esm.sh/@valtown/codemirror-ts/worker\";\nimport { basicSetup, EditorView } from \"https://esm.sh/codemirror\";\nimport * as Comlink from \"https://esm.sh/comlink\";\n\nconst innerWorker = new Worker(\"./worker.ts\", {\n type: \"module\",\n});\nconst worker = Comlink.wrap(innerWorker);\n\nconst container = new Compartment();\n\nfor (const textarea of document.querySelectorAll(\"form textarea.for-codemirror\")) {\n const form = textarea.closest(\"form\");\n const submitButton = form.querySelector(\"button[type=\\\"submit\\\"], input[type=\\\"submit\\\"]\");\n textarea.setAttribute(\"hidden\", \"true\");\n const parent = textarea.parentElement!;\n const newDiv = document.createElement(\"div\");\n parent.insertBefore(newDiv, textarea);\n\n const editor = new EditorView({\n doc: textarea.value,\n extensions: [\n basicSetup,\n javascript({\n typescript: true,\n jsx: true,\n }),\n container.of([]),\n ],\n parent: newDiv,\n });\n\n worker.initialize().then(() => {\n editor.dispatch({\n effects: container.reconfigure([\n tsFacet.of({\n path: \"/index.tsx\",\n worker,\n debug(...args: unknown[]) {\n console.log(...args);\n },\n }),\n tsSync(),\n tsLinter(),\n autocompletion({\n override: [tsAutocomplete()],\n }),\n tsHover(),\n ]),\n });\n });\n\n const syncEditor = (e) => {\n textarea.value = editor.state.sliceDoc();\n console.log(textarea.value);\n };\n submitButton.addEventListener(\"click\", syncEditor);\n}\n// ","label",[18],"pulls","branches",1,"forks","envVars",{"_136":26,"_138":26},"connections",{"_136":26,"_137":26},"count","unfilledCount","emptyCount",{"_37":175,"_13":176,"_31":177,"_118":-5,"_119":80,"_120":178,"_121":52,"_39":179,"_78":180,"_33":21,"_124":181,"_35":24,"_126":-5,"_151":182,"_17":183},{"_37":117,"_13":18,"_31":32,"_118":-5,"_119":80,"_120":79,"_121":52,"_39":172,"_78":123,"_33":34,"_124":125,"_35":24,"_126":-5,"_151":173,"_17":174},{"_37":163,"_13":164,"_31":50,"_118":-5,"_119":80,"_120":165,"_121":52,"_39":166,"_78":167,"_33":168,"_124":169,"_35":24,"_126":-5,"_151":170,"_17":171},{"_37":154,"_13":155,"_31":156,"_118":-5,"_119":80,"_120":157,"_121":52,"_39":158,"_78":159,"_33":34,"_124":160,"_35":24,"_126":-5,"_151":161,"_17":162},{"_37":144,"_13":145,"_31":146,"_118":-5,"_119":80,"_120":147,"_121":52,"_39":148,"_78":149,"_33":34,"_124":150,"_35":24,"_126":-5,"_151":152,"_17":153},"c3494792-e592-11ef-bcf5-e6cdfca9ef9f","worker","abf211ea-e584-11ef-b0d0-e6cdfca9ef9f",52,["D",1738960397602],8,"import { setupTypeAcquisition } from \"https://esm.sh/@typescript/ata?deps=typescript@5.7.3\";\nimport {\n createDefaultMapFromCDN,\n createSystem,\n createVirtualTypeScriptEnvironment,\n} from \"https://esm.sh/@typescript/vfs@1.5.0?deps=typescript@5.7.3\";\nimport { createWorker } from \"https://esm.sh/@valtown/codemirror-ts@3.0.0-13/worker?deps=typescript@5.7.3\";\nimport * as Comlink from \"https://esm.sh/comlink\";\nimport pLazy from \"https://esm.sh/p-lazy\";\nimport ts from \"https://esm.sh/typescript@5.7.3\";\n\n// NOTE: do not use TypeScript syntax in this file, it is not auto-transpiled\n// because we proxy this file and Deno thinks that Deno is making the request\n\nconsole.log(\"Booting up\");\n\nconst worker = createWorker({\n env: new pLazy(async resolve => {\n const fsMap = await createDefaultMapFromCDN(\n {\n target: ts.ScriptTarget.ES2022,\n module: ts.ModuleKind.ES2022,\n moduleDetection: ts.ModuleDetectionKind.Force,\n moduleResolution: ts.ModuleResolutionKind.NodeJs,\n allowJs: true,\n },\n \"5.7.3\",\n false,\n ts,\n );\n const system = createSystem(fsMap);\n const compilerOpts = {};\n resolve(createVirtualTypeScriptEnvironment(system, [], ts, compilerOpts));\n }),\n onFileUpdated(_env, _path, code) {\n ata(code);\n },\n});\n\nconst ata = setupTypeAcquisition({\n projectName: \"My ATA Project\",\n typescript: ts,\n logger: console,\n delegate: {\n receivedFile: (code, path) => {\n console.log(code, path);\n worker.getEnv().createFile(path, code);\n },\n },\n});\n\nComlink.expose(worker);","children",[],[145],"abf21c76-e584-11ef-b0d0-e6cdfca9ef9f","importMap","82d19d72-e3f3-11ef-a7c4-e6cdfca9ef9f",37,["D",1738954345487],10,"const deps = {\n \"@codemirror/view\": \"6.23.0\",\n \"@codemirror/autocomplete\": \"6.5.1\",\n \"@codemirror/lang-javascript\": \"6.2.2\",\n \"@codemirror/lint\": \"6.5.0\",\n \"@codemirror/state\": \"6.5.1\",\n \"@codemirror/commands\": \"6.8.0\",\n \"codemirror\": \"6.0.1\",\n}\n\nexport const depq = `?deps=${Object.entries(deps).map(([k, v]) => `${k}@${v}`).join(\",\")}`\n\nexport const importMap = {\n \"imports\": {\n \"https://esm.sh/@valtown/codemirror-ts\": `https://esm.sh/@valtown/codemirror-ts@3.0.0-13${depq}`,\n ...Object.fromEntries(\n Object.entries(deps).map(([k, v]) => [`https://esm.sh/${k}`, `https://esm.sh/${k}@${v}${depq}`]),\n ),\n },\n}",[],[155],"93e2510e-e58a-11ef-ab6d-e6cdfca9ef9f","demo",43,["D",1738956882102],14,"http","/** @jsxImportSource https://esm.sh/react */\nimport { renderToString } from \"npm:react-dom/server\";\nimport { importMap } from \"./importMap\";\nexport default async function(req: Request): Promise {\n const u = new URL(req.url);\n\n // WebWorker rules block us from loading the worker from esm.town\n // if this script is not on that domain. Proxy it.\n if (u.pathname === \"/worker.ts\") {\n const js = await (await fetch(import.meta.resolve(\"./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 · codemirror