@mdxeditor/editor 2.3.6 → 2.3.8

package/dist/mdastUtilHtmlComment.js

@@ -1,5 +1,5 @@
 import { factorySpace } from "micromark-factory-space";
-import { markdownLineEnding } from "./node_modules/micromark-util-character/index.js";
+import { markdownLineEnding } from "micromark-util-character";
 import { codes, types } from "micromark-util-symbol";
 function commentFromMarkdown(_options) {
   return {

package/dist/plugins/diff-source/DiffViewer.js

@@ -5,61 +5,73 @@ import { MergeView } from "@codemirror/merge";
 import { EditorState } from "@codemirror/state";
 import { EditorView } from "@codemirror/view";
 import { COMMON_STATE_CONFIG_EXTENSIONS } from "./SourceEditor.js";
-import { useCellValues, usePublisher, useCellValue } from "@mdxeditor/gurx";
+import { useRealm, useCellValues, usePublisher, useCellValue } from "@mdxeditor/gurx";
+function setContent(view, content) {
+  if (view !== void 0) {
+    view.dispatch({ changes: { from: 0, to: view.state.doc.length, insert: content } });
+  }
+}
 const DiffViewer = () => {
-  const [newText, oldText] = useCellValues(markdown$, diffMarkdown$);
-  const updateMarkdown = usePublisher(markdownSourceEditorValue$);
-  return /* @__PURE__ */ React__default.createElement(CmMergeView, { oldMarkdown: oldText, newMarkdown: newText, onUpdate: updateMarkdown });
-};
-const CmMergeView = ({ oldMarkdown, newMarkdown, onUpdate }) => {
+  const realm = useRealm();
+  const [newMarkdown, oldMarkdown] = useCellValues(markdown$, diffMarkdown$);
+  const onUpdate = usePublisher(markdownSourceEditorValue$);
+  const elRef = React__default.useRef(null);
   const cmMergeViewRef = React__default.useRef(null);
   const cmExtensions = useCellValue(cmExtensions$);
   const triggerOnBlur = usePublisher(onBlur$);
-  const ref = React__default.useCallback(
-    (el) => {
+  React__default.useEffect(() => {
+    return realm.sub(diffMarkdown$, (newDiffMarkdown) => {
+      var _a;
+      setContent((_a = cmMergeViewRef.current) == null ? void 0 : _a.a, newDiffMarkdown);
+    });
+  }, [realm]);
+  React__default.useEffect(() => {
+    return realm.sub(markdown$, (newMarkdown2) => {
       var _a;
-      if (el !== null) {
-        cmMergeViewRef.current = new MergeView({
-          renderRevertControl: () => {
-            const el2 = document.createElement("button");
-            el2.classList.add("cm-merge-revert");
-            el2.appendChild(document.createTextNode("⮕"));
-            return el2;
-          },
-          parent: el,
-          orientation: "a-b",
-          revertControls: "a-to-b",
-          gutter: true,
-          a: {
-            doc: oldMarkdown,
-            extensions: [...cmExtensions, ...COMMON_STATE_CONFIG_EXTENSIONS, EditorState.readOnly.of(true)]
-          },
-          b: {
-            doc: newMarkdown,
-            extensions: [
-              ...cmExtensions,
-              ...COMMON_STATE_CONFIG_EXTENSIONS,
-              EditorView.updateListener.of(({ state }) => {
-                const md = state.doc.toString();
-                onUpdate(md);
-              }),
-              EditorView.focusChangeEffect.of((_, focused) => {
-                if (!focused) {
-                  triggerOnBlur(new FocusEvent("blur"));
-                }
-                return null;
-              })
-            ]
-          }
-        });
-      } else {
-        (_a = cmMergeViewRef.current) == null ? void 0 : _a.destroy();
-        cmMergeViewRef.current = null;
+      setContent((_a = cmMergeViewRef.current) == null ? void 0 : _a.b, newMarkdown2);
+    });
+  }, [realm]);
+  React__default.useEffect(() => {
+    cmMergeViewRef.current = new MergeView({
+      renderRevertControl: () => {
+        const el = document.createElement("button");
+        el.classList.add("cm-merge-revert");
+        el.appendChild(document.createTextNode("⮕"));
+        return el;
+      },
+      parent: elRef.current,
+      orientation: "a-b",
+      revertControls: "a-to-b",
+      gutter: true,
+      a: {
+        doc: oldMarkdown,
+        extensions: [...cmExtensions, ...COMMON_STATE_CONFIG_EXTENSIONS, EditorState.readOnly.of(true)]
+      },
+      b: {
+        doc: newMarkdown,
+        extensions: [
+          ...cmExtensions,
+          ...COMMON_STATE_CONFIG_EXTENSIONS,
+          EditorView.updateListener.of(({ state }) => {
+            const md = state.doc.toString();
+            onUpdate(md);
+          }),
+          EditorView.focusChangeEffect.of((_, focused) => {
+            if (!focused) {
+              triggerOnBlur(new FocusEvent("blur"));
+            }
+            return null;
+          })
+        ]
       }
-    },
-    [newMarkdown, oldMarkdown, onUpdate, cmExtensions, triggerOnBlur]
-  );
-  return /* @__PURE__ */ React__default.createElement("div", { ref });
+    });
+    return () => {
+      var _a;
+      (_a = cmMergeViewRef.current) == null ? void 0 : _a.destroy();
+      cmMergeViewRef.current = null;
+    };
+  }, [onUpdate, cmExtensions]);
+  return /* @__PURE__ */ React__default.createElement("div", { ref: elRef });
 };
 export {
   DiffViewer

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "2.3.6",
+  "version": "2.3.8",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -81,6 +81,7 @@
     "micromark-extension-mdx-md": "^2.0.0",
     "micromark-extension-mdxjs": "^3.0.0",
     "micromark-factory-space": "^2.0.0",
+    "micromark-util-character": "^2.0.1",
     "micromark-util-symbol": "^2.0.0",
     "react-hook-form": "^7.44.2",
     "unidiff": "^1.0.2"

package/dist/node_modules/micromark-util-character/index.js

@@ -1,6 +0,0 @@
-function markdownLineEnding(code) {
-  return code !== null && code < -2;
-}
-export {
-  markdownLineEnding
-};