windmill-components 1.448.1 → 1.472.1

package/package/components/Editor.svelte

@@ -1,1141 +0,0 @@
-<!-- <script lang="ts"></script> -->
-
-<script context="module">
-	import '@codingame/monaco-vscode-standalone-languages'
-	import '@codingame/monaco-vscode-standalone-typescript-language-features'
-	import processStdContent from '../process.d.ts.txt?raw'
-
-	languages.typescript.typescriptDefaults.addExtraLib(processStdContent, 'process.d.ts')
-
-	// languages.typescript.javascriptDefaults.setModeConfiguration({
-	// 	completionItems: true,
-	// 	hovers: true,
-	// 	documentSymbols: true,
-	// 	definitions: true,
-	// 	references: true,
-	// 	documentHighlights: true,
-	// 	rename: true,
-	// 	diagnostics: true,
-	// 	documentRangeFormattingEdits: true,
-	// 	signatureHelp: true,
-	// 	onTypeFormattingEdits: true,
-	// 	codeActions: true,
-	// 	inlayHints: true
-	// })
-
-	languages.typescript.typescriptDefaults.setModeConfiguration({
-		completionItems: true,
-		hovers: true,
-		documentSymbols: true,
-		definitions: true,
-		references: true,
-		documentHighlights: true,
-		rename: true,
-		diagnostics: true,
-		documentRangeFormattingEdits: true,
-		signatureHelp: true,
-		onTypeFormattingEdits: true,
-		codeActions: true,
-		inlayHints: true
-	})
-
-	// languages.typescript.javascriptDefaults.setEagerModelSync(true)
-	languages.typescript.typescriptDefaults.setEagerModelSync(true)
-
-	// languages.typescript.javascriptDefaults.setDiagnosticsOptions({
-	// 	noSemanticValidation: false,
-	// 	noSyntaxValidation: false,
-	// 	noSuggestionDiagnostics: false,
-	// 	diagnosticCodesToIgnore: [1108]
-	// })
-
-	languages.typescript.typescriptDefaults.setDiagnosticsOptions({
-		noSemanticValidation: false,
-		noSyntaxValidation: false,
-		noSuggestionDiagnostics: false,
-		diagnosticCodesToIgnore: [1108]
-	})
-
-	languages.typescript.typescriptDefaults.setCompilerOptions({
-		target: languages.typescript.ScriptTarget.Latest,
-		allowNonTsExtensions: true,
-		noSemanticValidation: false,
-		noSyntaxValidation: false,
-		completionItems: true,
-		hovers: true,
-		documentSymbols: true,
-		definitions: true,
-		references: true,
-		documentHighlights: true,
-		rename: true,
-		diagnostics: true,
-		documentRangeFormattingEdits: true,
-		signatureHelp: true,
-		onTypeFormattingEdits: true,
-		codeActions: true,
-		inlayHints: true,
-		checkJs: true,
-		allowJs: true,
-		noUnusedLocals: true,
-		strict: true,
-		noLib: false,
-		allowImportingTsExtensions: true,
-		moduleResolution: languages.typescript.ModuleResolutionKind.NodeJs
-	})
-
-	// languages.typescript.javascriptDefaults.setCompilerOptions({
-	// 	target: languages.typescript.ScriptTarget.Latest,
-	// 	allowNonTsExtensions: true,
-	// 	noSemanticValidation: false,
-	// 	noSyntaxValidation: false,
-	// 	allowImportingTsExtensions: true,
-	// 	checkJs: true,
-	// 	allowJs: true,
-	// 	noUnusedParameters: true,
-	// 	noUnusedLocals: true,
-	// 	strict: true,
-	// 	noLib: true,
-	// 	moduleResolution: languages.typescript.ModuleResolutionKind.NodeJs
-	// })
-</script>
-
-<script>import { BROWSER } from 'esm-env';
-import { sendUserToast } from '../toast';
-import { createEventDispatcher, onDestroy, onMount } from 'svelte';
-// import libStdContent from '../es6.d.ts.txt?raw'
-// import domContent from '../dom.d.ts.txt?raw'
-// import denoFetchContent from '../deno_fetch.d.ts.txt?raw'
-import * as vscode from 'vscode';
-// import '@codingame/monaco-vscode-typescript-basics-default-extension'
-// import '@codingame/monaco-vscode-typescript-language-features-default-extension'
-// import 'vscode/localExtensionHost'
-import { MonacoLanguageClient } from 'monaco-languageclient';
-import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from 'vscode-ws-jsonrpc';
-import { CloseAction, ErrorAction, RequestType } from 'vscode-languageclient';
-import { MonacoBinding } from 'y-monaco';
-import { dbSchemas, copilotInfo, codeCompletionSessionEnabled, lspTokenStore, formatOnSave, vimMode } from '../stores';
-import { createHash as randomHash, editorConfig, langToExt, updateOptions } from '../editorUtils';
-import { workspaceStore } from '../stores';
-import { UserService } from '../gen';
-import { initializeVscode } from './vscode';
-import { initializeMode } from 'monaco-graphql/esm/initializeMode.js';
-import { sleep } from '../utils';
-import { editorCodeCompletion } from './copilot/completion';
-import { editor as meditor, languages, KeyCode, KeyMod, Uri as mUri } from 'monaco-editor';
-import EditorTheme from './EditorTheme.svelte';
-import { BIGQUERY_TYPES, MSSQL_TYPES, MYSQL_TYPES, ORACLEDB_TYPES, POSTGRES_TYPES, SNOWFLAKE_TYPES } from '../consts';
-import { setupTypeAcquisition } from '../ata/index';
-import { initWasmTs } from '../infer';
-import { initVim } from './monaco_keybindings';
-import { buildWorkerDefinition } from '../monaco_workers/build_workers';
-import { parseTypescriptDeps } from '../relative_imports';
-// import EditorTheme from './EditorTheme.svelte'
-let divEl = null;
-let editor = null;
-export let lang;
-export let code = '';
-export let cmdEnterAction = undefined;
-export let formatAction = undefined;
-export let automaticLayout = true;
-export let websocketAlive = {
-    pyright: false,
-    ruff: false,
-    deno: false,
-    go: false,
-    shellcheck: false
-};
-export let shouldBindKey = true;
-export let fixedOverflowWidgets = true;
-export let path = undefined;
-export let yContent = undefined;
-export let awareness = undefined;
-export let folding = false;
-export let args = undefined;
-export let useWebsockets = true;
-export let small = false;
-export let scriptLang;
-export let disabled = false;
-export let lineNumbersMinChars = 3;
-const rHash = randomHash();
-$: filePath = computePath(path);
-function computePath(path) {
-    if (path == '' || path == undefined || path.startsWith('/')) {
-        return rHash;
-    }
-    else {
-        return path;
-    }
-}
-let initialPath = path;
-$: path != initialPath &&
-    (scriptLang == 'deno' || scriptLang == 'bun' || scriptLang == 'bunnative') &&
-    handlePathChange();
-let websockets = [];
-let languageClients = [];
-let websocketInterval;
-let lastWsAttempt = new Date();
-let nbWsAttempt = 0;
-let disposeMethod;
-const dispatch = createEventDispatcher();
-let graphqlService = undefined;
-let dbSchema = undefined;
-let destroyed = false;
-const uri = lang != 'go' && lang != 'typescript' && lang != 'python'
-    ? `file:///${filePath ?? rHash}.${langToExt(lang)}`
-    : `file:///tmp/monaco/${randomHash()}.${langToExt(lang)}`;
-console.log('uri', uri);
-buildWorkerDefinition();
-export function getCode() {
-    return editor?.getValue() ?? '';
-}
-export function insertAtCursor(code) {
-    if (editor) {
-        editor.trigger('keyboard', 'type', { text: code });
-    }
-}
-export function arrowDown() {
-    if (editor) {
-        let pos = editor.getPosition();
-        if (pos) {
-            editor.setPosition({ lineNumber: pos.lineNumber + 1, column: pos.column });
-        }
-    }
-}
-export function backspace() {
-    if (editor) {
-        editor.trigger('keyboard', 'deleteLeft', {});
-    }
-}
-export function insertAtBeginning(code) {
-    if (editor) {
-        const range = { startLineNumber: 1, startColumn: 1, endLineNumber: 1, endColumn: 1 };
-        const op = { range: range, text: code, forceMoveMarkers: true };
-        editor.executeEdits('external', [op]);
-    }
-}
-export function insertAtLine(code, line) {
-    if (editor) {
-        const range = { startLineNumber: line, startColumn: 1, endLineNumber: line, endColumn: 1 };
-        const op = { range: range, text: code, forceMoveMarkers: true };
-        editor.executeEdits('external', [op]);
-    }
-}
-export function getSelectedLines() {
-    if (editor) {
-        const selection = editor.getSelection();
-        if (selection) {
-            const range = {
-                startLineNumber: selection.startLineNumber,
-                startColumn: 1,
-                endLineNumber: selection.endLineNumber + 1,
-                endColumn: 1
-            };
-            return editor.getModel()?.getValueInRange(range);
-        }
-    }
-}
-export function onDidChangeCursorSelection(f) {
-    if (editor) {
-        return editor.onDidChangeCursorSelection(f);
-    }
-}
-export function show() {
-    divEl?.classList.remove('hidden');
-}
-export function hide() {
-    divEl?.classList.add('hidden');
-}
-export function setCode(ncode, noHistory = false) {
-    code = ncode;
-    if (noHistory) {
-        editor?.setValue(ncode);
-    }
-    else {
-        if (editor?.getModel()) {
-            // editor.setValue(ncode)
-            editor.pushUndoStop();
-            editor.executeEdits('set', [
-                {
-                    range: editor.getModel().getFullModelRange(),
-                    text: ncode
-                }
-            ]);
-            editor.pushUndoStop();
-        }
-    }
-}
-export function append(code) {
-    if (editor) {
-        const lineCount = editor.getModel()?.getLineCount() || 0;
-        const lastLineLength = editor.getModel()?.getLineLength(lineCount) || 0;
-        const range = {
-            startLineNumber: lineCount,
-            startColumn: lastLineLength + 1,
-            endLineNumber: lineCount,
-            endColumn: lastLineLength + 1
-        };
-        editor.executeEdits('append', [
-            {
-                range,
-                text: code,
-                forceMoveMarkers: true
-            }
-        ]);
-        editor.revealLine(lineCount);
-    }
-}
-export async function format() {
-    if (editor) {
-        code = getCode();
-        if (lang != 'shell') {
-            if ($formatOnSave != false) {
-                if (scriptLang == 'deno' && languageClients.length > 0) {
-                    languageClients.forEach(async (x) => {
-                        let edits = await x.sendRequest(new RequestType('textDocument/formatting'), {
-                            textDocument: { uri },
-                            options: {
-                                tabSize: 2,
-                                insertSpaces: true
-                            }
-                        });
-                        console.debug(edits);
-                        if (Array.isArray(edits)) {
-                            edits = edits.map((edit) => edit.range.start != undefined &&
-                                edit.range.end != undefined &&
-                                edit.newText != undefined
-                                ? {
-                                    range: {
-                                        startLineNumber: edit.range.start.line + 1,
-                                        startColumn: edit.range.start.character + 1,
-                                        endLineNumber: edit.range.end.line + 1,
-                                        endColumn: edit.range.end.character + 1
-                                    },
-                                    text: edit.newText
-                                }
-                                : {});
-                            //@ts-ignore
-                            editor?.executeEdits('fmt', edits);
-                        }
-                    });
-                }
-                else {
-                    await editor?.getAction('editor.action.formatDocument')?.run();
-                }
-            }
-            code = getCode();
-        }
-        if (formatAction) {
-            formatAction();
-        }
-    }
-}
-export function getScriptLang() {
-    return scriptLang;
-}
-let command = undefined;
-let sqlTypeCompletor = undefined;
-$: initialized && lang === 'sql' && scriptLang
-    ? addSqlTypeCompletions()
-    : sqlTypeCompletor?.dispose();
-function addSqlTypeCompletions() {
-    if (sqlTypeCompletor) {
-        sqlTypeCompletor.dispose();
-    }
-    sqlTypeCompletor = languages.registerCompletionItemProvider('sql', {
-        triggerCharacters: scriptLang === 'postgresql' ? [':'] : ['('],
-        provideCompletionItems: function (model, position) {
-            const lineUntilPosition = model.getValueInRange({
-                startLineNumber: position.lineNumber,
-                startColumn: 1,
-                endLineNumber: position.lineNumber,
-                endColumn: position.column
-            });
-            let suggestions = [];
-            if (scriptLang === 'postgresql'
-                ? lineUntilPosition.endsWith('::')
-                : lineUntilPosition.match(/^-- .* \(/)) {
-                const word = model.getWordUntilPosition(position);
-                const range = {
-                    startLineNumber: position.lineNumber,
-                    endLineNumber: position.lineNumber,
-                    startColumn: word.startColumn,
-                    endColumn: word.endColumn
-                };
-                suggestions = (scriptLang === 'postgresql'
-                    ? POSTGRES_TYPES
-                    : scriptLang === 'mysql'
-                        ? MYSQL_TYPES
-                        : scriptLang === 'snowflake'
-                            ? SNOWFLAKE_TYPES
-                            : scriptLang === 'bigquery'
-                                ? BIGQUERY_TYPES
-                                : scriptLang === 'mssql'
-                                    ? MSSQL_TYPES
-                                    : scriptLang === 'oracledb'
-                                        ? ORACLEDB_TYPES
-                                        : []).map((t) => ({
-                    label: t,
-                    kind: languages.CompletionItemKind.Function,
-                    insertText: t,
-                    range: range,
-                    sortText: 'a'
-                }));
-            }
-            return {
-                suggestions
-            };
-        }
-    });
-}
-let sqlSchemaCompletor = undefined;
-function updateSchema() {
-    const newSchemaRes = lang === 'graphql' ? args?.api : args?.database;
-    if (typeof newSchemaRes === 'string') {
-        dbSchema = $dbSchemas[newSchemaRes.replace('$res:', '')];
-    }
-    else {
-        dbSchema = undefined;
-    }
-}
-$: lang && args && $dbSchemas && updateSchema();
-$: initialized && dbSchema && ['sql', 'graphql'].includes(lang) && addDBSchemaCompletions();
-function disposeSqlSchemaCompletor() {
-    sqlSchemaCompletor?.dispose();
-}
-$: (!dbSchema || lang !== 'sql') && disposeSqlSchemaCompletor();
-function disposeGaphqlService() {
-    graphqlService = undefined;
-}
-$: (!dbSchema || lang !== 'graphql') && disposeGaphqlService();
-function addDBSchemaCompletions() {
-    const { lang: schemaLang, schema } = dbSchema || {};
-    if (!schemaLang || !schema) {
-        return;
-    }
-    if (schemaLang === 'graphql') {
-        graphqlService ||= initializeMode();
-        graphqlService?.setSchemaConfig([
-            {
-                uri: 'my-schema.graphql',
-                introspectionJSON: schema
-            }
-        ]);
-    }
-    else {
-        if (sqlSchemaCompletor) {
-            sqlSchemaCompletor.dispose();
-        }
-        sqlSchemaCompletor = languages.registerCompletionItemProvider('sql', {
-            triggerCharacters: ['.', ' ', '('],
-            provideCompletionItems: function (model, position) {
-                const textUntilPosition = model.getValueInRange({
-                    startLineNumber: 1,
-                    startColumn: 1,
-                    endLineNumber: position.lineNumber,
-                    endColumn: position.column
-                });
-                const word = model.getWordUntilPosition(position);
-                const range = {
-                    startLineNumber: position.lineNumber,
-                    endLineNumber: position.lineNumber,
-                    startColumn: word.startColumn,
-                    endColumn: word.endColumn
-                };
-                let suggestions = [];
-                const noneMatch = textUntilPosition.match(/(?:add|create table)\s/i);
-                if (noneMatch) {
-                    return {
-                        suggestions
-                    };
-                }
-                for (const schemaKey in schema) {
-                    suggestions.push({
-                        label: schemaKey,
-                        detail: 'schema',
-                        kind: languages.CompletionItemKind.Function,
-                        insertText: schemaKey,
-                        range: range,
-                        sortText: 'z'
-                    });
-                    for (const tableKey in schema[schemaKey]) {
-                        suggestions.push({
-                            label: tableKey,
-                            detail: `table (${schemaKey})`,
-                            kind: languages.CompletionItemKind.Function,
-                            insertText: tableKey,
-                            range: range,
-                            sortText: 'y'
-                        });
-                        const noColsMatch = textUntilPosition.match(/(?:from|insert into|update|table)\s(?![\s\S]*(\b(where|order by|group by|values|set|column)\b|\())/i);
-                        if (!noColsMatch) {
-                            for (const columnKey in schema[schemaKey][tableKey]) {
-                                suggestions.push({
-                                    label: columnKey,
-                                    detail: `${schema[schemaKey][tableKey][columnKey]['type']} (${schemaKey}.${tableKey})`,
-                                    kind: languages.CompletionItemKind.Function,
-                                    insertText: columnKey,
-                                    range: range,
-                                    sortText: 'x'
-                                });
-                            }
-                        }
-                        if (textUntilPosition.match(new RegExp(`${tableKey}.$`, 'i'))) {
-                            suggestions = suggestions.filter((x) => x.detail?.includes(`(${schemaKey}.${tableKey})`));
-                            return {
-                                suggestions
-                            };
-                        }
-                    }
-                    if (textUntilPosition.match(new RegExp(`${schemaKey}.$`, 'i'))) {
-                        suggestions = suggestions.filter((x) => x.detail === `table (${schemaKey})`);
-                        return {
-                            suggestions
-                        };
-                    }
-                }
-                return {
-                    suggestions
-                };
-            }
-        });
-    }
-}
-let copilotCompletor = undefined;
-let copilotTs = Date.now();
-let abortController = undefined;
-function addCopilotSuggestions() {
-    if (copilotCompletor) {
-        copilotCompletor.dispose();
-    }
-    copilotCompletor = vscode.languages.registerInlineCompletionItemProvider({ pattern: '**' }, {
-        async provideInlineCompletionItems(model, position, context, token) {
-            abortController?.abort();
-            const textUntilPosition = model.getText(new vscode.Range(0, 0, position.line, position.character));
-            let items = [];
-            const lastChar = textUntilPosition[textUntilPosition.length - 1];
-            if (textUntilPosition.trim().length > 5 && lastChar.match(/[\(\{\s:=]/)) {
-                const textAfterPosition = model.getText(new vscode.Range(position.line, position.character, model.lineCount + 1, 1));
-                const thisTs = Date.now();
-                copilotTs = thisTs;
-                await sleep(200);
-                if (copilotTs === thisTs) {
-                    abortController?.abort();
-                    abortController = new AbortController();
-                    token.onCancellationRequested(() => {
-                        abortController?.abort();
-                    });
-                    const aiProvider = $copilotInfo.ai_provider;
-                    const insertText = await editorCodeCompletion(textUntilPosition, textAfterPosition, lang, abortController, aiProvider);
-                    if (insertText) {
-                        items = [
-                            {
-                                insertText,
-                                range: new vscode.Range(position.line, position.character, position.line, position.character)
-                            }
-                        ];
-                    }
-                }
-            }
-            return {
-                items,
-                commands: []
-            };
-        }
-    });
-}
-$: $copilotInfo.exists_ai_resource &&
-    $copilotInfo.code_completion_enabled &&
-    $codeCompletionSessionEnabled &&
-    initialized &&
-    addCopilotSuggestions();
-$: !$codeCompletionSessionEnabled && copilotCompletor && copilotCompletor.dispose();
-const outputChannel = {
-    name: 'Language Server Client',
-    appendLine: (msg) => {
-        console.log(msg);
-    },
-    append: (msg) => {
-        console.log(msg);
-    },
-    clear: () => { },
-    replace: () => { },
-    show: () => { },
-    hide: () => { },
-    dispose: () => { }
-};
-export async function reloadWebsocket() {
-    console.log('reloadWebsocket');
-    await closeWebsockets();
-    function createLanguageClient(transports, name, initializationOptions, middlewareOptions) {
-        const client = new MonacoLanguageClient({
-            name: name,
-            messageTransports: transports,
-            clientOptions: {
-                outputChannel,
-                documentSelector: [lang],
-                errorHandler: {
-                    error: () => ({ action: ErrorAction.Continue }),
-                    closed: () => ({
-                        action: CloseAction.Restart
-                    })
-                },
-                markdown: {
-                    isTrusted: true
-                },
-                workspaceFolder: name != 'deno'
-                    ? {
-                        uri: vscode.Uri.parse(uri),
-                        name: 'windmill',
-                        index: 0
-                    }
-                    : undefined,
-                initializationOptions,
-                middleware: {
-                    workspace: {
-                        configuration: middlewareOptions ??
-                            ((params, token, next) => {
-                                return [{ enabled: true }];
-                            })
-                    }
-                }
-            }
-        });
-        return client;
-    }
-    async function connectToLanguageServer(url, name, initOptions, middlewareOptions) {
-        try {
-            const webSocket = new WebSocket(url);
-            websockets.push(webSocket);
-            webSocket.onopen = async () => {
-                const socket = toSocket(webSocket);
-                const reader = new WebSocketMessageReader(socket);
-                const writer = new WebSocketMessageWriter(socket);
-                const languageClient = createLanguageClient({ reader, writer }, name, initOptions, middlewareOptions);
-                // if (middlewareOptions != undefined) {
-                // 	languageClient.registerNotUsedFeatures()
-                // }
-                const om = webSocket.onmessage;
-                webSocket.onmessage = (e) => {
-                    om && om.apply(webSocket, [e]);
-                    if (destroyed) {
-                        webSocket.close();
-                        console.log('Stopping client early because of mismatch');
-                    }
-                };
-                languageClients.push(languageClient);
-                // HACK ALERT: for some reasons, the client need to be restarted to take into account the 'go get <dep>' command
-                // the only way I could figure out to listen for this event is this. I'm sure there is a better way to do this
-                if (name == 'go') {
-                    const om = webSocket.onmessage;
-                    webSocket.onmessage = (e) => {
-                        om && om.apply(webSocket, [e]);
-                        const js = JSON.parse(e.data);
-                        if (js.method == 'window/showMessage' && js.params.message == 'completed') {
-                            console.log('reloading websocket after go get');
-                            reloadWebsocket();
-                        }
-                    };
-                }
-                reader.onClose(async () => {
-                    try {
-                        console.log('CLOSE');
-                        websocketAlive[name] = false;
-                        await languageClient.stop();
-                    }
-                    catch (err) {
-                        console.error(err);
-                    }
-                });
-                socket.onClose((_code, _reason) => {
-                    websocketAlive[name] = false;
-                });
-                try {
-                    console.log('starting client');
-                    await languageClient.start();
-                    console.log('started client');
-                }
-                catch (err) {
-                    console.log('err at client');
-                    console.error(err);
-                    return;
-                }
-                lastWsAttempt = new Date();
-                nbWsAttempt = 0;
-                if (name == 'deno') {
-                    command && command.dispose();
-                    command = undefined;
-                    try {
-                        command = vscode.commands.registerCommand('deno.cache', (uris = []) => {
-                            languageClient.sendRequest(new RequestType('deno/cache'), {
-                                referrer: { uri },
-                                uris: uris.map((uri) => ({ uri }))
-                            });
-                        });
-                    }
-                    catch (err) {
-                        console.warn(err);
-                    }
-                }
-                websocketAlive[name] = true;
-            };
-        }
-        catch (err) {
-            console.error(`connection to ${name} language server failed`);
-        }
-    }
-    const wsProtocol = BROWSER && window.location.protocol == 'https:' ? 'wss' : 'ws';
-    const hostname = getHostname();
-    let encodedImportMap = '';
-    // if (lang == 'typescript') {
-    // 	let worker = await languages.typescript.getTypeScriptWorker()
-    // 	console.log(worker)
-    // }
-    if (useWebsockets) {
-        if (lang == 'typescript' && scriptLang === 'deno') {
-            ata = undefined;
-            let root = await genRoot(hostname);
-            const importMap = {
-                imports: {
-                    'file:///': root + '/'
-                }
-            };
-            if (filePath && filePath.split('/').length > 2) {
-                let path_splitted = filePath.split('/');
-                for (let c = 0; c < path_splitted.length; c++) {
-                    let key = 'file://./';
-                    for (let i = 0; i < c; i++) {
-                        key += '../';
-                    }
-                    let url = path_splitted.slice(0, -c - 1).join('/');
-                    let ending = c == path_splitted.length - 1 ? '' : '/';
-                    importMap['imports'][key] = `${root}/${url}${ending}`;
-                }
-            }
-            encodedImportMap = 'data:text/plain;base64,' + btoa(JSON.stringify(importMap));
-            await connectToLanguageServer(`${wsProtocol}://${window.location.host}/ws/deno`, 'deno', {
-                certificateStores: null,
-                enablePaths: [],
-                config: null,
-                importMap: encodedImportMap,
-                internalDebug: false,
-                lint: false,
-                path: null,
-                tlsCertificate: null,
-                unsafelyIgnoreCertificateErrors: null,
-                unstable: true,
-                enable: true,
-                codeLens: {
-                    implementations: true,
-                    references: true,
-                    referencesAllFunction: false
-                },
-                suggest: {
-                    autoImports: true,
-                    completeFunctionCalls: false,
-                    names: true,
-                    paths: true,
-                    imports: {
-                        autoDiscover: true,
-                        hosts: {
-                            'https://deno.land': true
-                        }
-                    }
-                }
-            }, () => {
-                return [
-                    {
-                        enable: true
-                    }
-                ];
-            });
-        }
-        else if (lang === 'python') {
-            await connectToLanguageServer(`${wsProtocol}://${window.location.host}/ws/pyright`, 'pyright', {}, (params, token, next) => {
-                if (params.items.find((x) => x.section === 'python')) {
-                    return [
-                        {
-                            analysis: {
-                                useLibraryCodeForTypes: true,
-                                autoImportCompletions: true,
-                                diagnosticSeverityOverrides: { reportMissingImports: 'none' },
-                                typeCheckingMode: 'basic'
-                            }
-                        }
-                    ];
-                }
-                if (params.items.find((x) => x.section === 'python.analysis')) {
-                    return [
-                        {
-                            useLibraryCodeForTypes: true,
-                            autoImportCompletions: true,
-                            diagnosticSeverityOverrides: { reportMissingImports: 'none' },
-                            typeCheckingMode: 'basic'
-                        }
-                    ];
-                }
-                return next(params, token);
-            });
-            connectToLanguageServer(`${wsProtocol}://${window.location.host}/ws/ruff`, 'ruff', {}, undefined);
-        }
-        else if (lang === 'go') {
-            connectToLanguageServer(`${wsProtocol}://${window.location.host}/ws/go`, 'go', {
-                'build.allowImplicitNetworkAccess': true
-            }, undefined);
-        }
-        else if (lang === 'shell') {
-            connectToLanguageServer(`${wsProtocol}://${window.location.host}/ws/diagnostic`, 'shellcheck', {
-                linters: {
-                    shellcheck: {
-                        command: 'shellcheck',
-                        debounce: 100,
-                        args: ['--format=gcc', '-'],
-                        offsetLine: 0,
-                        offsetColumn: 0,
-                        sourceName: 'shellcheck',
-                        formatLines: 1,
-                        formatPattern: [
-                            '^[^:]+:(\\d+):(\\d+):\\s+([^:]+):\\s+(.*)$',
-                            {
-                                line: 1,
-                                column: 2,
-                                message: 4,
-                                security: 3
-                            }
-                        ],
-                        securities: {
-                            error: 'error',
-                            warning: 'warning',
-                            note: 'info'
-                        }
-                    }
-                },
-                filetypes: {
-                    shell: 'shellcheck'
-                }
-            }, undefined);
-        }
-        else {
-            closeWebsockets();
-        }
-        websocketInterval && clearInterval(websocketInterval);
-        websocketInterval = setInterval(() => {
-            if (document.visibilityState == 'visible') {
-                if (!lastWsAttempt ||
-                    (new Date().getTime() - lastWsAttempt.getTime() > 60000 && nbWsAttempt < 2)) {
-                    if (!websocketAlive.deno &&
-                        !websocketAlive.pyright &&
-                        !websocketAlive.go &&
-                        !websocketAlive.shellcheck &&
-                        !websocketAlive.ruff &&
-                        scriptLang != 'bun') {
-                        console.log('reconnecting to language servers');
-                        lastWsAttempt = new Date();
-                        nbWsAttempt++;
-                        reloadWebsocket();
-                    }
-                    else {
-                        if (nbWsAttempt >= 2) {
-                            sendUserToast('Giving up on establishing smart assistant connection', true);
-                            clearInterval(websocketInterval);
-                        }
-                    }
-                }
-            }
-        }, 5000);
-    }
-}
-let pathTimeout = undefined;
-function getHostname() {
-    return BROWSER ? window.location.protocol + '//' + window.location.host : 'SSR';
-}
-function handlePathChange() {
-    console.log('path changed, reloading language server', initialPath, path);
-    initialPath = path;
-    pathTimeout && clearTimeout(pathTimeout);
-    ata = undefined;
-    pathTimeout = setTimeout(reloadWebsocket, 1000);
-}
-async function closeWebsockets() {
-    command && command.dispose();
-    command = undefined;
-    console.debug(`disposing ${websockets.length} language clients and closing websockets`);
-    for (const x of languageClients) {
-        try {
-            await x.dispose();
-        }
-        catch (err) {
-            console.debug('error disposing language client', err);
-        }
-    }
-    languageClients = [];
-    for (const x of websockets) {
-        try {
-            await x.close();
-        }
-        catch (err) {
-            console.debug('error closing websocket', err);
-        }
-    }
-    console.debug('done closing websockets');
-    websockets = [];
-    websocketInterval && clearInterval(websocketInterval);
-}
-// let widgets: HTMLElement | undefined = document.getElementById('monaco-widgets-root') ?? undefined
-let model = undefined;
-let monacoBinding = undefined;
-$: if (yContent && awareness && model && editor) {
-    monacoBinding && monacoBinding.destroy();
-    monacoBinding = new MonacoBinding(yContent, model, new Set([editor]), awareness);
-}
-let initialized = false;
-let ata = undefined;
-let statusDiv = null;
-function saveDraft() {
-    dispatch('saveDraft', code);
-}
-let vimDisposable = undefined;
-$: editor && $vimMode && statusDiv && onVimMode();
-$: !$vimMode && vimDisposable && onVimDisable();
-function onVimDisable() {
-    vimDisposable?.dispose();
-}
-function onVimMode() {
-    if (editor && statusDiv) {
-        vimDisposable = initVim(editor, statusDiv, saveDraft);
-    }
-}
-let timeoutModel = undefined;
-async function loadMonaco() {
-    try {
-        console.log("Loading Monaco's language client");
-        await initializeVscode('editor');
-        console.log('done loading Monaco and vscode');
-    }
-    catch (e) {
-        console.log('error initializing services', e);
-    }
-    // console.log('bef ready')
-    // console.log('af ready')
-    initialized = true;
-    try {
-        model = meditor.createModel(code, lang, mUri.parse(uri));
-    }
-    catch (err) {
-        console.log('model already existed', err);
-        const nmodel = meditor.getModel(mUri.parse(uri));
-        if (!nmodel) {
-            throw err;
-        }
-        model = nmodel;
-    }
-    model.updateOptions(lang == 'python' ? { tabSize: 4, insertSpaces: true } : updateOptions);
-    editor = meditor.create(divEl, {
-        ...editorConfig(code, lang, automaticLayout, fixedOverflowWidgets),
-        model,
-        fontSize: !small ? 14 : 12,
-        lineNumbersMinChars,
-        // overflowWidgetsDomNode: widgets,
-        tabSize: lang == 'python' ? 4 : 2,
-        folding
-    });
-    // updateEditorKeybindingsMode(editor, 'vim', undefined)
-    let ataModel = undefined;
-    editor?.onDidChangeModelContent((event) => {
-        timeoutModel && clearTimeout(timeoutModel);
-        timeoutModel = setTimeout(() => {
-            let ncode = getCode();
-            code = ncode;
-            dispatch('change', code);
-        }, 500);
-        ataModel && clearTimeout(ataModel);
-        ataModel = setTimeout(() => {
-            ata?.(getCode());
-        }, 1000);
-    });
-    editor?.onDidBlurEditorText(() => {
-        dispatch('blur');
-    });
-    editor?.onDidFocusEditorText(() => {
-        dispatch('focus');
-        editor?.addCommand(KeyMod.CtrlCmd | KeyCode.KeyS, function () {
-            code = getCode();
-            shouldBindKey && format && format();
-        });
-        editor?.addCommand(KeyMod.CtrlCmd | KeyCode.Enter, function () {
-            code = getCode();
-            shouldBindKey && cmdEnterAction && cmdEnterAction();
-        });
-        editor?.addCommand(KeyMod.CtrlCmd | KeyMod.Shift | KeyCode.Digit7, function () {
-            // CMD + slash (toggle comment) on some EU keyboards
-            editor?.trigger('keyboard', 'editor.action.commentLine', {});
-        });
-        if (!websocketAlive.deno &&
-            !websocketAlive.pyright &&
-            !websocketAlive.ruff &&
-            !websocketAlive.shellcheck &&
-            !websocketAlive.go &&
-            !websocketInterval &&
-            scriptLang != 'bun') {
-            console.log('reconnecting to language servers on focus');
-            reloadWebsocket();
-        }
-    });
-    reloadWebsocket();
-    setTypescriptExtraLibs();
-    return () => {
-        console.log('disposing editor');
-        ata = undefined;
-        try {
-            closeWebsockets();
-            vimDisposable?.dispose();
-            model?.dispose();
-            editor && editor.dispose();
-            console.log('disposed editor');
-        }
-        catch (err) {
-            console.log('error disposing editor', err);
-        }
-    };
-}
-async function setTypescriptExtraLibs() {
-    if (lang === 'typescript' && scriptLang != 'deno') {
-        const hostname = getHostname();
-        if (scriptLang == 'bun' && ata == undefined) {
-            const addLibraryToRuntime = async (code, _path) => {
-                const path = 'file://' + _path;
-                let uri = mUri.parse(path);
-                console.log('adding library to runtime', path);
-                languages.typescript.typescriptDefaults.addExtraLib(code, path);
-                try {
-                    await vscode.workspace.fs.writeFile(uri, new TextEncoder().encode(code));
-                }
-                catch (e) {
-                    console.log('error writing file', e);
-                }
-            };
-            const addLocalFile = async (code, _path) => {
-                let p = new URL(_path, uri).href;
-                // if (_path?.startsWith('/')) {
-                // 	p = 'file://' + p
-                // }
-                let nuri = mUri.parse(p);
-                console.log('adding local file', _path, nuri.toString());
-                if (editor) {
-                    let localModel = meditor.getModel(nuri);
-                    if (localModel) {
-                        localModel.setValue(code);
-                    }
-                    else {
-                        meditor.createModel(code, 'typescript', nuri);
-                    }
-                    try {
-                        if (model) {
-                            model?.setValue(model.getValue());
-                        }
-                    }
-                    catch (e) {
-                        console.log('error resetting model', e);
-                    }
-                }
-            };
-            await initWasmTs();
-            const root = await genRoot(hostname);
-            console.log('SETUP TYPE ACQUISITION', { root, path });
-            ata = setupTypeAcquisition({
-                projectName: 'Windmill',
-                depsParser: (c) => {
-                    return parseTypescriptDeps(c);
-                },
-                root,
-                scriptPath: path,
-                logger: console,
-                delegate: {
-                    receivedFile: addLibraryToRuntime,
-                    localFile: addLocalFile,
-                    progress: (downloaded, total) => {
-                        // console.log({ dl, ttl })
-                    },
-                    started: () => {
-                        console.log('ATA start');
-                    },
-                    finished: (f) => {
-                        console.log('ATA done');
-                    }
-                }
-            });
-            ata?.('import "bun-types"');
-            ata?.(code);
-        }
-    }
-}
-export function addAction(id, label, callback, keybindings = []) {
-    editor?.addAction({
-        id,
-        label,
-        keybindings,
-        contextMenuGroupId: 'navigation',
-        run: function (editor) {
-            callback(editor);
-        }
-    });
-}
-onMount(() => {
-    if (BROWSER) {
-        loadMonaco().then((x) => (disposeMethod = x));
-    }
-});
-onDestroy(() => {
-    console.log('destroying editor');
-    destroyed = true;
-    disposeMethod && disposeMethod();
-    websocketInterval && clearInterval(websocketInterval);
-    sqlSchemaCompletor && sqlSchemaCompletor.dispose();
-    copilotCompletor && copilotCompletor.dispose();
-    sqlTypeCompletor && sqlTypeCompletor.dispose();
-    timeoutModel && clearTimeout(timeoutModel);
-});
-async function genRoot(hostname) {
-    let token = $lspTokenStore;
-    if (!token) {
-        let expiration = new Date();
-        expiration.setHours(expiration.getHours() + 72);
-        const newToken = await UserService.createToken({
-            requestBody: { label: 'Ephemeral lsp token', expiration: expiration.toISOString() }
-        });
-        $lspTokenStore = newToken;
-        token = newToken;
-    }
-    let root = hostname + '/api/scripts_u/tokened_raw/' + $workspaceStore + '/' + token;
-    return root;
-}
-</script>
-
-<EditorTheme />
-<div bind:this={divEl} class="{$$props.class} editor {disabled ? 'disabled' : ''}" />
-{#if $vimMode}
-	<div class="fixed bottom-0 z-30" bind:this={statusDiv} />
-{/if}
-
-<style global>
-	:global(.editor) {
-		padding: 0px;
-}
-	:global(.yRemoteSelection) {
-		background-color: rgb(250, 129, 0, 0.5);
-	}
-	:global(.yRemoteSelectionHead) {
-		position: absolute;
-		border-left: orange solid 2px;
-		border-top: orange solid 2px;
-		border-bottom: orange solid 2px;
-		height: 100%;
-		box-sizing: border-box;
-	}
-	:global(.yRemoteSelectionHead::after) {
-		position: absolute;
-		content: ' ';
-		border: 3px solid orange;
-		border-radius: 4px;
-		left: -4px;
-		top: -5px;
-	}</style>