[{"_1":2,"_191":-5,"_192":-5},"loaderData",{"_3":4,"_108":109},"root",{"_5":6,"_42":43,"_72":73},"ctx",{"_7":8,"_29":-5,"_30":31,"_32":33,"_34":28,"_35":28,"_36":28,"_37":-7,"_38":-7,"_39":40,"_41":28},"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,"_23":24,"_25":26,"_27":28},"tokenType","session_token","sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","getToken",["SingleFetchFallback"],"has",["SingleFetchFallback"],"debug",["SingleFetchFallback"],"isAuthenticated",false,"user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesDprint","preferencesDenofmt","notificationCount",0,"flagDenols","ENV",{"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","0e92181ec13afb3914dc4373d4fcf5aea73185e6","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",{"_74":75},"__internal_clerk_state",{"_76":77,"_81":53,"_82":83,"_84":83,"_85":28,"_86":83,"_87":83,"_88":83,"_89":83,"_90":-7,"_91":-7,"_92":-7,"_93":-7,"_94":95,"_104":-7,"_105":-7,"_106":28,"_107":28},"__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":78,"_23":79,"_25":80,"_27":28},["SingleFetchFallback"],["SingleFetchFallback"],["SingleFetchFallback"],"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_96":28,"_27":28,"_97":83,"_98":99,"_100":83,"_101":53,"_102":28,"_103":83},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__clerkJSUrl","__clerkJSVersion","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_110":111,"_112":113,"_114":115,"_116":117,"_166":167,"_188":189,"_190":-5},"handle","wolf","name","EditorDemo","path","frontend/useLsCodemirror.tsx","project",{"_118":119,"_112":113,"_120":121,"_122":-5,"_123":28,"_124":125,"_126":83,"_127":-5,"_14":128,"_129":130,"_131":132,"_133":132,"_134":-5,"_135":40,"_16":136,"_137":138,"_139":138,"_140":141,"_142":141,"_143":141,"_144":138,"_145":138,"_29":146,"_149":150,"_152":153,"_165":28},"id","bab404bc-786a-11f0-8ac5-0224a6c84d84","createdAt",["D",1755106024266],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","fae5c6ba-786a-11f0-bb07-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","bced381e-9ab2-4b55-929d-e7c5064f7f38","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_110":111,"_147":148},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","org",{"_110":111,"_151":148,"_14":128},"avatar","branch",{"_154":155,"_112":51,"_118":156,"_157":119,"_158":-5,"_159":-5,"_160":-5,"_161":-5,"_162":-5,"_163":113,"_164":111},"version",75,"bab466dc-786a-11f0-8ac5-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_118":168,"_112":169,"_170":171,"_172":173,"_174":156,"_175":176,"_177":132,"_120":178,"_154":179,"_180":181,"_182":183,"_184":28,"_185":-5,"_114":186},"7d9c9d7c-7870-11f0-b402-0224a6c84d84","useLsCodemirror.tsx","fileId","12326b7a-786b-11f0-a0e9-0224a6c84d84","parentId","d01c2199-6541-4461-87c8-43f6719d2f5b","branchId","branchVersion",73,"latest",["D",1755108498745],10,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { languageServerWithClient, LSClient } from \"https://unpkg.com/@valtown/codemirror-ls\";\nimport { LSWebSocketTransport } from \"https://unpkg.com/@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}","deleted","label",[187,169],"frontend","permalink","https://www.val.town/x/wolf/EditorDemo/code/frontend/useLsCodemirror.tsx","extension","actionData","errors"]