@mdxeditor/editor 3.21.4 → 3.22.0

package/dist/index.d.ts

@@ -1393,6 +1393,8 @@ export declare const inFocus$: NodeRef<boolean>;
 
 /* Excluded from this release type: initialMarkdown$ */
 
+export declare const initialMarkdownNormalize$: NodeRef<boolean>;
+
 /* Excluded from this release type: INSERT_IMAGE_COMMAND */
 
 /**
@@ -2073,7 +2075,7 @@ export declare interface MDXEditorProps {
      */
     contentEditableClassName?: string;
     /**
-     * Controls the spellCheck value for the content editable element of the eitor.
+     * Controls the spellCheck value for the content editable element of the editor.
      * Defaults to true, use false to disable spell checking.
      */
     spellCheck?: boolean;
@@ -2085,8 +2087,9 @@ export declare interface MDXEditorProps {
     /**
      * Triggered when the editor value changes. The callback is not throttled, you can use any throttling mechanism
      * if you intend to do auto-saving.
+     * @param initialMarkdownNormalize - set to true if the change is triggered when the initial markdown is set. This can happen due to variety of reasons - for example, additional whitespace, bullet symbols different than the configured ones, etc.
      */
-    onChange?: (markdown: string) => void;
+    onChange?: (markdown: string, initialMarkdownNormalize: boolean) => void;
     /**
      * Triggered when the markdown parser encounters an error. The payload includes the invalid source and the error message.
      */
@@ -2133,7 +2136,7 @@ export declare interface MDXEditorProps {
      */
     iconComponentFor?: (name: IconKey) => JSX.Element;
     /**
-     * Set to false if you want to suppress the processing of HTML tags.
+     * Set to true if you want to suppress the processing of HTML tags.
      */
     suppressHtmlProcessing?: boolean;
     /**

package/dist/index.js

@@ -4,7 +4,7 @@ import { MDXEditor } from "./MDXEditor.js";
 import { defaultSvgIcons } from "./defaultSvgIcons.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$, codeBlockEditorDescriptors$, composerChildren$, contentEditableClassName$, contentEditableRef$, convertSelectionToNode$, corePlugin, createActiveEditorSubscription$, createRootEditorSubscription$, currentBlockType$, currentFormat$, currentSelection$, directiveDescriptors$, editorInFocus$, editorRootElementRef$, editorWrappers$, exportVisitors$, historyState$, iconComponentFor$, importVisitors$, inFocus$, initialMarkdown$, insertDecoratorNode$, insertMarkdown$, jsxComponentDescriptors$, jsxIsAvailable$, lexicalTheme$, markdown$, markdownErrorSignal$, markdownProcessingError$, markdownSourceEditorValue$, mdastExtensions$, muteChange$, nestedEditorChildren$, onBlur$, placeholder$, readOnly$, rootEditor$, rootEditorSubscriptions$, setMarkdown$, spellCheck$, syntaxExtensions$, toMarkdownExtensions$, toMarkdownOptions$, topAreaChildren$, translation$, useTranslation, 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$, codeBlockEditorDescriptors$, composerChildren$, contentEditableClassName$, contentEditableRef$, convertSelectionToNode$, corePlugin, createActiveEditorSubscription$, createRootEditorSubscription$, currentBlockType$, currentFormat$, currentSelection$, directiveDescriptors$, editorInFocus$, editorRootElementRef$, editorWrappers$, exportVisitors$, historyState$, iconComponentFor$, importVisitors$, inFocus$, initialMarkdown$, initialMarkdownNormalize$, insertDecoratorNode$, insertMarkdown$, jsxComponentDescriptors$, jsxIsAvailable$, lexicalTheme$, markdown$, markdownErrorSignal$, markdownProcessingError$, markdownSourceEditorValue$, mdastExtensions$, muteChange$, nestedEditorChildren$, onBlur$, placeholder$, readOnly$, rootEditor$, rootEditorSubscriptions$, setMarkdown$, spellCheck$, syntaxExtensions$, toMarkdownExtensions$, toMarkdownOptions$, topAreaChildren$, translation$, useTranslation, 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";
@@ -237,6 +237,7 @@ export {
   importVisitors$,
   inFocus$,
   initialMarkdown$,
+  initialMarkdownNormalize$,
   insertCodeBlock$,
   insertCodeMirror$,
   insertDecoratorNode$,

package/dist/plugins/core/index.js

@@ -81,9 +81,15 @@ const currentSelection$ = Cell(null, (r) => {
 });
 const initialMarkdown$ = Cell("");
 const markdown$ = Cell("");
+const initialMarkdownNormalize$ = Cell(false);
 const markdownSignal$ = Signal((r) => {
   r.link(markdown$, markdownSignal$);
-  r.link(initialMarkdown$, markdown$);
+  r.sub(initialMarkdown$, (md) => {
+    r.pubIn({
+      [initialMarkdownNormalize$]: true,
+      [markdown$]: md
+    });
+  });
 });
 const mutableMarkdownSignal$ = Signal((r) => {
   r.link(
@@ -274,6 +280,7 @@ const createRootEditorSubscription$ = Appender(rootEditorSubscriptions$, (r, sig
           });
         });
         r.pub(markdown$, theNewMarkdownValue.trim());
+        r.pub(initialMarkdownNormalize$, false);
       });
     },
     (rootEditor) => {
@@ -508,7 +515,9 @@ const corePlugin = realmPlugin({
       [lexicalTheme$]: (params == null ? void 0 : params.lexicalTheme) ?? lexicalTheme
     });
     r.singletonSub(markdownErrorSignal$, params == null ? void 0 : params.onError);
-    r.singletonSub(mutableMarkdownSignal$, params == null ? void 0 : params.onChange);
+    r.singletonSub(mutableMarkdownSignal$, (value) => {
+      params == null ? void 0 : params.onChange(value, r.getValue(initialMarkdownNormalize$));
+    });
     r.singletonSub(onBlur$, params == null ? void 0 : params.onBlur);
     if (!(params == null ? void 0 : params.suppressHtmlProcessing)) {
       r.pubIn({
@@ -558,7 +567,9 @@ const corePlugin = realmPlugin({
       [placeholder$]: params == null ? void 0 : params.placeholder,
       [readOnly$]: params == null ? void 0 : params.readOnly
     });
-    realm.singletonSub(mutableMarkdownSignal$, params == null ? void 0 : params.onChange);
+    realm.singletonSub(mutableMarkdownSignal$, (value) => {
+      params == null ? void 0 : params.onChange(value, realm.getValue(initialMarkdownNormalize$));
+    });
     realm.singletonSub(onBlur$, params == null ? void 0 : params.onBlur);
     realm.singletonSub(markdownErrorSignal$, params == null ? void 0 : params.onError);
   }
@@ -611,6 +622,7 @@ export {
   importVisitors$,
   inFocus$,
   initialMarkdown$,
+  initialMarkdownNormalize$,
   insertDecoratorNode$,
   insertMarkdown$,
   jsxComponentDescriptors$,

package/dist/plugins/lists/LexicalListItemVisitor.js

@@ -1,5 +1,5 @@
 import { $isListItemNode, $isListNode } from "@lexical/list";
-import { $isTextNode } from "lexical";
+import { $isTextNode, $isElementNode } from "lexical";
 const LexicalListItemVisitor = {
   testLexicalNode: $isListItemNode,
   visitLexicalNode: ({ lexicalNode, mdastParent, actions }) => {
@@ -22,7 +22,7 @@ const LexicalListItemVisitor = {
       });
       let surroundingParagraph = null;
       for (const child of lexicalNode.getChildren()) {
-        if ($isTextNode(child)) {
+        if ($isTextNode(child) || $isElementNode(child) && child.isInline()) {
           if (!surroundingParagraph) {
             surroundingParagraph = actions.appendToParent(listItem, {
               type: "paragraph",

package/package.json

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