Merge pull request #689 from Harbour-Enterprises/har-10093_undo-redo-disabled

fix: undo/redo buttons are disabled in collaborative mode

Author: harbournick

packages/super-editor/src/components/toolbar/super-toolbar.js

@@ -13,6 +13,7 @@ import { getQuickFormatList } from '@extensions/linked-styles/linked-styles.js';
 import { getAvailableColorOptions, makeColorOption, renderColorOptions } from './color-dropdown-helpers.js';
 import { isInTable } from '@helpers/isInTable.js';
 import { useToolbarItem } from '@components/toolbar/use-toolbar-item';
+import { yUndoPluginKey } from 'y-prosemirror';
 
 /**
  * @typedef {Object} ToolbarConfig
@@ -800,8 +801,15 @@ export class SuperToolbar extends EventEmitter {
    */
   #updateToolbarHistory() {
     if (!this.activeEditor) return;
-    this.undoDepth = undoDepth(this.activeEditor.state);
-    this.redoDepth = redoDepth(this.activeEditor.state);
+
+    if (this.activeEditor.options.ydoc) {
+      const undoManager = yUndoPluginKey.getState(this.activeEditor.state)?.undoManager;
+      this.undoDepth = undoManager?.undoStack.length || 0;
+      this.redoDepth = undoManager?.redoStack.length || 0;
+    } else {
+      this.undoDepth = undoDepth(this.activeEditor.state);
+      this.redoDepth = redoDepth(this.activeEditor.state);
+    }
   }
 
   /**

packages/super-editor/src/core/Editor.js

@@ -660,7 +660,8 @@ export class Editor extends EventEmitter {
     if (!this.options.isNewFile) return;
     this.options.isNewFile = false;
     const doc = this.#generatePmData();
-    const tr = this.state.tr.replaceWith(0, this.state.doc.content.size, doc);
+    // hiding this transaction from history so it doesn't appear in undo stack
+    const tr = this.state.tr.replaceWith(0, this.state.doc.content.size, doc).setMeta('addToHistory', false);
     this.view.dispatch(tr);
 
     setTimeout(() => {