@kerebron/editor-kits 0.4.7 → 0.4.9

package/esm/extension-basic-editor/src/NodeDocumentCode.js

@@ -1,37 +0,0 @@
-import { Node } from '@kerebron/editor';
-export class NodeDocumentCode extends Node {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'doc_code'
-        });
-    }
-    getNodeSpec() {
-        return {
-            content: 'code_block',
-            defaultAttrs: {
-                'lang': this.config.lang || null,
-            },
-            EMPTY_DOC: {
-                'type': this.name,
-                'content': [
-                    {
-                        'type': 'code_block',
-                        'attrs': {
-                            'lang': this.config.lang || null,
-                        },
-                        'content': [
-                        // {
-                        //   "type": "text",
-                        // "text": ""
-                        // }
-                        ],
-                    },
-                ],
-            },
-        };
-    }
-}

package/esm/extension-basic-editor/src/NodeText.d.ts

@@ -1,7 +0,0 @@
-import { NodeSpec } from 'prosemirror-model';
-import { Node } from '@kerebron/editor';
-export declare class NodeText extends Node {
-    name: string;
-    getNodeSpec(): NodeSpec;
-}
-//# sourceMappingURL=NodeText.d.ts.map

package/esm/extension-basic-editor/src/NodeText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NodeText.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/src/NodeText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,qBAAa,QAAS,SAAQ,IAAI;IACvB,IAAI,SAAU;IAEd,WAAW,IAAI,QAAQ;CAKjC"}

package/esm/extension-basic-editor/src/NodeText.js

@@ -1,17 +0,0 @@
-import { Node } from '@kerebron/editor';
-export class NodeText extends Node {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'text'
-        });
-    }
-    getNodeSpec() {
-        return {
-            group: 'inline',
-        };
-    }
-}

package/esm/extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.d.ts

@@ -1,24 +0,0 @@
-import { Plugin } from 'prosemirror-state';
-import { Extension } from '@kerebron/editor';
-type Color = string;
-export interface SelectionState {
-    clientId: number;
-    user: {
-        name: string;
-        color: Color;
-        colorLight: Color;
-    };
-    cursor?: {
-        anchor: number;
-        head: number;
-    };
-}
-export { remoteSelectionPluginKey } from './remoteSelectionPlugin.js';
-export declare class ExtensionRemoteSelection extends Extension {
-    name: string;
-    private remoteStates;
-    getProseMirrorPlugins(): Plugin[];
-    getRemoteStates(): SelectionState[];
-    setRemoteStates(states: SelectionState[]): void;
-}
-//# sourceMappingURL=ExtensionRemoteSelection.d.ts.map

package/esm/extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExtensionRemoteSelection.d.ts","sourceRoot":"","sources":["../../../../src/extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI9D,KAAK,KAAK,GAAG,MAAM,CAAC;AAEpB,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,KAAK,CAAC;QACb,UAAU,EAAE,KAAK,CAAC;KACnB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,qBAAa,wBAAyB,SAAQ,SAAS;IAC5C,IAAI,SAAsB;IAEnC,OAAO,CAAC,YAAY,CAAwB;IAEnC,qBAAqB,IAAI,MAAM,EAAE;IAM1C,eAAe,IAAI,cAAc,EAAE;IAInC,eAAe,CAAC,MAAM,EAAE,cAAc,EAAE;CAOzC"}

package/esm/extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.js

@@ -1,35 +0,0 @@
-import { Extension } from '@kerebron/editor';
-import { remoteSelectionPlugin } from './remoteSelectionPlugin.js';
-export { remoteSelectionPluginKey } from './remoteSelectionPlugin.js';
-export class ExtensionRemoteSelection extends Extension {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'remote-selection'
-        });
-        Object.defineProperty(this, "remoteStates", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-    }
-    getProseMirrorPlugins() {
-        return [
-            remoteSelectionPlugin(this, this.editor),
-        ];
-    }
-    getRemoteStates() {
-        return this.remoteStates;
-    }
-    setRemoteStates(states) {
-        this.remoteStates = states;
-        const event = new CustomEvent('remoteSelectionChange', {
-            detail: {},
-        });
-        this.editor.dispatchEvent(event);
-    }
-}

package/esm/extension-basic-editor/src/remote-selection/remoteSelectionPlugin.d.ts

@@ -1,25 +0,0 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
-import { type DecorationAttrs } from 'prosemirror-view';
-import type { CoreEditor } from '@kerebron/editor';
-import type { ExtensionRemoteSelection } from './ExtensionRemoteSelection.js';
-export declare const remoteSelectionPluginKey: PluginKey<any>;
-/**
- * Default generator for a cursor element
- */
-export declare const defaultCursorBuilder: (user: any) => HTMLElement;
-/**
- * Default generator for the selection attributes
- */
-export declare const defaultSelectionBuilder: (user: any) => DecorationAttrs;
-export declare const createDecorations: (state: any, extension: ExtensionRemoteSelection, createCursor: (user: {
-    name: string;
-    color: string;
-}, clientId: number) => Element, createSelection: (user: {
-    name: string;
-    color: string;
-}, clientId: number) => DecorationAttrs) => any;
-export declare const remoteSelectionPlugin: (extension: ExtensionRemoteSelection, editor: CoreEditor, { cursorBuilder, selectionBuilder, }?: {
-    cursorBuilder?: (user: any, clientId: number) => HTMLElement;
-    selectionBuilder?: (user: any, clientId: number) => DecorationAttrs;
-}) => Plugin<any>;
-//# sourceMappingURL=remoteSelectionPlugin.d.ts.map

package/esm/extension-basic-editor/src/remote-selection/remoteSelectionPlugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"remoteSelectionPlugin.d.ts","sourceRoot":"","sources":["../../../../src/extension-basic-editor/src/remote-selection/remoteSelectionPlugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,eAAO,MAAM,wBAAwB,gBAAoC,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,MAAM,GAAG,KAAG,WAahD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,MAAM,GAAG,KAAG,eAKnD,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,GAAG,EACV,WAAW,wBAAwB,EACnC,cAAc,CACZ,IAAI,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACrC,QAAQ,EAAE,MAAM,KACb,OAAO,EACZ,iBAAiB,CACf,IAAI,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACrC,QAAQ,EAAE,MAAM,KACb,eAAe,KACnB,GAwDF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,WAAW,wBAAwB,EACnC,QAAQ,UAAU,EAClB,uCAGG;IACD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC;IAC7D,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,eAAe,CAAC;CAChE,gBAsCP,CAAC"}

package/esm/extension-basic-editor/src/remote-selection/remoteSelectionPlugin.js

@@ -1,96 +0,0 @@
-import { Decoration, DecorationSet } from 'prosemirror-view';
-import { Plugin, PluginKey } from 'prosemirror-state';
-export const remoteSelectionPluginKey = new PluginKey('remote-selection');
-/**
- * Default generator for a cursor element
- */
-export const defaultCursorBuilder = (user) => {
-    const cursor = document.createElement('span');
-    cursor.classList.add('kb-yjs__cursor');
-    cursor.setAttribute('style', `border-color: ${user.color};`);
-    const userDiv = document.createElement('div');
-    userDiv.setAttribute('style', `background-color: ${user.color}`);
-    userDiv.insertBefore(document.createTextNode(user.name), null);
-    const nonbreakingSpace1 = document.createTextNode('\u2060');
-    const nonbreakingSpace2 = document.createTextNode('\u2060');
-    cursor.insertBefore(nonbreakingSpace1, null);
-    cursor.insertBefore(userDiv, null);
-    cursor.insertBefore(nonbreakingSpace2, null);
-    return cursor;
-};
-/**
- * Default generator for the selection attributes
- */
-export const defaultSelectionBuilder = (user) => {
-    return {
-        style: `background-color: ${user.color}70`,
-        class: 'kb-yjs__selection',
-    };
-};
-const rxValidColor = /^#[0-9a-fA-F]{6}$/;
-export const createDecorations = (state, extension, createCursor, createSelection) => {
-    const decorations = [];
-    const remoteStates = extension.getRemoteStates();
-    if (remoteStates.length === 0) {
-        return DecorationSet.create(state.doc, []);
-    }
-    for (const remoteState of remoteStates) {
-        if (remoteState.cursor != null) {
-            const user = remoteState.user || {};
-            if (user.color == null) {
-                user.color = '#ffa500';
-            }
-            else if (!rxValidColor.test(user.color)) {
-                // We only support 6-digit RGB colors in y-prosemirror
-                console.warn('A user uses an unsupported color format', user);
-            }
-            if (user.name == null) {
-                user.name = `User: ${remoteState.clientId}`;
-            }
-            const cursor = remoteState.cursor;
-            let anchor = cursor.anchor || null;
-            let head = cursor.head || null;
-            if (anchor !== null && head !== null) {
-                const maxsize = Math.max(state.doc.content.size - 1, 0);
-                anchor = Math.min(anchor, maxsize);
-                head = Math.min(head, maxsize);
-                decorations.push(Decoration.widget(head, () => createCursor(user, remoteState.clientId), {
-                    key: remoteState.clientId + '',
-                    side: 10,
-                }));
-                const from = Math.min(anchor, head);
-                const to = Math.max(anchor, head);
-                decorations.push(Decoration.inline(from, to, createSelection(user, remoteState.clientId), {
-                    inclusiveEnd: true,
-                    inclusiveStart: false,
-                }));
-            }
-        }
-    }
-    return DecorationSet.create(state.doc, decorations);
-};
-export const remoteSelectionPlugin = (extension, editor, { cursorBuilder = defaultCursorBuilder, selectionBuilder = defaultSelectionBuilder, } = {}) => {
-    return new Plugin({
-        key: remoteSelectionPluginKey,
-        state: {
-            init(_, state) {
-                return createDecorations(state, extension, cursorBuilder, selectionBuilder);
-            },
-            apply(tr, prevState, _oldState, newState) {
-                const remoteCursorState = tr.getMeta(remoteSelectionPluginKey);
-                // TODO validate: isChangeOrigin
-                // const state = remoteSelectionPluginKey.getState(newState);
-                if ((remoteCursorState?.isChangeOrigin) ||
-                    (remoteCursorState?.remotePositionUpdated)) {
-                    return createDecorations(newState, extension, cursorBuilder, selectionBuilder);
-                }
-                return prevState.map(tr.mapping, tr.doc);
-            },
-        },
-        props: {
-            decorations: (state) => {
-                return remoteSelectionPluginKey.getState(state);
-            },
-        },
-    });
-};