Codemirror Cf-container Demo

\n \n \n\n",[159],"f4f7f5fc-786a-11f0-9629-0224a6c84d84","README.md","c23ae8c2-786a-11f0-98a1-0224a6c84d84",27,["D",1755106122004],1,"# VTLSP Demo - Val Town Port\n\nThis is a Val Town port of the VTLSP (Val Town Language Server Protocol) demo. It provides a CodeMirror-based editor with language server support.\n\n## Structure\n\n- `backend/` - Hono server that serves the frontend and handles WebSocket connections\n- `frontend/` - React-based CodeMirror editor with language server integration\n- `shared/` - Shared utilities and types\n\n## Features\n\n- CodeMirror editor with TypeScript support\n- Language server integration via WebSocket\n- Real-time code completion, hover information, and diagnostics\n- Signature help and context menus\n\n## Development\n\nThe main entry point is `backend/index.ts` which serves both the frontend and handles WebSocket connections for the language server.\n\n## Original\n\nThis is ported from the Cloudflare Workers version at https://github.com/val-town/vtlsp",[166],"c21494ec-786a-11f0-abb7-0224a6c84d84","src","c2149596-786a-11f0-abb7-0224a6c84d84",2,["D",1755106036640],"directory",[174],"ff5cdda0-786a-11f0-a38f-0224a6c84d84","frontend","d01c2199-6541-4461-87c8-43f6719d2f5b",30,["D",1755106139451],[181],"c209399e-786a-11f0-8c2f-0224a6c84d84","deploy","c2093a66-786a-11f0-8c2f-0224a6c84d84",["D",1755106036565],[187],"fae5cfa2-786a-11f0-bb07-0224a6c84d84","backend","799c5210-b712-4f34-98a2-fab6869248c6",28,["D",1755106131960],[192],"pulls","branches","forks","envVars",{"_204":62,"_206":62},"connections",{"_204":62,"_205":62},"count","unfilledCount","emptyCount",{"_42":191,"_32":192,"_30":193,"_137":-5,"_40":41,"_39":194,"_139":25,"_37":455,"_13":62,"_33":178,"_35":-5,"_24":48,"_142":-5,"_242":456,"_27":457},{"_42":447,"_32":448,"_30":57,"_137":193,"_40":41,"_39":449,"_139":25,"_37":450,"_13":170,"_33":451,"_35":452,"_24":48,"_142":-5,"_242":453,"_27":454},{"_42":186,"_32":187,"_30":188,"_137":-5,"_40":41,"_39":170,"_139":48,"_37":444,"_13":62,"_33":178,"_35":-5,"_24":48,"_142":-5,"_242":445,"_27":446},{"_42":439,"_32":406,"_30":400,"_137":188,"_40":41,"_39":440,"_139":48,"_37":441,"_13":62,"_33":178,"_35":-5,"_24":48,"_142":-5,"_242":442,"_27":443},{"_42":431,"_32":432,"_30":433,"_137":400,"_40":41,"_39":434,"_139":48,"_37":435,"_13":62,"_33":20,"_35":436,"_24":48,"_142":-5,"_242":437,"_27":438},{"_42":423,"_32":424,"_30":425,"_137":400,"_40":41,"_39":426,"_139":48,"_37":427,"_13":62,"_33":20,"_35":428,"_24":48,"_142":-5,"_242":429,"_27":430},{"_42":415,"_32":416,"_30":417,"_137":400,"_40":41,"_39":418,"_139":48,"_37":419,"_13":62,"_33":20,"_35":420,"_24":48,"_142":-5,"_242":421,"_27":422},{"_42":407,"_32":408,"_30":409,"_137":400,"_40":41,"_39":410,"_139":48,"_37":411,"_13":62,"_33":34,"_35":412,"_24":48,"_142":-5,"_242":413,"_27":414},{"_42":397,"_32":398,"_30":399,"_137":400,"_40":41,"_39":401,"_139":48,"_37":402,"_13":62,"_33":34,"_35":403,"_24":48,"_142":-5,"_242":404,"_27":405},{"_42":389,"_32":390,"_30":391,"_137":188,"_40":41,"_39":392,"_139":48,"_37":393,"_13":62,"_33":34,"_35":394,"_24":48,"_142":-5,"_242":395,"_27":396},{"_42":180,"_32":181,"_30":182,"_137":-5,"_40":41,"_39":183,"_139":25,"_37":386,"_13":62,"_33":178,"_35":-5,"_24":48,"_142":-5,"_242":387,"_27":388},{"_42":382,"_32":306,"_30":376,"_137":182,"_40":41,"_39":377,"_139":25,"_37":383,"_13":62,"_33":178,"_35":-5,"_24":48,"_142":-5,"_242":384,"_27":385},{"_42":374,"_32":332,"_30":375,"_137":376,"_40":41,"_39":377,"_139":48,"_37":378,"_13":62,"_33":34,"_35":379,"_24":48,"_142":-5,"_242":380,"_27":381},{"_42":367,"_32":290,"_30":368,"_137":182,"_40":41,"_39":369,"_139":48,"_37":370,"_13":170,"_33":34,"_35":371,"_24":48,"_142":-5,"_242":372,"_27":373},{"_42":361,"_32":159,"_30":362,"_137":182,"_40":41,"_39":183,"_139":25,"_37":363,"_13":62,"_33":20,"_35":364,"_24":48,"_142":-5,"_242":365,"_27":366},{"_42":354,"_32":274,"_30":355,"_137":182,"_40":41,"_39":356,"_139":48,"_37":357,"_13":62,"_33":34,"_35":358,"_24":48,"_142":-5,"_242":359,"_27":360},{"_42":347,"_32":266,"_30":348,"_137":182,"_40":41,"_39":349,"_139":48,"_37":350,"_13":62,"_33":34,"_35":351,"_24":48,"_142":-5,"_242":352,"_27":353},{"_42":173,"_32":174,"_30":175,"_137":-5,"_40":41,"_39":176,"_139":48,"_37":344,"_13":62,"_33":178,"_35":-5,"_24":48,"_142":-5,"_242":345,"_27":346},{"_42":339,"_32":306,"_30":300,"_137":175,"_40":41,"_39":340,"_139":48,"_37":341,"_13":62,"_33":178,"_35":-5,"_24":48,"_142":-5,"_242":342,"_27":343},{"_42":331,"_32":332,"_30":333,"_137":300,"_40":41,"_39":334,"_139":48,"_37":335,"_13":62,"_33":34,"_35":336,"_24":48,"_142":-5,"_242":337,"_27":338},{"_42":323,"_32":324,"_30":325,"_137":300,"_40":41,"_39":326,"_139":48,"_37":327,"_13":62,"_33":34,"_35":328,"_24":48,"_142":-5,"_242":329,"_27":330},{"_42":315,"_32":316,"_30":317,"_137":300,"_40":41,"_39":318,"_139":48,"_37":319,"_13":62,"_33":34,"_35":320,"_24":48,"_142":-5,"_242":321,"_27":322},{"_42":307,"_32":308,"_30":309,"_137":300,"_40":41,"_39":310,"_139":48,"_37":311,"_13":62,"_33":34,"_35":312,"_24":48,"_142":-5,"_242":313,"_27":314},{"_42":297,"_32":298,"_30":299,"_137":300,"_40":41,"_39":301,"_139":48,"_37":302,"_13":62,"_33":34,"_35":303,"_24":48,"_142":-5,"_242":304,"_27":305},{"_42":289,"_32":290,"_30":291,"_137":175,"_40":41,"_39":292,"_139":48,"_37":293,"_13":62,"_33":34,"_35":294,"_24":48,"_142":-5,"_242":295,"_27":296},{"_42":281,"_32":282,"_30":283,"_137":175,"_40":41,"_39":284,"_139":48,"_37":285,"_13":62,"_33":20,"_35":286,"_24":48,"_142":-5,"_242":287,"_27":288},{"_42":273,"_32":274,"_30":275,"_137":175,"_40":41,"_39":276,"_139":48,"_37":277,"_13":62,"_33":34,"_35":278,"_24":48,"_142":-5,"_242":279,"_27":280},{"_42":265,"_32":266,"_30":267,"_137":175,"_40":41,"_39":268,"_139":48,"_37":269,"_13":62,"_33":34,"_35":270,"_24":48,"_142":-5,"_242":271,"_27":272},{"_42":257,"_32":258,"_30":259,"_137":175,"_40":41,"_39":260,"_139":48,"_37":261,"_13":62,"_33":34,"_35":262,"_24":48,"_142":-5,"_242":263,"_27":264},{"_42":165,"_32":166,"_30":167,"_137":-5,"_40":41,"_39":168,"_139":48,"_37":254,"_13":170,"_33":20,"_35":171,"_24":48,"_142":-5,"_242":255,"_27":256},{"_42":158,"_32":159,"_30":160,"_137":-5,"_40":41,"_39":161,"_139":48,"_37":251,"_13":62,"_33":20,"_35":163,"_24":48,"_142":-5,"_242":252,"_27":253},{"_42":151,"_32":152,"_30":153,"_137":-5,"_40":41,"_39":154,"_139":48,"_37":248,"_13":62,"_33":20,"_35":156,"_24":48,"_142":-5,"_242":249,"_27":250},{"_42":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":147,"_139":48,"_37":245,"_13":62,"_33":20,"_35":149,"_24":48,"_142":-5,"_242":246,"_27":247},{"_42":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":48,"_37":241,"_13":62,"_33":20,"_35":141,"_24":48,"_142":-5,"_242":243,"_27":244},["D",1755106037468],"children",[],[135],["D",1755106037116],[],[145],["D",1755106037101],[],[152],["D",1755106037550],[],[159],["D",1755106122004],[],[166],"c2713eae-786a-11f0-9ec0-0224a6c84d84","vite-env.d.ts","c2713f44-786a-11f0-9ec0-0224a6c84d84",17,["D",1755106037213],"/// \n",[],[174,258],"c275e6e8-786a-11f0-a052-0224a6c84d84","useLsCodemirror.tsx","c275e7ce-786a-11f0-a052-0224a6c84d84",18,["D",1755106037266],"import { LSClient, languageServerWithClient } from \"@valtown/codemirror-ls\";\nimport { LSWebSocketTransport } from \"@valtown/codemirror-ls/transport\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport type * as LSP from \"vscode-languageserver-protocol\";\nimport { LSContents } from \"./components/LSContents\";\nimport { LSContextMenu } from \"./components/LSContextMenu\";\nimport { LSGoTo } from \"./components/LSGoTo\";\nimport { LSSignatureHelp } from \"./components/LSSignatureHelp\";\nimport { LSWindow } from \"./components/LSWindow\";\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}\n",[],[174,266],"c263fd0c-786a-11f0-9ae8-0224a6c84d84","main.tsx","c263fdca-786a-11f0-9ae8-0224a6c84d84",14,["D",1755106037142],"import { StrictMode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport \"./index.css\";\nimport App from \"./App.tsx\";\n\ncreateRoot(document.getElementById(\"root\")!).render(\n \n \n ,\n);\n",[],[174,274],"c2698fc4-786a-11f0-8ba1-0224a6c84d84","index.css","c2699082-786a-11f0-8ba1-0224a6c84d84",15,["D",1755106037197],"@import \"tailwindcss\";\n",[],[174,282],"c2865ad2-786a-11f0-8e04-0224a6c84d84","App.tsx","c2865bcc-786a-11f0-8e04-0224a6c84d84",21,["D",1755106037226],"import { javascript } from \"@codemirror/lang-javascript\";\nimport { EditorState } from \"@codemirror/state\";\nimport { basicSetup, EditorView } from \"codemirror\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useLsCodemirror } from \"./useLsCodemirror\";\n\nconst DEFAULT_URL_BASE = () => window.location.hostname === \"localhost\" ?\n `ws://${window.location.hostname}:5002/?session=${crypto.randomUUID()}`\n : `wss://${window.location.hostname}/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 // biome-ignore lint/suspicious/noConsole: debugging\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}\n",[],[174,290],"c2990bd2-786a-11f0-9ec0-0224a6c84d84","LSWindow.tsx","c2990c7c-786a-11f0-9ec0-0224a6c84d84","c22ec236-786a-11f0-98a1-0224a6c84d84",24,["D",1755106037389],"import type * as LSP from \"vscode-languageserver-protocol\";\n\ninterface LSWindowProps {\n message: LSP.ShowMessageParams;\n onDismiss: () => void;\n}\n\nexport function LSWindow({ message, onDismiss }: LSWindowProps) {\n return (\n

{message.message}

\n \n ×\n \n

\n );\n}\n",[],[174,306,298],"components","c2ae2314-786a-11f0-8ba1-0224a6c84d84","LSSignatureHelp.tsx","c2ae23dc-786a-11f0-8ba1-0224a6c84d84",26,["D",1755106037329],"import type { JSX } from \"react\";\nimport type * as LSP from \"vscode-languageserver-protocol\";\nimport { LowLightCodeBlock, LSContents } from \"./LSContents\";\n\ninterface LSPContentsProps {\n data: LSP.SignatureHelp;\n activeSignature: number;\n activeParameter?: number;\n}\n\nexport function LSSignatureHelp({\n data,\n activeParameter,\n}: LSPContentsProps): JSX.Element {\n return (\n

\n {data.signatures.map((line) => (\n \n ))}\n

\n );\n}\n\nfunction LSSignatureHelpLine({\n line,\n activeParameterIndex,\n}: {\n line: LSP.SignatureInformation;\n activeParameterIndex?: number;\n}): JSX.Element {\n const activeParameter =\n activeParameterIndex !== undefined\n ? line.parameters?.[activeParameterIndex]\n : undefined;\n const activeParameterStr =\n typeof activeParameter?.label === \"string\" ? activeParameter.label : \"\";\n\n const before = line.label.split(activeParameterStr).at(0);\n const after = line.label.split(activeParameterStr).at(1);\n\n if (activeParameterStr) {\n return (\n

\n {before && after && (\n

\n \n \n \n

\n )}\n {line.documentation && }\n {activeParameter?.documentation && (\n

\n \n

\n )}\n

\n );\n } else {\n return (\n

\n \n {line.documentation && }\n

\n );\n }\n}\n",[],[174,306,308],"c280aa6a-786a-11f0-9ae8-0224a6c84d84","LSGoTo.tsx","c280ab0a-786a-11f0-9ae8-0224a6c84d84",20,["D",1755106037325],"import { references } from \"@valtown/codemirror-ls/extensions\";\nimport { File, X } from \"lucide-react\";\nimport type * as LSP from \"vscode-languageserver-protocol\";\n\ninterface LSGoToProps {\n locations: LSP.Location[];\n kind: references.ReferenceKind;\n goTo: (ref: LSP.Location) => void;\n onClose: () => void;\n}\n\nexport function LSGoTo({ locations, kind, goTo, onClose }: LSGoToProps) {\n const label = references.REFERENCE_KIND_LABELS[kind] || \"Locations\";\n\n const groupedReferences = locations.reduce(\n (acc, ref) => {\n if (!acc[ref.uri]) {\n acc[ref.uri] = [];\n }\n acc[ref.uri].push(ref);\n return acc;\n },\n {} as Record,\n );\n\n const getFileName = (uri: string) => {\n const parts = uri.split(\"/\");\n return parts[parts.length - 1] || uri;\n };\n\n return (\n

\n {label} ({locations.length})\n

\n \n \n \n

\n\n

\n {Object.entries(groupedReferences).map(([uri, refs]) => (\n

\n \n {getFileName(uri)}\n \n ({refs.length})\n \n

\n\n

\n {refs.map((ref) => (\n goTo(ref)}\n />\n ))}\n

\n ))}\n

\n );\n}\n\nfunction ReferenceItem({\n reference,\n isSelected,\n onClick,\n}: {\n reference: LSP.Location;\n isSelected: boolean;\n onClick: () => void;\n}) {\n return (\n \n \n {reference.range.start.line + 1}:\n \n \n {reference.range.start.character}-{reference.range.end.character}\n \n \n );\n}\n",[],[174,306,316],"c28a2266-786a-11f0-aac7-0224a6c84d84","LSContextMenu.tsx","c28a2342-786a-11f0-aac7-0224a6c84d84",22,["D",1755106037413],"import type { ContextMenuCallbacks } from \"codemirror-ls\";\nimport { Code2, Edit3, MousePointer2, Search, Type } from \"lucide-react\";\n\nexport function LSContextMenu({\n goToDefinition,\n goToTypeDefinition,\n goToImplementation,\n findAllReferences,\n rename,\n}: ContextMenuCallbacks) {\n return (\n

\n }\n >\n Go to Definition\n \n }\n >\n Go to Type Definition\n \n }\n >\n Go to Implementation\n \n }\n >\n Find All References\n \n }>\n Rename Symbol\n \n

\n );\n}\n\nfunction LSContextMenuButton({\n onClick,\n children,\n icon,\n}: {\n onClick: () => void;\n children: React.ReactNode;\n icon?: React.ReactNode;\n}) {\n return (\n \n {icon}\n {children}\n \n );\n}\n",[],[174,306,324],"c27b3efe-786a-11f0-bd8d-0224a6c84d84","LSContents.tsx","c27b3fc6-786a-11f0-bd8d-0224a6c84d84",19,["D",1755106037301],"import { isLSPMarkupContent } from \"@valtown/codemirror-ls\";\nimport { toJsxRuntime } from \"hast-util-to-jsx-runtime\";\nimport typescript from \"highlight.js/lib/languages/typescript\";\nimport { createLowlight } from \"lowlight\";\nimport { Fragment, type JSX, jsx, jsxs } from \"react/jsx-runtime\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport type * as LSP from \"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 );\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 = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"div\", \"span\", \"p\", \"br\", \"hr\",\n \"ul\", \"ol\", \"li\", \"dl\", \"dt\", \"dd\", \"table\", \"thead\", \"tbody\", \"tr\", \"th\", \"td\", \"blockquote\",\n \"pre\", \"code\", \"em\", \"strong\", \"a\", \"img\"];\n\nconst lowlight = createLowlight();\nlowlight.register({ typescript });\n",[],[174,306,332],"c22ec146-786a-11f0-98a1-0224a6c84d84",4,["D",1755106036810],[226,227,228,229,230],[174,306],["D",1755106036640],[225,231,232,233,234,235],[174],"12326aa8-786b-11f0-a0e9-0224a6c84d84","12326b7a-786b-11f0-a0e9-0224a6c84d84",33,["D",1755106171043],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\n\n// Simplified version for Val Town - the full language server integration would require\n// the @valtown/codemirror-ls package which may not be available in the Val Town environment\nexport function useLsCodemirror({ path }: { path: string }): {\n extensions: any | null;\n connect: (url: string) => Promise;\n disconnect: () => void;\n isConnected: boolean;\n} {\n const [isConnected, setIsConnected] = useState(false);\n const [websocket, setWebsocket] = useState(null);\n\n const connect = useCallback(\n async (url: string) => {\n if (websocket) {\n websocket.close();\n setWebsocket(null);\n setIsConnected(false);\n }\n\n return new Promise((resolve, reject) => {\n const ws = new WebSocket(url);\n \n ws.onopen = () => {\n console.log(\"Connected to language server\");\n setWebsocket(ws);\n setIsConnected(true);\n resolve();\n };\n \n ws.onerror = (error) => {\n console.error(\"WebSocket error:\", error);\n reject(new Error(\"Failed to connect to WebSocket\"));\n };\n \n ws.onmessage = (event) => {\n console.log(\"Received from LS:\", event.data);\n };\n \n ws.onclose = () => {\n console.log(\"WebSocket connection closed\");\n setIsConnected(false);\n setWebsocket(null);\n };\n });\n },\n [websocket],\n );\n\n const disconnect = useCallback(() => {\n if (websocket) {\n websocket.close();\n setWebsocket(null);\n setIsConnected(false);\n }\n }, [websocket]);\n\n // For now, return null extensions since we don't have the full LS integration\n // In a complete implementation, this would return the language server extensions\n const extensions = useMemo(() => {\n if (!isConnected) return null;\n \n // This would normally return the language server extensions\n // For now, we'll return null to keep the basic editor working\n return null;\n }, [isConnected, path]);\n\n return {\n extensions,\n connect,\n disconnect,\n isConnected,\n };\n}",[],[181,266],"01a3f404-786b-11f0-8191-0224a6c84d84","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);",[],[181,274],"ff5cd0ee-786a-11f0-a38f-0224a6c84d84","ff5cd1b6-786a-11f0-a38f-0224a6c84d84",["D",1755106139451],"\n\n \n \n \n VTLSP Demo - Val Town\n \n \n \n \n

\n \n \n",[],[181,159],"3cb40dd0-786c-11f0-94ee-0224a6c84d84","0aed7a76-786b-11f0-8de2-0224a6c84d84",35,["D",1755106671837],"/** @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 { basicSetup, EditorView } 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 = () => `wss://${window.location.hostname}/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 );\n}",[],[181,290],"1932181c-786b-11f0-b56e-0224a6c84d84","193218ee-786b-11f0-b56e-0224a6c84d84","b9815a24-5994-4006-8c78-e588ac098e77",34,["D",1755106182792],"/** @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}",[],[181,306,332],"193221f4-786b-11f0-b56e-0224a6c84d84",["D",1755106182792],[219],[181,306],["D",1755106139451],[218,220,221,222,223],[181],"c23ef228-786a-11f0-9ec0-0224a6c84d84","main.ts","c23ef336-786a-11f0-9ec0-0224a6c84d84",6,["D",1755106036898],"import { Container, getContainer } from \"@cloudflare/containers\";\nimport { Hono } from \"hono\";\nimport { logger as honoLogger } from \"hono/logger\";\n\nexport class VTLSPDemoContainer extends Container {\n public override sleepAfter = 90; // seconds\n public override defaultPort = 5002;\n}\n\nexport default {\n fetch: new Hono<{ Bindings: Env }>()\n .use(honoLogger())\n .all(\"/lsp/*\", async (c) => {\n const container = getContainer(\n c.env.VTLSP_DEMO_CONTAINER,\n c.req.query(\"id\") || \"default\",\n );\n const url = new URL(\"/\", c.req.url);\n url.search = c.req.url.split(\"?\")[1] || \"\";\n const req = new Request(url, c.req.raw);\n return container.fetch(req);\n }).fetch,\n} satisfies ExportedHandler;\n",[],[187,390],"c244faa6-786a-11f0-8e04-0224a6c84d84","ls-server.ts","c244fb6e-786a-11f0-8e04-0224a6c84d84","c222222e-786a-11f0-a790-0224a6c84d84",7,["D",1755106036924],"/** biome-ignore-all lint/suspicious/noConsole: debug logging */\n\nimport { zValidator } from \"@hono/zod-validator\";\nimport { LSWSServer } from \"@valtown/ls-ws-server\";\nimport { Hono } from \"hono\";\nimport { z } from \"zod\";\n\nconst PORT = 5002;\nconst HOSTNAME = \"0.0.0.0\";\nconst SHUTDOWN_AFTER = 60 * 5; // 5 minutes\nconst MAX_PROCS = 1;\nconst LS_COMMAND = \"deno\";\nconst LS_ARGS: string[] = [\"run\", \"-A\", \"./ls-proxy.ts\"];\n\nconst lsWsServer = new LSWSServer({\n lsArgs: LS_ARGS,\n lsCommand: LS_COMMAND,\n maxProcs: MAX_PROCS,\n shutdownAfter: SHUTDOWN_AFTER,\n lsStdoutLogPath: await Deno.makeTempFile({ prefix: \"vtlsp-procs-stdout\" }),\n lsStderrLogPath: await Deno.makeTempFile({ prefix: \"vtlsp-procs-stderr\" }),\n});\n\nconst gracefulShutdown = (signal: string, code: number) => async () => {\n console.log(`Received ${signal}, shutting down`);\n await lsWsServer.shutdown(1012, `Server received ${signal}`);\n Deno.exit(code);\n};\n\nDeno.addSignalListener(\"SIGINT\", gracefulShutdown(\"SIGINT\", 130));\nDeno.addSignalListener(\"SIGTERM\", gracefulShutdown(\"SIGTERM\", 143));\n\nfunction getApp(lsWsServer: LSWSServer) {\n return new Hono().get(\n \"/\",\n zValidator(\"query\", z.object({ session: z.string() })),\n (c) => {\n const { socket, response } = Deno.upgradeWebSocket(c.req.raw);\n console.log(\"Received request:\", c.req.raw.method, c.req.raw.url);\n try {\n return response;\n } finally {\n lsWsServer.handleNewWebsocket(socket, c.req.valid(\"query\").session);\n }\n },\n );\n}\n\nconst app = getApp(lsWsServer);\n\nDeno.serve({ port: PORT, hostname: HOSTNAME }, app.fetch);\n",[],[187,406,398],"server","c26d4a60-786a-11f0-a790-0224a6c84d84","ls-proxy.ts","c26d4b1e-786a-11f0-a790-0224a6c84d84",16,["D",1755106036898],"import { LSProxy, utils } from \"@valtown/ls-ws-server/proxy\";\n\nconst TEMP_DIR = await Deno.makeTempDir({ prefix: \"vtlsp-proxy\" });\n\nconst onExit = async () => await Deno.remove(TEMP_DIR, { recursive: true });\nDeno.addSignalListener(\"SIGINT\", onExit);\nDeno.addSignalListener(\"SIGTERM\", onExit);\n\nconst proxy = new LSProxy({\n name: \"lsp-server\",\n cwd: TEMP_DIR,\n exec: {\n command: \"deno\",\n args: [\"lsp\", \"-q\"],\n },\n clientToProcMiddlewares: {\n initialize: async (params) => {\n await Deno.writeTextFile(`${TEMP_DIR}/deno.json`, JSON.stringify({})); // Create a deno.json in the temp dir\n return params;\n },\n \"textDocument/didOpen\": async (params) => {\n // Write file to temp directory when opened\n const tempFilePath = utils.virtualUriToTempDirUri(\n params.textDocument.uri,\n TEMP_DIR,\n );\n if (tempFilePath) {\n const filePath = new URL(tempFilePath).pathname;\n await Deno.mkdir(filePath.substring(0, filePath.lastIndexOf(\"/\")), {\n recursive: true,\n });\n await Deno.writeTextFile(filePath, params.textDocument.text);\n }\n return params;\n },\n \"textDocument/didChange\": async (params) => {\n // Update file content when changed\n const tempFilePath = utils.virtualUriToTempDirUri(\n params.textDocument.uri,\n TEMP_DIR,\n );\n if (tempFilePath) {\n const filePath = new URL(tempFilePath).pathname;\n // Apply content changes to get the full text\n const existingContent = await Deno.readTextFile(filePath).catch(\n () => \"\",\n );\n let newContent = existingContent;\n\n for (const change of params.contentChanges) {\n if (\"text\" in change && !(\"range\" in change)) {\n // Full document change\n newContent = change.text;\n }\n }\n\n await Deno.writeTextFile(filePath, newContent);\n }\n return params;\n },\n },\n uriConverters: {\n fromProcUri: (uriString: string) => {\n return utils.tempDirUriToVirtualUri(uriString, TEMP_DIR);\n },\n toProcUri: (uriString: string) => {\n return utils.virtualUriToTempDirUri(uriString, TEMP_DIR)!;\n },\n },\n});\n\nproxy.listen();\n",[],[187,406,408],"c24f1ef0-786a-11f0-8ba1-0224a6c84d84","deno.lock","c24f1f7c-786a-11f0-8ba1-0224a6c84d84",9,["D",1755106037024],"{\n \"version\": \"5\",\n \"specifiers\": {\n \"npm:@hono/zod-validator@~0.7.2\": \"0.7.2_hono@4.9.1_zod@4.0.17\",\n \"npm:@valtown/ls-ws-server@^0.0.12\": \"0.0.12_@codemirror+autocomplete@6.18.6_@codemirror+lint@6.8.5_@codemirror+state@6.5.2_@codemirror+view@6.38.1_codemirror@6.0.2\",\n \"npm:hono@^4.9.1\": \"4.9.1\",\n \"npm:vscode-languageserver-protocol@^3.17.5\": \"3.17.5\",\n \"npm:zod@^4.0.17\": \"4.0.17\"\n },\n \"npm\": {\n \"@codemirror/autocomplete@6.18.6\": {\n \"integrity\": \"sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==\",\n \"dependencies\": [\n \"@codemirror/language\",\n \"@codemirror/state\",\n \"@codemirror/view\",\n \"@lezer/common\"\n ]\n },\n \"@codemirror/commands@6.8.1\": {\n \"integrity\": \"sha512-KlGVYufHMQzxbdQONiLyGQDUW0itrLZwq3CcY7xpv9ZLRHqzkBSoteocBHtMCoY7/Ci4xhzSrToIeLg7FxHuaw==\",\n \"dependencies\": [\n \"@codemirror/language\",\n \"@codemirror/state\",\n \"@codemirror/view\",\n \"@lezer/common\"\n ]\n },\n \"@codemirror/language@6.11.2\": {\n \"integrity\": \"sha512-p44TsNArL4IVXDTbapUmEkAlvWs2CFQbcfc0ymDsis1kH2wh0gcY96AS29c/vp2d0y2Tquk1EDSaawpzilUiAw==\",\n \"dependencies\": [\n \"@codemirror/state\",\n \"@codemirror/view\",\n \"@lezer/common\",\n \"@lezer/highlight\",\n \"@lezer/lr\",\n \"style-mod\"\n ]\n },\n \"@codemirror/lint@6.8.5\": {\n \"integrity\": \"sha512-s3n3KisH7dx3vsoeGMxsbRAgKe4O1vbrnKBClm99PU0fWxmxsx5rR2PfqQgIt+2MMJBHbiJ5rfIdLYfB9NNvsA==\",\n \"dependencies\": [\n \"@codemirror/state\",\n \"@codemirror/view\",\n \"crelt\"\n ]\n },\n \"@codemirror/search@6.5.11\": {\n \"integrity\": \"sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==\",\n \"dependencies\": [\n \"@codemirror/state\",\n \"@codemirror/view\",\n \"crelt\"\n ]\n },\n \"@codemirror/state@6.5.2\": {\n \"integrity\": \"sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==\",\n \"dependencies\": [\n \"@marijn/find-cluster-break\"\n ]\n },\n \"@codemirror/view@6.38.1\": {\n \"integrity\": \"sha512-RmTOkE7hRU3OVREqFVITWHz6ocgBjv08GoePscAakgVQfciA3SGCEk7mb9IzwW61cKKmlTpHXG6DUE5Ubx+MGQ==\",\n \"dependencies\": [\n \"@codemirror/state\",\n \"crelt\",\n \"style-mod\",\n \"w3c-keyname\"\n ]\n },\n \"@hono/zod-validator@0.7.2_hono@4.9.1_zod@4.0.17\": {\n \"integrity\": \"sha512-ub5eL/NeZ4eLZawu78JpW/J+dugDAYhwqUIdp9KYScI6PZECij4Hx4UsrthlEUutqDDhPwRI0MscUfNkvn/mqQ==\",\n \"dependencies\": [\n \"hono\",\n \"zod\"\n ]\n },\n \"@lezer/common@1.2.3\": {\n \"integrity\": \"sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==\"\n },\n \"@lezer/highlight@1.2.1\": {\n \"integrity\": \"sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==\",\n \"dependencies\": [\n \"@lezer/common\"\n ]\n },\n \"@lezer/lr@1.4.2\": {\n \"integrity\": \"sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==\",\n \"dependencies\": [\n \"@lezer/common\"\n ]\n },\n \"@marijn/find-cluster-break@1.0.2\": {\n \"integrity\": \"sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==\"\n },\n \"@sec-ant/readable-stream@0.4.1\": {\n \"integrity\": \"sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==\"\n },\n \"@sindresorhus/merge-streams@4.0.0\": {\n \"integrity\": \"sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==\"\n },\n \"@valtown/ls-ws-server@0.0.12_@codemirror+autocomplete@6.18.6_@codemirror+lint@6.8.5_@codemirror+state@6.5.2_@codemirror+view@6.38.1_codemirror@6.0.2\": {\n \"integrity\": \"sha512-dlrusgcndHltjFBmsNCZwSFuhRimswuo8mCDHVHlZKxVSCamv5BoCzXOqmhF/Hh1UDBWPzxSLRzflCx1F+vWyg==\",\n \"dependencies\": [\n \"@codemirror/autocomplete\",\n \"@codemirror/lint\",\n \"@codemirror/state\",\n \"@codemirror/view\",\n \"codemirror\",\n \"es-toolkit\",\n \"execa\",\n \"isows\",\n \"json-rpc-2.0\",\n \"p-queue\",\n \"pino\",\n \"vscode-jsonrpc@8.2.1\",\n \"vscode-languageserver-protocol\",\n \"vscode-uri\"\n ]\n },\n \"atomic-sleep@1.0.0\": {\n \"integrity\": \"sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==\"\n },\n \"codemirror@6.0.2\": {\n \"integrity\": \"sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==\",\n \"dependencies\": [\n \"@codemirror/autocomplete\",\n \"@codemirror/commands\",\n \"@codemirror/language\",\n \"@codemirror/lint\",\n \"@codemirror/search\",\n \"@codemirror/state\",\n \"@codemirror/view\"\n ]\n },\n \"crelt@1.0.6\": {\n \"integrity\": \"sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==\"\n },\n \"cross-spawn@7.0.6\": {\n \"integrity\": \"sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==\",\n \"dependencies\": [\n \"path-key@3.1.1\",\n \"shebang-command\",\n \"which\"\n ]\n },\n \"es-toolkit@1.39.9\": {\n \"integrity\": \"sha512-9OtbkZmTA2Qc9groyA1PUNeb6knVTkvB2RSdr/LcJXDL8IdEakaxwXLHXa7VX/Wj0GmdMJPR3WhnPGhiP3E+qg==\"\n },\n \"eventemitter3@5.0.1\": {\n \"integrity\": \"sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==\"\n },\n \"execa@9.6.0\": {\n \"integrity\": \"sha512-jpWzZ1ZhwUmeWRhS7Qv3mhpOhLfwI+uAX4e5fOcXqwMR7EcJ0pj2kV1CVzHVMX/LphnKWD3LObjZCoJ71lKpHw==\",\n \"dependencies\": [\n \"@sindresorhus/merge-streams\",\n \"cross-spawn\",\n \"figures\",\n \"get-stream\",\n \"human-signals\",\n \"is-plain-obj\",\n \"is-stream\",\n \"npm-run-path\",\n \"pretty-ms\",\n \"signal-exit\",\n \"strip-final-newline\",\n \"yoctocolors\"\n ]\n },\n \"fast-redact@3.5.0\": {\n \"integrity\": \"sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A==\"\n },\n \"figures@6.1.0\": {\n \"integrity\": \"sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==\",\n \"dependencies\": [\n \"is-unicode-supported\"\n ]\n },\n \"get-stream@9.0.1\": {\n \"integrity\": \"sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==\",\n \"dependencies\": [\n \"@sec-ant/readable-stream\",\n \"is-stream\"\n ]\n },\n \"hono@4.9.1\": {\n \"integrity\": \"sha512-qfvdJ42t6CQE0N/iSCa8KsW8SQqYD67YB+TYbwPHlnALvX+s7ynh8otR1NEk5jXtUg73gpV/B82OSufDmwtX3w==\"\n },\n \"human-signals@8.0.1\": {\n \"integrity\": \"sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==\"\n },\n \"is-plain-obj@4.1.0\": {\n \"integrity\": \"sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==\"\n },\n \"is-stream@4.0.1\": {\n \"integrity\": \"sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==\"\n },\n \"is-unicode-supported@2.1.0\": {\n \"integrity\": \"sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==\"\n },\n \"isexe@2.0.0\": {\n \"integrity\": \"sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==\"\n },\n \"isows@1.0.7_ws@8.18.3\": {\n \"integrity\": \"sha512-I1fSfDCZL5P0v33sVqeTDSpcstAg/N+wF5HS033mogOVIp4B+oHC7oOCsA3axAbBSGTJ8QubbNmnIRN/h8U7hg==\",\n \"dependencies\": [\n \"ws\"\n ]\n },\n \"json-rpc-2.0@1.7.1\": {\n \"integrity\": \"sha512-JqZjhjAanbpkXIzFE7u8mE/iFblawwlXtONaCvRqI+pyABVz7B4M1EUNpyVW+dZjqgQ2L5HFmZCmOCgUKm00hg==\"\n },\n \"npm-run-path@6.0.0\": {\n \"integrity\": \"sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==\",\n \"dependencies\": [\n \"path-key@4.0.0\",\n \"unicorn-magic\"\n ]\n },\n \"on-exit-leak-free@2.1.2\": {\n \"integrity\": \"sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==\"\n },\n \"p-queue@8.1.0\": {\n \"integrity\": \"sha512-mxLDbbGIBEXTJL0zEx8JIylaj3xQ7Z/7eEVjcF9fJX4DBiH9oqe+oahYnlKKxm0Ci9TlWTyhSHgygxMxjIB2jw==\",\n \"dependencies\": [\n \"eventemitter3\",\n \"p-timeout\"\n ]\n },\n \"p-timeout@6.1.4\": {\n \"integrity\": \"sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==\"\n },\n \"parse-ms@4.0.0\": {\n \"integrity\": \"sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==\"\n },\n \"path-key@3.1.1\": {\n \"integrity\": \"sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==\"\n },\n \"path-key@4.0.0\": {\n \"integrity\": \"sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==\"\n },\n \"pino-abstract-transport@2.0.0\": {\n \"integrity\": \"sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==\",\n \"dependencies\": [\n \"split2\"\n ]\n },\n \"pino-std-serializers@7.0.0\": {\n \"integrity\": \"sha512-e906FRY0+tV27iq4juKzSYPbUj2do2X2JX4EzSca1631EB2QJQUqGbDuERal7LCtOpxl6x3+nvo9NPZcmjkiFA==\"\n },\n \"pino@9.9.0\": {\n \"integrity\": \"sha512-zxsRIQG9HzG+jEljmvmZupOMDUQ0Jpj0yAgE28jQvvrdYTlEaiGwelJpdndMl/MBuRr70heIj83QyqJUWaU8mQ==\",\n \"dependencies\": [\n \"atomic-sleep\",\n \"fast-redact\",\n \"on-exit-leak-free\",\n \"pino-abstract-transport\",\n \"pino-std-serializers\",\n \"process-warning\",\n \"quick-format-unescaped\",\n \"real-require\",\n \"safe-stable-stringify\",\n \"sonic-boom\",\n \"thread-stream\"\n ],\n \"bin\": true\n },\n \"pretty-ms@9.2.0\": {\n \"integrity\": \"sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==\",\n \"dependencies\": [\n \"parse-ms\"\n ]\n },\n \"process-warning@5.0.0\": {\n \"integrity\": \"sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==\"\n },\n \"quick-format-unescaped@4.0.4\": {\n \"integrity\": \"sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==\"\n },\n \"real-require@0.2.0\": {\n \"integrity\": \"sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==\"\n },\n \"safe-stable-stringify@2.5.0\": {\n \"integrity\": \"sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==\"\n },\n \"shebang-command@2.0.0\": {\n \"integrity\": \"sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==\",\n \"dependencies\": [\n \"shebang-regex\"\n ]\n },\n \"shebang-regex@3.0.0\": {\n \"integrity\": \"sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==\"\n },\n \"signal-exit@4.1.0\": {\n \"integrity\": \"sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==\"\n },\n \"sonic-boom@4.2.0\": {\n \"integrity\": \"sha512-INb7TM37/mAcsGmc9hyyI6+QR3rR1zVRu36B0NeGXKnOOLiZOfER5SA+N7X7k3yUYRzLWafduTDvJAfDswwEww==\",\n \"dependencies\": [\n \"atomic-sleep\"\n ]\n },\n \"split2@4.2.0\": {\n \"integrity\": \"sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==\"\n },\n \"strip-final-newline@4.0.0\": {\n \"integrity\": \"sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==\"\n },\n \"style-mod@4.1.2\": {\n \"integrity\": \"sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==\"\n },\n \"thread-stream@3.1.0\": {\n \"integrity\": \"sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==\",\n \"dependencies\": [\n \"real-require\"\n ]\n },\n \"unicorn-magic@0.3.0\": {\n \"integrity\": \"sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==\"\n },\n \"vscode-jsonrpc@8.2.0\": {\n \"integrity\": \"sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==\"\n },\n \"vscode-jsonrpc@8.2.1\": {\n \"integrity\": \"sha512-kdjOSJ2lLIn7r1rtrMbbNCHjyMPfRnowdKjBQ+mGq6NAW5QY2bEZC/khaC5OR8svbbjvLEaIXkOq45e2X9BIbQ==\"\n },\n \"vscode-languageserver-protocol@3.17.5\": {\n \"integrity\": \"sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==\",\n \"dependencies\": [\n \"vscode-jsonrpc@8.2.0\",\n \"vscode-languageserver-types\"\n ]\n },\n \"vscode-languageserver-types@3.17.5\": {\n \"integrity\": \"sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==\"\n },\n \"vscode-uri@3.1.0\": {\n \"integrity\": \"sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==\"\n },\n \"w3c-keyname@2.2.8\": {\n \"integrity\": \"sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==\"\n },\n \"which@2.0.2\": {\n \"integrity\": \"sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==\",\n \"dependencies\": [\n \"isexe\"\n ],\n \"bin\": true\n },\n \"ws@8.18.3\": {\n \"integrity\": \"sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==\"\n },\n \"yoctocolors@2.1.1\": {\n \"integrity\": \"sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==\"\n },\n \"zod@4.0.17\": {\n \"integrity\": \"sha512-1PHjlYRevNxxdy2JZ8JcNAw7rX8V9P1AKkP+x/xZfxB0K5FYfuV+Ug6P/6NVSR2jHQ+FzDDoDHS04nYUsOIyLQ==\"\n }\n },\n \"workspace\": {\n \"dependencies\": [\n \"npm:@hono/zod-validator@~0.7.2\",\n \"npm:@valtown/ls-ws-server@^0.0.12\",\n \"npm:hono@^4.9.1\",\n \"npm:vscode-languageserver-protocol@^3.17.5\",\n \"npm:zod@^4.0.17\"\n ]\n }\n}\n",[],[187,406,416],"c24b0450-786a-11f0-bbcf-0224a6c84d84","deno.json","c24b0522-786a-11f0-bbcf-0224a6c84d84",8,["D",1755106036963],"{\n \"tasks\": {\n \"start\": \"deno run -A ./ls-server.ts\"\n },\n \"imports\": {\n \"@hono/zod-validator\": \"npm:@hono/zod-validator@^0.7.2\",\n \"@valtown/ls-ws-server\": \"npm:@valtown/ls-ws-server@^0.0.12\",\n \"hono\": \"npm:hono@^4.9.1\",\n \"vscode-languageserver-protocol\": \"npm:vscode-languageserver-protocol@^3.17.5\",\n \"zod\": \"npm:zod@^4.0.17\"\n }\n}\n",[],[187,406,424],"c252e08a-786a-11f0-aac7-0224a6c84d84","Dockerfile","c252e152-786a-11f0-aac7-0224a6c84d84",10,["D",1755106036895],"FROM denoland/deno:2.3.6\n\nCOPY . /app\nWORKDIR /app/deploy/server\nRUN deno cache .\n\nEXPOSE 5002\n\nCMD [\"deno\", \"run\", \"-A\", \"ls-server.ts\"]\n",[],[187,406,432],"c2222170-786a-11f0-a790-0224a6c84d84",3,["D",1755106036716],[211,212,213,214,215],[187,406],["D",1755106036565],[210,216],[187],"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;",[],[192,448],["D",1755106131960],[208],[192],["D",1755106024266],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":48},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_122":495,"_496":497,"_498":499,"_500":48,"_501":48,"_502":48,"_503":25,"_504":-5,"_505":-7,"_506":-7,"_507":62,"_508":48,"_509":48,"_510":-5,"_511":48,"_512":48,"_513":48,"_514":-5},"ENV",{"_466":467,"_468":469,"_470":86,"_471":472,"_473":474,"_475":476,"_477":478,"_479":480,"_481":482,"_483":484,"_485":486,"_487":488,"_489":490,"_491":492,"_493":494},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v36