@kerebron/extension-codemirror 0.3.2 → 0.4.2

package/esm/extension-codemirror/src/NodeCodeMirror.js

@@ -1,20 +1,20 @@
-import { Plugin, PluginKey, Selection } from 'prosemirror-state';
-import { Node } from '../../editor/src/mod.js';
-import { setBlockType, } from '../../editor/src/commands/mod.js';
-import { textblockTypeInputRule, } from '../../editor/src/plugins/input-rules/mod.js';
+import { Plugin, PluginKey, Selection, } from 'prosemirror-state';
+import { getShadowRoot } from '../../editor/src/utilities/mod.js';
+import { NodeCodeBlock } from '../../extension-basic-editor/src/NodeCodeBlock.js';
 import { codeMirrorBlockNodeView } from './codeMirrorBlockNodeView.js';
 import { defaultSettings } from './defaults.js';
 import languageLoaders, { legacyLanguageLoaders } from './languageLoaders.js';
-import { createNodeFromObject } from '../../editor/src/utilities/mod.js';
 export const codeMirrorBlockKey = new PluginKey('codemirror-block');
 function arrowHandler(dir) {
     return (state, dispatch, view) => {
-        if (state.selection.empty && view.endOfTextblock(dir)) {
+        if (state.selection.empty && view && view.endOfTextblock(dir)) {
             let side = dir == 'left' || dir == 'up' ? -1 : 1;
             let $head = state.selection.$head;
             let nextPos = Selection.near(state.doc.resolve(side > 0 ? $head.after() : $head.before()), side);
             if (nextPos.$head && nextPos.$head.parent.type.name == 'code_block') {
-                dispatch(state.tr.setSelection(nextPos));
+                if (dispatch) {
+                    dispatch(state.tr.setSelection(nextPos));
+                }
                 return true;
             }
         }
@@ -41,106 +41,19 @@ const LANGS = [
     'rust',
     'html',
 ];
-export class NodeCodeMirror extends Node {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "name", {
+export class NodeCodeMirror extends NodeCodeBlock {
+    constructor(config) {
+        super(config);
+        Object.defineProperty(this, "config", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: 'code_block'
+            value: config
         });
     }
-    // requires = ['doc'];
-    getConverters(editor, schema) {
-        return {
-            'text/code-only': {
-                fromDoc: async (document) => {
-                    const retVal = [];
-                    if (document.content) {
-                        for (const node of document.content.toJSON()) {
-                            if ('code_block' === node.type && Array.isArray(node.content)) {
-                                for (const content of node.content) {
-                                    retVal.push(content.text);
-                                }
-                            }
-                        }
-                    }
-                    return new TextEncoder().encode(retVal.join(''));
-                },
-                toDoc: async (buffer) => {
-                    const code = new TextDecoder().decode(buffer);
-                    const content = {
-                        'type': 'doc_code',
-                        'content': [
-                            {
-                                'type': 'code_block',
-                                'attrs': {
-                                    'lang': schema.topNodeType.spec.defaultAttrs?.lang,
-                                },
-                                'content': [
-                                    {
-                                        'type': 'text',
-                                        'text': code,
-                                    },
-                                ],
-                            },
-                        ],
-                    };
-                    return createNodeFromObject(content, schema, {
-                        slice: false,
-                        errorOnInvalidContent: false,
-                    });
-                },
-            },
-        };
-    }
-    getNodeSpec() {
-        const langs = this.config.languageWhitelist || LANGS;
-        return {
-            content: 'text*',
-            marks: '',
-            group: 'block',
-            code: true,
-            defining: true,
-            parseDOM: [
-                {
-                    tag: 'pre',
-                    preserveWhitespace: 'full',
-                    getAttrs(dom) {
-                        let lang = dom.getAttribute('lang');
-                        if (!lang) {
-                            for (const className of dom.classList) {
-                                if (className.startsWith('lang-') &&
-                                    langs.indexOf(className.substring('lang-'.length)) > -1) {
-                                    lang = className.substring('lang-'.length);
-                                    break;
-                                }
-                            }
-                        }
-                        return {
-                            lang,
-                        };
-                    },
-                },
-            ],
-            attrs: { lang: { default: null } },
-            toDOM(node) {
-                const { lang } = node.attrs;
-                return ['pre', { lang }, ['code', 0]];
-            },
-        };
-    }
-    getInputRules(type) {
-        /// Given a code block node type, returns an input rule that turns a
-        /// textblock starting with three backticks into a code block.
-        return [
-            textblockTypeInputRule(/^```$/, type),
-        ];
-    }
     getCommandFactories(editor, type) {
         return {
-            'setCodeBlock': (lang) => setBlockType(type, { lang }),
+            'setCodeBlock': (lang) => editor.commandFactories.setBlockType(type, { lang }),
             ArrowLeft: () => arrowHandler('left'),
             ArrowRight: () => arrowHandler('right'),
             ArrowUp: () => arrowHandler('up'),
@@ -156,32 +69,31 @@ export class NodeCodeMirror extends Node {
             'ArrowDown': 'ArrowDown',
         };
     }
-    getProseMirrorPlugins(editor) {
-        const codeMirrorBlockPlugin = (settings) => new Plugin({
-            key: codeMirrorBlockKey,
-            props: {
-                nodeViews: {
-                    [this.name]: codeMirrorBlockNodeView(settings, editor),
-                },
+    getProseMirrorPlugins() {
+        const shadowRoot = getShadowRoot(this.editor.config.element);
+        const settings = {
+            languageWhitelist: this.config.languageWhitelist || LANGS,
+            shadowRoot,
+            ...defaultSettings,
+            readOnly: this.config.readOnly,
+            languageLoaders: { ...languageLoaders, ...legacyLanguageLoaders },
+            undo: () => {
+                this.editor.chain().undo().run();
             },
-        });
+            redo: () => {
+                this.editor.chain().redo().run();
+            },
+            theme: [...(this.config.theme || [])],
+        };
         return [
-            codeMirrorBlockPlugin({
-                provider: this.config.provider,
-                languageWhitelist: this.config.languageWhitelist || LANGS,
-                shadowRoot: this.config.shadowRoot,
-                ...defaultSettings,
-                readOnly: this.config.readOnly,
-                languageLoaders: { ...languageLoaders, ...legacyLanguageLoaders },
-                undo: () => {
-                    editor.chain().undo().run();
-                },
-                redo: () => {
-                    editor.chain().redo().run();
+            new Plugin({
+                key: codeMirrorBlockKey,
+                props: {
+                    nodeViews: {
+                        [this.name]: codeMirrorBlockNodeView(settings, this.editor),
+                    },
                 },
-                theme: [...(this.config.theme || [])],
             }),
-            // keymap(codeBlockKeymap),
         ];
     }
 }

package/esm/extension-codemirror/src/codeMirrorBlockNodeView.d.ts

@@ -1,7 +1,7 @@
 import { Node } from 'prosemirror-model';
-import { EditorView as PMEditorView, NodeView } from 'prosemirror-view';
-import { CodeBlockSettings } from './types.js';
+import { Decoration, DecorationSource, EditorView, NodeView } from 'prosemirror-view';
 import { CoreEditor } from '../../editor/src/mod.js';
+import { CodeBlockSettings } from './types.js';
 export declare const themeCallbacks: Array<(theme: string) => void>;
-export declare const codeMirrorBlockNodeView: (settings: CodeBlockSettings, editor: CoreEditor) => (pmNode: Node, view: PMEditorView, getPos: (() => number) | boolean) => NodeView;
+export declare const codeMirrorBlockNodeView: (settings: CodeBlockSettings, editor: CoreEditor) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[], innerDecorations: DecorationSource) => NodeView;
 //# sourceMappingURL=codeMirrorBlockNodeView.d.ts.map

package/esm/extension-codemirror/src/codeMirrorBlockNodeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"codeMirrorBlockNodeView.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/codeMirrorBlockNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAEL,UAAU,IAAI,YAAY,EAC1B,QAAQ,EACT,MAAM,kBAAkB,CAAC;AA0C1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAM/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAM,CAAC;AAkRjE,eAAO,MAAM,uBAAuB,EAAE,CACpC,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,UAAU,KACf,CACH,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,KAC7B,QAQJ,CAAC"}
+{"version":3,"file":"codeMirrorBlockNodeView.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/codeMirrorBlockNodeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EAEV,QAAQ,EACT,MAAM,kBAAkB,CAAC;AA8B1B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAYrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAS/C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAM,CAAC;AAoUjE,eAAO,MAAM,uBAAuB,EAAE,CACpC,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,UAAU,KACf,CACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,EAChC,WAAW,EAAE,SAAS,UAAU,EAAE,EAClC,gBAAgB,EAAE,gBAAgB,KAC/B,QAQJ,CAAC"}

package/esm/extension-codemirror/src/codeMirrorBlockNodeView.js

@@ -1,13 +1,14 @@
-import { exitCode, selectAll } from '../../editor/src/commands/mod.js';
-import { drawSelection, EditorView as CodeMirror, highlightActiveLine, highlightActiveLineGutter, keymap, lineNumbers, rectangularSelection, } from '@codemirror/view';
-import { highlightSelectionMatches, selectNextOccurrence, } from '@codemirror/search';
+import { drawSelection, EditorView as CodeMirror, highlightActiveLineGutter, keymap, lineNumbers, rectangularSelection, } from '@codemirror/view';
+import { selectNextOccurrence } from '@codemirror/search';
 import { bracketMatching, defaultHighlightStyle, foldGutter, foldKeymap, indentOnInput, syntaxHighlighting, } from '@codemirror/language';
 import { autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap, } from '@codemirror/autocomplete';
 import { defaultKeymap, indentWithTab } from '@codemirror/commands';
 import { Compartment, EditorState } from '@codemirror/state';
 import { backspaceHandler, computeChange, forwardSelection, maybeEscape, setMode, setTheme, valueChanged, } from './utils.js';
-import { YSyncConfig, ySyncFacet } from './y-sync.js';
-import { yRemoteSelections, yRemoteSelectionsTheme, } from './y-remote-selections.js';
+import { RemoteSyncConfig, remoteSyncFacet } from './remote-sync.js';
+import { yRemoteSelections, yRemoteSelectionsTheme, } from './remote-selections.js';
+import { languageServerExtensions, LSPPlugin } from './lsp/index.js';
+import { LSPExtension } from './lsp/LSPExtension.js';
 export const themeCallbacks = [];
 class CodeMirrorBlockNodeView {
     constructor(node, view, getPos, settings, editor) {
@@ -77,6 +78,18 @@ class CodeMirrorBlockNodeView {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "uri", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'file:///' + Math.random() + '.ts'
+        });
+        Object.defineProperty(this, "diagListener", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.updating = false;
         const dom = document.createElement('div');
         this.dom = dom;
@@ -85,114 +98,137 @@ class CodeMirrorBlockNodeView {
         const themeConfig = new Compartment();
         const yCollab = () => {
             const plugins = [];
-            if (settings.provider?.awareness) {
-                const ySyncConfig = new YSyncConfig(() => this.node, getPos, settings.provider.awareness);
-                plugins.push(ySyncFacet.of(ySyncConfig));
-                plugins.push(yRemoteSelectionsTheme, yRemoteSelections);
-            }
+            const remoteSyncConfig = new RemoteSyncConfig(() => this.node, getPos, editor);
+            plugins.push(remoteSyncFacet.of(remoteSyncConfig));
+            plugins.push(yRemoteSelectionsTheme, yRemoteSelections);
             return plugins;
         };
-        const state = EditorState.create({
-            extensions: [
-                EditorState.readOnly.of(settings.readOnly),
-                CodeMirror.editable.of(!settings.readOnly),
-                lineNumbers(),
-                highlightActiveLineGutter(),
-                foldGutter(),
-                bracketMatching(),
-                closeBrackets(),
-                highlightSelectionMatches(),
-                autocompletion(),
-                rectangularSelection(),
-                drawSelection({ cursorBlinkRate: 1000 }), // broken focus
-                EditorState.allowMultipleSelections.of(true),
-                highlightActiveLine(),
-                syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
-                this.languageConf.of([]),
-                indentOnInput(),
-                keymap.of([
-                    { key: 'Mod-d', run: selectNextOccurrence, preventDefault: true },
-                    {
-                        key: 'ArrowUp',
-                        run: (cmView) => maybeEscape('line', -1, cmView, view, getPos),
-                    },
-                    {
-                        key: 'ArrowLeft',
-                        run: (cmView) => maybeEscape('char', -1, cmView, view, getPos),
-                    },
-                    {
-                        key: 'ArrowDown',
-                        run: (cmView) => maybeEscape('line', 1, cmView, view, getPos),
-                    },
-                    {
-                        key: 'ArrowRight',
-                        run: (cmView) => maybeEscape('char', 1, cmView, view, getPos),
-                    },
-                    {
-                        key: 'Ctrl-Enter',
-                        run: () => {
-                            if (!exitCode(view.state, view.dispatch))
-                                return false;
-                            view.focus();
-                            return true;
-                        },
-                    },
-                    {
-                        key: 'Mod-z',
-                        run: () => settings.undo?.(view.state, view.dispatch) || true,
-                        shift: () => settings.redo?.(view.state, view.dispatch) || true,
-                    },
-                    {
-                        key: 'Mod-y',
-                        run: () => settings.redo?.(view.state, view.dispatch) || true,
-                    },
-                    { key: 'Backspace', run: (cmView) => backspaceHandler(view, cmView) },
-                    {
-                        key: 'Mod-Backspace',
-                        run: (cmView) => backspaceHandler(view, cmView),
-                    },
-                    {
-                        key: 'Mod-a',
-                        run: () => {
-                            const result = selectAll(view.state, view.dispatch);
-                            view.focus();
-                            return result;
-                        },
-                    },
-                    {
-                        key: 'Enter',
-                        run: (cmView) => {
-                            const sel = cmView.state.selection.main;
-                            if (cmView.state.doc.line(cmView.state.doc.lines).text === '' &&
-                                sel.from === sel.to &&
-                                sel.from === cmView.state.doc.length) {
-                                exitCode(view.state, view.dispatch);
-                                view.focus();
-                                return true;
-                            }
+        const extensions = [
+            EditorState.readOnly.of(!!settings.readOnly),
+            CodeMirror.editable.of(!settings.readOnly),
+            lineNumbers(),
+            highlightActiveLineGutter(),
+            foldGutter(),
+            bracketMatching(),
+            closeBrackets(),
+            rectangularSelection(),
+            drawSelection({ cursorBlinkRate: 1000 }), // broken focus
+            syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+            this.languageConf.of([]),
+            indentOnInput(),
+            keymap.of([
+                { key: 'Mod-d', run: selectNextOccurrence, preventDefault: true },
+                {
+                    key: 'ArrowUp',
+                    run: (cmView) => maybeEscape('line', -1, cmView, view, getPos),
+                },
+                {
+                    key: 'ArrowLeft',
+                    run: (cmView) => maybeEscape('char', -1, cmView, view, getPos),
+                },
+                {
+                    key: 'ArrowDown',
+                    run: (cmView) => maybeEscape('line', 1, cmView, view, getPos),
+                },
+                {
+                    key: 'ArrowRight',
+                    run: (cmView) => maybeEscape('char', 1, cmView, view, getPos),
+                },
+                {
+                    key: 'Ctrl-Enter',
+                    run: () => {
+                        if (!editor.run.exitCode()) {
                             return false;
-                        },
+                        }
+                        view.focus();
+                        return true;
+                    },
+                },
+                {
+                    key: 'Mod-z',
+                    run: () => settings.undo?.(view.state, view.dispatch) || true,
+                    shift: () => settings.redo?.(view.state, view.dispatch) || true,
+                },
+                {
+                    key: 'Mod-y',
+                    run: () => settings.redo?.(view.state, view.dispatch) || true,
+                },
+                {
+                    key: 'Backspace',
+                    run: (cmView) => backspaceHandler(view, cmView, editor),
+                },
+                {
+                    key: 'Mod-Backspace',
+                    run: (cmView) => backspaceHandler(view, cmView, editor),
+                },
+                {
+                    key: 'Mod-a',
+                    run: () => {
+                        const result = editor.run.selectAll();
+                        view.focus();
+                        return result;
                     },
-                    ...defaultKeymap,
-                    ...foldKeymap,
-                    ...closeBracketsKeymap,
-                    ...completionKeymap,
-                    indentWithTab,
-                    {
-                        key: 'Ctrl-`',
-                        run: () => {
-                            editor.chain().toggleDevToolkit().run();
-                            return true;
-                        },
+                },
+                ...defaultKeymap,
+                ...foldKeymap,
+                ...closeBracketsKeymap,
+                ...completionKeymap,
+                indentWithTab,
+                {
+                    key: 'Ctrl-`',
+                    run: () => {
+                        editor.chain().toggleDevToolkit().run();
+                        return true;
                     },
-                ]),
-                ...(settings.theme ? settings.theme : []),
-                themeConfig.of([]),
-                yCollab(),
-            ],
+                },
+            ]),
+            ...(settings.theme ? settings.theme : []),
+            themeConfig.of([]),
+            yCollab(),
+        ];
+        const extensionLsp = editor.getExtension('lsp');
+        if (extensionLsp) {
+            const extension = new LSPExtension({
+                getPos: this.getPos,
+                extensions: languageServerExtensions(),
+            });
+            extensions.push(extension.plugin(extensionLsp, editor));
+        }
+        else {
+            // Define custom completions
+            const myCompletions = [
+                { label: 'console.log', type: 'function' },
+                { label: 'const', type: 'keyword' },
+                { label: 'let', type: 'keyword' },
+                { label: 'var', type: 'keyword' },
+                { label: 'function', type: 'keyword' },
+            ];
+            // Custom autocomplete function
+            const complete = (context) => {
+                let word = context.matchBefore(/\w*/);
+                if (!word) {
+                    return null;
+                }
+                if (word.from == word.to && !context.explicit)
+                    return null;
+                return {
+                    from: word.from,
+                    options: myCompletions,
+                };
+            };
+            extensions.push(autocompletion({
+                override: [
+                    complete,
+                ],
+            }));
+        }
+        const state = EditorState.create({
+            extensions,
             doc: node.textContent,
         });
-        const root = settings.shadowRoot || document;
+        const root = (editor.view && 'root' in editor.view)
+            ? editor.view.root
+            : document || document;
         this.codeMirrorView = new CodeMirror({
             state,
             root,
@@ -202,6 +238,10 @@ class CodeMirrorBlockNodeView {
                     const textUpdate = tr.state.toJSON().doc;
                     valueChanged(textUpdate, this.node, getPos, view);
                     forwardSelection(this.codeMirrorView, view, getPos);
+                    const lspPlugin = LSPPlugin.get(this.codeMirrorView);
+                    if (lspPlugin) {
+                        lspPlugin.update();
+                    }
                 }
             },
         });
@@ -238,7 +278,14 @@ class CodeMirrorBlockNodeView {
         this.codeMirrorView.dispatch({ selection: { anchor, head } });
         this.updating = false;
     }
-    update(updateNode) {
+    update(updateNode, decorations, innerDecorations) {
+        const codeDecorations = [];
+        innerDecorations
+            .forEachSet((set) => set.find()
+            .map((d) => {
+            codeDecorations.push(d);
+        }));
+        // https://codemirror.net/examples/decoration/
         if (updateNode.type.name !== this.node.type.name)
             return false;
         if (updateNode.attrs.lang !== this.node.attrs.lang) {
@@ -256,6 +303,7 @@ class CodeMirrorBlockNodeView {
                     insert: change.text,
                 },
                 selection: { anchor: change.from + change.text.length },
+                // effects <- codeDecorations
             });
             this.updating = false;
         }

package/esm/extension-codemirror/src/defaults.d.ts

@@ -1,6 +1,6 @@
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
 import { CodeBlockSettings } from './types.js';
-export declare const defaultCreateSelect: (settings: CodeBlockSettings, dom: HTMLElement, node: Node, view: EditorView, getPos: (() => number) | boolean) => () => void;
+export declare const defaultCreateSelect: (settings: CodeBlockSettings, dom: HTMLElement, node: Node, view: EditorView, getPos: () => number | undefined) => () => void;
 export declare const defaultSettings: CodeBlockSettings;
 //# sourceMappingURL=defaults.d.ts.map

package/esm/extension-codemirror/src/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,eAAO,MAAM,mBAAmB,GAC9B,UAAU,iBAAiB,EAC3B,KAAK,WAAW,EAChB,MAAM,IAAI,EACV,MAAM,UAAU,EAChB,QAAQ,CAAC,MAAM,MAAM,CAAC,GAAG,OAAO,eAwCjC,CAAC;AAmBF,eAAO,MAAM,eAAe,EAAE,iBAS7B,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,eAAO,MAAM,mBAAmB,GAC9B,UAAU,iBAAiB,EAC3B,KAAK,WAAW,EAChB,MAAM,IAAI,EACV,MAAM,UAAU,EAChB,QAAQ,MAAM,MAAM,GAAG,SAAS,eAyCjC,CAAC;AAmBF,eAAO,MAAM,eAAe,EAAE,iBAS7B,CAAC"}

package/esm/extension-codemirror/src/defaults.js

@@ -22,12 +22,13 @@ export const defaultCreateSelect = (settings, dom, node, view, getPos) => {
     });
     select.value = node.attrs.lang || 'none';
     dom.prepend(select);
-    select.onchange = async (e) => {
+    select.onchange = (e) => {
         if (!(e.target instanceof HTMLSelectElement))
             return;
         const lang = e.target.value;
-        if (typeof getPos === 'function') {
-            view.dispatch(view.state.tr.setNodeMarkup(getPos(), undefined, {
+        const pos = getPos();
+        if (pos) {
+            view.dispatch(view.state.tr.setNodeMarkup(pos, undefined, {
                 ...node.attrs,
                 lang,
             }));

package/esm/extension-codemirror/src/languageLoaders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"languageLoaders.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/languageLoaders.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,QAAA,MAAM,eAAe,EAAE,eA6BtB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,eAyWnC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"languageLoaders.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/languageLoaders.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,QAAA,MAAM,eAAe,EAAE,eA6BtB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,eAyWnC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/extension-codemirror/src/languageLoaders.js

@@ -1,5 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
+// deno-lint-ignore-file
 import { StreamLanguage } from '@codemirror/language';
 import { CodeBlockLanguages, LegacyLanguages } from './languages.js';
 const languageLoaders = {

package/esm/extension-codemirror/src/lsp/LSPExtension.d.ts

@@ -0,0 +1,14 @@
+import { Extension } from '@codemirror/state';
+import type { CoreEditor } from '../../../editor/src/mod.js';
+import type { ExtensionLsp } from '../../../extension-lsp/src/mod.js';
+export interface LSPExtensionConfig {
+    extensions?: readonly Extension[];
+    getPos: () => number | undefined;
+}
+export declare class LSPExtension {
+    readonly config: LSPExtensionConfig;
+    extensions: Extension[];
+    constructor(config: LSPExtensionConfig);
+    plugin(extensionLsp: ExtensionLsp, editor: CoreEditor): Extension;
+}
+//# sourceMappingURL=LSPExtension.d.ts.map

package/esm/extension-codemirror/src/lsp/LSPExtension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LSPExtension.d.ts","sourceRoot":"","sources":["../../../../src/extension-codemirror/src/lsp/LSPExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAKtE,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;CAClC;AAED,qBAAa,YAAY;IAIrB,QAAQ,CAAC,MAAM,EAAE,kBAAkB;IAHrC,UAAU,EAAE,SAAS,EAAE,CAAM;gBAGlB,MAAM,EAAE,kBAAkB;IASrC,MAAM,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,GAAG,SAAS;CAelE"}

package/esm/extension-codemirror/src/lsp/LSPExtension.js

@@ -0,0 +1,38 @@
+import { lspPlugin } from './plugin.js';
+import { lspTheme } from './theme.js';
+export class LSPExtension {
+    constructor(config) {
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: config
+        });
+        Object.defineProperty(this, "extensions", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        if (config.extensions) {
+            for (const ext of config.extensions) {
+                this.extensions.push(ext);
+            }
+        }
+    }
+    plugin(extensionLsp, editor) {
+        if (!editor.config.uri) {
+            throw new Error('No editor.config.uri');
+        }
+        return [
+            lspPlugin.of({
+                extension: this,
+                editor,
+                extensionLsp,
+                uri: editor.config.uri,
+            }),
+            lspTheme,
+            this.extensions,
+        ];
+    }
+}

package/esm/extension-codemirror/src/lsp/completion.d.ts

@@ -0,0 +1,8 @@
+import { Extension } from '@codemirror/state';
+import { CompletionSource } from '@codemirror/autocomplete';
+export declare function serverCompletion(config?: {
+    override?: boolean;
+    validFor?: RegExp;
+}): Extension;
+export declare const serverCompletionSource: CompletionSource;
+//# sourceMappingURL=completion.d.ts.map

package/esm/extension-codemirror/src/lsp/completion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"completion.d.ts","sourceRoot":"","sources":["../../../../src/extension-codemirror/src/lsp/completion.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,SAAS,EAAS,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAIL,gBAAgB,EAEjB,MAAM,0BAA0B,CAAC;AAKlC,wBAAgB,gBAAgB,CAAC,MAAM,GAAE;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,SAAS,CAYjB;AAiED,eAAO,MAAM,sBAAsB,EAAE,gBAiFpC,CAAC"}