@kerebron/editor-kits 0.4.1

package/esm/extension-codejar/src/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/extension-codejar/src/mod.d.ts

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

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

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

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

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

package/esm/extension-codejar/src/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/extension-codejar/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/extension-codejar/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"}

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

@@ -0,0 +1,48 @@
+import { TextSelection } from 'prosemirror-state';
+export function computeChange(oldVal, newVal) {
+    if (oldVal === newVal)
+        return null;
+    let start = 0;
+    let oldEnd = oldVal.length;
+    let newEnd = newVal.length;
+    while (start < oldEnd &&
+        oldVal.charCodeAt(start) === newVal.charCodeAt(start)) {
+        start += 1;
+    }
+    while (oldEnd > start &&
+        newEnd > start &&
+        oldVal.charCodeAt(oldEnd - 1) === newVal.charCodeAt(newEnd - 1)) {
+        oldEnd -= 1;
+        newEnd -= 1;
+    }
+    return { from: start, to: oldEnd, text: newVal.slice(start, newEnd) };
+}
+export const valueChanged = (textUpdate, node, getPos, view) => {
+    const change = computeChange(node.textContent, textUpdate);
+    if (change) {
+        const pos = getPos();
+        if ('undefined' !== typeof pos) {
+            const start = pos + 1;
+            let pmTr = view.state.tr;
+            pmTr = pmTr.replaceWith(start + change.from, start + change.to, change.text ? view.state.schema.text(change.text) : []);
+            view.dispatch(pmTr);
+        }
+    }
+};
+export const forwardSelection = (codejar, pmView, getPos) => {
+    // if (!cmView.hasFocus) return;
+    const selection = asProseMirrorSelection(pmView.state.doc, codejar, getPos);
+    if (!selection.eq(pmView.state.selection)) {
+        pmView.dispatch(pmView.state.tr.setSelection(selection));
+    }
+};
+export const asProseMirrorSelection = (pmDoc, codejar, getPos) => {
+    const offset = (typeof getPos === 'function' ? getPos() || 0 : 0) + 1;
+    const pos = codejar.save();
+    if (pos.dir === '<-') {
+        return TextSelection.create(pmDoc, pos.start + offset, pos.end + offset);
+    }
+    else {
+        return TextSelection.create(pmDoc, pos.end + offset, pos.start + offset);
+    }
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionCodeMirror.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/ExtensionCodeMirror.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;AAEjC,OAAO,EAAkB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,cAAc,qBAAqB,CAAC;AAEpC,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,mBAAoB,SAAQ,SAAS;cAIjB,MAAM,EAAE,yBAAyB;IAHvD,IAAI,SAAiB;IAC9B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;gBAEC,MAAM,EAAE,yBAAyB;IAWvD,aAAa,CACpB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;CA+C7B"}

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

@@ -0,0 +1,75 @@
+import { Extension, } from '../../editor/src/mod.js';
+import { createNodeFromObject } from '../../editor/src/utilities/mod.js';
+import { NodeCodeMirror } from './NodeCodeMirror.js';
+export * from './NodeCodeMirror.js';
+export class ExtensionCodeMirror 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-mirror'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.requires = [
+            new NodeCodeMirror({
+                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-codemirror/src/NodeCodeMirror.d.ts

@@ -0,0 +1,20 @@
+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';
+import { CodeBlockSettings } from './types.js';
+export declare const codeMirrorBlockKey: PluginKey<any>;
+export interface NodeCodeMirrorConfig {
+    readOnly?: boolean;
+    languageWhitelist?: CodeBlockSettings['languageWhitelist'];
+    theme?: CodeBlockSettings['theme'];
+}
+export declare class NodeCodeMirror extends NodeCodeBlock {
+    config: NodeCodeMirrorConfig;
+    constructor(config: NodeCodeMirrorConfig);
+    getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
+    getKeyboardShortcuts(): Partial<CommandShortcuts>;
+    getProseMirrorPlugins(): Plugin[];
+}
+//# sourceMappingURL=NodeCodeMirror.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeCodeMirror.d.ts","sourceRoot":"","sources":["../../../src/extension-codemirror/src/NodeCodeMirror.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;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAC;AAElF,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAK/C,eAAO,MAAM,kBAAkB,gBAAoC,CAAC;AA+CpE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IAC3D,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,qBAAa,cAAe,SAAQ,aAAa;IAC1B,MAAM,EAAE,oBAAoB;gBAA5B,MAAM,EAAE,oBAAoB;IAIxC,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-codemirror/src/NodeCodeMirror.js

@@ -0,0 +1,99 @@
+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';
+export const codeMirrorBlockKey = new PluginKey('codemirror-block');
+function arrowHandler(dir) {
+    return (state, dispatch, view) => {
+        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') {
+                if (dispatch) {
+                    dispatch(state.tr.setSelection(nextPos));
+                }
+                return true;
+            }
+        }
+        return false;
+    };
+}
+const LANGS = [
+    'diff',
+    'dockerfile',
+    'http',
+    'nginx',
+    'properties',
+    'shell',
+    'toml',
+    'yaml',
+    'sql',
+    'javascript',
+    'cpp',
+    'css',
+    'xml',
+    'java',
+    'json',
+    'markdown',
+    'rust',
+    'html',
+];
+export class NodeCodeMirror 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 || 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 [
+            new Plugin({
+                key: codeMirrorBlockKey,
+                props: {
+                    nodeViews: {
+                        [this.name]: codeMirrorBlockNodeView(settings, this.editor),
+                    },
+                },
+            }),
+        ];
+    }
+}

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

@@ -0,0 +1,7 @@
+import { Node } from 'prosemirror-model';
+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) => (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

@@ -0,0 +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,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"}