@mdxeditor/editor 2.2.1 → 2.3.1

package/dist/MDXEditor.js

@@ -1,5 +1,5 @@
 import React__default from "react";
-import { corePlugin, initialRootEditorState$, usedLexicalNodes$, readOnly$, contentEditableClassName$, composerChildren$, topAreaChildren$, editorWrappers$, placeholder$, editorRootElementRef$, viewMode$, markdownSourceEditorValue$, markdown$, setMarkdown$, rootEditor$ } from "./plugins/core/index.js";
+import { corePlugin, initialRootEditorState$, usedLexicalNodes$, readOnly$, contentEditableClassName$, composerChildren$, topAreaChildren$, editorWrappers$, placeholder$, editorRootElementRef$, viewMode$, markdownSourceEditorValue$, markdown$, setMarkdown$, insertMarkdown$, rootEditor$ } from "./plugins/core/index.js";
 import { RealmWithPlugins } from "./RealmWithPlugins.js";
 import { useCellValues, usePublisher, useRealm } from "@mdxeditor/gurx";
 import { lexicalTheme } from "./styles/lexicalTheme.js";
@@ -102,6 +102,9 @@ const Methods = ({ mdxRef }) => {
         setMarkdown: (markdown) => {
           realm.pub(setMarkdown$, markdown);
         },
+        insertMarkdown: (markdown) => {
+          realm.pub(insertMarkdown$, markdown);
+        },
         focus: (callbackFn, opts) => {
           var _a;
           (_a = realm.getValue(rootEditor$)) == null ? void 0 : _a.focus(callbackFn, opts);

package/dist/index.d.ts

@@ -1221,6 +1221,11 @@ export declare type ImageUploadHandler = ((image: File) => Promise<string>) | nu
 
 /* Excluded from this release type: importMdastTreeToLexical */
 
+export declare interface ImportPoint {
+    append(node: LexicalNode): void;
+    getType(): string;
+}
+
 /* Excluded from this release type: importVisitors$ */
 
 /**
@@ -1355,6 +1360,12 @@ export declare const insertJsx$: NodeRef<{
     children?: (Mdast.BlockContent | Mdast.DefinitionContent)[] | undefined;
 }>;
 
+/**
+ * Inserts new markdown value into the current cursor position of the active editor.
+ * @group Core
+ */
+export declare const insertMarkdown$: NodeRef<string>;
+
 /**
  * A signal that inserts a new sandpack code block with the specified name from the {@link SandpackConfig}.
  * If no name is specified, the default preset will be used.
@@ -1840,6 +1851,10 @@ export declare interface MDXEditorMethods {
      * Updates the markdown value of the editor.
      */
     setMarkdown: (value: string) => void;
+    /**
+     * Inserts markdown at the current cursor position. Use the focus if necessary.
+     */
+    insertMarkdown: (value: string) => void;
     /**
      * Sets focus on input
      */

package/dist/index.js

@@ -3,7 +3,7 @@ export * from "@mdxeditor/gurx";
 import { MDXEditor } from "./MDXEditor.js";
 import { MarkdownParseError, UnrecognizedMarkdownConstructError, importMarkdownToLexical, importMdastTreeToLexical } from "./importMarkdownToLexical.js";
 import { exportLexicalTreeToMdast, exportMarkdownFromLexical } from "./exportMarkdownFromLexical.js";
-import { Appender, NESTED_EDITOR_UPDATED_COMMAND, activeEditor$, activeEditorSubscriptions$, activePlugins$, addActivePlugin$, addComposerChild$, addEditorWrapper$, addExportVisitor$, addImportVisitor$, addLexicalNode$, addMdastExtension$, addNestedEditorChild$, addSyntaxExtension$, addToMarkdownExtension$, addTopAreaChild$, applyBlockType$, applyFormat$, autoFocus$, composerChildren$, contentEditableClassName$, convertSelectionToNode$, corePlugin, createActiveEditorSubscription$, createRootEditorSubscription$, currentBlockType$, currentFormat$, currentSelection$, editorInFocus$, editorRootElementRef$, editorWrappers$, exportVisitors$, historyState$, iconComponentFor$, importVisitors$, inFocus$, initialMarkdown$, initialRootEditorState$, insertDecoratorNode$, jsxComponentDescriptors$, jsxIsAvailable$, markdown$, markdownErrorSignal$, markdownProcessingError$, markdownSourceEditorValue$, mdastExtensions$, nestedEditorChildren$, onBlur$, placeholder$, readOnly$, rootEditor$, rootEditorSubscriptions$, setMarkdown$, syntaxExtensions$, toMarkdownExtensions$, toMarkdownOptions$, topAreaChildren$, usedLexicalNodes$, viewMode$ } from "./plugins/core/index.js";
+import { Appender, NESTED_EDITOR_UPDATED_COMMAND, activeEditor$, activeEditorSubscriptions$, activePlugins$, addActivePlugin$, addComposerChild$, addEditorWrapper$, addExportVisitor$, addImportVisitor$, addLexicalNode$, addMdastExtension$, addNestedEditorChild$, addSyntaxExtension$, addToMarkdownExtension$, addTopAreaChild$, applyBlockType$, applyFormat$, autoFocus$, composerChildren$, contentEditableClassName$, convertSelectionToNode$, corePlugin, createActiveEditorSubscription$, createRootEditorSubscription$, currentBlockType$, currentFormat$, currentSelection$, editorInFocus$, editorRootElementRef$, editorWrappers$, exportVisitors$, historyState$, iconComponentFor$, importVisitors$, inFocus$, initialMarkdown$, initialRootEditorState$, insertDecoratorNode$, insertMarkdown$, jsxComponentDescriptors$, jsxIsAvailable$, markdown$, markdownErrorSignal$, markdownProcessingError$, markdownSourceEditorValue$, mdastExtensions$, nestedEditorChildren$, onBlur$, placeholder$, readOnly$, rootEditor$, rootEditorSubscriptions$, setMarkdown$, syntaxExtensions$, toMarkdownExtensions$, toMarkdownOptions$, topAreaChildren$, usedLexicalNodes$, viewMode$ } from "./plugins/core/index.js";
 import { ALL_HEADING_LEVELS, allowedHeadingLevels$, headingsPlugin } from "./plugins/headings/index.js";
 import { insertThematicBreak$, thematicBreakPlugin } from "./plugins/thematic-break/index.js";
 import { applyListType$, currentListType$, listsPlugin } from "./plugins/lists/index.js";
@@ -220,6 +220,7 @@ export {
   insertFrontmatter$,
   insertImage$,
   insertJsx$,
+  insertMarkdown$,
   insertSandpack$,
   insertTable$,
   insertThematicBreak$,

package/dist/plugins/core/index.js

@@ -4,7 +4,7 @@ import { $isHeadingNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
 import { $findMatchingParent, $wrapNodeInElement, $insertNodeToNearestRoot } from "@lexical/utils";
 import { Cell, withLatestFrom, Signal, filter, scan } from "@mdxeditor/gurx";
-import { createCommand, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getRoot, $setSelection, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, FOCUS_COMMAND, KEY_DOWN_COMMAND, $isDecoratorNode, BLUR_COMMAND, $getSelection, $isRangeSelection, $insertNodes, $createParagraphNode, ParagraphNode, TextNode } from "lexical";
+import { createCommand, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getRoot, $setSelection, $getSelection, $insertNodes, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, FOCUS_COMMAND, KEY_DOWN_COMMAND, $isDecoratorNode, BLUR_COMMAND, $isRangeSelection, $createParagraphNode, ParagraphNode, TextNode } from "lexical";
 import { mdxJsxFromMarkdown, mdxJsxToMarkdown } from "mdast-util-mdx-jsx";
 import { mdxJsx } from "micromark-extension-mdx-jsx";
 import { mdxMd } from "micromark-extension-mdx-md";
@@ -110,7 +110,7 @@ const setMarkdown$ = Signal((r) => {
     ([theNewMarkdownValue, , editor, inFocus]) => {
       editor == null ? void 0 : editor.update(() => {
         $getRoot().clear();
-        tryImportingMarkdown(r, theNewMarkdownValue);
+        tryImportingMarkdown(r, $getRoot(), theNewMarkdownValue);
         if (!inFocus) {
           $setSelection(null);
         } else {
@@ -120,6 +120,31 @@ const setMarkdown$ = Signal((r) => {
     }
   );
 });
+const insertMarkdown$ = Signal((r) => {
+  r.sub(r.pipe(insertMarkdown$, withLatestFrom(activeEditor$, inFocus$)), ([markdownToInsert, editor, inFocus]) => {
+    editor == null ? void 0 : editor.update(() => {
+      const selection = $getSelection();
+      if (selection !== null) {
+        const importPoint = {
+          children: [],
+          append(node) {
+            this.children.push(node);
+          },
+          getType() {
+            return selection == null ? void 0 : selection.getNodes()[0].getType();
+          }
+        };
+        tryImportingMarkdown(r, importPoint, markdownToInsert);
+        $insertNodes(importPoint.children);
+      }
+      if (!inFocus) {
+        $setSelection(null);
+      } else {
+        editor.focus();
+      }
+    });
+  });
+});
 function rebind() {
   return scan((teardowns, [subs, activeEditorValue]) => {
     teardowns.forEach((teardown) => {
@@ -289,10 +314,10 @@ const createActiveEditorSubscription$ = Appender(activeEditorSubscriptions$, (r,
     }
   ]);
 });
-function tryImportingMarkdown(r, markdownValue) {
+function tryImportingMarkdown(r, node, markdownValue) {
   try {
     importMarkdownToLexical({
-      root: $getRoot(),
+      root: node,
       visitors: r.getValue(importVisitors$),
       mdastExtensions: r.getValue(mdastExtensions$),
       markdown: markdownValue,
@@ -317,7 +342,7 @@ const initialRootEditorState$ = Cell(null, (r) => {
   r.pub(initialRootEditorState$, (theRootEditor) => {
     r.pub(rootEditor$, theRootEditor);
     r.pub(activeEditor$, theRootEditor);
-    tryImportingMarkdown(r, r.getValue(initialMarkdown$));
+    tryImportingMarkdown(r, $getRoot(), r.getValue(initialMarkdown$));
     const autoFocusValue = r.getValue(autoFocus$);
     if (autoFocusValue) {
       if (autoFocusValue === true) {
@@ -516,6 +541,7 @@ export {
   initialMarkdown$,
   initialRootEditorState$,
   insertDecoratorNode$,
+  insertMarkdown$,
   jsxComponentDescriptors$,
   jsxIsAvailable$,
   markdown$,

package/dist/plugins/image/index.js

@@ -49,6 +49,7 @@ const imageDialogState$ = Cell(
     );
     r.pub(createActiveEditorSubscription$, (editor) => {
       const theUploadHandler = r.getValue(imageUploadHandler$);
+      console.log("theUploadHandler", theUploadHandler);
       return mergeRegister(
         editor == null ? void 0 : editor.registerCommand(
           INSERT_IMAGE_COMMAND,
@@ -135,7 +136,11 @@ const imagePlugin = realmPlugin({
       [addImportVisitor$]: [MdastImageVisitor, MdastHtmlImageVisitor, MdastJsxImageVisitor],
       [addLexicalNode$]: ImageNode,
       [addExportVisitor$]: LexicalImageVisitor,
-      [addComposerChild$]: (params == null ? void 0 : params.ImageDialog) || ImageDialog
+      [addComposerChild$]: (params == null ? void 0 : params.ImageDialog) || ImageDialog,
+      [imageUploadHandler$]: (params == null ? void 0 : params.imageUploadHandler) || null,
+      [imageAutocompleteSuggestions$]: (params == null ? void 0 : params.imageAutocompleteSuggestions) || [],
+      [disableImageResize$]: Boolean(params == null ? void 0 : params.disableImageResize),
+      [imagePreviewHandler$]: (params == null ? void 0 : params.imagePreviewHandler) || null
     });
   },
   update(realm, params) {

package/dist/plugins/toolbar/index.js

@@ -16,6 +16,9 @@ const toolbarPlugin = realmPlugin({
         return /* @__PURE__ */ React__default.createElement(Root, { readOnly }, toolbarContents());
       }
     });
+  },
+  update(realm, params) {
+    realm.pub(toolbarContents$, (params == null ? void 0 : params.toolbarContents) ?? DEFAULT_TOOLBAR_CONTENTS);
   }
 });
 export {

package/package.json

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