@mdxeditor/editor 3.44.3 → 3.45.1

package/dist/index.d.ts

@@ -2308,9 +2308,9 @@ export declare interface MDXEditorProps {
      */
     suppressSharedHistory?: boolean;
     /**
-     * The initial state of the lexical editor.
+     * The initial state of the lexical editor. Pass null to disable any initiation.
      */
-    editorState?: EditorState | undefined;
+    editorState?: EditorState | undefined | null;
 }
 
 /**

package/dist/plugins/codemirror/CodeMirrorEditor.js

@@ -9,6 +9,7 @@ import { lineNumbers, keymap, EditorView } from "@codemirror/view";
 import { indentWithTab } from "@codemirror/commands";
 import { basicLight } from "cm6-theme-basic-light";
 import { basicSetup } from "codemirror";
+import { $setSelection } from "lexical";
 import { codeMirrorExtensions$, codeMirrorAutoLoadLanguageSupport$, codeBlockLanguages$ } from "./index.js";
 import { useCodeMirrorRef } from "../sandpack/useCodeMirrorRef.js";
 import { Select } from "../toolbar/primitives/select.js";
@@ -45,6 +46,13 @@ const CodeMirrorEditor = ({ language, nodeKey, code, focusEmitter }) => {
         EditorView.lineWrapping,
         EditorView.updateListener.of(({ state }) => {
           setCodeRef.current(state.doc.toString());
+        }),
+        EditorView.domEventHandlers({
+          focus: () => {
+            parentEditor.update(() => {
+              $setSelection(null);
+            });
+          }
         })
       ];
       if (readOnly) {

package/dist/plugins/core/index.js

@@ -543,7 +543,7 @@ const corePlugin = realmPlugin({
   },
   postInit(r, params) {
     const newEditor = createEditor({
-      ...(params == null ? void 0 : params.editorState) ? { editorState: params.editorState } : {},
+      // ...(params?.editorState ? { editorState: params.editorState } : {}),
       editable: (params == null ? void 0 : params.readOnly) !== true,
       namespace: "MDXEditor",
       nodes: r.getValue(usedLexicalNodes$),
@@ -552,24 +552,26 @@ const corePlugin = realmPlugin({
       },
       theme: r.getValue(lexicalTheme$)
     });
-    newEditor.update(() => {
-      const markdown = (params == null ? void 0 : params.initialMarkdown.trim()) ?? "";
-      tryImportingMarkdown(r, $getRoot(), markdown);
-      const autoFocusValue = params == null ? void 0 : params.autoFocus;
-      if (autoFocusValue) {
-        if (autoFocusValue === true) {
+    if ((params == null ? void 0 : params.editorState) !== null) {
+      newEditor.update(() => {
+        const markdown = (params == null ? void 0 : params.initialMarkdown.trim()) ?? "";
+        tryImportingMarkdown(r, $getRoot(), markdown);
+        const autoFocusValue = params == null ? void 0 : params.autoFocus;
+        if (autoFocusValue) {
+          if (autoFocusValue === true) {
+            setTimeout(() => {
+              newEditor.focus(noop, { defaultSelection: "rootStart" });
+            });
+            return;
+          }
           setTimeout(() => {
-            newEditor.focus(noop, { defaultSelection: "rootStart" });
+            newEditor.focus(noop, {
+              defaultSelection: autoFocusValue.defaultSelection ?? "rootStart"
+            });
           });
-          return;
         }
-        setTimeout(() => {
-          newEditor.focus(noop, {
-            defaultSelection: autoFocusValue.defaultSelection ?? "rootStart"
-          });
-        });
-      }
-    });
+      });
+    }
     r.pub(rootEditor$, newEditor);
     r.pub(activeEditor$, newEditor);
   },

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "3.44.3",
+  "version": "3.45.1",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",