@kerebron/extension-yjs 0.1.1 → 0.1.2

package/esm/editor/src/CoreEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoreEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/src/CoreEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,IAAI,IAAI,eAAe,EACvB,KAAK,MAAM,EACZ,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAkB,MAAM,8BAA8B,CAAC;AAgC/E,qBAAa,UAAW,SAAQ,WAAW;IACzC,SAAgB,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAG7C;IACF,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,cAAc,CAAiB;IAChC,IAAI,EAAG,UAAU,CAAC;IAClB,KAAK,EAAG,WAAW,CAAC;gBAEf,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM;IAyBhD,IAAW,MAAM,qBAEhB;IAEM,KAAK,IAAI,eAAe;IAIxB,GAAG,IAAI,eAAe;IAI7B,OAAO,CAAC,UAAU;IAaX,mBAAmB,CAAC,WAAW,EAAE,WAAW;IAcnD,OAAO,CAAC,YAAY;IAcb,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM;IAwC7C,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM;IAkB9B,OAAO,IAAI,WAAW;IAItB,KAAK,CAAC,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,UAAU;IAOvD,KAAK,CAAC,GAAG,CAAC,EAAE,eAAe;CAMnC"}
+{"version":3,"file":"CoreEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/src/CoreEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGzE,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAkB,MAAM,8BAA8B,CAAC;AAgC/E,qBAAa,UAAW,SAAQ,WAAW;IACzC,SAAgB,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAG7C;IACF,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,cAAc,CAAiB;IAChC,IAAI,EAAG,UAAU,CAAC;IAClB,KAAK,EAAG,WAAW,CAAC;gBAEf,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM;IAyBhD,IAAW,MAAM,qBAEhB;IAEM,KAAK,IAAI,eAAe;IAIxB,GAAG,IAAI,eAAe;IAI7B,OAAO,CAAC,UAAU;IAaX,mBAAmB,CAAC,WAAW,EAAE,WAAW;IAcnD,OAAO,CAAC,YAAY;IAcb,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM;IAwC7C,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM;IAkB9B,OAAO,IAAI,WAAW;IAItB,KAAK,CAAC,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,UAAU;IAOvD,KAAK,CAAC,GAAG,CAAC,EAAE,eAAe;CAMnC"}

package/esm/editor/src/CoreEditor.js

@@ -1,5 +1,5 @@
 import { EditorView } from 'prosemirror-view';
-import { Node as ProseMirrorNode, } from 'prosemirror-model';
+import { Node as ProseMirrorNode } from 'prosemirror-model';
 import { ExtensionManager } from './ExtensionManager.js';
 import { EditorState } from 'prosemirror-state';
 import { createNodeFromContent } from './utilities/createNodeFromContent.js';
@@ -21,12 +21,12 @@ function ensureDocSchema(doc, schema) {
         };
         // TODO fix readonly warnings
         doc.type = findNode(doc.type.name);
-        doc.marks.forEach(mark => {
+        doc.marks.forEach((mark) => {
             mark.type = findMark(mark.type.name);
         });
-        doc.descendants(node => {
+        doc.descendants((node) => {
             node.type = findNode(node.type.name);
-            node.marks.forEach(mark => {
+            node.marks.forEach((mark) => {
                 mark.type = findMark(mark.type.name);
             });
         });
@@ -182,7 +182,7 @@ export class CoreEditor extends EventTarget {
     clone(options = {}) {
         return new CoreEditor({
             ...options,
-            extensions: [...this.options.extensions]
+            extensions: [...this.options.extensions],
         });
     }
     debug(doc) {

package/esm/editor/src/nodeToTreeString.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nodeToTreeString.d.ts","sourceRoot":"","sources":["../../../src/editor/src/nodeToTreeString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAYvC,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,SAAS,IAAI,EAAE,EAAE,KAAK,SAAI,EAAE,UAAU,SAAI,UAmDhG;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,QAE5C"}
+{"version":3,"file":"nodeToTreeString.d.ts","sourceRoot":"","sources":["../../../src/editor/src/nodeToTreeString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAYzC,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,SAAS,IAAI,EAAE,EACrC,KAAK,SAAI,EACT,UAAU,SAAI,UA0Df;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,QAE5C"}

package/esm/editor/src/nodeToTreeString.js

@@ -13,7 +13,9 @@ export function nodeToTreeString(node, level = 0, currentPos = 0) {
     let output = '';
     if (Array.isArray(node)) {
         for (const child of node) {
-            output += delim + nodeToTreeString(child, level + 1, currentPos).replace(/\s+$/gm, '') + '\n';
+            output += delim +
+                nodeToTreeString(child, level + 1, currentPos).replace(/\s+$/gm, '') +
+                '\n';
         }
         return output;
     }
@@ -44,7 +46,8 @@ export function nodeToTreeString(node, level = 0, currentPos = 0) {
         output += (delim + '    "' + trimText(node.text) + '"') + '\n';
     }
     node.forEach((child, offset) => {
-        output += nodeToTreeString(child, level + 1, currentPos + offset + 1).replace(/\s+$/gm, '') + '\n'; // + (node.isLeaf ? 1 : 2)
+        output +=
+            nodeToTreeString(child, level + 1, currentPos + offset + 1).replace(/\s+$/gm, '') + '\n'; // + (node.isLeaf ? 1 : 2)
     });
     return output;
 }

package/esm/editor/src/utilities/createNodeFromContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createNodeFromContent.d.ts","sourceRoot":"","sources":["../../../../src/editor/src/utilities/createNodeFromContent.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,IAAI,IAAI,eAAe,EACvB,MAAM,EACP,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,4BAA4B,GAAG;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,OAAO,GAAG,eAAe,GAAG,QAAQ,EAC7C,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,4BAA4B,GACrC,eAAe,GAAG,QAAQ,CAiC5B;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,OAAO,GAAG,eAAe,GAAG,QAAQ,EAC7C,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,4BAA4B,GACrC,eAAe,GAAG,QAAQ,CAY5B"}
+{"version":3,"file":"createNodeFromContent.d.ts","sourceRoot":"","sources":["../../../../src/editor/src/utilities/createNodeFromContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,4BAA4B,GAAG;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,OAAO,GAAG,eAAe,GAAG,QAAQ,EAC7C,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,4BAA4B,GACrC,eAAe,GAAG,QAAQ,CAiC5B;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,OAAO,GAAG,eAAe,GAAG,QAAQ,EAC7C,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,4BAA4B,GACrC,eAAe,GAAG,QAAQ,CAY5B"}

package/esm/editor/src/utilities/createNodeFromContent.js

@@ -1,4 +1,4 @@
-import { Fragment, Node as ProseMirrorNode, } from 'prosemirror-model';
+import { Fragment, Node as ProseMirrorNode } from 'prosemirror-model';
 export function createNodeFromObject(content, schema, options) {
     try {
         // if the JSON Content is an array of nodes, create a fragment for each node

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

@@ -1,6 +1,6 @@
 import { Extension } from '../../editor/src/mod.js';
 import { initProseMirrorDoc, redo, undo, yUndoPlugin } from 'y-prosemirror';
-import { ySyncPlugin } from './SyncPlugin.js';
+import { ySyncPlugin } from 'y-prosemirror';
 import { yCursorPlugin } from './yCursorPlugin.js';
 export class ExtensionYjs extends Extension {
     constructor() {

package/package.json

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

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

@@ -1,84 +0,0 @@
-import * as PModel from 'prosemirror-model';
-import { Plugin } from 'prosemirror-state';
-import * as Y from 'yjs';
-import { mutex } from 'lib0/mutex';
-import { EditorView } from 'prosemirror-view';
-import { ProsemirrorMapping } from 'y-prosemirror';
-import { YSyncOpts } from 'y-prosemirror';
-/**
- * @param {Y.Item} item
- * @param {Y.Snapshot} [snapshot]
- */
-export declare const isVisible: (item: any, snapshot: any) => any;
-export declare const ySyncPlugin: (yXmlFragment: Y.XmlFragment, { colors, colorMapping, permanentUserData, onFirstRender, mapping, }?: YSyncOpts) => Plugin<any>;
-export declare const getRelativeSelection: (pmbinding: any, state: any) => {
-    anchor: any;
-    head: any;
-};
-/**
- * Binding for prosemirror.
- *
- * @protected
- */
-export declare class ProsemirrorBinding {
-    private yXmlFragment;
-    private mapping;
-    type: Y.XmlFragment;
-    mux: mutex;
-    private _observeFunction;
-    private prosemirrorView;
-    private doc;
-    beforeTransactionSelection: {
-        anchor: any;
-        head: any;
-    };
-    afterAllTransactions: () => void;
-    beforeAllTransactions: (arg0: Y.Doc) => void;
-    constructor(yXmlFragment: Y.XmlFragment, mapping?: ProsemirrorMapping);
-    /**
-     * Create a transaction for changing the prosemirror state.
-     *
-     * @returns
-     */
-    get _tr(): import("prosemirror-state").Transaction | undefined;
-    _isLocalCursorInView(): any;
-    _isDomSelectionInView(): boolean;
-    renderSnapshot(snapshot: Y.Snapshot, prevSnapshot: Y.Snapshot): void;
-    unrenderSnapshot(): void;
-    _forceRerender(): void;
-    _renderSnapshot(snapshot: Y.Snapshot | Uint8Array, prevSnapshot: Y.Snapshot | Uint8Array, pluginState: Object): void;
-    _typeChanged(events: Array<Y.YEvent<any>>, transaction: Y.Transaction): void;
-    _prosemirrorChanged(doc: any): void;
-    /**
-     * View is ready to listen to changes. Register observers.
-     * @param {any} prosemirrorView
-     */
-    initView(prosemirrorView: EditorView): void;
-    destroy(): void;
-}
-/**
- * @private
- * @param {Y.XmlElement} el
- * @param {any} schema
- * @param {ProsemirrorMapping} mapping
- * @param {Y.Snapshot} [snapshot]
- * @param {Y.Snapshot} [prevSnapshot]
- * @param {function('removed' | 'added', Y.ID):any} [computeYChange]
- * @return {PModel.Node | null} Returns node if node could be created. Otherwise it deletes the yjs type and returns null
- */
-export declare const createNodeFromYElement: (el: Y.XmlElement, schema: any, mapping: ProsemirrorMapping, snapshot: Y.Snapshot, prevSnapshot: Y.Snapshot, computeYChange: (arg0: "removed" | "added", arg1: Y.ID) => any) => PModel.Node | null;
-/**
- * Update a yDom node by syncing the current content of the prosemirror node.
- *
- * This is a y-prosemirror internal feature that you can use at your own risk.
- *
- * @private
- * @unstable
- *
- * @param {{transact: Function}} y
- * @param {Y.XmlFragment} yDomFragment
- * @param {any} pNode
- * @param {ProsemirrorMapping} mapping
- */
-export declare const updateYFragment: (y: any, yDomFragment: Y.XmlFragment, pNode: any, mapping: ProsemirrorMapping) => void;
-//# sourceMappingURL=SyncPlugin.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SyncPlugin.d.ts","sourceRoot":"","sources":["../../../src/extension-yjs/src/SyncPlugin.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAiB,MAAM,mBAAmB,CAAC;AAO1D,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAUzB,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C;;;GAGG;AACH,eAAO,MAAM,SAAS,mCAKmB,CAAC;AA8C1C,eAAO,MAAM,WAAW,iBAAkB,CAAC,CAAC,WAAW,yEAMpD,SAAS,gBAsIX,CAAC;AA0BF,eAAO,MAAM,oBAAoB;;;CAW/B,CAAC;AAEH;;;;GAIG;AACH,qBAAa,kBAAkB;IAW3B,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,OAAO;IAXjB,IAAI,EAAE,CAAC,CAAC,WAAW,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC;IACX,OAAO,CAAC,gBAAgB,CAA0C;IAClE,OAAO,CAAC,eAAe,CAAoB;IAC3C,OAAO,CAAC,GAAG,CAAQ;IACnB,0BAA0B,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,CAAC;IACvD,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,qBAAqB,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC;gBAGnC,YAAY,EAAE,CAAC,CAAC,WAAW,EAC3B,OAAO,GAAE,kBAA8B;IA+BjD;;;;OAIG;IACH,IAAI,GAAG,wDAEN;IAED,oBAAoB;IAYpB,qBAAqB;IA4BrB,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,QAAQ;IAS7D,gBAAgB;IAqBhB,cAAc;IA+Bd,eAAe,CACb,QAAQ,EAAE,CAAC,CAAC,QAAQ,GAAG,UAAU,EACjC,YAAY,EAAE,CAAC,CAAC,QAAQ,GAAG,UAAU,EACrC,WAAW,EAAE,MAAM;IAuFrB,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW;IAuDrE,mBAAmB,CAAC,GAAG,KAAA;IAUvB;;;OAGG;IACH,QAAQ,CAAC,eAAe,EAAE,UAAU;IAQpC,OAAO;CAOR;AA4BD;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,OAC7B,CAAC,CAAC,UAAU,UACR,GAAG,WACF,kBAAkB,YACjB,CAAC,CAAC,QAAQ,gBACN,CAAC,CAAC,QAAQ,kBACR,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,KAAK,GAAG,KAC7D,MAAM,CAAC,IAAI,GAAG,IAgFhB,CAAC;AAwPF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,yBAEZ,CAAC,CAAC,WAAW,uBAElB,kBAAkB,SA4J5B,CAAC"}

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

@@ -1,924 +0,0 @@
-/**
- * @module bindings/prosemirror
- */
-import { createMutex } from 'lib0/mutex';
-import * as PModel from 'prosemirror-model';
-import { Plugin, TextSelection } from 'prosemirror-state'; // eslint-disable-line
-import * as math from 'lib0/math';
-import * as object from 'lib0/object';
-import * as set from 'lib0/set';
-import { simpleDiff } from 'lib0/diff';
-import * as error from 'lib0/error';
-import { ySyncPluginKey, yUndoPluginKey } from 'y-prosemirror';
-import * as Y from 'yjs';
-import { absolutePositionToRelativePosition, relativePositionToAbsolutePosition, } from 'y-prosemirror';
-import * as random from 'lib0/random';
-import * as environment from 'lib0/environment';
-import * as dom from 'lib0/dom';
-import * as eventloop from 'lib0/eventloop';
-/**
- * @param {Y.Item} item
- * @param {Y.Snapshot} [snapshot]
- */
-export const isVisible = (item, snapshot) => snapshot === undefined
-    ? !item.deleted
-    : (snapshot.sv.has(item.id.client) && /** @type {number} */
-        (snapshot.sv.get(item.id.client)) > item.id.clock &&
-        !Y.isDeleted(snapshot.ds, item.id));
-/**
- * Either a node if type is YXmlElement or an Array of text nodes if YXmlText
- * @typedef {Map<Y.AbstractType<any>, PModel.Node | Array<PModel.Node>>} ProsemirrorMapping
- */
-/**
- * @typedef {Object} ColorDef
- * @property {string} ColorDef.light
- * @property {string} ColorDef.dark
- */
-/**
- * @typedef {Object} YSyncOpts
- * @property {Array<ColorDef>} [YSyncOpts.colors]
- * @property {Map<string,ColorDef>} [YSyncOpts.colorMapping]
- * @property {Y.PermanentUserData|null} [YSyncOpts.permanentUserData]
- * @property {ProsemirrorMapping} [YSyncOpts.mapping]
- * @property {function} [YSyncOpts.onFirstRender] Fired when the content from Yjs is initially rendered to ProseMirror
- */
-/**
- * @type {Array<ColorDef>}
- */
-const defaultColors = [{ light: '#ecd44433', dark: '#ecd444' }];
-/**
- * @param {Map<string,ColorDef>} colorMapping
- * @param {Array<ColorDef>} colors
- * @param {string} user
- * @return {ColorDef}
- */
-const getUserColor = (colorMapping, colors, user) => {
-    // @todo do not hit the same color twice if possible
-    if (!colorMapping.has(user)) {
-        if (colorMapping.size < colors.length) {
-            const usedColors = set.create();
-            colorMapping.forEach((color) => usedColors.add(color));
-            colors = colors.filter((color) => !usedColors.has(color));
-        }
-        colorMapping.set(user, random.oneOf(colors));
-    }
-    return /** @type {ColorDef} */ (colorMapping.get(user));
-};
-export const ySyncPlugin = (yXmlFragment, { colors = defaultColors, colorMapping = new Map(), permanentUserData = null, onFirstRender = () => { }, mapping, } = {}) => {
-    let initialContentChanged = false;
-    const binding = new ProsemirrorBinding(yXmlFragment, mapping);
-    const plugin = new Plugin({
-        props: {
-            editable: (state) => {
-                const syncState = ySyncPluginKey.getState(state);
-                return syncState.snapshot == null && syncState.prevSnapshot == null;
-            },
-        },
-        key: ySyncPluginKey,
-        state: {
-            /**
-             * @returns {any}
-             */
-            init: (_initargs, _state) => {
-                return {
-                    type: yXmlFragment,
-                    doc: yXmlFragment.doc,
-                    binding,
-                    snapshot: null,
-                    prevSnapshot: null,
-                    isChangeOrigin: false,
-                    isUndoRedoOperation: false,
-                    addToHistory: true,
-                    colors,
-                    colorMapping,
-                    permanentUserData,
-                };
-            },
-            apply: (tr, pluginState) => {
-                const change = tr.getMeta(ySyncPluginKey);
-                if (change !== undefined) {
-                    pluginState = Object.assign({}, pluginState);
-                    for (const key in change) {
-                        pluginState[key] = change[key];
-                    }
-                }
-                pluginState.addToHistory = tr.getMeta('addToHistory') !== false;
-                // always set isChangeOrigin. If undefined, this is not change origin.
-                pluginState.isChangeOrigin = change !== undefined &&
-                    !!change.isChangeOrigin;
-                pluginState.isUndoRedoOperation = change !== undefined &&
-                    !!change.isChangeOrigin && !!change.isUndoRedoOperation;
-                if (binding.prosemirrorView !== null) {
-                    if (change !== undefined &&
-                        (change.snapshot != null || change.prevSnapshot != null)) {
-                        // snapshot changed, rerender next
-                        eventloop.timeout(0, () => {
-                            if (binding.prosemirrorView == null) {
-                                return;
-                            }
-                            if (change.restore == null) {
-                                binding._renderSnapshot(change.snapshot, change.prevSnapshot, pluginState);
-                            }
-                            else {
-                                binding._renderSnapshot(change.snapshot, change.snapshot, pluginState);
-                                // reset to current prosemirror state
-                                delete pluginState.restore;
-                                delete pluginState.snapshot;
-                                delete pluginState.prevSnapshot;
-                                binding.mux(() => {
-                                    binding._prosemirrorChanged(binding.prosemirrorView.state.doc);
-                                });
-                            }
-                        });
-                    }
-                }
-                return pluginState;
-            },
-        },
-        view: (view) => {
-            binding.initView(view);
-            if (mapping == null) {
-                // force rerender to update the bindings mapping
-                binding._forceRerender();
-            }
-            onFirstRender();
-            return {
-                update: () => {
-                    const pluginState = plugin.getState(view.state);
-                    if (pluginState.snapshot == null && pluginState.prevSnapshot == null) {
-                        if (
-                        // If the content doesn't change initially, we don't render anything to Yjs
-                        // If the content was cleared by a user action, we want to catch the change and
-                        // represent it in Yjs
-                        initialContentChanged ||
-                            view.state.doc.content.findDiffStart(view.state.doc.type.createAndFill().content) !== null) {
-                            initialContentChanged = true;
-                            if (pluginState.addToHistory === false &&
-                                !pluginState.isChangeOrigin) {
-                                const yUndoPluginState = yUndoPluginKey.getState(view.state);
-                                /**
-                                 * @type {Y.UndoManager}
-                                 */
-                                const um = yUndoPluginState && yUndoPluginState.undoManager;
-                                if (um) {
-                                    um.stopCapturing();
-                                }
-                            }
-                            binding.mux(() => {
-                                /** @type {Y.Doc} */ (pluginState.doc).transact((tr) => {
-                                    tr.meta.set('addToHistory', pluginState.addToHistory);
-                                    binding._prosemirrorChanged(view.state.doc);
-                                }, ySyncPluginKey);
-                            });
-                        }
-                    }
-                },
-                destroy: () => {
-                    binding.destroy();
-                },
-            };
-        },
-    });
-    return plugin;
-};
-const restoreRelativeSelection = (tr, relSel, binding) => {
-    if (relSel !== null && relSel.anchor !== null && relSel.head !== null) {
-        const anchor = relativePositionToAbsolutePosition(binding.doc, binding.type, relSel.anchor, binding.mapping);
-        const head = relativePositionToAbsolutePosition(binding.doc, binding.type, relSel.head, binding.mapping);
-        if (anchor !== null && head !== null) {
-            tr = tr.setSelection(TextSelection.create(tr.doc, anchor, head));
-        }
-    }
-};
-export const getRelativeSelection = (pmbinding, state) => ({
-    anchor: absolutePositionToRelativePosition(state.selection.anchor, pmbinding.type, pmbinding.mapping),
-    head: absolutePositionToRelativePosition(state.selection.head, pmbinding.type, pmbinding.mapping),
-});
-/**
- * Binding for prosemirror.
- *
- * @protected
- */
-export class ProsemirrorBinding {
-    constructor(yXmlFragment, mapping = new Map()) {
-        Object.defineProperty(this, "yXmlFragment", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: yXmlFragment
-        });
-        Object.defineProperty(this, "mapping", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: mapping
-        });
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "mux", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "_observeFunction", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "prosemirrorView", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "doc", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "beforeTransactionSelection", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "afterAllTransactions", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "beforeAllTransactions", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.type = yXmlFragment;
-        /**
-         * this will be set once the view is created
-         * @type {any}
-         */
-        this.prosemirrorView = null;
-        this.mux = createMutex();
-        this._observeFunction = this._typeChanged.bind(this);
-        this.doc = yXmlFragment.doc;
-        /**
-         * current selection as relative positions in the Yjs model
-         */
-        this.beforeTransactionSelection = null;
-        this.beforeAllTransactions = () => {
-            if (this.beforeTransactionSelection === null && this.prosemirrorView != null) {
-                this.beforeTransactionSelection = getRelativeSelection(this, this.prosemirrorView.state);
-            }
-        };
-        this.afterAllTransactions = () => {
-            this.beforeTransactionSelection = null;
-        };
-        this._domSelectionInView = null;
-    }
-    /**
-     * Create a transaction for changing the prosemirror state.
-     *
-     * @returns
-     */
-    get _tr() {
-        return this.prosemirrorView?.state.tr.setMeta('addToHistory', false);
-    }
-    _isLocalCursorInView() {
-        if (!this.prosemirrorView.hasFocus())
-            return false;
-        if (environment.isBrowser && this._domSelectionInView === null) {
-            // Calculate the domSelectionInView and clear by next tick after all events are finished
-            eventloop.timeout(0, () => {
-                this._domSelectionInView = null;
-            });
-            this._domSelectionInView = this._isDomSelectionInView();
-        }
-        return this._domSelectionInView;
-    }
-    _isDomSelectionInView() {
-        const selection = this.prosemirrorView._root.getSelection();
-        const range = this.prosemirrorView._root.createRange();
-        range.setStart(selection.anchorNode, selection.anchorOffset);
-        range.setEnd(selection.focusNode, selection.focusOffset);
-        // This is a workaround for an edgecase where getBoundingClientRect will
-        // return zero values if the selection is collapsed at the start of a newline
-        // see reference here: https://stackoverflow.com/a/59780954
-        const rects = range.getClientRects();
-        if (rects.length === 0) {
-            // probably buggy newline behavior, explicitly select the node contents
-            if (range.startContainer && range.collapsed) {
-                range.selectNodeContents(range.startContainer);
-            }
-        }
-        const bounding = range.getBoundingClientRect();
-        const documentElement = dom.doc.documentElement;
-        return bounding.bottom >= 0 && bounding.right >= 0 &&
-            bounding.left <=
-                (globalThis.innerWidth || documentElement.clientWidth || 0) &&
-            bounding.top <=
-                (globalThis.innerHeight || documentElement.clientHeight || 0);
-    }
-    renderSnapshot(snapshot, prevSnapshot) {
-        if (!prevSnapshot) {
-            prevSnapshot = Y.createSnapshot(Y.createDeleteSet(), new Map());
-        }
-        this.prosemirrorView.dispatch(this._tr.setMeta(ySyncPluginKey, { snapshot, prevSnapshot }));
-    }
-    unrenderSnapshot() {
-        this.mapping.clear();
-        this.mux(() => {
-            const fragmentContent = this.type.toArray().map((t) => createNodeFromYElement(
-            /** @type {Y.XmlElement} */ (t), this.prosemirrorView.state.schema, this.mapping)).filter((n) => n !== null);
-            // @ts-ignore
-            const tr = this._tr.replace(0, this.prosemirrorView.state.doc.content.size, new PModel.Slice(PModel.Fragment.from(fragmentContent), 0, 0));
-            tr.setMeta(ySyncPluginKey, { snapshot: null, prevSnapshot: null });
-            this.prosemirrorView.dispatch(tr);
-        });
-    }
-    _forceRerender() {
-        this.mapping.clear();
-        this.mux(() => {
-            // If this is a forced rerender, this might neither happen as a pm change nor within a Yjs
-            // transaction. Then the "before selection" doesn't exist. In this case, we need to create a
-            // relative position before replacing content. Fixes #126
-            const sel = this.beforeTransactionSelection !== null
-                ? null
-                : this.prosemirrorView.state.selection;
-            const fragmentContent = this.type.toArray().map((t) => createNodeFromYElement(
-            /** @type {Y.XmlElement} */ (t), this.prosemirrorView.state.schema, this.mapping)).filter((n) => n !== null);
-            // @ts-ignore
-            const tr = this._tr.replace(0, this.prosemirrorView.state.doc.content.size, new PModel.Slice(PModel.Fragment.from(fragmentContent), 0, 0));
-            if (sel) {
-                tr.setSelection(TextSelection.create(tr.doc, sel.anchor, sel.head));
-            }
-            this.prosemirrorView.dispatch(tr.setMeta(ySyncPluginKey, { isChangeOrigin: true, binding: this }));
-        });
-    }
-    _renderSnapshot(snapshot, prevSnapshot, pluginState) {
-        /**
-         * The document that contains the full history of this document.
-         * @type {Y.Doc}
-         */
-        let historyDoc = this.doc;
-        if (!snapshot) {
-            snapshot = Y.snapshot(this.doc);
-        }
-        if (snapshot instanceof Uint8Array || prevSnapshot instanceof Uint8Array) {
-            if (!(snapshot instanceof Uint8Array) ||
-                !(prevSnapshot instanceof Uint8Array)) {
-                // expected both snapshots to be v2 updates
-                error.unexpectedCase();
-            }
-            historyDoc = new Y.Doc({ gc: false });
-            Y.applyUpdateV2(historyDoc, prevSnapshot);
-            prevSnapshot = Y.snapshot(historyDoc);
-            Y.applyUpdateV2(historyDoc, snapshot);
-            snapshot = Y.snapshot(historyDoc);
-        }
-        // clear mapping because we are going to rerender
-        this.mapping.clear();
-        this.mux(() => {
-            historyDoc.transact((transaction) => {
-                // before rendering, we are going to sanitize ops and split deleted ops
-                // if they were deleted by seperate users.
-                const pud = pluginState.permanentUserData;
-                if (pud) {
-                    pud.dss.forEach((ds) => {
-                        Y.iterateDeletedStructs(transaction, ds, (_item) => { });
-                    });
-                }
-                const computeYChange = (type, id) => {
-                    const user = type === 'added'
-                        ? pud.getUserByClientId(id.client)
-                        : pud.getUserByDeletedId(id);
-                    return {
-                        user,
-                        type,
-                        color: getUserColor(pluginState.colorMapping, pluginState.colors, user),
-                    };
-                };
-                // Create document fragment and render
-                const fragmentContent = Y.typeListToArraySnapshot(this.type, new Y.Snapshot(prevSnapshot.ds, snapshot.sv)).map((t) => {
-                    if (!t._item.deleted || isVisible(t._item, snapshot) ||
-                        isVisible(t._item, prevSnapshot)) {
-                        return createNodeFromYElement(t, this.prosemirrorView.state.schema, new Map(), snapshot, prevSnapshot, computeYChange);
-                    }
-                    else {
-                        // No need to render elements that are not visible by either snapshot.
-                        // If a client adds and deletes content in the same snapshot the element is not visible by either snapshot.
-                        return null;
-                    }
-                }).filter((n) => n !== null);
-                const tr = this._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);
-        });
-    }
-    _typeChanged(events, transaction) {
-        if (this.prosemirrorView == null)
-            return;
-        const syncState = ySyncPluginKey.getState(this.prosemirrorView.state);
-        if (events.length === 0 || syncState.snapshot != null ||
-            syncState.prevSnapshot != null) {
-            // drop out if snapshot is active
-            this.renderSnapshot(syncState.snapshot, syncState.prevSnapshot);
-            return;
-        }
-        this.mux(() => {
-            const delType = (_, type) => this.mapping.delete(type);
-            Y.iterateDeletedStructs(transaction, transaction.deleteSet, (struct) => {
-                if (struct.constructor === Y.Item) {
-                    const type = 
-                    /** @type {Y.ContentType} */ ( /** @type {Y.Item} */(struct)
-                        .content).type;
-                    type && this.mapping.delete(type);
-                }
-            });
-            transaction.changed.forEach(delType);
-            transaction.changedParentTypes.forEach(delType);
-            const fragmentContent = this.type.toArray().map((t) => createNodeIfNotExists(
-            /** @type {Y.XmlElement | Y.XmlHook} */ (t), this.prosemirrorView.state.schema, this.mapping)).filter((n) => n !== null);
-            // @ts-ignore
-            let tr = this._tr.replace(0, this.prosemirrorView.state.doc.content.size, new PModel.Slice(PModel.Fragment.from(fragmentContent), 0, 0));
-            restoreRelativeSelection(tr, this.beforeTransactionSelection, this);
-            tr = tr.setMeta(ySyncPluginKey, {
-                isChangeOrigin: true,
-                isUndoRedoOperation: transaction.origin instanceof Y.UndoManager,
-            });
-            if (this.beforeTransactionSelection !== null && this._isLocalCursorInView()) {
-                tr.scrollIntoView();
-            }
-            this.prosemirrorView.dispatch(tr);
-        });
-    }
-    _prosemirrorChanged(doc) {
-        this.doc.transact(() => {
-            updateYFragment(this.doc, this.type, doc, this.mapping);
-            this.beforeTransactionSelection = getRelativeSelection(this, this.prosemirrorView.state);
-        }, ySyncPluginKey);
-    }
-    /**
-     * View is ready to listen to changes. Register observers.
-     * @param {any} prosemirrorView
-     */
-    initView(prosemirrorView) {
-        if (this.prosemirrorView != null)
-            this.destroy();
-        this.prosemirrorView = prosemirrorView;
-        this.doc.on('beforeAllTransactions', this.beforeAllTransactions);
-        this.doc.on('afterAllTransactions', this.afterAllTransactions);
-        this.type.observeDeep(this._observeFunction);
-    }
-    destroy() {
-        if (this.prosemirrorView == null)
-            return;
-        this.prosemirrorView = null;
-        this.type.unobserveDeep(this._observeFunction);
-        this.doc.off('beforeAllTransactions', this.beforeAllTransactions);
-        this.doc.off('afterAllTransactions', this.afterAllTransactions);
-    }
-}
-const createNodeIfNotExists = (el, schema, mapping, snapshot, prevSnapshot, computeYChange) => {
-    const node = /** @type {PModel.Node} */ (mapping.get(el));
-    if (node === undefined) {
-        if (el instanceof Y.XmlElement) {
-            return createNodeFromYElement(el, schema, mapping, snapshot, prevSnapshot, computeYChange);
-        }
-        else {
-            throw error.methodUnimplemented(); // we are currently not handling hooks
-        }
-    }
-    return node;
-};
-/**
- * @private
- * @param {Y.XmlElement} el
- * @param {any} schema
- * @param {ProsemirrorMapping} mapping
- * @param {Y.Snapshot} [snapshot]
- * @param {Y.Snapshot} [prevSnapshot]
- * @param {function('removed' | 'added', Y.ID):any} [computeYChange]
- * @return {PModel.Node | null} Returns node if node could be created. Otherwise it deletes the yjs type and returns null
- */
-export const createNodeFromYElement = (el, schema, mapping, snapshot, prevSnapshot, computeYChange) => {
-    const children = [];
-    const createChildren = (type) => {
-        if (type.constructor === Y.XmlElement) {
-            const n = createNodeIfNotExists(type, schema, mapping, snapshot, prevSnapshot, computeYChange);
-            if (n !== null) {
-                children.push(n);
-            }
-        }
-        else {
-            // If the next ytext exists and was created by us, move the content to the current ytext.
-            // This is a fix for #160 -- duplication of characters when two Y.Text exist next to each
-            // other.
-            const nextytext = type._item.right?.content.type;
-            if (nextytext != null && !nextytext._item.deleted &&
-                nextytext._item.id.client === nextytext.doc.clientID) {
-                type.applyDelta([
-                    { retain: type.length },
-                    ...nextytext.toDelta(),
-                ]);
-                nextytext.doc.transact((tr) => {
-                    nextytext._item.delete(tr);
-                });
-            }
-            // now create the prosemirror text nodes
-            const ns = createTextNodesFromYText(type, schema, mapping, snapshot, prevSnapshot, computeYChange);
-            if (ns !== null) {
-                ns.forEach((textchild) => {
-                    if (textchild !== null) {
-                        children.push(textchild);
-                    }
-                });
-            }
-        }
-    };
-    if (snapshot === undefined || prevSnapshot === undefined) {
-        el.toArray().forEach(createChildren);
-    }
-    else {
-        Y.typeListToArraySnapshot(el, new Y.Snapshot(prevSnapshot.ds, snapshot.sv))
-            .forEach(createChildren);
-    }
-    try {
-        const attrs = el.getAttributes(snapshot);
-        if (snapshot !== undefined) {
-            if (!isVisible(/** @type {Y.Item} */ (el._item), snapshot)) {
-                attrs.ychange = computeYChange
-                    ? computeYChange('removed', /** @type {Y.Item} */ (el._item).id)
-                    : { type: 'removed' };
-            }
-            else if (!isVisible(/** @type {Y.Item} */ (el._item), prevSnapshot)) {
-                attrs.ychange = computeYChange
-                    ? computeYChange('added', /** @type {Y.Item} */ (el._item).id)
-                    : { type: 'added' };
-            }
-        }
-        const node = schema.node(el.nodeName, attrs, children);
-        mapping.set(el, node);
-        return node;
-    }
-    catch (e) {
-        // an error occured while creating the node. This is probably a result of a concurrent action.
-        /** @type {Y.Doc} */ (el.doc).transact((transaction) => {
-            /** @type {Y.Item} */ (el._item).delete(transaction);
-        }, ySyncPluginKey);
-        mapping.delete(el);
-        return null;
-    }
-};
-const createTextNodesFromYText = (text, schema, _mapping, snapshot, prevSnapshot, computeYChange) => {
-    const nodes = [];
-    const deltas = text.toDelta(snapshot, prevSnapshot, computeYChange);
-    try {
-        for (let i = 0; i < deltas.length; i++) {
-            const delta = deltas[i];
-            const marks = [];
-            for (const markName in delta.attributes) {
-                marks.push(schema.mark(markName, delta.attributes[markName]));
-            }
-            nodes.push(schema.text(delta.insert, marks));
-        }
-    }
-    catch (e) {
-        // an error occured while creating the node. This is probably a result of a concurrent action.
-        /** @type {Y.Doc} */ (text.doc).transact((transaction) => {
-            /** @type {Y.Item} */ (text._item).delete(transaction);
-        }, ySyncPluginKey);
-        return null;
-    }
-    // @ts-ignore
-    return nodes;
-};
-const createTypeFromTextNodes = (nodes, mapping) => {
-    const type = new Y.XmlText();
-    const delta = nodes.map((node) => ({
-        // @ts-ignore
-        insert: node.text,
-        attributes: marksToAttributes(node.marks),
-    }));
-    type.applyDelta(delta);
-    mapping.set(type, nodes);
-    return type;
-};
-const createTypeFromElementNode = (node, mapping) => {
-    const type = new Y.XmlElement(node.type.name);
-    for (const key in node.attrs) {
-        const val = node.attrs[key];
-        if (val !== null && key !== 'ychange') {
-            type.setAttribute(key, val);
-        }
-    }
-    type.insert(0, normalizePNodeContent(node).map((n) => createTypeFromTextOrElementNode(n, mapping)));
-    mapping.set(type, node);
-    return type;
-};
-const createTypeFromTextOrElementNode = (node, mapping) => node instanceof Array
-    ? createTypeFromTextNodes(node, mapping)
-    : createTypeFromElementNode(node, mapping);
-const isObject = (val) => typeof val === 'object' && val !== null;
-const equalAttrs = (pattrs, yattrs) => {
-    const keys = Object.keys(pattrs).filter((key) => pattrs[key] !== null);
-    let eq = keys.length ===
-        Object.keys(yattrs).filter((key) => yattrs[key] !== null).length;
-    for (let i = 0; i < keys.length && eq; i++) {
-        const key = keys[i];
-        const l = pattrs[key];
-        const r = yattrs[key];
-        eq = key === 'ychange' || l === r ||
-            (isObject(l) && isObject(r) && equalAttrs(l, r));
-    }
-    return eq;
-};
-/**
- * @typedef {Array<Array<PModel.Node>|PModel.Node>} NormalizedPNodeContent
- */
-/**
- * @param {any} pnode
- * @return {NormalizedPNodeContent}
- */
-const normalizePNodeContent = (pnode) => {
-    const c = pnode.content.content;
-    const res = [];
-    for (let i = 0; i < c.length; i++) {
-        const n = c[i];
-        if (n.isText) {
-            const textNodes = [];
-            for (let tnode = c[i]; i < c.length && tnode.isText; tnode = c[++i]) {
-                textNodes.push(tnode);
-            }
-            i--;
-            res.push(textNodes);
-        }
-        else {
-            res.push(n);
-        }
-    }
-    return res;
-};
-const equalYTextPText = (ytext, ptexts) => {
-    const delta = ytext.toDelta();
-    return delta.length === ptexts.length &&
-        delta.every((d, i) => d.insert === /** @type {any} */ (ptexts[i]).text &&
-            object.keys(d.attributes || {}).length === ptexts[i].marks.length &&
-            ptexts[i].marks.every((mark) => equalAttrs(d.attributes[mark.type.name] || {}, mark.attrs)));
-};
-const equalYTypePNode = (ytype, pnode) => {
-    if (ytype instanceof Y.XmlElement && !(pnode instanceof Array) &&
-        matchNodeName(ytype, pnode)) {
-        const normalizedContent = normalizePNodeContent(pnode);
-        return ytype._length === normalizedContent.length &&
-            equalAttrs(ytype.getAttributes(), pnode.attrs) &&
-            ytype.toArray().every((ychild, i) => equalYTypePNode(ychild, normalizedContent[i]));
-    }
-    return ytype instanceof Y.XmlText && pnode instanceof Array &&
-        equalYTextPText(ytype, pnode);
-};
-const mappedIdentity = (mapped, pcontent) => mapped === pcontent ||
-    (mapped instanceof Array && pcontent instanceof Array &&
-        mapped.length === pcontent.length &&
-        mapped.every((a, i) => pcontent[i] === a));
-const computeChildEqualityFactor = (ytype, pnode, mapping) => {
-    const yChildren = ytype.toArray();
-    const pChildren = normalizePNodeContent(pnode);
-    const pChildCnt = pChildren.length;
-    const yChildCnt = yChildren.length;
-    const minCnt = math.min(yChildCnt, pChildCnt);
-    let left = 0;
-    let right = 0;
-    let foundMappedChild = false;
-    for (; left < minCnt; left++) {
-        const leftY = yChildren[left];
-        const leftP = pChildren[left];
-        if (mappedIdentity(mapping.get(leftY), leftP)) {
-            foundMappedChild = true; // definite (good) match!
-        }
-        else if (!equalYTypePNode(leftY, leftP)) {
-            break;
-        }
-    }
-    for (; left + right < minCnt; right++) {
-        const rightY = yChildren[yChildCnt - right - 1];
-        const rightP = pChildren[pChildCnt - right - 1];
-        if (mappedIdentity(mapping.get(rightY), rightP)) {
-            foundMappedChild = true;
-        }
-        else if (!equalYTypePNode(rightY, rightP)) {
-            break;
-        }
-    }
-    return {
-        equalityFactor: left + right,
-        foundMappedChild,
-    };
-};
-const ytextTrans = (ytext) => {
-    let str = '';
-    let n = ytext._start;
-    const nAttrs = {};
-    while (n !== null) {
-        if (!n.deleted) {
-            if (n.countable && n.content instanceof Y.ContentString) {
-                str += n.content.str;
-            }
-            else if (n.content instanceof Y.ContentFormat) {
-                nAttrs[n.content.key] = null;
-            }
-        }
-        n = n.right;
-    }
-    return {
-        str,
-        nAttrs,
-    };
-};
-const updateYText = (ytext, ptexts, mapping) => {
-    mapping.set(ytext, ptexts);
-    const { nAttrs, str } = ytextTrans(ytext);
-    const content = ptexts.map((p) => ({
-        insert: /** @type {any} */ (p).text,
-        attributes: Object.assign({}, nAttrs, marksToAttributes(p.marks)),
-    }));
-    const { insert, remove, index } = simpleDiff(str, content.map((c) => c.insert).join(''));
-    ytext.delete(index, remove);
-    ytext.insert(index, insert);
-    ytext.applyDelta(content.map((c) => ({ retain: c.insert.length, attributes: c.attributes })));
-};
-const marksToAttributes = (marks) => {
-    const pattrs = {};
-    marks.forEach((mark) => {
-        if (mark.type.name !== 'ychange') {
-            pattrs[mark.type.name] = mark.attrs;
-        }
-    });
-    return pattrs;
-};
-/**
- * Update a yDom node by syncing the current content of the prosemirror node.
- *
- * This is a y-prosemirror internal feature that you can use at your own risk.
- *
- * @private
- * @unstable
- *
- * @param {{transact: Function}} y
- * @param {Y.XmlFragment} yDomFragment
- * @param {any} pNode
- * @param {ProsemirrorMapping} mapping
- */
-export const updateYFragment = (y, yDomFragment, pNode, mapping) => {
-    if (yDomFragment instanceof Y.XmlElement &&
-        yDomFragment.nodeName !== pNode.type.name) {
-        throw new Error('node name mismatch!');
-    }
-    mapping.set(yDomFragment, pNode);
-    // update attributes
-    if (yDomFragment instanceof Y.XmlElement) {
-        const yDomAttrs = yDomFragment.getAttributes();
-        const pAttrs = pNode.attrs;
-        for (const key in pAttrs) {
-            if (pAttrs[key] !== null) {
-                if (yDomAttrs[key] !== pAttrs[key] && key !== 'ychange') {
-                    yDomFragment.setAttribute(key, pAttrs[key]);
-                }
-            }
-            else {
-                yDomFragment.removeAttribute(key);
-            }
-        }
-        // remove all keys that are no longer in pAttrs
-        for (const key in yDomAttrs) {
-            if (pAttrs[key] === undefined) {
-                yDomFragment.removeAttribute(key);
-            }
-        }
-    }
-    // update children
-    const pChildren = normalizePNodeContent(pNode);
-    const pChildCnt = pChildren.length;
-    const yChildren = yDomFragment.toArray();
-    const yChildCnt = yChildren.length;
-    const minCnt = math.min(pChildCnt, yChildCnt);
-    let left = 0;
-    let right = 0;
-    // find number of matching elements from left
-    for (; left < minCnt; left++) {
-        const leftY = yChildren[left];
-        const leftP = pChildren[left];
-        if (!mappedIdentity(mapping.get(leftY), leftP)) {
-            if (equalYTypePNode(leftY, leftP)) {
-                // update mapping
-                mapping.set(leftY, leftP);
-            }
-            else {
-                break;
-            }
-        }
-    }
-    // find number of matching elements from right
-    for (; right + left + 1 < minCnt; right++) {
-        const rightY = yChildren[yChildCnt - right - 1];
-        const rightP = pChildren[pChildCnt - right - 1];
-        if (!mappedIdentity(mapping.get(rightY), rightP)) {
-            if (equalYTypePNode(rightY, rightP)) {
-                // update mapping
-                mapping.set(rightY, rightP);
-            }
-            else {
-                break;
-            }
-        }
-    }
-    y.transact(() => {
-        // try to compare and update
-        while (yChildCnt - left - right > 0 && pChildCnt - left - right > 0) {
-            const leftY = yChildren[left];
-            const leftP = pChildren[left];
-            const rightY = yChildren[yChildCnt - right - 1];
-            const rightP = pChildren[pChildCnt - right - 1];
-            if (leftY instanceof Y.XmlText && leftP instanceof Array) {
-                if (!equalYTextPText(leftY, leftP)) {
-                    updateYText(leftY, leftP, mapping);
-                }
-                left += 1;
-            }
-            else {
-                let updateLeft = leftY instanceof Y.XmlElement &&
-                    matchNodeName(leftY, leftP);
-                let updateRight = rightY instanceof Y.XmlElement &&
-                    matchNodeName(rightY, rightP);
-                if (updateLeft && updateRight) {
-                    // decide which which element to update
-                    const equalityLeft = computeChildEqualityFactor(
-                    /** @type {Y.XmlElement} */ (leftY), 
-                    /** @type {PModel.Node} */ (leftP), mapping);
-                    const equalityRight = computeChildEqualityFactor(
-                    /** @type {Y.XmlElement} */ (rightY), 
-                    /** @type {PModel.Node} */ (rightP), mapping);
-                    if (equalityLeft.foundMappedChild && !equalityRight.foundMappedChild) {
-                        updateRight = false;
-                    }
-                    else if (!equalityLeft.foundMappedChild && equalityRight.foundMappedChild) {
-                        updateLeft = false;
-                    }
-                    else if (equalityLeft.equalityFactor < equalityRight.equalityFactor) {
-                        updateLeft = false;
-                    }
-                    else {
-                        updateRight = false;
-                    }
-                }
-                if (updateLeft) {
-                    updateYFragment(y, 
-                    /** @type {Y.XmlFragment} */ (leftY), 
-                    /** @type {PModel.Node} */ (leftP), mapping);
-                    left += 1;
-                }
-                else if (updateRight) {
-                    updateYFragment(y, 
-                    /** @type {Y.XmlFragment} */ (rightY), 
-                    /** @type {PModel.Node} */ (rightP), mapping);
-                    right += 1;
-                }
-                else {
-                    mapping.delete(yDomFragment.get(left));
-                    yDomFragment.delete(left, 1);
-                    yDomFragment.insert(left, [
-                        createTypeFromTextOrElementNode(leftP, mapping),
-                    ]);
-                    left += 1;
-                }
-            }
-        }
-        const yDelLen = yChildCnt - left - right;
-        if (yChildCnt === 1 && pChildCnt === 0 && yChildren[0] instanceof Y.XmlText) {
-            mapping.delete(yChildren[0]);
-            // Edge case handling https://github.com/yjs/y-prosemirror/issues/108
-            // Only delete the content of the Y.Text to retain remote changes on the same Y.Text object
-            yChildren[0].delete(0, yChildren[0].length);
-        }
-        else if (yDelLen > 0) {
-            yDomFragment.slice(left, left + yDelLen).forEach((type) => mapping.delete(type));
-            yDomFragment.delete(left, yDelLen);
-        }
-        if (left + right < pChildCnt) {
-            const ins = [];
-            for (let i = left; i < pChildCnt - right; i++) {
-                ins.push(createTypeFromTextOrElementNode(pChildren[i], mapping));
-            }
-            yDomFragment.insert(left, ins);
-        }
-    }, ySyncPluginKey);
-};
-const matchNodeName = (yElement, pNode) => !(pNode instanceof Array) && yElement.nodeName === pNode.type.name;