@kerebron/extension-codejar 0.4.27 → 0.4.28

package/esm/NodeCodeJar.d.ts

@@ -0,0 +1,18 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+import type { NodeType } from 'prosemirror-model';
+import { type CoreEditor } from '@kerebron/editor';
+import { type CommandFactories, type CommandShortcuts } from '@kerebron/editor/commands';
+import { NodeCodeBlock } from '@kerebron/extension-basic-editor/NodeCodeBlock';
+export declare const codeJarBlockKey: PluginKey<any>;
+export interface NodeCodeJarConfig {
+    readOnly?: boolean;
+    languageWhitelist?: string[];
+}
+export declare class NodeCodeJar extends NodeCodeBlock {
+    config: NodeCodeJarConfig;
+    constructor(config: NodeCodeJarConfig);
+    getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
+    getKeyboardShortcuts(): Partial<CommandShortcuts>;
+    getProseMirrorPlugins(): Plugin[];
+}
+//# sourceMappingURL=NodeCodeJar.d.ts.map

package/esm/NodeCodeJar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeCodeJar.d.ts","sourceRoot":"","sources":["../src/NodeCodeJar.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,MAAM,EACN,SAAS,EAGV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAI/E,eAAO,MAAM,eAAe,gBAAkC,CAAC;AAwB/D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,qBAAa,WAAY,SAAQ,aAAa;IACvB,MAAM,EAAE,iBAAiB;gBAAzB,MAAM,EAAE,iBAAiB;IAIrC,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAWnB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAUjD,qBAAqB,IAAI,MAAM,EAAE;CA0B3C"}

package/esm/NodeCodeJar.js

@@ -0,0 +1,69 @@
+import { Plugin, PluginKey, Selection, } from 'prosemirror-state';
+import { getShadowRoot } from '@kerebron/editor/utilities';
+import { getLangsList } from '@kerebron/wasm';
+import { NodeCodeBlock } from '@kerebron/extension-basic-editor/NodeCodeBlock';
+import { codeJarBlockNodeView } from './codeJarBlockNodeView.js';
+export const codeJarBlockKey = new PluginKey('code-jar-block');
+function arrowHandler(dir) {
+    return (state, dispatch, view) => {
+        if (state.selection.empty && 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));
+                return true;
+            }
+        }
+        return false;
+    };
+}
+export class NodeCodeJar extends NodeCodeBlock {
+    config;
+    constructor(config) {
+        super(config);
+        this.config = config;
+    }
+    getCommandFactories(editor, type) {
+        return {
+            'setCodeBlock': (lang) => editor.commandFactories.setBlockType(type, { lang }),
+            // ArrowLeft: () => arrowHandler('left'),
+            // ArrowRight: () => arrowHandler('right'),
+            // ArrowUp: () => arrowHandler('up'),
+            // ArrowDown: () => arrowHandler('down'),
+        };
+    }
+    getKeyboardShortcuts() {
+        return {
+            'Shift-Ctrl-"': 'setCodeBlock',
+            'ArrowLeft': 'ArrowLeft',
+            'ArrowRight': 'ArrowRight',
+            'ArrowUp': 'ArrowUp',
+            'ArrowDown': 'ArrowDown',
+        };
+    }
+    getProseMirrorPlugins() {
+        const shadowRoot = getShadowRoot(this.editor.config.element);
+        const settings = {
+            languageWhitelist: this.config.languageWhitelist || getLangsList(),
+            shadowRoot,
+            readOnly: this.editor.config.readOnly || this.config.readOnly,
+            undo: () => {
+                this.editor.chain().undo().run();
+            },
+            redo: () => {
+                this.editor.chain().redo().run();
+            },
+        };
+        return [
+            new Plugin({
+                key: codeJarBlockKey,
+                props: {
+                    nodeViews: {
+                        [this.name]: codeJarBlockNodeView(settings, this.editor),
+                    },
+                },
+            }),
+        ];
+    }
+}

package/esm/TreeSitterHighlighter.d.ts

@@ -0,0 +1,11 @@
+import { type Parser } from '@kerebron/tree-sitter';
+import { Decorator } from './Decorator.js';
+export declare class TreeSitterHighlighter {
+    parser: Parser | undefined;
+    hightligtScm: string | undefined;
+    cdnUrl?: string | undefined;
+    lang?: string;
+    init(lang: string): Promise<boolean>;
+    highlight(code: string, decorator: Decorator): string;
+}
+//# sourceMappingURL=TreeSitterHighlighter.d.ts.map

package/esm/TreeSitterHighlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSitterHighlighter.d.ts","sourceRoot":"","sources":["../src/TreeSitterHighlighter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAQlE,OAAO,EAAoB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE7D,qBAAa,qBAAqB;IAChC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,MAAM,CAAC,qBAAiC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IAER,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAgC1C,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;CAoC7C"}

package/esm/TreeSitterHighlighter.js

@@ -0,0 +1,62 @@
+import { createParser } from '@kerebron/tree-sitter';
+import { fetchTextResource, fetchWasm, getLangTreeSitter, } from '@kerebron/wasm';
+export class TreeSitterHighlighter {
+    parser;
+    hightligtScm;
+    cdnUrl = 'http://localhost:8000/wasm/';
+    lang;
+    async init(lang) {
+        this.lang = lang;
+        if (!lang) {
+            this.parser = undefined;
+            this.hightligtScm = undefined;
+            return true;
+        }
+        const treeSitterConfig = getLangTreeSitter(lang, this.cdnUrl);
+        const wasmUrl = treeSitterConfig.files[0]; // TODO add support for split parsers like markdown
+        const highlightUrl = treeSitterConfig.queries['highlights.scm'];
+        try {
+            const wasm = await fetchWasm(wasmUrl);
+            this.parser = await createParser(wasm);
+            this.hightligtScm = await fetchTextResource(highlightUrl);
+        }
+        catch (err) {
+            console.error('Error init highlight for: ' + lang, err);
+        }
+        if (!this.parser) {
+            console.warn('Parser not inited');
+            return false;
+        }
+        if (!this.hightligtScm) {
+            console.warn('hightligtScm not inited');
+            return false;
+        }
+        return true;
+    }
+    highlight(code, decorator) {
+        if (!this.lang || !this.parser || !this.hightligtScm) {
+            decorator.decorationGroups['highlight'] = [];
+            return decorator.highlight(code);
+        }
+        const tree = this.parser.parse(code);
+        const root = tree.rootNode;
+        const highlightsQuery = root.query(this.hightligtScm);
+        const captures = [];
+        for (const item of highlightsQuery) {
+            captures.push(...item.captures);
+        }
+        const decorations = [];
+        for (const capture of captures) {
+            const { node, name } = capture; // name is the capture like "@string"
+            const startIndex = node.startIndex;
+            const endIndex = node.endIndex;
+            decorations.push({
+                startIndex,
+                endIndex,
+                className: 'ts-' + name.replaceAll('.', '_'),
+            });
+        }
+        decorator.decorationGroups['highlight'] = decorations;
+        return decorator.highlight(code);
+    }
+}

package/esm/_dnt.shims.d.ts

@@ -0,0 +1,2 @@
+export declare const dntGlobalThis: Omit<typeof globalThis, never>;
+//# sourceMappingURL=_dnt.shims.d.ts.map

package/esm/_dnt.shims.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_dnt.shims.d.ts","sourceRoot":"","sources":["../src/_dnt.shims.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,gCAA2C,CAAC"}

package/esm/_dnt.shims.js

@@ -0,0 +1,57 @@
+const dntGlobals = {};
+export const dntGlobalThis = createMergeProxy(globalThis, dntGlobals);
+function createMergeProxy(baseObj, extObj) {
+    return new Proxy(baseObj, {
+        get(_target, prop, _receiver) {
+            if (prop in extObj) {
+                return extObj[prop];
+            }
+            else {
+                return baseObj[prop];
+            }
+        },
+        set(_target, prop, value) {
+            if (prop in extObj) {
+                delete extObj[prop];
+            }
+            baseObj[prop] = value;
+            return true;
+        },
+        deleteProperty(_target, prop) {
+            let success = false;
+            if (prop in extObj) {
+                delete extObj[prop];
+                success = true;
+            }
+            if (prop in baseObj) {
+                delete baseObj[prop];
+                success = true;
+            }
+            return success;
+        },
+        ownKeys(_target) {
+            const baseKeys = Reflect.ownKeys(baseObj);
+            const extKeys = Reflect.ownKeys(extObj);
+            const extKeysSet = new Set(extKeys);
+            return [...baseKeys.filter((k) => !extKeysSet.has(k)), ...extKeys];
+        },
+        defineProperty(_target, prop, desc) {
+            if (prop in extObj) {
+                delete extObj[prop];
+            }
+            Reflect.defineProperty(baseObj, prop, desc);
+            return true;
+        },
+        getOwnPropertyDescriptor(_target, prop) {
+            if (prop in extObj) {
+                return Reflect.getOwnPropertyDescriptor(extObj, prop);
+            }
+            else {
+                return Reflect.getOwnPropertyDescriptor(baseObj, prop);
+            }
+        },
+        has(_target, prop) {
+            return prop in extObj || prop in baseObj;
+        },
+    });
+}

package/esm/codeJarBlockNodeView.d.ts

@@ -0,0 +1,6 @@
+import { Node } from 'prosemirror-model';
+import { Decoration, DecorationSource, EditorView, NodeView } from 'prosemirror-view';
+import { CoreEditor } from '@kerebron/editor';
+import { NodeCodeJarConfig } from './NodeCodeJar.js';
+export declare const codeJarBlockNodeView: (settings: NodeCodeJarConfig, editor: CoreEditor) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[], innerDecorations: DecorationSource) => NodeView;
+//# sourceMappingURL=codeJarBlockNodeView.d.ts.map

package/esm/codeJarBlockNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeJarBlockNodeView.d.ts","sourceRoot":"","sources":["../src/codeJarBlockNodeView.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;AAG1B,OAAO,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAc7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkUrD,eAAO,MAAM,oBAAoB,EAAE,CACjC,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,QAgBJ,CAAC"}

package/esm/codeJarBlockNodeView.js

@@ -0,0 +1,253 @@
+import { PositionMapper } from '@kerebron/extension-markdown/PositionMapper';
+import { toRawTextResult } from '@kerebron/editor/utilities';
+import { CodeJar } from './CodeJar.js';
+import { computeChange, forwardSelection, valueChanged } from './utils.js';
+import { TreeSitterHighlighter } from './TreeSitterHighlighter.js';
+import { Decorator } from './Decorator.js';
+import { initLineNumbers, lineNumberOptions, refreshNumbers, } from './codeJarLineNumbers.js';
+class CodeJarBlockNodeView {
+    node;
+    view;
+    getPos;
+    config;
+    editor;
+    dom;
+    codeJar;
+    updating;
+    element;
+    highlighter;
+    decorator;
+    languageDropDown;
+    lineNumbers;
+    source;
+    extensionLsp;
+    lang = 'plaintext';
+    uri = 'file:///' + Math.random() + '.ts';
+    diagListener;
+    constructor(node, view, getPos, config, editor) {
+        this.node = node;
+        this.view = view;
+        this.getPos = getPos;
+        this.config = config;
+        this.editor = editor;
+        this.updating = false;
+        const dom = document.createElement('div');
+        this.dom = dom;
+        dom.className = 'codejar-root';
+        this.languageDropDown = this.addLanguageDropDown();
+        const root = (editor.view && 'root' in editor.view)
+            ? editor.view.root
+            : document || document;
+        this.element = document.createElement('div');
+        this.element.classList.add('codejar');
+        this.codeJar = new CodeJar(this.element, (element) => this.highlight(element), {
+            tab: '  ',
+            indentOn: new RegExp('^(?!)'),
+            moveToNewLine: new RegExp('^(?!)'),
+            history: false,
+            readOnly: this.config.readOnly,
+        });
+        this.codeJar.onUpdate(() => {
+            if (!this.updating) {
+                const textUpdate = this.codeJar.toString();
+                valueChanged(textUpdate, this.node, getPos, view);
+                if (document.activeElement === this.element) {
+                    forwardSelection(this.codeJar, view, getPos);
+                }
+            }
+            const client = this.extensionLsp?.getClient(this.lang);
+            if (client) {
+                client.workspace.changedFile(this.uri);
+            }
+        });
+        this.highlighter = new TreeSitterHighlighter();
+        this.highlighter.cdnUrl = this.editor.config.cdnUrl;
+        this.decorator = new Decorator();
+        dom.append(this.element);
+        this.lineNumbers = initLineNumbers(this.element, lineNumberOptions);
+        this.source = {
+            ui: this.editor.ui,
+            getMappedContent: async () => {
+                const editor = this.editor;
+                const result = toRawTextResult(this.codeJar.toString(), 0);
+                const mapper = new PositionMapper(editor, result.rawTextMap);
+                return {
+                    ...result,
+                    mapper,
+                };
+            },
+        };
+        this.extensionLsp = editor.getExtension('lsp');
+        let lastDiag = 0;
+        this.diagListener = (event) => {
+            const detail = event.detail;
+            if (detail.params.uri !== this.uri) {
+                return;
+            }
+            event.preventDefault();
+            lastDiag = +Date();
+            const client = this.extensionLsp?.getClient(this.lang);
+            if (client) {
+                const file = client.workspace.getFile(this.uri);
+                if (file) {
+                    const { mapper } = file;
+                    console.debug({
+                        diagnostics: detail.params.diagnostics,
+                        mapper,
+                    });
+                    const diagnostics = detail.params.diagnostics;
+                    const decors = [];
+                    for (const diag of diagnostics) {
+                        const startIndex = mapper.fromLineChar(diag.range.start.line, diag.range.start.character);
+                        const endIndex = mapper.fromLineChar(diag.range.end.line, diag.range.end.character);
+                        decors.push({
+                            startIndex,
+                            endIndex,
+                            className: 'kb-lsp__error',
+                            title: diag.message || '',
+                        });
+                    }
+                    this.decorator.decorationGroups.innerDiag = decors;
+                    this.highlight(this.element);
+                }
+            }
+        };
+    }
+    addLanguageDropDown() {
+        const select = document.createElement('select');
+        select.classList.add('codejar-select');
+        for (const lang of [''].concat(this.config.languageWhitelist || [])) {
+            const option = document.createElement('option');
+            option.value = lang;
+            option.innerText = lang;
+            select.appendChild(option);
+        }
+        this.dom.appendChild(select);
+        select.addEventListener('change', async () => {
+            const lang = select.value;
+            const pos = this.getPos();
+            if (pos) {
+                this.view.dispatch(this.view.state.tr.setNodeMarkup(pos, undefined, {
+                    ...this.node.attrs,
+                    lang,
+                }));
+            }
+            await this.setLang(lang);
+        });
+        return select;
+    }
+    async setLang(lang) {
+        this.languageDropDown.value = lang || '';
+        await this.highlighter.init(lang);
+        this.highlight(this.element);
+        this.lang = lang;
+        const client = this.extensionLsp?.getClient(this.lang);
+        if (client) {
+            client.addEventListener('textDocument/publishDiagnostics', this.diagListener);
+            client.connect(this.uri, this.source);
+            client.workspace.openFile(this.uri, lang, this.source);
+        }
+    }
+    async init() {
+        this.codeJar.updateCode(this.node.textContent, false);
+        if (this.node.attrs.lang) {
+            await this.setLang(this.node.attrs.lang);
+        }
+    }
+    setSelection(anchor, head) {
+        this.element.focus();
+        this.updating = true;
+        const pos = this.getPos();
+        if (pos) {
+            anchor -= pos;
+            head -= pos;
+            const posJar = {
+                start: Math.min(anchor, head),
+                end: Math.max(anchor, head),
+                dir: (anchor <= head) ? '->' : '<-',
+            };
+            this.codeJar.restore(posJar);
+        }
+        this.updating = false;
+    }
+    highlight(editor) {
+        // const highlight = withLineNumbers((element) => this.highlight(element));
+        if (!this.highlighter) {
+            editor.innerHTML = editor.textContent;
+        }
+        else {
+            const content = editor.textContent;
+            editor.innerHTML = this.highlighter.highlight(content, this.decorator) ||
+                content;
+        }
+        refreshNumbers(this.lineNumbers, editor);
+    }
+    update(updateNode, _decorations, innerDecorations) {
+        const codeDecorations = [];
+        innerDecorations
+            .forEachSet((set) => set.find()
+            .map((d) => {
+            codeDecorations.push(d);
+        }));
+        const decors = [];
+        for (const cd of codeDecorations) {
+            if ('type' in cd) {
+                const type = cd.type;
+                decors.push({
+                    startIndex: cd.from,
+                    endIndex: cd.to,
+                    className: type?.attrs?.class || '',
+                    title: type?.attrs?.title || '',
+                });
+            }
+        }
+        this.decorator.decorationGroups.diag = decors;
+        const oldNode = this.node;
+        const content = this.codeJar.toString();
+        const change = computeChange(content, updateNode.textContent);
+        if (change) {
+            const pos = this.codeJar.save();
+            this.updating = true;
+            this.codeJar.updateCode(updateNode.textContent, true);
+            this.updating = false;
+            // TODO fix for yjs collab
+            // change.from, change.to, change.text.length
+            if (pos) {
+                this.codeJar.restore(pos);
+            }
+        }
+        this.node = updateNode;
+        if (updateNode.attrs.lang !== oldNode.attrs.lang) {
+            this.setLang(updateNode.attrs.lang);
+        }
+        return true;
+    }
+    selectNode() {
+        this.element.focus();
+    }
+    stopEvent(_e) {
+        return true;
+    }
+    ignoreMutation() {
+        return true;
+    }
+    destroy() {
+        const client = this.extensionLsp?.getClient(this.lang);
+        if (client) {
+            if (this.uri) {
+                client.disconnect(this.uri);
+            }
+            if (this.diagListener) {
+                client.removeEventListener('textDocument/publishDiagnostics', this.diagListener);
+            }
+        }
+        this.codeJar.destroy();
+    }
+}
+export const codeJarBlockNodeView = (settings, editor) => {
+    return (pmNode, view, getPos) => {
+        const plugin = new CodeJarBlockNodeView(pmNode, view, getPos, settings, editor);
+        plugin.init();
+        return plugin;
+    };
+};

package/esm/codeJarLineNumbers.d.ts

@@ -0,0 +1,13 @@
+type Options = {
+    class: string;
+    wrapClass: string;
+    width: string;
+    backgroundColor: string;
+    color: string;
+};
+export declare const lineNumberOptions: Options;
+export declare function withLineNumbers(highlight: (e: HTMLElement) => void, options?: Partial<Options>): (editor: HTMLElement) => void;
+export declare function refreshNumbers(lineNumbers: HTMLElement, editor: HTMLElement): void;
+export declare function initLineNumbers(editor: HTMLElement, opts: Options): HTMLElement;
+export {};
+//# sourceMappingURL=codeJarLineNumbers.d.ts.map

package/esm/codeJarLineNumbers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeJarLineNumbers.d.ts","sourceRoot":"","sources":["../src/codeJarLineNumbers.ts"],"names":[],"mappings":"AAGA,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAM/B,CAAC;AAEF,wBAAgB,eAAe,CAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,EACnC,OAAO,GAAE,OAAO,CAAC,OAAO,CAAM,IAGb,QAAQ,WAAW,UAwBrC;AAED,wBAAgB,cAAc,CAC5B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,WAAW,QAapB;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,OAAO,GACZ,WAAW,CA0Db"}

package/esm/codeJarLineNumbers.js

@@ -0,0 +1,85 @@
+// This class was copied from https://github.com/antonmedv/codejar/blob/3.7.0/linenumbers.ts
+// and applied with further improvements and fixes
+export const lineNumberOptions = {
+    class: 'codejar-linenumbers',
+    wrapClass: 'codejar-wrap',
+    width: '35px',
+    backgroundColor: 'rgba(128, 128, 128, 0.15)',
+    color: '',
+};
+export function withLineNumbers(highlight, options = {}) {
+    let lineNumbers;
+    return function (editor) {
+        highlight(editor);
+        if (!lineNumbers) {
+            lineNumbers = initLineNumbers(editor, {
+                ...lineNumberOptions,
+                ...options,
+            });
+            editor.addEventListener('scroll', () => lineNumbers.style.top = `-${editor.scrollTop}px`);
+        }
+        const code = editor.textContent || '';
+        const linesCount = code.replace(/\n$/g, '').split('\n').length;
+        let text = '';
+        for (let i = 0; i < linesCount; i++) {
+            text += `${i + 1}\n`;
+        }
+        lineNumbers.innerText = text;
+    };
+}
+export function refreshNumbers(lineNumbers, editor) {
+    const code = editor.textContent || '';
+    const linesCount = code.replace(/\n$/g, '').split('\n').length;
+    let text = '';
+    for (let i = 0; i < linesCount; i++) {
+        text += `${i + 1}\n`;
+    }
+    lineNumbers.innerText = text;
+    // Hack editor styles
+    editor.style.paddingLeft = `calc(40px + 5px)`;
+}
+export function initLineNumbers(editor, opts) {
+    const css = getComputedStyle(editor);
+    const wrap = document.createElement('div');
+    wrap.className = opts.wrapClass;
+    wrap.style.position = 'relative';
+    const innerWrap = document.createElement('div');
+    innerWrap.className = 'codejar-linenumbers-inner-wrap';
+    innerWrap.style.background = css.background;
+    innerWrap.style.marginTop = css.borderTopWidth;
+    innerWrap.style.marginBottom = css.borderBottomWidth;
+    innerWrap.style.marginLeft = css.borderLeftWidth;
+    innerWrap.style.borderTopLeftRadius = css.borderTopLeftRadius;
+    innerWrap.style.borderBottomLeftRadius = css.borderBottomLeftRadius;
+    const gutter = document.createElement('div');
+    gutter.className = opts.class;
+    innerWrap.appendChild(gutter);
+    wrap.appendChild(innerWrap);
+    // Add own styles
+    gutter.style.width = opts.width;
+    gutter.style.overflow = 'hidden';
+    gutter.style.backgroundColor = opts.backgroundColor;
+    // Copy editor styles
+    gutter.style.fontFamily = css.fontFamily;
+    gutter.style.fontSize = css.fontSize;
+    gutter.style.lineHeight = css.lineHeight;
+    gutter.style.paddingTop = `calc(${css.paddingTop})`;
+    gutter.style.paddingLeft = css.paddingLeft;
+    gutter.style.borderTopLeftRadius = css.borderTopLeftRadius;
+    gutter.style.borderBottomLeftRadius = css.borderBottomLeftRadius;
+    // Add line numbers
+    const lineNumbers = document.createElement('div');
+    lineNumbers.setAttribute('class', 'codejar-linenumber');
+    lineNumbers.style.color = opts.color || css.color;
+    lineNumbers.style.setProperty('mix-blend-mode', 'unset');
+    gutter.appendChild(lineNumbers);
+    // Tweak editor styles
+    editor.style.paddingLeft =
+        `calc(${opts.width} + ${gutter.style.paddingLeft} + 5px)`;
+    editor.style.whiteSpace = 'pre';
+    // Swap editor with a wrap
+    editor.parentNode.insertBefore(wrap, editor);
+    wrap.appendChild(editor);
+    editor.addEventListener('scroll', () => lineNumbers.style.top = `-${editor.scrollTop}px`);
+    return lineNumbers;
+}

package/esm/mod.d.ts

@@ -0,0 +1,2 @@
+export * from './ExtensionCodeJar.js';
+//# sourceMappingURL=mod.d.ts.map

package/esm/mod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../src/mod.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/esm/mod.js

@@ -0,0 +1 @@
+export * from './ExtensionCodeJar.js';

package/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/esm/utils.d.ts

@@ -0,0 +1,13 @@
+import { Node } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import { CodeJar } from './CodeJar.js';
+import { TextSelection } from 'prosemirror-state';
+export declare function computeChange(oldVal: string, newVal: string): {
+    from: number;
+    to: number;
+    text: string;
+} | null;
+export declare const valueChanged: (textUpdate: string, node: Node, getPos: () => number | undefined, view: EditorView) => void;
+export declare const forwardSelection: (codejar: CodeJar, pmView: EditorView, getPos: () => number | undefined) => void;
+export declare const asProseMirrorSelection: (pmDoc: Node, codejar: CodeJar, getPos: () => number | undefined) => TextSelection;
+//# sourceMappingURL=utils.d.ts.map

package/esm/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;;;;SAoB3D;AAED,eAAO,MAAM,YAAY,GACvB,YAAY,MAAM,EAClB,MAAM,IAAI,EACV,QAAQ,MAAM,MAAM,GAAG,SAAS,EAChC,MAAM,UAAU,SAkBjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,SAAS,OAAO,EAChB,QAAQ,UAAU,EAClB,QAAQ,MAAM,MAAM,GAAG,SAAS,SAOjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,OAAO,IAAI,EACX,SAAS,OAAO,EAChB,QAAQ,MAAM,MAAM,GAAG,SAAS,kBASjC,CAAC"}