[{"_1":2,"_281":-5,"_282":-5},"loaderData",{"_3":4,"_91":92,"_239":240},"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","e3ca0a77ab07ff2ce3097208ffd6aa0e378d3c47","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":72,"_99":100,"_101":102,"_147":148,"_208":209,"_210":211,"_216":217,"_161":-5,"_233":-5,"_234":-5,"_235":22,"_236":22,"_237":238},"handle","maxm","name","codemirrorTs","branchName","path","version",27,"project",{"_103":104,"_95":96,"_105":106,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":128,"_131":132,"_134":135,"_146":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,"_129":130},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","org",{"_93":94,"_133":130},"avatar","branch",{"_99":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},54,"7eec0756-e3f3-11ef-a270-e6cdfca9ef9f","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","tree",[149,169,180,191,200],{"_103":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":100,"_157":22,"_105":158,"_99":159,"_160":161,"_162":163,"_164":22,"_165":-5,"_166":167,"_98":168},"164e79f2-e3f5-11ef-ba5f-e6cdfca9ef9f","README.md","fileId","80b017bc-e3f3-11ef-b8b7-e6cdfca9ef9f","parentId","branchId","branchVersion","latest",["D",1738782725244],1,"fileType","file","content","# Codemirror TS\n\nWorking in the browser, using a script val import, esm.sh, and an importmap.","deleted","label","children",[],[151],{"_103":170,"_95":171,"_152":172,"_154":-5,"_155":137,"_156":173,"_157":22,"_105":174,"_99":175,"_160":176,"_162":177,"_164":22,"_165":-5,"_166":178,"_98":179},"e0d3a7f2-e3f4-11ef-ab2b-e6cdfca9ef9f","codemirror","a28df836-e3f3-11ef-9fd7-e6cdfca9ef9f",26,["D",1738782635517],9,"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// ",[],[171],{"_103":181,"_95":182,"_152":183,"_154":-5,"_155":137,"_156":184,"_157":22,"_105":185,"_99":186,"_160":187,"_162":188,"_164":22,"_165":-5,"_166":189,"_98":190},"24e0c91c-e3f4-11ef-9911-e6cdfca9ef9f","demo","e3a2fae2-e3f3-11ef-ab2b-e6cdfca9ef9f",18,["D",1738782320195],6,"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 return new Response(\n renderToString(\n <>\n \n