@dxos/react-ui-editor 0.4.2-main.4b31084 → 0.4.2-main.9938bdc

package/dist/lib/browser/index.mjs

@@ -154,7 +154,6 @@ var autocomplete = ({ onSearch }) => {
 };
 
 // packages/ui/react-ui-editor/src/extensions/automerge/automerge.ts
-import { invertedEffects } from "@codemirror/commands";
 import { StateField as StateField2 } from "@codemirror/state";
 import { EditorView as EditorView2, ViewPlugin } from "@codemirror/view";
 import { next as A4 } from "@dxos/automerge/automerge";
@@ -208,7 +207,7 @@ var isReconcile = (tr) => {
   return !!tr.annotation(reconcileAnnotation);
 };
 
-// packages/ui/react-ui-editor/src/extensions/automerge/semaphore.ts
+// packages/ui/react-ui-editor/src/extensions/automerge/sync.ts
 import { next as A3 } from "@dxos/automerge/automerge";
 
 // packages/ui/react-ui-editor/src/extensions/automerge/update-automerge.ts
@@ -349,40 +348,42 @@ var charPath = (textPath, candidatePath) => {
   return null;
 };
 
-// packages/ui/react-ui-editor/src/extensions/automerge/semaphore.ts
-var PatchSemaphore = class {
+// packages/ui/react-ui-editor/src/extensions/automerge/sync.ts
+var Syncer = class {
   // prettier-ignore
   constructor(_handle, _state) {
     this._handle = _handle;
     this._state = _state;
-    this._inReconcile = false;
+    this._pending = false;
   }
-  reconcile(view) {
-    if (!this._inReconcile) {
-      this._inReconcile = true;
-      this.doReconcile(view);
-      this._inReconcile = false;
+  reconcile(view, editor) {
+    if (this._pending) {
+      return;
     }
+    this._pending = true;
+    if (editor) {
+      this.onEditorChange(view);
+    } else {
+      this.onAutomergeChange(view);
+    }
+    this._pending = false;
   }
-  doReconcile(view) {
-    const path = getPath(view.state, this._state);
-    const oldHeads = getLastHeads(view.state, this._state);
-    let selection = view.state.selection;
+  onEditorChange(view) {
     const transactions = view.state.field(this._state).unreconciledTransactions.filter((tx) => !isReconcile(tx));
-    const toInvert = transactions.slice().reverse();
-    for (const tr of toInvert) {
-      const inverted = tr.changes.invert(tr.startState.doc);
-      selection = selection.map(inverted);
+    const newHeads = updateAutomerge(this._state, this._handle, transactions, view.state);
+    if (newHeads) {
       view.dispatch({
-        changes: inverted,
-        annotations: reconcileAnnotation.of(true)
+        effects: updateHeads(newHeads),
+        annotations: reconcileAnnotation.of(false)
       });
     }
-    let newHeads = updateAutomerge(this._state, this._handle, transactions, view.state);
-    if (newHeads === null || newHeads === void 0) {
-      newHeads = A3.getHeads(this._handle.docSync());
-    }
+  }
+  onAutomergeChange(view) {
+    const oldHeads = getLastHeads(view.state, this._state);
+    const newHeads = A3.getHeads(this._handle.docSync());
     const diff = A3.equals(oldHeads, newHeads) ? [] : A3.diff(this._handle.docSync(), oldHeads, newHeads);
+    const selection = view.state.selection;
+    const path = getPath(view.state, this._state);
     updateCodeMirror(view, selection, path, diff);
     view.dispatch({
       effects: updateHeads(newHeads),
@@ -422,7 +423,7 @@ var automerge = ({ handle, path }) => {
       return result;
     }
   });
-  const semaphore = new PatchSemaphore(handle, syncState);
+  const syncer = new Syncer(handle, syncState);
   return [
     Cursor.converter.of(cursorConverter(handle, path)),
     syncState,
@@ -436,25 +437,14 @@ var automerge = ({ handle, path }) => {
         handle.removeListener("change", this._handleChange.bind(this));
       }
       _handleChange() {
-        semaphore.reconcile(this._view);
+        syncer.reconcile(this._view, false);
       }
     }),
     // Reconcile local updates.
     EditorView2.updateListener.of(({ view, changes }) => {
       if (!changes.empty) {
-        semaphore.reconcile(view);
-      }
-    }),
-    // TODO(burdon): Record undo transactions.
-    //  See https://github.com/yjs/y-codemirror.next/tree/main
-    // https://codemirror.net/examples/inverted-effect
-    invertedEffects.of((tr) => {
-      const effects = [];
-      if (!tr.changes.empty) {
-        tr.changes.iterChanges((fromA, toA, fromB, toB, inserted) => {
-        });
+        syncer.reconcile(view, true);
       }
-      return effects;
     })
   ];
 };
@@ -1025,7 +1015,7 @@ var random = (min, max) => {
 };
 
 // packages/ui/react-ui-editor/src/extensions/comments.ts
-import { invertedEffects as invertedEffects2 } from "@codemirror/commands";
+import { invertedEffects } from "@codemirror/commands";
 import { Facet as Facet3, StateEffect as StateEffect2, StateField as StateField3 } from "@codemirror/state";
 import { hoverTooltip, keymap as keymap3, Decoration as Decoration3, EditorView as EditorView6 } from "@codemirror/view";
 import sortBy from "lodash.sortby";
@@ -1269,7 +1259,7 @@ var trackPastedComments = (onUpdate) => {
       copy: handleTrack
     }),
     // Track deleted comments.
-    invertedEffects2.of((tr) => {
+    invertedEffects.of((tr) => {
       const { comments: comments2 } = tr.startState.field(commentsState);
       const effects = [];
       tr.changes.iterChangedRanges((fromA, toA) => {