@kerebron/editor-kits 0.4.1

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

@@ -0,0 +1,11 @@
+import type { NodeSpec, NodeType } from 'prosemirror-model';
+import { type CoreEditor, Node } from '../../editor/src/mod.js';
+import { type CommandFactories, type CommandShortcuts } from '../../editor/src/commands/mod.js';
+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/extension-basic-editor/src/NodeTaskList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTaskList.d.ts","sourceRoot":"","sources":["../../../src/extension-basic-editor/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,yBAAyB,CAAC;AAChE,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,kCAAkC,CAAC;AAE1C,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/extension-basic-editor/src/NodeTaskList.js

@@ -0,0 +1,38 @@
+import { Node } from '../../editor/src/mod.js';
+export class NodeTaskList extends Node {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'task_list'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ['doc']
+        });
+    }
+    getNodeSpec() {
+        return {
+            content: 'list_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',
+        };
+    }
+}

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

@@ -0,0 +1,7 @@
+import { NodeSpec } from 'prosemirror-model';
+import { Node } from '../../editor/src/mod.js';
+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

@@ -0,0 +1 @@
+{"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,yBAAyB,CAAC;AAE/C,qBAAa,QAAS,SAAQ,IAAI;IACvB,IAAI,SAAU;IAEd,WAAW,IAAI,QAAQ;CAKjC"}

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

@@ -0,0 +1,17 @@
+import { Node } from '../../editor/src/mod.js';
+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/NodeVideo.d.ts

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

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

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

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

@@ -0,0 +1,58 @@
+import { Node } from '../../editor/src/mod.js';
+export class NodeVideo extends Node {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'video'
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ['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];
+            },
+        };
+    }
+}

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

@@ -0,0 +1,24 @@
+import { Plugin } from 'prosemirror-state';
+import { Extension } from '../../../editor/src/mod.js';
+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

@@ -0,0 +1 @@
+{"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,4BAA4B,CAAC;AAIxE,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

@@ -0,0 +1,35 @@
+import { Extension } from '../../../editor/src/mod.js';
+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

@@ -0,0 +1,25 @@
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { type DecorationAttrs } from 'prosemirror-view';
+import type { CoreEditor } from '../../../editor/src/mod.js';
+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

@@ -0,0 +1 @@
+{"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,4BAA4B,CAAC;AAE7D,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

@@ -0,0 +1,96 @@
+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);
+            },
+        },
+    });
+};

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

@@ -0,0 +1,50 @@
+import * as dntShim from "../../_dnt.shims.js";
+type Options = {
+    tab: string;
+    indentOn: RegExp;
+    moveToNewLine: RegExp;
+    spellcheck: boolean;
+    catchTab: boolean;
+    preserveIdent: boolean;
+    addClosing: boolean;
+    history: boolean;
+    window: typeof dntShim.dntGlobalThis;
+    autoclose: {
+        open: string;
+        close: string;
+    };
+};
+type HistoryRecord = {
+    html: string;
+    pos: Position;
+};
+export type Position = {
+    start: number;
+    end: number;
+    dir?: '->' | '<-';
+};
+export declare class CodeJar extends EventTarget {
+    private editor;
+    private highlight;
+    options: Options;
+    listeners: [string, any][];
+    history: HistoryRecord[];
+    at: number;
+    onUpdateCbk: (code: string) => void | undefined;
+    focus: boolean;
+    prev: string | undefined;
+    constructor(editor: HTMLElement, highlight: (e: HTMLElement, pos?: Position) => void, opt?: Partial<Options>);
+    getSelection(): Selection;
+    private doHighlight;
+    private uneditable;
+    toString(): any;
+    updateOptions(newOptions: Partial<Options>): void;
+    updateCode(code: string, callOnUpdate?: boolean): void;
+    onUpdate(callback: (code: string) => void): void;
+    save(): Position;
+    restore(pos: Position): void;
+    recordHistory(): void;
+    destroy(): void;
+}
+export {};
+//# sourceMappingURL=CodeJar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeJar.d.ts","sourceRoot":"","sources":["../../../src/extension-codejar/src/CodeJar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC;AAG/C,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,OAAO,CAAC,aAAa,CAAC;IACrC,SAAS,EAAE;QACT,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,QAAQ,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB,CAAC;AAqEF,qBAAa,OAAQ,SAAQ,WAAW;IAUpC,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,SAAS;IAVnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAM;IAChC,OAAO,EAAE,aAAa,EAAE,CAAM;IAC9B,EAAE,SAAM;IACR,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,SAAS,CAAgB;IAC/D,KAAK,UAAS;IACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;gBAGf,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,GAAG,CAAC,EAAE,QAAQ,KAAK,IAAI,EAC3D,GAAG,GAAE,OAAO,CAAC,OAAO,CAAM;IAiS5B,YAAY,IACyC,SAAS;IAG9D,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAYT,QAAQ;IAIjB,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,OAAO,CAAC;IAI1C,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,GAAE,OAAc;IAMrD,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;IAIzC,IAAI,IAAI,QAAQ;IA0EhB,OAAO,CAAC,GAAG,EAAE,QAAQ;IAiFrB,aAAa;IA0Bb,OAAO;CAKR"}