[{"_1":2,"_253":-5,"_254":-5},"loaderData",{"_3":4,"_91":92,"_222":223},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":22,"_29":22,"_30":22,"_31":32,"_33":22},"auth",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"tokenType","session_token","sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","8c6d72c027515de7fcbf9b0444b32cadd4f39463","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":22,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":22,"_90":22},"__clerk_ssr_state",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":22,"_21":22,"_82":72,"_83":84,"_85":72,"_86":45,"_87":22,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/_app.x.$handle.$name",{"_93":94,"_95":96,"_97":43,"_98":99,"_100":101,"_102":103,"_148":149,"_202":203,"_204":205,"_211":212,"_164":213,"_216":-5,"_217":-5,"_218":22,"_219":22,"_220":221},"handle","maxm","name","codemirrorTs","branchName","path","demo","version",36,"project",{"_104":105,"_95":96,"_106":107,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":129,"_132":133,"_135":136,"_147":22},"id","7eeba31a-e3f3-11ef-a270-e6cdfca9ef9f","createdAt",["D",1738782041768],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","418c1e39-eb48-4f2f-8c97-122ece94631c","pinnedFileId","pinPreview","screenshotVersion","likeCount","c1e7642a-74cc-4d69-8652-20abbdeaa94e","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_130":131},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","org",{"_93":94,"_134":131},"avatar","branch",{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},54,"7eec0756-e3f3-11ef-a270-e6cdfca9ef9f","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","tree",[150,172,183,192],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":170,"_98":171},"29a79ff6-e3f5-11ef-ab2b-e6cdfca9ef9f","README.md","fileId","80b017bc-e3f3-11ef-b8b7-e6cdfca9ef9f","parentId","branchId","branchVersion",29,"latest",true,["D",1738782757704],3,"fileType","file","content","# Codemirror TS\n\n\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4534f57c-96cc-4eba-bc51-5b3b52e78500/public)\n\n\nWorking in the browser, using a script val import, esm.sh, and an importmap.\n\nCheck out the [demo](https://www.val.town/x/maxm/codemirrorTs/code/demo) to see how it works.","deleted","label","children",[],[152],{"_104":173,"_95":174,"_153":175,"_155":-5,"_156":138,"_157":176,"_159":22,"_106":177,"_100":178,"_163":179,"_165":180,"_167":22,"_168":-5,"_169":181,"_98":182},"4216d93e-e4b9-11ef-af61-e6cdfca9ef9f","codemirror","a28df836-e3f3-11ef-9fd7-e6cdfca9ef9f",32,["D",1738866980058],10,"script","import build from \"https://esm.sh/build\";\nimport { depq, importMap } from \"./importMap\";\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\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// ",[],[174],{"_104":184,"_95":99,"_153":185,"_155":-5,"_156":138,"_157":101,"_159":22,"_106":186,"_100":187,"_163":188,"_165":189,"_167":22,"_168":-5,"_169":190,"_98":191},"8888313a-e584-11ef-8877-e6cdfca9ef9f","e3a2fae2-e3f3-11ef-ab2b-e6cdfca9ef9f",["D",1738954286074],8,"http","/** @jsxImportSource https://esm.sh/react */\nimport { importMap } from \"https://esm.town/v/maxm/codemirrorTs/importMap\";\nimport { renderToString } from \"npm:react-dom/server\";\nexport default async function(req: Request): Promise {\n return new Response(\n renderToString(\n <>\n \n