@kerebron/extension-yjs 0.3.2 → 0.4.1

package/esm/extension-yjs/src/ExtensionYjs.d.ts

@@ -1,12 +1,17 @@
-import type { Schema } from 'prosemirror-model';
 import type { Plugin } from 'prosemirror-state';
-import { type CoreEditor, Extension } from '../../editor/src/mod.js';
+import * as awarenessProtocol from 'y-protocols/awareness';
+import { Extension } from '../../editor/src/mod.js';
 import type { CommandFactories, CommandShortcuts } from '../../editor/src/commands/mod.js';
+export interface YjsProvider {
+    on(eventName: string, callback: (event: any) => void): void;
+    awareness: awarenessProtocol.Awareness;
+}
 export declare class ExtensionYjs extends Extension {
     name: string;
-    doc: any;
+    conflicts: string[];
+    requires: string[];
     getCommandFactories(): Partial<CommandFactories>;
     getKeyboardShortcuts(): Partial<CommandShortcuts>;
-    getProseMirrorPlugins(editor: CoreEditor, schema: Schema): Plugin[];
+    getProseMirrorPlugins(): Plugin[];
 }
 //# sourceMappingURL=ExtensionYjs.d.ts.map

package/esm/extension-yjs/src/ExtensionYjs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionYjs.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/ExtensionYjs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,kCAAkC,CAAC;AAM1C,qBAAa,YAAa,SAAQ,SAAS;IACzC,IAAI,SAAS;IACb,GAAG,EAAE,GAAG,CAAC;IAGA,mBAAmB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAOhD,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAOjD,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;CAY7E"}
+{"version":3,"file":"ExtensionYjs.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/ExtensionYjs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,kCAAkC,CAAC;AAM1C,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IAC5D,SAAS,EAAE,iBAAiB,CAAC,SAAS,CAAC;CACxC;AAED,qBAAa,YAAa,SAAQ,SAAS;IACzC,IAAI,SAAS;IAEJ,SAAS,WAAe;IACjC,QAAQ,WAAwB;IAGvB,mBAAmB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAOhD,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAOjD,qBAAqB,IAAI,MAAM,EAAE;CAY3C"}

package/esm/extension-yjs/src/ExtensionYjs.js

@@ -1,6 +1,6 @@
 import { Extension } from '../../editor/src/mod.js';
 import { ySyncPlugin } from './ySyncPlugin.js';
-import { yCursorPlugin } from './yCursorPlugin.js';
+import { yPositionPlugin } from './yPositionPlugin.js';
 import { redo, undo, yUndoPlugin } from './yUndoPlugin.js';
 import { initProseMirrorDoc } from './convertUtils.js';
 export class ExtensionYjs extends Extension {
@@ -12,11 +12,17 @@ export class ExtensionYjs extends Extension {
             writable: true,
             value: 'yjs'
         });
-        Object.defineProperty(this, "doc", {
+        Object.defineProperty(this, "conflicts", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: ['history']
+        });
+        Object.defineProperty(this, "requires", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ['remote-selection']
         });
     }
     // declare type Command = (state: EditorState, dispatch?: (tr: Transaction) => void, view?: EditorView) => boolean;
@@ -32,13 +38,13 @@ export class ExtensionYjs extends Extension {
             'Mod-y': 'redo',
         };
     }
-    getProseMirrorPlugins(editor, schema) {
+    getProseMirrorPlugins() {
         const ydoc = this.config.ydoc;
         const fragment = ydoc.getXmlFragment('prosemirror');
-        const { mapping } = initProseMirrorDoc(fragment, schema);
+        const { mapping } = initProseMirrorDoc(fragment, this.editor.schema);
         return [
             ySyncPlugin(fragment, { mapping }),
-            yCursorPlugin(this.config.provider.awareness),
+            yPositionPlugin(this.config.provider.awareness, this.editor),
             yUndoPlugin(),
         ];
     }

package/esm/extension-yjs/src/keys.d.ts

@@ -8,8 +8,4 @@ export declare const ySyncPluginKey: PluginKey<any>;
  * The unique prosemirror plugin key for undoPlugin
  */
 export declare const yUndoPluginKey: PluginKey<UndoPluginState>;
-/**
- * The unique prosemirror plugin key for cursorPlugin
- */
-export declare const yCursorPluginKey: PluginKey<any>;
 //# sourceMappingURL=keys.d.ts.map

package/esm/extension-yjs/src/keys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/keys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,cAAc,gBAA0B,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,eAAe,CAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,gBAA8B,CAAC"}
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/keys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,cAAc,gBAA0B,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,eAAe,CAErD,CAAC"}

package/esm/extension-yjs/src/keys.js

@@ -7,7 +7,3 @@ export const ySyncPluginKey = new PluginKey('y-sync');
  * The unique prosemirror plugin key for undoPlugin
  */
 export const yUndoPluginKey = new PluginKey('y-undo');
-/**
- * The unique prosemirror plugin key for cursorPlugin
- */
-export const yCursorPluginKey = new PluginKey('yjs-cursor');

package/esm/extension-yjs/src/lib.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAI9C;;GAEG;AACH,KAAK,kBAAkB,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;AA2BzD,eAAO,MAAM,OAAO,GAAI,MAAM,UAAU,EAAE,QAAG,EAAE,UAAK,SAYnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kCAAkC,GAC7C,KAAK,MAAM,EACX,MAAM,CAAC,CAAC,WAAW,EACnB,SAAS,kBAAkB,KAC1B,GA+FF,CAAC;AAaF,eAAO,MAAM,kCAAkC,GAC7C,MAAM,CAAC,CAAC,GAAG,EACX,cAAc,CAAC,CAAC,WAAW,EAC3B,QAAQ,GAAG,EACX,SAAS,kBAAkB,KAC1B,IAAI,GAAG,MA6DT,CAAC"}
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAI9C;;GAEG;AACH,KAAK,kBAAkB,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;AA2BzD,eAAO,MAAM,OAAO,GAAI,MAAM,UAAU,EAAE,QAAG,EAAE,UAAK,SAYnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kCAAkC,GAC7C,KAAK,MAAM,EACX,MAAM,CAAC,CAAC,WAAW,EACnB,SAAS,kBAAkB,KAC1B,GA+FF,CAAC;AAaF,eAAO,MAAM,kCAAkC,GAC7C,MAAM,CAAC,CAAC,GAAG,EACX,cAAc,CAAC,CAAC,WAAW,EAC3B,QAAQ,GAAG,EACX,SAAS,kBAAkB,KAC1B,IAAI,GAAG,MA2DT,CAAC"}

package/esm/extension-yjs/src/lib.js

@@ -159,12 +159,10 @@ export const relativePositionToAbsolutePosition = (yDoc, documentType, relPos, m
         pos += 1; // increase because we go out of n
     }
     while (type !== documentType && type._item !== null) {
-        // @ts-ignore
         const parent = type._item.parent;
         if (parent instanceof Y.ID || parent === null) {
             continue;
         }
-        // @ts-ignore
         if (parent._item === null || !parent._item.deleted) {
             pos += 1; // the start tag
             let n = /** @type {Y.AbstractType} */ (parent)._first;

package/esm/extension-yjs/src/yPositionPlugin.d.ts

@@ -0,0 +1,14 @@
+import * as awarenessProtocol from 'y-protocols/awareness';
+import { Plugin, PluginKey } from 'prosemirror-state';
+import type { CoreEditor } from '../../editor/src/mod.js';
+export declare const yPositionPluginKey: PluginKey<any>;
+interface PositionPluginConfig {
+    getSelection?: (arg0: any) => any;
+}
+/**
+ * Default awareness state filter
+ */
+export declare const defaultAwarenessStateFilter: (currentClientId: number, userClientId: number, _user: any) => boolean;
+export declare const yPositionPlugin: (awareness: awarenessProtocol.Awareness, editor: CoreEditor, { getSelection, }?: PositionPluginConfig, cursorStateField?: string) => Plugin<any>;
+export {};
+//# sourceMappingURL=yPositionPlugin.d.ts.map

package/esm/extension-yjs/src/yPositionPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yPositionPlugin.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/yPositionPlugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAe,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAc1D,eAAO,MAAM,kBAAkB,gBAAgC,CAAC;AAYhE,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,GACtC,iBAAiB,MAAM,EACvB,cAAc,MAAM,EACpB,OAAO,GAAG,KACT,OAA2C,CAAC;AAE/C,eAAO,MAAM,eAAe,GAC1B,WAAW,iBAAiB,CAAC,SAAS,EACtC,QAAQ,UAAU,EAClB,oBAEG,oBAAyB,EAC5B,mBAAkB,MAAiB,gBAiLpC,CAAC"}

package/esm/extension-yjs/src/yPositionPlugin.js

@@ -0,0 +1,121 @@
+import * as Y from 'yjs';
+import { Plugin, PluginKey } from 'prosemirror-state';
+import { remoteSelectionPluginKey } from '../../extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.js';
+import { absolutePositionToRelativePosition, relativePositionToAbsolutePosition, setMeta, } from './lib.js';
+import { ySyncPluginKey } from './keys.js';
+export const yPositionPluginKey = new PluginKey('yjs-position');
+/**
+ * Default awareness state filter
+ */
+export const defaultAwarenessStateFilter = (currentClientId, userClientId, _user) => currentClientId !== userClientId;
+export const yPositionPlugin = (awareness, editor, { getSelection = (state) => state.selection, } = {}, cursorStateField = 'cursor') => {
+    return new Plugin({
+        key: yPositionPluginKey,
+        view: (view) => {
+            const extension = editor.getExtension('remote-selection');
+            const awarenessListener = ({ added, updated, removed }) => {
+                const clients = added.concat(updated).concat(removed);
+                if (clients.findIndex((id) => id !== awareness.doc.clientID) ===
+                    -1) {
+                    return;
+                }
+                if (view.docView) {
+                    setMeta(view, remoteSelectionPluginKey, {
+                        remotePositionUpdated: true,
+                    });
+                }
+                const remoteStates = [];
+                const ystate = ySyncPluginKey.getState(view.state);
+                const y = ystate.doc;
+                awareness.getStates().forEach((aw, clientId) => {
+                    if (!defaultAwarenessStateFilter(y.clientID, clientId, aw)) {
+                        return;
+                    }
+                    if (!aw.cursor) {
+                        return;
+                    }
+                    let anchor = relativePositionToAbsolutePosition(y, ystate.type, Y.createRelativePositionFromJSON(aw.cursor.anchor), ystate.binding.mapping);
+                    let head = relativePositionToAbsolutePosition(y, ystate.type, Y.createRelativePositionFromJSON(aw.cursor.head), ystate.binding.mapping);
+                    if (anchor !== null && head !== null) {
+                        remoteStates.push({
+                            clientId,
+                            user: {
+                                name: aw.user?.name,
+                                color: aw.user?.color,
+                                colorLight: aw.user?.colorLight,
+                            },
+                            cursor: {
+                                anchor,
+                                head,
+                            },
+                        });
+                    }
+                });
+                extension.setRemoteStates(remoteStates);
+                // view.dispatch({ annotations: [yRemoteSelectionsAnnotation.of([])] });
+            };
+            {
+                // if (
+                //   ystate.snapshot != null || ystate.prevSnapshot != null ||
+                //   ystate.binding.mapping.size === 0
+                // ) {
+                //   // do not render cursors while snapshot is active
+                //   return DecorationSet.create(state.doc, []);
+                // }
+            }
+            const updateAwareness = (selectionAnchor, selectionHead) => {
+                const ystate = ySyncPluginKey.getState(view.state);
+                const current = awareness.getLocalState() || {};
+                const anchor = absolutePositionToRelativePosition(selectionAnchor, ystate.type, ystate.binding.mapping);
+                const head = absolutePositionToRelativePosition(selectionHead, ystate.type, ystate.binding.mapping);
+                if (current.cursor == null ||
+                    !Y.compareRelativePositions(Y.createRelativePositionFromJSON(current.cursor.anchor), anchor) ||
+                    !Y.compareRelativePositions(Y.createRelativePositionFromJSON(current.cursor.head), head)) {
+                    awareness.setLocalStateField(cursorStateField, {
+                        anchor,
+                        head,
+                    });
+                }
+            };
+            const clearAwareness = () => {
+                const ystate = ySyncPluginKey.getState(view.state);
+                const current = awareness.getLocalState() || {};
+                if (current.cursor != null &&
+                    relativePositionToAbsolutePosition(ystate.doc, ystate.type, Y.createRelativePositionFromJSON(current.cursor.anchor), ystate.binding.mapping) !== null) {
+                    // delete cursor information if current cursor information is owned by this editor binding
+                    awareness.setLocalStateField(cursorStateField, null);
+                }
+            };
+            const updateCursorInfo = () => {
+                if (view.hasFocus()) {
+                    const selection = getSelection(view.state);
+                    updateAwareness(selection.anchor, selection.head);
+                }
+                else {
+                    // clearAwareness();
+                }
+            };
+            const localPositionChangedListener = (event) => {
+                const { detail } = event;
+                updateAwareness(detail.anchor, detail.head);
+            };
+            editor.addEventListener('localPositionChanged', localPositionChangedListener);
+            awareness.on('change', awarenessListener);
+            view.dom.addEventListener('focusin', updateCursorInfo);
+            view.dom.addEventListener('focusout', updateCursorInfo);
+            return {
+                update: updateCursorInfo,
+                destroy: () => {
+                    view.dom.removeEventListener('focusin', updateCursorInfo);
+                    view.dom.removeEventListener('focusout', updateCursorInfo);
+                    awareness.off('change', awarenessListener);
+                    awareness.setLocalStateField(cursorStateField, null);
+                    editor.removeEventListener('localPositionChanged', localPositionChangedListener);
+                },
+            };
+        },
+        updateCursorInfo(state) {
+            throw new Error('TODO: merge with updateCursorInfo above');
+        },
+    });
+};

package/esm/extension-yjs/src/ySyncPlugin.d.ts

@@ -19,7 +19,7 @@ interface YSyncOpts {
     colorMapping?: Map<string, ColorDef>;
     permanentUserData?: Y.PermanentUserData | null;
     mapping?: ProsemirrorMapping;
-    onFirstRender?: Function;
+    onFirstRender?: () => void;
 }
 /**
  * This plugin listens to changes in prosemirror view and keeps yXmlState and view in sync.

package/esm/extension-yjs/src/ySyncPlugin.d.ts.map

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

package/esm/extension-yjs/src/ySyncPlugin.js

@@ -1,3 +1,4 @@
+// deno-lint-ignore-file no-window
 import * as Y from 'yjs';
 import { createMutex } from 'lib0/mutex';
 import * as PModel from 'prosemirror-model';
@@ -12,6 +13,7 @@ import * as environment from 'lib0/environment';
 import * as dom from 'lib0/dom';
 import * as eventloop from 'lib0/eventloop';
 import * as map from 'lib0/map';
+import { remoteSelectionPluginKey } from '../../extension-basic-editor/src/remote-selection/ExtensionRemoteSelection.js';
 import { ySyncPluginKey, yUndoPluginKey } from './keys.js';
 import * as utils from './utils.js';
 import { absolutePositionToRelativePosition, relativePositionToAbsolutePosition, } from './lib.js';
@@ -34,7 +36,7 @@ const getUserColor = (colorMapping, colors, user) => {
         }
         colorMapping.set(user, random.oneOf(colors));
     }
-    return colorMapping.get(user);
+    return colorMapping.get(user) || defaultColors[0];
 };
 /**
  * This plugin listens to changes in prosemirror view and keeps yXmlState and view in sync.
@@ -350,7 +352,6 @@ export class ProsemirrorBinding {
             }
             const state = this.prosemirrorView.state;
             const fragmentContent = this.type.toArray().map((t) => createNodeFromYElement(t, state.schema, this)).filter((n) => n !== null);
-            // @ts-ignore
             const _tr = state.tr.setMeta('addToHistory', false);
             const tr = _tr.replace(0, state.doc.content.size, new PModel.Slice(PModel.Fragment.from(fragmentContent), 0, 0));
             tr.setMeta(ySyncPluginKey, { snapshot: null, prevSnapshot: null });
@@ -372,7 +373,6 @@ export class ProsemirrorBinding {
                 : state.selection;
             const fragmentContent = this.type.toArray().map((t) => createNodeFromYElement(
             /** @type {Y.XmlElement} */ (t), state.schema, this)).filter((n) => n !== null);
-            // @ts-ignore
             const _tr = state.tr.setMeta('addToHistory', false);
             const tr = _tr.replace(0, state.doc.content.size, new PModel.Slice(PModel.Fragment.from(fragmentContent), 0, 0));
             if (sel) {
@@ -385,7 +385,8 @@ export class ProsemirrorBinding {
                 const clampedHead = math.min(math.max(sel.head, 0), tr.doc.content.size);
                 tr.setSelection(TextSelection.create(tr.doc, clampedAnchor, clampedHead));
             }
-            this.prosemirrorView.dispatch(tr.setMeta(ySyncPluginKey, { isChangeOrigin: true, binding: this }));
+            this.prosemirrorView.dispatch(tr.setMeta(ySyncPluginKey, { isChangeOrigin: true, binding: this })
+                .setMeta(remoteSelectionPluginKey, { isChangeOrigin: true }));
         });
     }
     _renderSnapshot(snapshot, prevSnapshot, pluginState) {
@@ -454,6 +455,9 @@ export class ProsemirrorBinding {
                 };
                 // Create document fragment and render
                 const fragmentContent = Y.typeListToArraySnapshot(historyType, new Y.Snapshot(prevSnapshot.ds, snapshot.sv)).map((t) => {
+                    if (!this.prosemirrorView) {
+                        return null;
+                    }
                     if (!t._item.deleted || isVisible(t._item, snapshot) ||
                         isVisible(t._item, prevSnapshot)) {
                         return createNodeFromYElement(t, this.prosemirrorView.state.schema, { mapping: new Map(), isOMark: new Map() }, snapshot, prevSnapshot, computeYChange);
@@ -464,9 +468,11 @@ export class ProsemirrorBinding {
                         return null;
                     }
                 }).filter((n) => n !== null);
-                const _tr = this.prosemirrorView.state.tr.setMeta('addToHistory', false);
-                const tr = _tr.replace(0, this.prosemirrorView.state.doc.content.size, new PModel.Slice(PModel.Fragment.from(fragmentContent), 0, 0));
-                this.prosemirrorView.dispatch(tr.setMeta(ySyncPluginKey, { isChangeOrigin: true }));
+                if (this.prosemirrorView) {
+                    const _tr = this.prosemirrorView.state.tr.setMeta('addToHistory', false);
+                    const tr = _tr.replace(0, this.prosemirrorView.state.doc.content.size, new PModel.Slice(PModel.Fragment.from(fragmentContent), 0, 0));
+                    this.prosemirrorView.dispatch(tr.setMeta(ySyncPluginKey, { isChangeOrigin: true }));
+                }
             }, ySyncPluginKey);
         });
     }
@@ -643,7 +649,6 @@ const createTextNodesFromYText = (text, schema, _meta, snapshot, prevSnapshot, c
         }, ySyncPluginKey);
         return null;
     }
-    // @ts-ignore
     return nodes;
 };
 /**
@@ -652,7 +657,6 @@ const createTextNodesFromYText = (text, schema, _meta, snapshot, prevSnapshot, c
 const createTypeFromTextNodes = (nodes, meta) => {
     const type = new Y.XmlText();
     const delta = nodes.map((node) => ({
-        // @ts-ignore
         insert: node.text,
         attributes: marksToAttributes(node.marks, meta),
     }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerebron/extension-yjs",
-  "version": "0.3.2",
+  "version": "0.4.1",
   "license": "MIT",
   "module": "./esm/extension-yjs/src/ExtensionYjs.js",
   "exports": {

package/esm/extension-yjs/src/yCursorPlugin.d.ts

@@ -1,29 +0,0 @@
-import * as awarenessProtocol from 'y-protocols/awareness';
-import { Plugin } from 'prosemirror-state';
-import { type DecorationAttrs } from 'prosemirror-view';
-/**
- * Default awareness state filter
- */
-export declare const defaultAwarenessStateFilter: (currentClientId: number, userClientId: number, _user: any) => boolean;
-/**
- * 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, awareness: awarenessProtocol.Awareness, awarenessFilter: (arg0: number, arg1: number, arg2: any) => boolean, createCursor: (user: {
-    name: string;
-    color: string;
-}, clientId: number) => Element, createSelection: (user: {
-    name: string;
-    color: string;
-}, clientId: number) => DecorationAttrs) => any;
-export declare const yCursorPlugin: (awareness: awarenessProtocol.Awareness, { awarenessStateFilter, cursorBuilder, selectionBuilder, getSelection, }?: {
-    awarenessStateFilter?: (arg0: any, arg1: any, arg2: any) => boolean;
-    cursorBuilder?: (user: any, clientId: number) => HTMLElement;
-    selectionBuilder?: (user: any, clientId: number) => DecorationAttrs;
-    getSelection?: (arg0: any) => any;
-}, cursorStateField?: string) => Plugin<any>;
-//# sourceMappingURL=yCursorPlugin.d.ts.map

package/esm/extension-yjs/src/yCursorPlugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"yCursorPlugin.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/yCursorPlugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAe,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAYxD;;GAEG;AACH,eAAO,MAAM,2BAA2B,GACtC,iBAAiB,MAAM,EACvB,cAAc,MAAM,EACpB,OAAO,GAAG,KACT,OAA2C,CAAC;AAE/C;;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,iBAAiB,CAAC,SAAS,EACtC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,OAAO,EACnE,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,GA6DF,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,WAAW,iBAAiB,CAAC,SAAS,EACtC,2EAKG;IACD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACpE,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;IACpE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC9B,EACN,mBAAkB,MAAiB,gBAsJpC,CAAC"}

package/esm/extension-yjs/src/yCursorPlugin.js

@@ -1,177 +0,0 @@
-import * as Y from 'yjs';
-import { Decoration, DecorationSet } from 'prosemirror-view'; // eslint-disable-line
-import { Plugin } from 'prosemirror-state'; // eslint-disable-line
-import { absolutePositionToRelativePosition, relativePositionToAbsolutePosition, setMeta, } from './lib.js';
-import { yCursorPluginKey, ySyncPluginKey } from './keys.js';
-import * as math from 'lib0/math';
-/**
- * Default awareness state filter
- */
-export const defaultAwarenessStateFilter = (currentClientId, userClientId, _user) => currentClientId !== userClientId;
-/**
- * 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, awareness, awarenessFilter, createCursor, createSelection) => {
-    const ystate = ySyncPluginKey.getState(state);
-    const y = ystate.doc;
-    const decorations = [];
-    if (ystate.snapshot != null || ystate.prevSnapshot != null ||
-        ystate.binding.mapping.size === 0) {
-        // do not render cursors while snapshot is active
-        return DecorationSet.create(state.doc, []);
-    }
-    awareness.getStates().forEach((aw, clientId) => {
-        if (!awarenessFilter(y.clientID, clientId, aw)) {
-            return;
-        }
-        if (aw.cursor != null) {
-            const user = aw.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: ${clientId}`;
-            }
-            let anchor = relativePositionToAbsolutePosition(y, ystate.type, Y.createRelativePositionFromJSON(aw.cursor.anchor), ystate.binding.mapping);
-            let head = relativePositionToAbsolutePosition(y, ystate.type, Y.createRelativePositionFromJSON(aw.cursor.head), ystate.binding.mapping);
-            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, clientId), {
-                    key: clientId + '',
-                    side: 10,
-                }));
-                const from = math.min(anchor, head);
-                const to = math.max(anchor, head);
-                decorations.push(Decoration.inline(from, to, createSelection(user, clientId), {
-                    inclusiveEnd: true,
-                    inclusiveStart: false,
-                }));
-            }
-        }
-    });
-    return DecorationSet.create(state.doc, decorations);
-};
-export const yCursorPlugin = (awareness, { awarenessStateFilter = defaultAwarenessStateFilter, cursorBuilder = defaultCursorBuilder, selectionBuilder = defaultSelectionBuilder, getSelection = (state) => state.selection, } = {}, cursorStateField = 'cursor') => {
-    return new Plugin({
-        key: yCursorPluginKey,
-        state: {
-            init(_, state) {
-                return createDecorations(state, awareness, awarenessStateFilter, cursorBuilder, selectionBuilder);
-            },
-            apply(tr, prevState, _oldState, newState) {
-                const ystate = ySyncPluginKey.getState(newState);
-                const yCursorState = tr.getMeta(yCursorPluginKey);
-                if ((ystate && ystate.isChangeOrigin) ||
-                    (yCursorState && yCursorState.awarenessUpdated)) {
-                    return createDecorations(newState, awareness, awarenessStateFilter, cursorBuilder, selectionBuilder);
-                }
-                return prevState.map(tr.mapping, tr.doc);
-            },
-        },
-        props: {
-            decorations: (state) => {
-                return yCursorPluginKey.getState(state);
-            },
-        },
-        view: (view) => {
-            const awarenessListener = () => {
-                // @ts-ignore
-                if (view.docView) {
-                    setMeta(view, yCursorPluginKey, { awarenessUpdated: true });
-                }
-            };
-            const updateCursorInfo = () => {
-                const ystate = ySyncPluginKey.getState(view.state);
-                // @note We make implicit checks when checking for the cursor property
-                const current = awareness.getLocalState() || {};
-                const selection = getSelection(view.state);
-                if (view.hasFocus()) {
-                    const selection = getSelection(view.state);
-                    /**
-                     * @type {Y.RelativePosition}
-                     */
-                    const anchor = absolutePositionToRelativePosition(selection.anchor, ystate.type, ystate.binding.mapping);
-                    /**
-                     * @type {Y.RelativePosition}
-                     */
-                    const head = absolutePositionToRelativePosition(selection.head, ystate.type, ystate.binding.mapping);
-                    if (current.cursor == null ||
-                        !Y.compareRelativePositions(Y.createRelativePositionFromJSON(current.cursor.anchor), anchor) ||
-                        !Y.compareRelativePositions(Y.createRelativePositionFromJSON(current.cursor.head), head)) {
-                        awareness.setLocalStateField(cursorStateField, {
-                            anchor,
-                            head,
-                        });
-                        awareness.setLocalStateField('cm-cursor', null);
-                    }
-                }
-                else if (current.cursor != null &&
-                    relativePositionToAbsolutePosition(ystate.doc, ystate.type, Y.createRelativePositionFromJSON(current.cursor.anchor), ystate.binding.mapping) !== null) {
-                    // delete cursor information if current cursor information is owned by this editor binding
-                    awareness.setLocalStateField(cursorStateField, null);
-                }
-            };
-            awareness.on('change', awarenessListener);
-            view.dom.addEventListener('focusin', updateCursorInfo);
-            view.dom.addEventListener('focusout', updateCursorInfo);
-            return {
-                update: updateCursorInfo,
-                destroy: () => {
-                    view.dom.removeEventListener('focusin', updateCursorInfo);
-                    view.dom.removeEventListener('focusout', updateCursorInfo);
-                    awareness.off('change', awarenessListener);
-                    awareness.setLocalStateField(cursorStateField, null);
-                },
-            };
-        },
-        updateCursorInfo(state) {
-            const ystate = ySyncPluginKey.getState(state);
-            // @note We make implicit checks when checking for the cursor property
-            const current = awareness.getLocalState() || {};
-            const selection = getSelection(state);
-            const anchor = absolutePositionToRelativePosition(selection.anchor, ystate.type, ystate.binding.mapping);
-            const head = absolutePositionToRelativePosition(selection.head, ystate.type, ystate.binding.mapping);
-            if (current.cursor == null ||
-                !Y.compareRelativePositions(Y.createRelativePositionFromJSON(current.cursor.anchor), anchor) ||
-                !Y.compareRelativePositions(Y.createRelativePositionFromJSON(current.cursor.head), head)) {
-                awareness.setLocalStateField(cursorStateField, {
-                    anchor,
-                    head,
-                });
-                awareness.setLocalStateField('cm-cursor', null);
-            }
-            // delete cursor information if current cursor information is owned by this editor binding
-            // awareness.setLocalStateField(cursorStateField, null);
-        },
-    });
-};