@mdxeditor/editor 3.45.1 → 3.46.1

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;
 }
 
 /**
@@ -2344,7 +2355,11 @@ export declare const muteChange$: NodeRef<boolean>;
 
 export declare const NESTED_EDITOR_UPDATED_COMMAND: LexicalCommand<undefined>;
 
-/* Excluded from this release type: nestedEditorChildren$ */
+/**
+ * React Components registered to be rendered inside `LexicalNestedComposer`. Useful if you're using lexical editor plugins that are wrapped as react components.
+ * @group Core
+ */
+export declare const nestedEditorChildren$: NodeRef<default_2.ComponentType<{}>[]>;
 
 /**
  * Use this context to provide the necessary values to the {@link NestedLexicalEditor} React component.
@@ -3041,7 +3056,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/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/dist/plugins/link/index.js

@@ -6,19 +6,21 @@ import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
 import { LexicalAutoLinkPlugin } from "./AutoLinkPlugin.js";
 import { Cell } from "@mdxeditor/gurx";
 import { realmPlugin } from "../../RealmWithPlugins.js";
-import { addComposerChild$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addActivePlugin$ } from "../core/index.js";
+import { addComposerChild$, addNestedEditorChild$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addActivePlugin$ } from "../core/index.js";
 const disableAutoLink$ = Cell(false);
 const linkPlugin = realmPlugin({
   init(realm, params) {
     const disableAutoLink = Boolean(params == null ? void 0 : params.disableAutoLink);
     const linkPluginProps = (params == null ? void 0 : params.validateUrl) ? { validateUrl: params.validateUrl } : {};
+    const EditorChild = () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(LinkPlugin, { ...linkPluginProps }), disableAutoLink ? null : /* @__PURE__ */ React__default.createElement(LexicalAutoLinkPlugin, null));
     realm.pubIn({
       [addActivePlugin$]: "link",
       [addImportVisitor$]: MdastLinkVisitor,
       [addLexicalNode$]: [LinkNode, AutoLinkNode],
       [addExportVisitor$]: LexicalLinkVisitor,
       [disableAutoLink$]: disableAutoLink,
-      [addComposerChild$]: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(LinkPlugin, { ...linkPluginProps }), disableAutoLink ? null : /* @__PURE__ */ React__default.createElement(LexicalAutoLinkPlugin, null))
+      [addNestedEditorChild$]: EditorChild,
+      [addComposerChild$]: EditorChild
     });
   }
 });

package/dist/plugins/table/TableEditor.js

@@ -15,7 +15,7 @@ import classNames from "classnames";
 import styles from "../../styles/ui.module.css.js";
 import { isPartOftheEditorUI } from "../../utils/isPartOftheEditorUI.js";
 import { uuidv4 } from "../../utils/uuid4.js";
-import { iconComponentFor$, readOnly$, useTranslation, editorRootElementRef$, importVisitors$, exportVisitors$, usedLexicalNodes$, jsxComponentDescriptors$, directiveDescriptors$, codeBlockEditorDescriptors$, jsxIsAvailable$, rootEditor$, NESTED_EDITOR_UPDATED_COMMAND } from "../core/index.js";
+import { iconComponentFor$, readOnly$, useTranslation, editorRootElementRef$, importVisitors$, exportVisitors$, usedLexicalNodes$, jsxComponentDescriptors$, directiveDescriptors$, codeBlockEditorDescriptors$, jsxIsAvailable$, rootEditor$, nestedEditorChildren$, NESTED_EDITOR_UPDATED_COMMAND } from "../core/index.js";
 import { useCellValues } from "@mdxeditor/gurx";
 const getCellType = (rowIndex) => {
   if (rowIndex === 0) {
@@ -218,7 +218,8 @@ const CellEditor = ({ focus, setActiveCell, parentEditor, lexicalTable, contents
     directiveDescriptors,
     codeBlockEditorDescriptors,
     jsxIsAvailable,
-    rootEditor
+    rootEditor,
+    nestedEditorChildren
   ] = useCellValues(
     importVisitors$,
     exportVisitors$,
@@ -227,7 +228,8 @@ const CellEditor = ({ focus, setActiveCell, parentEditor, lexicalTable, contents
     directiveDescriptors$,
     codeBlockEditorDescriptors$,
     jsxIsAvailable$,
-    rootEditor$
+    rootEditor$,
+    nestedEditorChildren$
   );
   const [editor] = React__default.useState(() => {
     const editor2 = createEditor({
@@ -323,7 +325,7 @@ const CellEditor = ({ focus, setActiveCell, parentEditor, lexicalTable, contents
   React__default.useEffect(() => {
     focus && editor.focus();
   }, [focus, editor]);
-  return /* @__PURE__ */ React__default.createElement(LexicalNestedComposer, { initialEditor: editor }, /* @__PURE__ */ React__default.createElement(RichTextPlugin, { contentEditable: /* @__PURE__ */ React__default.createElement(ContentEditable, null), placeholder: /* @__PURE__ */ React__default.createElement("div", null), ErrorBoundary: LexicalErrorBoundary }), /* @__PURE__ */ React__default.createElement(HistoryPlugin, null));
+  return /* @__PURE__ */ React__default.createElement(LexicalNestedComposer, { initialEditor: editor }, /* @__PURE__ */ React__default.createElement(RichTextPlugin, { contentEditable: /* @__PURE__ */ React__default.createElement(ContentEditable, null), placeholder: /* @__PURE__ */ React__default.createElement("div", null), ErrorBoundary: LexicalErrorBoundary }), nestedEditorChildren.map((Child, index) => /* @__PURE__ */ React__default.createElement(Child, { key: index })), /* @__PURE__ */ React__default.createElement(HistoryPlugin, null));
 };
 const ColumnEditor = ({
   parentEditor,

package/package.json

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