@lexion-rte/react 0.1.7 → 0.1.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lexion-rte/react
 
+## 0.1.8
+
+### Patch Changes
+
+- Preserve undo history when a controlled editor value is synced back into the adapter without any actual document change. This also keeps the rendered editor state and status bar aligned when React, Vue, or the web adapter receives the current document again.
+
 ## 0.1.7
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lexion-rte/react",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "React adapter for the Lexion editor platform.",
   "private": false,
   "type": "module",

package/src/LexionEditorView.tsx

@@ -81,8 +81,11 @@ export const LexionEditorView = ({
     }
 
     if (isControlled && value !== undefined) {
-      activeEditor.setJSON(value);
-      lastAppliedValueRef.current = serializeJSON(value);
+      const nextValue = serializeJSON(value);
+      if (nextValue !== serializeJSON(activeEditor.getJSON())) {
+        activeEditor.setJSON(value);
+      }
+      lastAppliedValueRef.current = nextValue;
     }
 
     const view = new EditorView(containerRef.current, {
@@ -125,7 +128,10 @@ export const LexionEditorView = ({
     }
 
     const nextValue = serializeJSON(value);
-    if (nextValue === lastAppliedValueRef.current) {
+    if (nextValue === lastAppliedValueRef.current || nextValue === serializeJSON(activeEditor.getJSON())) {
+      lastAppliedValueRef.current = nextValue;
+      viewRef.current?.updateState(activeEditor.state);
+      setStatusBarItems(activeEditor.getStatusBarItems());
       return;
     }