[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_181":182,"_183":184},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_135":-5,"_20":136,"_22":137,"_138":139,"_140":141,"_25":142,"_24":-5,"_143":144,"_145":146,"_147":48,"_148":149,"_150":48,"_151":-5,"_152":-5,"_153":154},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","maxm","name","adroitCoffeeCrocodile","branchName","main","version","path","","project",{"_35":93,"_13":14,"_37":94,"_46":-5,"_95":67,"_49":50,"_96":50,"_97":-5,"_98":-5,"_99":100,"_101":-5,"_102":67,"_103":-5,"_104":-5,"_105":81,"_52":53,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":111,"_112":111,"_113":114,"_115":114,"_116":114,"_117":111,"_118":111,"_119":120,"_121":122,"_123":124,"_47":48},"tree",[84,85],"file","contents",[56,57],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":33,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":50,"_51":12,"_52":53,"_54":55},"pull","ahead",2,"behind",155,"envVars","id","838bef08-252d-11f0-8a67-569c3dd06744","createdAt",["D",1745953785918],"updatedAt",["D",1738781988496],"projectId","838b9e2c-252d-11f0-8a67-569c3dd06744","forkedBranchId","forkedBranchVersion","lockfileKey","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","c1e7642a-74cc-4d69-8652-20abbdeaa94e","projectName","codemirrorTsBrowser",{"_35":77,"_13":78,"_60":79,"_62":-5,"_63":64,"_65":69,"_66":67,"_37":80,"_17":81,"_70":24,"_72":82,"_74":48,"_75":-5,"_18":83},{"_35":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":31,"_66":67,"_37":68,"_17":69,"_70":71,"_72":73,"_74":48,"_75":-5,"_18":76},"88d5c9a2-252d-11f0-8a67-569c3dd06744","main.tsx","fileId","88d0d2a8-252d-11f0-8a67-569c3dd06744","parentId","branchId","88ce841c-252d-11f0-8a67-569c3dd06744","branchVersion","latest",true,["D",1737735567182],1,"fileType","script","content","import build from \"https://esm.sh/build\";\n\nconst deps = {\n \"@codemirror/view\": \"6.23.0\",\n \"@codemirror/autocomplete\": \"6.5.1\",\n \"@codemirror/lang-javascript\": \"6.5.0\",\n \"@codemirror/lint\": \"6.5.0\",\n \"@codemirror/state\": \"6.5.1\",\n \"codemirror\": \"6.0.1\",\n};\nconst depq = `?deps=${Object.entries(deps).map(([k, v]) => `${k}@${v}`).join(\",\")}`;\n\nimport { autocompletion } from \"https://esm.sh/@codemirror/autocomplete\";\nimport { javascript } from \"https://esm.sh/@codemirror/lang-javascript\";\nimport { tsAutocomplete, tsHover, tsLinter, tsSync } from \"https://esm.sh/@valtown/codemirror-ts\";\nimport { basicSetup, EditorView } from \"https://esm.sh/codemirror\";\n\nimport {\n createDefaultMapFromCDN,\n createSystem,\n createVirtualTypeScriptEnvironment,\n} from \"https://esm.sh/@typescript/vfs@1.5.0?deps=typescript@5.4.5\";\nimport { ModuleDetectionKind, ScriptElementKind } from \"https://esm.sh/typescript@5.4.5\";\n\nimport ts from \"https://esm.sh/typescript@5.4.5\";\n\nconsole.log(Deno.readTextFileSync(\"deno.lock\"));\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 compilerOpts = {\n target: ts.ScriptTarget.ESNext,\n module: ts.ModuleKind.ESNext,\n jsx: ts.JsxEmit.React,\n lib: [\"esnext\", \"dom\"],\n moduleDetection: ModuleDetectionKind.Force,\n strict: true,\n allowJs: true,\n };\n const fsMap = await createDefaultMapFromCDN(\n compilerOpts,\n \"5.2.2\",\n true,\n ts,\n );\n const system = createSystem(fsMap);\n const env = createVirtualTypeScriptEnvironment(system, [], ts, compilerOpts);\n const path = \"index.ts\";\n\n const editor = new EditorView({\n doc: textarea.value,\n extensions: [\n basicSetup,\n javascript({\n typescript: true,\n jsx: true,\n }),\n tsSync({ env, path }),\n tsLinter({ env, path }),\n autocompletion({\n override: [tsAutocomplete({ env, path })],\n }),\n tsHover({\n env,\n path,\n }),\n ],\n parent: newDiv,\n });\n const syncEditor = (e) => {\n textarea.value = editor.state.sliceDoc();\n console.log(textarea.value);\n };\n submitButton.addEventListener(\"click\", syncEditor);\n}\n// ","deleted","label",[59],"88d0d80c-252d-11f0-8a67-569c3dd06744","README.md","88d0d898-252d-11f0-8a67-569c3dd06744",["D",1737735489602],0,"# codemirror-ts\n\nYou can import this a val like this in browser to run codemirror-ts. Bundling done with esm.sh.\n\nWorking demo: [preview](https://maxm-whitenewt.web.val.run/) / [source](https://www.val.town/v/maxm/whiteNewt)\n\nRun an editor like so:\n```tsx\n/** @jsxImportSource https://esm.sh/react */\nimport { renderToString } from \"npm:react-dom/server\";\n\nexport default async function(req: Request): Promise {\n return new Response(\n renderToString(\n <>\n

Code