@mdxeditor/editor 3.45.0 → 3.46.0

package/dist/MDXEditor.js

@@ -1,16 +1,16 @@
 import { usePublisher, useCellValue, useCellValues, useRealm } from "@mdxeditor/gurx";
 import React__default from "react";
-import { RealmWithPlugins } from "./RealmWithPlugins.js";
 import { corePlugin, editorRootElementRef$, rootEditor$, useTranslation, contentEditableRef$, contentEditableClassName$, spellCheck$, composerChildren$, topAreaChildren$, editorWrappers$, placeholder$, bottomAreaChildren$, insertMarkdown$, setMarkdown$, viewMode$, markdownSourceEditorValue$, markdown$ } from "./plugins/core/index.js";
+import { RealmWithPlugins } from "./RealmWithPlugins.js";
+import { createLexicalComposerContext, LexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import classNames from "classnames";
+import { defaultSvgIcons } from "./defaultSvgIcons.js";
 import { lexicalTheme } from "./styles/lexicalTheme.js";
 import styles from "./styles/ui.module.css.js";
 import { noop } from "./utils/fp.js";
-import { createLexicalComposerContext, LexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { defaultSvgIcons } from "./defaultSvgIcons.js";
-import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
 const LexicalProvider = ({ children }) => {
   const rootEditor = useCellValue(rootEditor$);
   const composerContextValue = React__default.useMemo(() => {
@@ -141,7 +141,9 @@ const MDXEditor = React__default.forwardRef((props, ref) => {
           trim: props.trim ?? true,
           lexicalTheme: props.lexicalTheme,
           ..."editorState" in props ? { editorState: props.editorState } : {},
-          suppressSharedHistory: props.suppressSharedHistory ?? false
+          suppressSharedHistory: props.suppressSharedHistory ?? false,
+          additionalLexicalNodes: props.additionalLexicalNodes ?? [],
+          lexicalEditorNamespace: props.lexicalEditorNamespace ?? "MDXEditor"
         }),
         ...props.plugins ?? []
       ]

package/dist/index.d.ts

@@ -22,6 +22,7 @@ import * as lexical from 'lexical';
 import { LexicalCommand } from 'lexical';
 import { LexicalEditor } from 'lexical';
 import { LexicalNode } from 'lexical';
+import { LexicalNodeReplacement } from 'lexical';
 import { LinkNode } from '@lexical/link';
 import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
 import { ListType } from '@lexical/list';
@@ -202,11 +203,13 @@ export declare const addExportVisitor$: NodeRef< LexicalVisitor | LexicalVisitor
  */
 export declare const addImportVisitor$: NodeRef<MdastImportVisitor<Mdast.Nodes> | MdastImportVisitor<Mdast.Nodes>[]>;
 
+export declare type AdditionalLexicalNode = KlassConstructor<typeof LexicalNode> | LexicalNodeReplacement;
+
 /**
  * Registers a lexical node to be used in the editor.
  * @group Core
  */
-export declare const addLexicalNode$: NodeRef< KlassConstructor<typeof LexicalNode> | KlassConstructor<typeof LexicalNode>[]>;
+export declare const addLexicalNode$: NodeRef<KlassConstructor<typeof LexicalNode> | KlassConstructor<typeof LexicalNode>[]>;
 
 /**
  * Adds a mdast extension to the markdown parser.
@@ -2311,6 +2314,14 @@ export declare interface MDXEditorProps {
      * The initial state of the lexical editor. Pass null to disable any initiation.
      */
     editorState?: EditorState | undefined | null;
+    /**
+     * Additional lexical nodes to include in the editor.
+     */
+    additionalLexicalNodes?: AdditionalLexicalNode[];
+    /**
+     * The lexical editor namespace.
+     */
+    lexicalEditorNamespace?: string;
 }
 
 /**
@@ -3041,7 +3052,7 @@ export declare function useCodeBlockEditorContext(): CodeBlockEditorContextValue
  * Contains the currently registered lexical nodes.
  * @group Core
  */
-export declare const usedLexicalNodes$: NodeRef< KlassConstructor<typeof LexicalNode>[]>;
+export declare const usedLexicalNodes$: NodeRef<KlassConstructor<typeof LexicalNode>[]>;
 
 export declare function useEditorSearch(): {
     next: () => void;

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

@@ -545,8 +545,8 @@ const corePlugin = realmPlugin({
     const newEditor = createEditor({
       // ...(params?.editorState ? { editorState: params.editorState } : {}),
       editable: (params == null ? void 0 : params.readOnly) !== true,
-      namespace: "MDXEditor",
-      nodes: r.getValue(usedLexicalNodes$),
+      namespace: (params == null ? void 0 : params.lexicalEditorNamespace) ?? "MDXEditor",
+      nodes: [...r.getValue(usedLexicalNodes$), ...(params == null ? void 0 : params.additionalLexicalNodes) ?? []],
       onError: (error) => {
         throw error;
       },

package/package.json

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