@kerebron/extension-codejar 0.4.1

package/esm/extension-codejar/src/Decorator.js

@@ -0,0 +1,52 @@
+export class Decorator {
+    constructor() {
+        Object.defineProperty(this, "decorationGroups", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+    }
+    highlight(code) {
+        const decorations = [];
+        for (const groupName in this.decorationGroups) {
+            const group = this.decorationGroups[groupName];
+            decorations.push(...group);
+        }
+        const cutIndexes = new Set();
+        for (const d of decorations) {
+            cutIndexes.add(d.startIndex);
+            cutIndexes.add(d.endIndex);
+        }
+        cutIndexes.add(0);
+        cutIndexes.add(code.length);
+        const cutIndexesArr = Array.from(cutIndexes);
+        cutIndexesArr.sort((a, b) => a - b);
+        let html = '';
+        let lastIndex = 0;
+        for (const currentIdx of cutIndexesArr) {
+            const text = code.substring(lastIndex, currentIdx);
+            const activeDecors = decorations.filter((d) => lastIndex >= d.startIndex && currentIdx <= d.endIndex);
+            for (const decor of activeDecors) {
+                if (decor.title) {
+                    html += `<span class="${decor.className}" title="${escapeHtml(decor.title || '')}">`;
+                }
+                else {
+                    html += `<span class="${decor.className}">`;
+                }
+            }
+            html += escapeHtml(text);
+            for (const decor of activeDecors) {
+                html += '</span>';
+            }
+            lastIndex = currentIdx;
+        }
+        return html;
+    }
+}
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+}

package/esm/extension-codejar/src/ExtensionCodeJar.d.ts

@@ -0,0 +1,15 @@
+import { Schema } from 'prosemirror-model';
+import { AnyExtensionOrReq, type Converter, type CoreEditor, Extension } from '../../editor/src/mod.js';
+export * from './NodeCodeJar.js';
+export interface ExtensionCodeJarConfig {
+    readOnly?: boolean;
+    languageWhitelist?: string[];
+}
+export declare class ExtensionCodeJar extends Extension {
+    protected config: ExtensionCodeJarConfig;
+    name: string;
+    requires: AnyExtensionOrReq[];
+    constructor(config?: ExtensionCodeJarConfig);
+    getConverters(editor: CoreEditor, schema: Schema): Record<string, Converter>;
+}
+//# sourceMappingURL=ExtensionCodeJar.d.ts.map

package/esm/extension-codejar/src/ExtensionCodeJar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionCodeJar.d.ts","sourceRoot":"","sources":["../../../src/extension-codejar/src/ExtensionCodeJar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,iBAAiB,EACjB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,SAAS,EACV,MAAM,yBAAyB,CAAC;AAIjC,cAAc,kBAAkB,CAAC;AAEjC,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,qBAAa,gBAAiB,SAAQ,SAAS;cAId,MAAM,EAAE,sBAAsB;IAHpD,IAAI,SAAc;IAC3B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;gBAEC,MAAM,GAAE,sBAA2B;IAWzD,aAAa,CACpB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;CA+C7B"}

package/esm/extension-codejar/src/ExtensionCodeJar.js

@@ -0,0 +1,75 @@
+import { Extension, } from '../../editor/src/mod.js';
+import { createNodeFromObject } from '../../editor/src/utilities/mod.js';
+import { NodeCodeJar } from './NodeCodeJar.js';
+export * from './NodeCodeJar.js';
+export class ExtensionCodeJar extends Extension {
+    constructor(config = {}) {
+        super(config);
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: config
+        });
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'code-jar'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.requires = [
+            new NodeCodeJar({
+                languageWhitelist: config.languageWhitelist,
+                // theme: config.theme,
+            }),
+        ];
+    }
+    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, {
+                        errorOnInvalidContent: false,
+                    });
+                },
+            },
+        };
+    }
+}

package/esm/extension-codejar/src/NodeCodeJar.d.ts

@@ -0,0 +1,18 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+import type { NodeType } from 'prosemirror-model';
+import { type CoreEditor } from '../../editor/src/mod.js';
+import { type CommandFactories, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+import { NodeCodeBlock } from '../../extension-basic-editor/src/NodeCodeBlock.js';
+export declare const codeJarBlockKey: PluginKey<any>;
+export interface NodeCodeJarConfig {
+    readOnly?: any;
+    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/extension-codejar/src/NodeCodeJar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeCodeJar.d.ts","sourceRoot":"","sources":["../../../src/extension-codejar/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,yBAAyB,CAAC;AAE1D,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAC;AAIlF,eAAO,MAAM,eAAe,gBAAkC,CAAC;AAwB/D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,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;CA6B3C"}

package/esm/extension-codejar/src/NodeCodeJar.js

@@ -0,0 +1,76 @@
+import { Plugin, PluginKey, Selection, } from 'prosemirror-state';
+import { getShadowRoot } from '../../editor/src/utilities/mod.js';
+import { getLangsList } from '../../wasm/src/mod.js';
+import { NodeCodeBlock } from '../../extension-basic-editor/src/NodeCodeBlock.js';
+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 {
+    constructor(config) {
+        super(config);
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 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,
+            // ...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 [
+            new Plugin({
+                key: codeJarBlockKey,
+                props: {
+                    nodeViews: {
+                        [this.name]: codeJarBlockNodeView(settings, this.editor),
+                    },
+                },
+            }),
+        ];
+    }
+}

package/esm/extension-codejar/src/TreeSitterHighlighter.d.ts

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

package/esm/extension-codejar/src/TreeSitterHighlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSitterHighlighter.d.ts","sourceRoot":"","sources":["../../../src/extension-codejar/src/TreeSitterHighlighter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kDAAkD,CAAC;AAS1E,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;IAElC,IAAI,CAAC,IAAI,EAAE,MAAM;IA+BvB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;CAmC7C"}

package/esm/extension-codejar/src/TreeSitterHighlighter.js

@@ -0,0 +1,76 @@
+import { Parser } from '../../tree-sitter-shim/src/tree_sitter/parser.js';
+import { Language } from '../../tree-sitter-shim/src/tree_sitter/language.js';
+import { fetchTextResource, fetchWasm, getLangTreeSitter, } from '../../wasm/src/mod.js';
+export class TreeSitterHighlighter {
+    constructor() {
+        Object.defineProperty(this, "parser", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "hightligtScm", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "cdnUrl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'http://localhost:8000/wasm/'
+        });
+    }
+    async init(lang) {
+        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);
+            await Parser.init();
+            const Lang = await Language.load(wasm);
+            this.parser = new Parser();
+            this.parser.setLanguage(Lang);
+            // 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.parser || !this.hightligtScm) {
+            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,
+            });
+        }
+        decorator.decorationGroups['highlight'] = decorations;
+        return decorator.highlight(code);
+    }
+}

package/esm/extension-codejar/src/codeJarBlockNodeView.d.ts

@@ -0,0 +1,6 @@
+import { Node } from 'prosemirror-model';
+import { Decoration, DecorationSource, EditorView, NodeView } from 'prosemirror-view';
+import { CoreEditor } from '../../editor/src/mod.js';
+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/extension-codejar/src/codeJarBlockNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeJarBlockNodeView.d.ts","sourceRoot":"","sources":["../../../src/extension-codejar/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,yBAAyB,CAAC;AAcpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAgUrD,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"}