@kerebron/extension-basic-editor 0.4.27 → 0.4.29

package/esm/NodeTaskItem.js

@@ -0,0 +1,147 @@
+import { Node } from '@kerebron/editor';
+import { wrappingInputRule } from '@kerebron/editor/plugins/input-rules';
+import { liftListItem, sinkListItem, splitListItem, } from './NodeListItem.js';
+/**
+ * Matches a task item to a - [ ] on input.
+ */
+export const inputRegex = /^\s*(\[([( |x])?\])\s$/;
+export class NodeTaskItem extends Node {
+    config;
+    name = 'task_item';
+    requires = ['doc'];
+    constructor(config = {}) {
+        super(config);
+        this.config = config;
+    }
+    getNodeSpec() {
+        return {
+            attrs: {
+                checked: {
+                    default: false,
+                },
+            },
+            content: this.config.nested ? 'paragraph block*' : 'paragraph+',
+            parseDOM: [{
+                    tag: 'li[data-checked]',
+                    getAttrs(node) {
+                        return {
+                            checked: node.getAttribute('data-checked') === 'true',
+                        };
+                    },
+                }],
+            defining: true,
+            toDOM(node) {
+                return [
+                    'li',
+                    {
+                        'data-type': this.name,
+                        'data-checked': node.attrs.checked,
+                    },
+                    [
+                        'label',
+                        [
+                            'input',
+                            {
+                                type: 'checkbox',
+                                checked: node.attrs.checked ? 'checked' : null,
+                            },
+                        ],
+                        ['span'],
+                    ],
+                    ['div', 0],
+                ];
+            },
+        };
+    }
+    getCommandFactories(editor, type) {
+        return {
+            'splitListItem': () => splitListItem(type),
+            'liftListItem': () => liftListItem(type),
+            'sinkListItem': () => sinkListItem(type),
+        };
+    }
+    getNodeView(editor) {
+        return (node, view, getPos) => {
+            const listItem = document.createElement('li');
+            const checkboxWrapper = document.createElement('label');
+            const checkboxStyler = document.createElement('span');
+            const checkbox = document.createElement('input');
+            const content = document.createElement('div');
+            // Style for inline checkbox and text
+            listItem.style.display = 'flex';
+            listItem.style.alignItems = 'flex-start';
+            listItem.style.gap = '0.5em';
+            checkboxWrapper.style.flexShrink = '0';
+            checkboxWrapper.style.marginTop = '0.25em';
+            content.style.flex = '1';
+            checkboxWrapper.contentEditable = 'false';
+            checkbox.type = 'checkbox';
+            checkbox.addEventListener('mousedown', (event) => event.preventDefault());
+            checkbox.addEventListener('change', (event) => {
+                const isEditable = true; // TODO editor.isEditable
+                // if the editor isn’t editable and we don't have a handler for
+                // readonly checks we have to undo the latest change
+                if (!isEditable && !this.config.onReadOnlyChecked) {
+                    checkbox.checked = !checkbox.checked;
+                    return;
+                }
+                const { checked } = event.target;
+                if (isEditable && typeof getPos === 'function') {
+                    editor
+                        .chain()
+                        .focus(undefined, { scrollIntoView: false })
+                        .command(({ tr }) => {
+                        const position = getPos();
+                        if (typeof position !== 'number') {
+                            return false;
+                        }
+                        const currentNode = tr.doc.nodeAt(position);
+                        tr.setNodeMarkup(position, undefined, {
+                            ...currentNode?.attrs,
+                            checked,
+                        });
+                        return true;
+                    })
+                        .run();
+                }
+                if (!isEditable && this.config.onReadOnlyChecked) {
+                    // Reset state if onReadOnlyChecked returns false
+                    if (!this.config.onReadOnlyChecked(node, checked)) {
+                        checkbox.checked = !checkbox.checked;
+                    }
+                }
+            });
+            listItem.dataset.checked = node.attrs.checked;
+            checkbox.checked = node.attrs.checked;
+            checkboxWrapper.append(checkbox, checkboxStyler);
+            listItem.append(checkboxWrapper, content);
+            return {
+                dom: listItem,
+                contentDOM: content,
+                update: (updatedNode) => {
+                    if (updatedNode.type.name !== this.type) {
+                        return false;
+                    }
+                    listItem.dataset.checked = updatedNode.attrs.checked;
+                    checkbox.checked = updatedNode.attrs.checked;
+                    return true;
+                },
+            };
+        };
+    }
+    getKeyboardShortcuts() {
+        return {
+            'Enter': 'splitListItem',
+            'Tab': 'sinkListItem',
+            'Shift-Tab': 'liftListItem',
+        };
+    }
+    getInputRules(type) {
+        return [
+            wrappingInputRule(inputRegex, type, (match) => ({
+                checked: match[match.length - 1] === 'x',
+            })),
+        ];
+    }
+}
+//# sourceMappingURL=NodeTaskItem.js.map

package/esm/NodeTaskItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTaskItem.js","sourceRoot":"","sources":["../src/NodeTaskItem.ts"],"names":[],"mappings":"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"}

package/esm/NodeTaskList.d.ts

@@ -0,0 +1,11 @@
+import type { NodeSpec, NodeType } from 'prosemirror-model';
+import { type CoreEditor, Node } from '@kerebron/editor';
+import { type CommandFactories, type CommandShortcuts } from '@kerebron/editor/commands';
+export declare class NodeTaskList extends Node {
+    name: string;
+    requires: string[];
+    getNodeSpec(): NodeSpec;
+    getCommandFactories(editor: CoreEditor, type: NodeType): Partial<CommandFactories>;
+    getKeyboardShortcuts(): Partial<CommandShortcuts>;
+}
+//# sourceMappingURL=NodeTaskList.d.ts.map

package/esm/NodeTaskList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTaskList.d.ts","sourceRoot":"","sources":["../src/NodeTaskList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,KAAK,UAAU,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,2BAA2B,CAAC;AAEnC,qBAAa,YAAa,SAAQ,IAAI;IAC3B,IAAI,SAAe;IAC5B,QAAQ,WAAW;IAEV,WAAW,IAAI,QAAQ;IAWvB,mBAAmB,CAC1B,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAMnB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;CAK3D"}

package/esm/NodeTaskList.js

@@ -0,0 +1,26 @@
+import { Node } from '@kerebron/editor';
+export class NodeTaskList extends Node {
+    name = 'task_list';
+    requires = ['doc'];
+    getNodeSpec() {
+        return {
+            content: 'task_item+',
+            group: 'block',
+            parseDOM: [{ tag: `ul[data-type="${this.name}"]` }],
+            toDOM() {
+                return ['ul', { 'data-type': this.name }, 0];
+            },
+        };
+    }
+    getCommandFactories(editor, type) {
+        return {
+            'toggleTaskList': () => editor.commandFactories.wrapInList(type),
+        };
+    }
+    getKeyboardShortcuts() {
+        return {
+            'Shift-Ctrl-9': 'toggleTaskList',
+        };
+    }
+}
+//# sourceMappingURL=NodeTaskList.js.map

package/esm/NodeTaskList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTaskList.js","sourceRoot":"","sources":["../src/NodeTaskList.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAMzD,MAAM,OAAO,YAAa,SAAQ,IAAI;IAC3B,IAAI,GAAG,WAAW,CAAC;IAC5B,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC;IAEV,WAAW;QAClB,OAAO;YACL,OAAO,EAAE,YAAY;YACrB,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,iBAAiB,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;YACnD,KAAK;gBACH,OAAO,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;YAC/C,CAAC;SACF,CAAC;IACJ,CAAC;IAEQ,mBAAmB,CAC1B,MAAkB,EAClB,IAAc;QAEd,OAAO;YACL,gBAAgB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC;SACjE,CAAC;IACJ,CAAC;IAEQ,oBAAoB;QAC3B,OAAO;YACL,cAAc,EAAE,gBAAgB;SACjC,CAAC;IACJ,CAAC;CACF"}

package/esm/NodeText.d.ts

@@ -0,0 +1,7 @@
+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/NodeText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeText.d.ts","sourceRoot":"","sources":["../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/NodeText.js

@@ -0,0 +1,10 @@
+import { Node } from '@kerebron/editor';
+export class NodeText extends Node {
+    name = 'text';
+    getNodeSpec() {
+        return {
+            group: 'inline',
+        };
+    }
+}
+//# sourceMappingURL=NodeText.js.map

package/esm/NodeText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeText.js","sourceRoot":"","sources":["../src/NodeText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,OAAO,QAAS,SAAQ,IAAI;IACvB,IAAI,GAAG,MAAM,CAAC;IAEd,WAAW;QAClB,OAAO;YACL,KAAK,EAAE,QAAQ;SAChB,CAAC;IACJ,CAAC;CACF"}

package/esm/NodeVideo.d.ts

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

package/esm/NodeVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeVideo.d.ts","sourceRoot":"","sources":["../src/NodeVideo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,qBAAa,SAAU,SAAQ,IAAI;IACxB,IAAI,SAAW;IACxB,QAAQ,WAAW;IAEV,WAAW,IAAI,QAAQ;CAoCjC"}

package/esm/NodeVideo.js

@@ -0,0 +1,46 @@
+import { Node } from '@kerebron/editor';
+export class NodeVideo extends Node {
+    name = 'video';
+    requires = ['doc'];
+    getNodeSpec() {
+        return {
+            attrs: {
+                src: {},
+                title: { default: null },
+                controls: { default: true },
+                width: { default: null },
+                height: { default: null },
+            },
+            group: 'block',
+            draggable: true,
+            parseDOM: [
+                {
+                    tag: 'video[src]',
+                    getAttrs(dom) {
+                        return {
+                            src: dom.getAttribute('src'),
+                            title: dom.getAttribute('title'),
+                            controls: dom.hasAttribute('controls'),
+                            width: dom.getAttribute('width'),
+                            height: dom.getAttribute('height'),
+                        };
+                    },
+                },
+            ],
+            toDOM(node) {
+                const { src, title, controls, width, height } = node.attrs;
+                const attrs = { src };
+                if (title)
+                    attrs.title = title;
+                if (controls)
+                    attrs.controls = ''; // Boolean attribute - just needs to be present
+                if (width)
+                    attrs.width = width;
+                if (height)
+                    attrs.height = height;
+                return ['video', attrs];
+            },
+        };
+    }
+}
+//# sourceMappingURL=NodeVideo.js.map

package/esm/NodeVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeVideo.js","sourceRoot":"","sources":["../src/NodeVideo.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,OAAO,SAAU,SAAQ,IAAI;IACxB,IAAI,GAAG,OAAO,CAAC;IACxB,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC;IAEV,WAAW;QAClB,OAAO;YACL,KAAK,EAAE;gBACL,GAAG,EAAE,EAAE;gBACP,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;gBACxB,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;gBAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;gBACxB,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAC1B;YACD,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE;gBACR;oBACE,GAAG,EAAE,YAAY;oBACjB,QAAQ,CAAC,GAAgB;wBACvB,OAAO;4BACL,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC;4BAC5B,KAAK,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC;4BAChC,QAAQ,EAAE,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC;4BACtC,KAAK,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC;4BAChC,MAAM,EAAE,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC;yBACnC,CAAC;oBACJ,CAAC;iBACF;aACF;YACD,KAAK,CAAC,IAAI;gBACR,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;gBAC3D,MAAM,KAAK,GAAQ,EAAE,GAAG,EAAE,CAAC;gBAC3B,IAAI,KAAK;oBAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;gBAC/B,IAAI,QAAQ;oBAAE,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,+CAA+C;gBAClF,IAAI,KAAK;oBAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;gBAC/B,IAAI,MAAM;oBAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAClC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC1B,CAAC;SACF,CAAC;IACJ,CAAC;CACF"}

package/esm/package.json

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

package/esm/remote-selection/ExtensionRemoteSelection.d.ts

@@ -0,0 +1,24 @@
+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/remote-selection/ExtensionRemoteSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionRemoteSelection.d.ts","sourceRoot":"","sources":["../../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/remote-selection/ExtensionRemoteSelection.js

@@ -0,0 +1,23 @@
+import { Extension } from '@kerebron/editor';
+import { remoteSelectionPlugin } from './remoteSelectionPlugin.js';
+export { remoteSelectionPluginKey } from './remoteSelectionPlugin.js';
+export class ExtensionRemoteSelection extends Extension {
+    name = 'remote-selection';
+    remoteStates = [];
+    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);
+    }
+}
+//# sourceMappingURL=ExtensionRemoteSelection.js.map

package/esm/remote-selection/ExtensionRemoteSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionRemoteSelection.js","sourceRoot":"","sources":["../../src/remote-selection/ExtensionRemoteSelection.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAiBnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,OAAO,wBAAyB,SAAQ,SAAS;IAC5C,IAAI,GAAG,kBAAkB,CAAC;IAE3B,YAAY,GAAqB,EAAE,CAAC;IAEnC,qBAAqB;QAC5B,OAAO;YACL,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;SACzC,CAAC;IACJ,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,eAAe,CAAC,MAAwB;QACtC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,uBAAuB,EAAE;YACrD,MAAM,EAAE,EAAE;SACX,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;CACF"}

package/esm/remote-selection/remoteSelectionPlugin.d.ts

@@ -0,0 +1,25 @@
+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/remote-selection/remoteSelectionPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remoteSelectionPlugin.d.ts","sourceRoot":"","sources":["../../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/remote-selection/remoteSelectionPlugin.js

@@ -0,0 +1,97 @@
+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);
+            },
+        },
+    });
+};
+//# sourceMappingURL=remoteSelectionPlugin.js.map

package/esm/remote-selection/remoteSelectionPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remoteSelectionPlugin.js","sourceRoot":"","sources":["../../src/remote-selection/remoteSelectionPlugin.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerebron/extension-basic-editor",
-  "version": "0.4.27",
+  "version": "0.4.29",
   "license": "MIT",
   "module": "./esm/ExtensionBasicEditor.js",
   "exports": {
@@ -111,9 +111,12 @@
     }
   },
   "scripts": {},
-  "files": [],
+  "files": [
+    "esm",
+    "src"
+  ],
   "dependencies": {
-    "@kerebron/editor": "0.4.27",
+    "@kerebron/editor": "0.4.29",
     "prosemirror-history": "1.4.1",
     "prosemirror-model": "1.25.3",
     "prosemirror-state": "1.4.3",

package/src/ExtensionBaseKeymap.ts

@@ -0,0 +1,64 @@
+import { Extension } from '@kerebron/editor';
+import { type CommandShortcuts } from '@kerebron/editor/commands';
+
+/// A basic keymap containing bindings not specific to any schema.
+/// Binds the following keys (when multiple commands are listed, they
+/// are chained with [`chainCommands`](#commands.chainCommands)):
+///
+/// * **Enter** to `newlineInCode`, `createParagraphNear`, `liftEmptyBlock`, `splitBlock`
+/// * **Mod-Enter** to `exitCode`
+/// * **Backspace** and **Mod-Backspace** to `deleteSelection`, `joinBackward`, `selectNodeBackward`
+/// * **Delete** and **Mod-Delete** to `deleteSelection`, `joinForward`, `selectNodeForward`
+/// * **Mod-Delete** to `deleteSelection`, `joinForward`, `selectNodeForward`
+/// * **Mod-a** to `selectAll`
+const pcBaseKeymap: { [key: string]: string } = {
+  'Mod-Enter': 'exitCode',
+  'Backspace': 'backspace',
+  'Mod-Backspace': 'backspace',
+  'Shift-Backspace': 'backspace',
+  'Delete': 'del',
+  'Mod-Delete': 'del',
+  'Mod-a': 'selectAll',
+};
+
+/// A copy of `pcBaseKeymap` that also binds **Ctrl-h** like Backspace,
+/// **Ctrl-d** like Delete, **Alt-Backspace** like Ctrl-Backspace, and
+/// **Ctrl-Alt-Backspace**, **Alt-Delete**, and **Alt-d** like
+/// Ctrl-Delete.
+const macBaseKeymap: { [key: string]: string } = {
+  ...pcBaseKeymap,
+  'Ctrl-h': pcBaseKeymap['Backspace'],
+  'Alt-Backspace': pcBaseKeymap['Mod-Backspace'],
+  'Ctrl-d': pcBaseKeymap['Delete'],
+  'Ctrl-Alt-Backspace': pcBaseKeymap['Mod-Delete'],
+  'Alt-Delete': pcBaseKeymap['Mod-Delete'],
+  'Alt-d': pcBaseKeymap['Mod-Delete'],
+  'Ctrl-a': 'selectTextblockStart',
+  'Ctrl-e': 'selectTextblockEnd',
+};
+
+const mac = /(Mac|iPhone|iPod|iPad)/i.test(navigator?.platform);
+
+const baseKeymap: { [key: string]: string } = mac
+  ? macBaseKeymap
+  : pcBaseKeymap;
+
+export class ExtensionBaseKeymap extends Extension {
+  name = 'base-keymap';
+
+  override getKeyboardShortcuts(): Partial<CommandShortcuts> {
+    const shortcuts: CommandShortcuts = {
+      'Enter': 'enter',
+      'Alt-ArrowUp': 'joinUp',
+      'Alt-ArrowDown': 'joinDown',
+      'Mod-BracketLeft': 'lift',
+      'Escape': 'selectParentNode',
+    };
+
+    for (const key in baseKeymap) {
+      shortcuts[key] = baseKeymap[key];
+    }
+
+    return shortcuts;
+  }
+}