VTLSP Demo - Val Town

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_264":265,"_266":267},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_106":88,"_27":54,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":60,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",57,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/LSContents.tsx","latestPath","fileId","193218ee-786b-11f0-b56e-0224a6c84d84","name","LSContents.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Fragment, type JSX } from \"https://esm.sh/react@18.2.0\";\n\n// Simplified version for Val Town - without the full language server protocol types\nexport function LSContents({\n contents,\n className = \"\",\n}: {\n contents: string | any;\n className?: string;\n}): JSX.Element {\n if (typeof contents === \"string\") {\n return ;\n }\n \n // For now, just render as string\n return ;\n}\n\nfunction MarkdownContent({\n content,\n className: additionalClassNames,\n}: {\n content: string;\n className?: string;\n}) {\n return (\n

\n {content}\n

\n );\n}\n\nexport function LowLightCodeBlock({\n code,\n language,\n className = \"\",\n}: {\n code: string;\n language: string;\n className?: string;\n}) {\n return (\n \n {code}\n \n );\n}","import { isLSPMarkupContent } from \"@valtown/codemirror-ls\";\nimport { toJsxRuntime } from \"https://esm.sh/hast-util-to-jsx-runtime\";\nimport typescript from \"https://esm.sh/highlight.js/lib/languages/typescript\";\nimport { createLowlight } from \"lowlight\";\nimport { Fragment, type JSX, jsx, jsxs } from \"https://esm.sh/react/jsx-runtime\";\nimport ReactMarkdown from \"https://esm.sh/react-markdown\";\nimport rehypeRaw from \"https://esm.sh/rehype-raw\";\nimport type * as LSP from \"https://esm.sh/vscode-languageserver-protocol\";\n\nexport function LSContents({\n contents,\n className = \"\",\n}: {\n contents: string | LSP.MarkupContent | LSP.MarkedString | LSP.MarkedString[];\n className?: string;\n}): JSX.Element {\n if (typeof contents === \"string\") {\n return ;\n } else if (isLSPMarkupContent(contents)) {\n return ;\n } else if (Array.isArray(contents)) {\n return (\n

\n {contents.map((content) => {\n if (typeof content === \"string\") {\n return (\n \n );\n }\n if (isLSPMarkupContent(content)) {\n if (content.kind === \"markdown\") {\n return (\n \n );\n }\n\n return (\n

\n \n

\n );\n }\n return null;\n })}\n

\n );\n } else {\n // Handle MarkedString case - it has value and optional language\n if (\"language\" in contents && contents.language) {\n return ;\n }\n return ;\n }\n}\n\nfunction MarkdownContent({\n content,\n className: additionalClassNames,\n}: {\n content: string;\n className?: string;\n}) {\n return (\n \n {\n // @ts-ignore: react types don't type these.\n toJsxRuntime(tree, { Fragment, jsx, jsxs })\n }\n \n );\n } catch {\n // Fallback if language not supported\n return (\n \n {children}\n \n );\n }\n }\n\n return (\n \n {children}\n \n );\n },\n }}\n >\n {content}\n \n );\n}\n\nexport function LowLightCodeBlock({\n code,\n language,\n className = \"\",\n}: {\n code: string;\n language: string;\n className?: string;\n}) {\n try {\n const highlightLang = [\"typescript\", \"typescriptreact\"].includes(language)\n ? \"typescript\"\n : language || \"plaintext\";\n const tree = lowlight.highlight(highlightLang, code);\n\n return (\n

\n        {\n          // @ts-ignore: react types don't type these.\n          toJsxRuntime(tree, { Fragment, jsx, jsxs })\n        }\n

\n );\n } catch {\n return (\n \n {code}\n \n );\n }\n}\n\n// biome-ignore format: Don't split up these into multiple lines\nconst allowedTags = [\n \"h1\",\n \"h2\",\n \"h3\",\n \"h4\",\n \"h5\",\n \"h6\",\n \"div\",\n \"span\",\n \"p\",\n \"br\",\n \"hr\",\n \"ul\",\n \"ol\",\n \"li\",\n \"dl\",\n \"dt\",\n \"dd\",\n \"table\",\n \"thead\",\n \"tbody\",\n \"tr\",\n \"th\",\n \"td\",\n \"blockquote\",\n \"pre\",\n \"code\",\n \"em\",\n \"strong\",\n \"a\",\n \"img\",\n];\n\nconst lowlight = createLowlight();\nlowlight.register({ typescript });","createdAt",["D",1755107516691],"branchVersion","branchId","bab466dc-786a-11f0-8ac5-0224a6c84d84","id","bab404bc-786a-11f0-8ac5-0224a6c84d84","EditorDemo",["D",1755106024266],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","fae5c6ba-786a-11f0-bb07-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",75,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_32":46,"_39":260,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":261,"_82":262,"_84":263,"_86":25},"tree",[156,158],"files",[156,157,158,159,160,161,162,163,164,165,166,167,168],"counts",{"_145":64,"_146":147,"_148":64,"_149":150,"_151":152},"contents",[127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":139,"_32":140,"_30":141,"_132":-5,"_42":43,"_41":142,"_134":60,"_39":143,"_13":64,"_34":136,"_36":-5,"_24":25,"_137":-5,"_27":144},{"_44":129,"_32":130,"_30":131,"_132":-5,"_42":43,"_41":133,"_134":60,"_39":135,"_13":64,"_34":136,"_36":-5,"_24":25,"_137":-5,"_27":138},"ff5cdda0-786a-11f0-a38f-0224a6c84d84","frontend","d01c2199-6541-4461-87c8-43f6719d2f5b","parentId",30,"latest",["D",1755106139451],"directory","label",[130],"fae5cfa2-786a-11f0-bb07-0224a6c84d84","backend","799c5210-b712-4f34-98a2-fab6869248c6",28,["D",1755106131960],[140],"pulls","branches",1,"forks","envVars",{"_153":64,"_155":64},"connections",{"_153":64,"_154":64},"count","unfilledCount","emptyCount",{"_44":139,"_32":140,"_30":141,"_132":-5,"_42":43,"_41":142,"_134":60,"_39":257,"_13":64,"_34":136,"_36":-5,"_24":25,"_137":-5,"_176":258,"_27":259},{"_44":249,"_32":250,"_30":58,"_132":141,"_42":43,"_41":251,"_134":60,"_39":252,"_13":147,"_34":253,"_36":254,"_24":25,"_137":-5,"_176":255,"_27":256},{"_44":129,"_32":130,"_30":131,"_132":-5,"_42":43,"_41":133,"_134":60,"_39":246,"_13":64,"_34":136,"_36":-5,"_24":25,"_137":-5,"_176":247,"_27":248},{"_44":241,"_32":212,"_30":206,"_132":131,"_42":43,"_41":242,"_134":60,"_39":243,"_13":64,"_34":136,"_36":-5,"_24":25,"_137":-5,"_176":244,"_27":245},{"_44":237,"_32":33,"_30":31,"_132":206,"_42":43,"_41":14,"_134":25,"_39":238,"_13":147,"_34":35,"_36":38,"_24":25,"_137":-5,"_176":239,"_27":240},{"_44":229,"_32":230,"_30":231,"_132":206,"_42":43,"_41":232,"_134":60,"_39":233,"_13":64,"_34":35,"_36":234,"_24":25,"_137":-5,"_176":235,"_27":236},{"_44":221,"_32":222,"_30":223,"_132":206,"_42":43,"_41":224,"_134":60,"_39":225,"_13":64,"_34":35,"_36":226,"_24":25,"_137":-5,"_176":227,"_27":228},{"_44":213,"_32":214,"_30":215,"_132":206,"_42":43,"_41":216,"_134":60,"_39":217,"_13":64,"_34":35,"_36":218,"_24":25,"_137":-5,"_176":219,"_27":220},{"_44":203,"_32":204,"_30":205,"_132":206,"_42":43,"_41":207,"_134":60,"_39":208,"_13":64,"_34":35,"_36":209,"_24":25,"_137":-5,"_176":210,"_27":211},{"_44":194,"_32":195,"_30":196,"_132":131,"_42":43,"_41":197,"_134":25,"_39":198,"_13":199,"_34":35,"_36":200,"_24":25,"_137":-5,"_176":201,"_27":202},{"_44":187,"_32":188,"_30":189,"_132":131,"_42":43,"_41":133,"_134":60,"_39":190,"_13":64,"_34":20,"_36":191,"_24":25,"_137":-5,"_176":192,"_27":193},{"_44":179,"_32":180,"_30":181,"_132":131,"_42":43,"_41":182,"_134":25,"_39":183,"_13":64,"_34":35,"_36":184,"_24":25,"_137":-5,"_176":185,"_27":186},{"_44":169,"_32":170,"_30":171,"_132":131,"_42":43,"_41":172,"_134":25,"_39":173,"_13":174,"_34":35,"_36":175,"_24":25,"_137":-5,"_176":177,"_27":178},"e18bc338-786d-11f0-9ac1-0224a6c84d84","useLsCodemirror.tsx","12326b7a-786b-11f0-a0e9-0224a6c84d84",56,["D",1755107377916],7,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { languageServerWithClient, LSClient } from \"npm:@valtown/codemirror-ls\";\nimport { LSWebSocketTransport } from \"npm:@valtown/codemirror-ls/transport\";\nimport { useCallback, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport ReactDOM from \"https://esm.sh/react-dom@18.2.0/client\";\nimport type * as LSP from \"vscode-languageserver-protocol\";\nimport { LSContents } from \"./components/LSContents.tsx\";\nimport { LSContextMenu } from \"./components/LSContextMenu.tsx\";\nimport { LSGoTo } from \"./components/LSGoTo.tsx\";\nimport { LSSignatureHelp } from \"./components/LSSignatureHelp.tsx\";\nimport { LSWindow } from \"./components/LSWindow.tsx\";\n\nexport function useLsCodemirror({ path }: { path: string }): {\n extensions: ReturnType | null;\n connect: (url: string) => Promise;\n disconnect: () => void;\n isConnected: boolean;\n} {\n const [lsClient, setLsClient] = useState(null);\n const [transport, setTransport] = useState(null);\n\n const connect = useCallback(\n async (url: string) => {\n if (transport) {\n transport.dispose();\n setTransport(null);\n setLsClient(null);\n }\n\n const newTransport = new LSWebSocketTransport(url, {});\n const newClient = new LSClient({\n transport: newTransport,\n workspaceFolders: [{ uri: \"file:///demo\", name: \"Demo\" }],\n });\n\n setTransport(newTransport);\n setLsClient(newClient);\n\n await newTransport.connect();\n },\n [transport],\n );\n\n const disconnect = useCallback(() => {\n transport?.dispose();\n setTransport(null);\n setLsClient(null);\n }, [transport]);\n\n const extensions = useMemo(() => {\n if (!lsClient) return null;\n\n const renderContents = async (\n dom: HTMLElement,\n contents:\n | string\n | LSP.MarkupContent\n | LSP.MarkedString\n | LSP.MarkedString[],\n ) => {\n const root = ReactDOM.createRoot(dom);\n root.render();\n };\n\n const lspExtensions = languageServerWithClient({\n client: lsClient,\n documentUri: `file://${path}`,\n languageId: \"typescript\",\n sendIncrementalChanges: false,\n sendDidOpen: true,\n features: {\n signatureHelp: {\n render: async (dom, data, activeSignature, activeParameter) => {\n dom.style.cssText = `\n max-width: 600px; \n max-height: 300px; \n overflow: auto; \n margin: 12px; \n transform: translateY(-16px);\n `;\n const root = ReactDOM.createRoot(dom);\n root.render(\n ,\n );\n },\n },\n hovers: {\n render: renderContents,\n },\n renames: {},\n linting: {\n render: async (dom, message) => {\n const root = ReactDOM.createRoot(dom);\n root.render();\n },\n },\n completion: {\n completionMatchBefore: /.+/,\n render: renderContents,\n },\n contextMenu: {\n render: async (dom, callbacks) => {\n const container = document.createElement(\"div\");\n container.classList.add(\"ls-context-menu-container\");\n const root = ReactDOM.createRoot(container);\n root.render();\n dom.appendChild(container);\n },\n },\n references: {\n render: async (dom, references, goToReference, onClose, kind) => {\n const root = ReactDOM.createRoot(dom);\n root.render(\n ,\n );\n },\n modClickForDefinition: true,\n },\n window: {\n render: async (dom, message: LSP.ShowMessageParams, onDismiss) => {\n const root = ReactDOM.createRoot(dom);\n root.render();\n },\n },\n },\n });\n\n return lspExtensions;\n }, [lsClient, path]);\n\n return {\n extensions,\n connect,\n disconnect,\n isConnected: !!lsClient,\n };\n}","children",[],[130,170],"01a3f404-786b-11f0-8191-0224a6c84d84","main.tsx","01a3f4ea-786b-11f0-8191-0224a6c84d84",31,["D",1755106143274],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { StrictMode } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./App.tsx\";\n\ncreateRoot(document.getElementById(\"root\")!).render(\n \n \n ,\n);",[],[130,180],"ff5cd0ee-786a-11f0-a38f-0224a6c84d84","index.html","ff5cd1b6-786a-11f0-a38f-0224a6c84d84",["D",1755106139451],"\n\n \n \n \n VTLSP Demo - Val Town\n \n \n \n \n

\n \n \n",[],[130,188],"152603f8-786d-11f0-9d33-0224a6c84d84","App.tsx","0aed7a76-786b-11f0-8de2-0224a6c84d84",50,["D",1755107034979],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { javascript } from \"https://esm.sh/@codemirror/lang-javascript@6.2.4?deps=@codemirror/state@6.5.2\";\nimport { EditorState } from \"https://esm.sh/@codemirror/state@6.5.2\";\nimport {\n basicSetup,\n EditorView,\n} from \"https://esm.sh/codemirror@6.0.2?deps=@codemirror/state@6.5.2\";\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { useLsCodemirror } from \"./useLsCodemirror.tsx\";\n\nconst DEFAULT_URL_BASE = () =>\n `wss://cf-vtlsp-demo.val-town.workers.dev/lsp?session=${crypto.randomUUID()}`;\n\nexport default function App() {\n const editor = useRef(null);\n const view = useRef(null);\n const [url, setUrl] = useState(DEFAULT_URL_BASE());\n const [isConnecting, setIsConnecting] = useState(false);\n const [error, setError] = useState(null);\n\n const {\n extensions: lsExtensions,\n connect,\n disconnect,\n isConnected,\n } = useLsCodemirror({\n path: \"/demo.ts\",\n });\n\n useEffect(() => {\n if (editor.current && !view.current && lsExtensions) {\n const state = EditorState.create({\n doc: \"console.log('hello world!');\\n\\n\\n\",\n extensions: [\n basicSetup,\n javascript({ jsx: true, typescript: true }),\n lsExtensions,\n EditorView.updateListener.of((update) => {\n console.log(\"Editor updated:\", update);\n }),\n ],\n });\n\n view.current = new EditorView({\n state,\n parent: editor.current,\n });\n }\n\n return () => {\n if (view.current) {\n view.current.destroy();\n view.current = null;\n }\n };\n }, [lsExtensions]);\n\n const handleConnect = async () => {\n if (isConnected) {\n disconnect();\n setError(null);\n return;\n }\n\n setIsConnecting(true);\n setError(null);\n try {\n await connect(url);\n } catch (error) {\n setError(\n `Connection failed ${error instanceof Error ? `: ${error.message}` : \"\"}`,\n );\n } finally {\n setIsConnecting(false);\n }\n };\n\n return (\n

\n setUrl(e.target.value)}\n placeholder=\"WebSocket URL\"\n className=\"flex-1 px-2 py-1 border rounded text-sm\"\n disabled={isConnecting}\n />\n \n {isConnecting ? \"...\" : isConnected ? \"Disconnect\" : \"Connect\"}\n \n {error && {error}}\n

\n );\n}",[],[130,195],"86d8772a-786c-11f0-a1e9-0224a6c84d84","LSWindow.tsx","86d877f2-786c-11f0-a1e9-0224a6c84d84","b9815a24-5994-4006-8c78-e588ac098e77",43,["D",1755106796254],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type JSX } from \"https://esm.sh/react@18.2.0\";\n\n// Simplified version for Val Town\nexport function LSWindow({\n message,\n onDismiss,\n}: {\n message: any;\n onDismiss: () => void;\n}): JSX.Element {\n const getMessageTypeColor = (type: number) => {\n switch (type) {\n case 1: return \"text-red-600 bg-red-50 border-red-200\"; // Error\n case 2: return \"text-yellow-600 bg-yellow-50 border-yellow-200\"; // Warning\n case 3: return \"text-blue-600 bg-blue-50 border-blue-200\"; // Info\n case 4: return \"text-gray-600 bg-gray-50 border-gray-200\"; // Log\n default: return \"text-gray-600 bg-gray-50 border-gray-200\";\n }\n };\n\n return (\n

\n {message.type === 1 ? \"Error\" : \n message.type === 2 ? \"Warning\" : \n message.type === 3 ? \"Info\" : \"Log\"}\n

{message.message}

\n \n ✕\n \n

\n );\n}",[],[130,212,204],"components","7c246758-786c-11f0-b7af-0224a6c84d84","LSSignatureHelp.tsx","7c24685c-786c-11f0-b7af-0224a6c84d84",40,["D",1755106778293],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type JSX } from \"https://esm.sh/react@18.2.0\";\n\n// Simplified version for Val Town\nexport function LSSignatureHelp({\n data,\n activeParameter,\n activeSignature,\n}: {\n data: any;\n activeParameter?: number;\n activeSignature?: number;\n}): JSX.Element {\n return (\n

\n Signature Help (simplified for Val Town)\n

\n Active signature: {activeSignature}, Active parameter: {activeParameter}\n

\n );\n}",[],[130,212,214],"82acb3e6-786c-11f0-b0d8-0224a6c84d84","LSGoTo.tsx","82acb490-786c-11f0-b0d8-0224a6c84d84",42,["D",1755106789256],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type JSX } from \"https://esm.sh/react@18.2.0\";\n\n// Simplified version for Val Town\nexport function LSGoTo({\n onClose,\n locations,\n goTo,\n kind,\n}: {\n onClose: () => void;\n locations: any[];\n goTo: (location: any) => void;\n kind: string;\n}): JSX.Element {\n return (\n

{kind}

\n \n ✕\n \n

\n {locations.map((location, index) => (\n goTo(location)}\n >\n Location {index + 1}\n

\n ))}\n

\n );\n}",[],[130,212,222],"7ec302a8-786c-11f0-bdc8-0224a6c84d84","LSContextMenu.tsx","7ec3037a-786c-11f0-bdc8-0224a6c84d84",41,["D",1755106782691],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type JSX } from \"https://esm.sh/react@18.2.0\";\n\n// Simplified version for Val Town\nexport function LSContextMenu(callbacks: any): JSX.Element {\n return (\n

\n Go to Definition\n

\n Find References\n

\n Rename Symbol\n

\n );\n}",[],[130,212,230],"34436fd6-786e-11f0-a7bd-0224a6c84d84",["D",1755107516691],[],[130,212,33],"193221f4-786b-11f0-b56e-0224a6c84d84",34,["D",1755106182792],[160,161,162,163,164],[130,212],["D",1755106139451],[159,165,166,167,168],[130],"fcc704bc-786a-11f0-a2ed-0224a6c84d84","index.ts",29,["D",1755106135103],"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"https://esm.sh/hono@4.9.0\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Serve frontend files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve the main app\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// WebSocket endpoint for language server\napp.get(\"/lsp\", (c) => {\n const { socket, response } = Deno.upgradeWebSocket(c.req.raw);\n \n socket.onopen = () => {\n console.log(\"WebSocket connection opened\");\n };\n \n socket.onmessage = (event) => {\n console.log(\"Received message:\", event.data);\n // Echo back for now - in a real implementation this would connect to a language server\n socket.send(event.data);\n };\n \n socket.onclose = () => {\n console.log(\"WebSocket connection closed\");\n };\n \n socket.onerror = (error) => {\n console.error(\"WebSocket error:\", error);\n };\n \n return response;\n});\n\nexport default app.fetch;",[],[140,250],["D",1755106131960],[157],[140],["D",1755106024266],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_124":297,"_298":299,"_300":301,"_302":25,"_303":25,"_304":25,"_305":60,"_306":-5,"_307":-7,"_308":-7,"_309":64,"_310":25,"_311":25,"_312":-5,"_313":25,"_314":25,"_315":25,"_316":-5},"ENV",{"_268":269,"_270":271,"_272":88,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v57