@textbus/collaborate 2.5.9 → 2.5.10

package/bundles/collaborate.d.ts

@@ -1,5 +1,5 @@
 import { Observable, Subject, Subscription } from '@tanbo/stream';
-import { ComponentInstance, Controller, History, Registry, RootComponentRef, Scheduler, Selection, SelectionPaths, Slot, Starter, Translator } from '@textbus/core';
+import { AbstractSelection, ComponentInstance, Controller, History, Registry, RootComponentRef, Scheduler, Selection, SelectionPaths, Slot, Starter, Translator } from '@textbus/core';
 import { Array as YArray, Doc as YDoc, Map as YMap, RelativePosition, Text as YText, Transaction, UndoManager } from 'yjs';
 import { CollaborateCursor, RemoteSelection } from './collaborate-cursor';
 interface CursorPosition {
@@ -54,6 +54,8 @@ export declare class Collaborate implements History {
     protected contentMap: ContentMap;
     protected updateRemoteActions: Array<UpdateItem>;
     protected noRecord: {};
+    protected historyItems: Array<CursorPosition | null>;
+    protected index: number;
     constructor(stackSize: number, rootComponentRef: RootComponentRef, collaborateCursor: CollaborateCursor, controller: Controller, scheduler: Scheduler, translator: Translator, registry: Registry, selection: Selection, starter: Starter);
     listen(): void;
     updateRemoteSelection(paths: RemoteSelection[]): void;
@@ -62,7 +64,7 @@ export declare class Collaborate implements History {
     clear(): void;
     destroy(): void;
     protected syncRootComponent(root: YMap<any>, rootComponent: ComponentInstance): void;
-    protected restoreCursorLocation(position: CursorPosition): void;
+    protected getAbstractSelection(position: CursorPosition): AbstractSelection | null;
     protected getRelativeCursorLocation(): CursorPosition | null;
     protected syncContent(content: YText, slot: Slot): void;
     protected syncSlot(remoteSlot: YMap<any>, slot: Slot): void;

package/bundles/index.esm.js

@@ -371,6 +371,8 @@ let Collaborate = class Collaborate {
         this.contentMap = new ContentMap();
         this.updateRemoteActions = [];
         this.noRecord = {};
+        this.historyItems = [];
+        this.index = 0;
         this.onSelectionChange = this.selectionChangeEvent.asObservable().pipe(delay());
         this.onBack = this.backEvent.asObservable();
         this.onForward = this.forwardEvent.asObservable();
@@ -389,25 +391,43 @@ let Collaborate = class Collaborate {
     listen() {
         const root = this.yDoc.getMap('RootComponent');
         const rootComponent = this.rootComponentRef.component;
-        this.manager = new UndoManager(root, {
+        const manager = new UndoManager(root, {
             trackedOrigins: new Set([this.yDoc])
         });
-        const cursorKey = 'cursor-position';
-        this.manager.on('stack-item-added', event => {
-            event.stackItem.meta.set(cursorKey, this.getRelativeCursorLocation());
-            if (this.manager.undoStack.length > this.stackSize) {
-                this.manager.undoStack.shift();
+        this.manager = manager;
+        manager.on('stack-item-added', event => {
+            if (event.type === 'undo') {
+                if (event.origin === manager) {
+                    this.index++;
+                }
+                else {
+                    this.historyItems.length = this.index;
+                    this.historyItems.push(this.getRelativeCursorLocation());
+                    this.index++;
+                }
+            }
+            else {
+                this.index--;
+            }
+            if (manager.undoStack.length > this.stackSize) {
+                this.historyItems.shift();
+                manager.undoStack.shift();
             }
             if (event.origin === this.yDoc) {
                 this.pushEvent.next();
             }
             this.changeEvent.next();
         });
-        this.manager.on('stack-item-popped', event => {
-            const position = event.stackItem.meta.get(cursorKey);
+        manager.on('stack-item-popped', () => {
+            const position = this.historyItems[this.index - 1];
             if (position) {
-                this.restoreCursorLocation(position);
+                const selection = this.getAbstractSelection(position);
+                if (selection) {
+                    this.selection.setBaseAndExtent(selection.anchorSlot, selection.anchorOffset, selection.focusSlot, selection.focusOffset);
+                    return;
+                }
             }
+            this.selection.unSelect();
         });
         this.subscriptions.push(this.selection.onChange.subscribe(() => {
             const paths = this.selection.getPaths();
@@ -471,11 +491,15 @@ let Collaborate = class Collaborate {
     }
     clear() {
         var _a;
+        this.index = 0;
+        this.historyItems = [];
         (_a = this.manager) === null || _a === void 0 ? void 0 : _a.clear();
         this.changeEvent.next();
     }
     destroy() {
         var _a;
+        this.index = 0;
+        this.historyItems = [];
         this.subscriptions.forEach(i => i.unsubscribe());
         this.collaborateCursor.destroy();
         (_a = this.manager) === null || _a === void 0 ? void 0 : _a.destroy();
@@ -519,18 +543,22 @@ let Collaborate = class Collaborate {
         this.syncComponent(root, rootComponent);
         this.syncSlots(slots, rootComponent);
     }
-    restoreCursorLocation(position) {
+    getAbstractSelection(position) {
         const anchorPosition = createAbsolutePositionFromRelativePosition(position.anchor, this.yDoc);
         const focusPosition = createAbsolutePositionFromRelativePosition(position.focus, this.yDoc);
         if (anchorPosition && focusPosition) {
             const focusSlot = this.contentMap.get(focusPosition.type);
             const anchorSlot = this.contentMap.get(anchorPosition.type);
             if (focusSlot && anchorSlot) {
-                this.selection.setBaseAndExtent(anchorSlot, anchorPosition.index, focusSlot, focusPosition.index);
-                return;
+                return {
+                    anchorSlot,
+                    anchorOffset: anchorPosition.index,
+                    focusSlot,
+                    focusOffset: focusPosition.index
+                };
             }
         }
-        this.selection.unSelect();
+        return null;
     }
     getRelativeCursorLocation() {
         const { anchorSlot, anchorOffset, focusSlot, focusOffset } = this.selection;
@@ -991,7 +1019,7 @@ const collaborateModule = {
         CollaborateCursor,
         {
             provide: History,
-            useClass: Collaborate
+            useExisting: Collaborate
         }
     ]
 };

package/bundles/index.js

@@ -373,6 +373,8 @@ exports.Collaborate = class Collaborate {
         this.contentMap = new ContentMap();
         this.updateRemoteActions = [];
         this.noRecord = {};
+        this.historyItems = [];
+        this.index = 0;
         this.onSelectionChange = this.selectionChangeEvent.asObservable().pipe(stream.delay());
         this.onBack = this.backEvent.asObservable();
         this.onForward = this.forwardEvent.asObservable();
@@ -391,25 +393,43 @@ exports.Collaborate = class Collaborate {
     listen() {
         const root = this.yDoc.getMap('RootComponent');
         const rootComponent = this.rootComponentRef.component;
-        this.manager = new yjs.UndoManager(root, {
+        const manager = new yjs.UndoManager(root, {
             trackedOrigins: new Set([this.yDoc])
         });
-        const cursorKey = 'cursor-position';
-        this.manager.on('stack-item-added', event => {
-            event.stackItem.meta.set(cursorKey, this.getRelativeCursorLocation());
-            if (this.manager.undoStack.length > this.stackSize) {
-                this.manager.undoStack.shift();
+        this.manager = manager;
+        manager.on('stack-item-added', event => {
+            if (event.type === 'undo') {
+                if (event.origin === manager) {
+                    this.index++;
+                }
+                else {
+                    this.historyItems.length = this.index;
+                    this.historyItems.push(this.getRelativeCursorLocation());
+                    this.index++;
+                }
+            }
+            else {
+                this.index--;
+            }
+            if (manager.undoStack.length > this.stackSize) {
+                this.historyItems.shift();
+                manager.undoStack.shift();
             }
             if (event.origin === this.yDoc) {
                 this.pushEvent.next();
             }
             this.changeEvent.next();
         });
-        this.manager.on('stack-item-popped', event => {
-            const position = event.stackItem.meta.get(cursorKey);
+        manager.on('stack-item-popped', () => {
+            const position = this.historyItems[this.index - 1];
             if (position) {
-                this.restoreCursorLocation(position);
+                const selection = this.getAbstractSelection(position);
+                if (selection) {
+                    this.selection.setBaseAndExtent(selection.anchorSlot, selection.anchorOffset, selection.focusSlot, selection.focusOffset);
+                    return;
+                }
             }
+            this.selection.unSelect();
         });
         this.subscriptions.push(this.selection.onChange.subscribe(() => {
             const paths = this.selection.getPaths();
@@ -473,11 +493,15 @@ exports.Collaborate = class Collaborate {
     }
     clear() {
         var _a;
+        this.index = 0;
+        this.historyItems = [];
         (_a = this.manager) === null || _a === void 0 ? void 0 : _a.clear();
         this.changeEvent.next();
     }
     destroy() {
         var _a;
+        this.index = 0;
+        this.historyItems = [];
         this.subscriptions.forEach(i => i.unsubscribe());
         this.collaborateCursor.destroy();
         (_a = this.manager) === null || _a === void 0 ? void 0 : _a.destroy();
@@ -521,18 +545,22 @@ exports.Collaborate = class Collaborate {
         this.syncComponent(root, rootComponent);
         this.syncSlots(slots, rootComponent);
     }
-    restoreCursorLocation(position) {
+    getAbstractSelection(position) {
         const anchorPosition = yjs.createAbsolutePositionFromRelativePosition(position.anchor, this.yDoc);
         const focusPosition = yjs.createAbsolutePositionFromRelativePosition(position.focus, this.yDoc);
         if (anchorPosition && focusPosition) {
             const focusSlot = this.contentMap.get(focusPosition.type);
             const anchorSlot = this.contentMap.get(anchorPosition.type);
             if (focusSlot && anchorSlot) {
-                this.selection.setBaseAndExtent(anchorSlot, anchorPosition.index, focusSlot, focusPosition.index);
-                return;
+                return {
+                    anchorSlot,
+                    anchorOffset: anchorPosition.index,
+                    focusSlot,
+                    focusOffset: focusPosition.index
+                };
             }
         }
-        this.selection.unSelect();
+        return null;
     }
     getRelativeCursorLocation() {
         const { anchorSlot, anchorOffset, focusSlot, focusOffset } = this.selection;
@@ -993,7 +1021,7 @@ const collaborateModule = {
         exports.CollaborateCursor,
         {
             provide: core.History,
-            useClass: exports.Collaborate
+            useExisting: exports.Collaborate
         }
     ]
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/collaborate",
-  "version": "2.5.9",
+  "version": "2.5.10",
   "description": "Textbus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -27,8 +27,8 @@
   "dependencies": {
     "@tanbo/di": "^1.1.4",
     "@tanbo/stream": "^1.1.8",
-    "@textbus/browser": "^2.5.9",
-    "@textbus/core": "^2.5.9",
+    "@textbus/browser": "^2.5.10",
+    "@textbus/core": "^2.5.10",
     "reflect-metadata": "^0.1.13",
     "y-protocols": "^1.0.5",
     "yjs": "^13.5.39"
@@ -51,5 +51,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "02dc4cd87f33a9bbfc52a1fc44b2d598de413663"
+  "gitHead": "c9108c9af2c1cc880877c9404e5d3de667d84c9b"
 }