@mdxeditor/editor 1.10.1 → 1.11.0

package/dist/exportMarkdownFromLexical.d.ts

@@ -73,6 +73,10 @@ export interface LexicalExportVisitor<LN extends LexicalNode, UN extends Mdast.C
      * For this to be called by the tree walk, shouldJoin must return true.
      */
     join?<T extends Mdast.Content>(prevNode: T, currentNode: T): T;
+    /**
+     * Default 0, optional, sets the priority of the visitor. The higher the number, the earlier it will be called.
+     */
+    priority?: number;
 }
 /**
  * The "any" type for LexicalExportVisitor.

package/dist/exportMarkdownFromLexical.js

@@ -1,5 +1,7 @@
 import { $isElementNode } from "lexical";
 import { toMarkdown } from "mdast-util-to-markdown";
+import { isMdastHTMLNode } from "./plugins/core/MdastHTMLNode.js";
+import { mergeStyleAttributes } from "./utils/mergeStyleAttributes.js";
 function isParent(node) {
   return node.children instanceof Array;
 }
@@ -11,6 +13,7 @@ function exportLexicalTreeToMdast({
 }) {
   let unistRoot = null;
   const referredComponents = /* @__PURE__ */ new Set();
+  visitors = visitors.sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0));
   visit(root, null);
   function registerReferredComponent(componentName) {
     referredComponents.add(componentName);
@@ -123,11 +126,42 @@ function exportLexicalTreeToMdast({
     typedRoot.children.unshift(...imports);
   }
   fixWrappingWhitespace(typedRoot, []);
+  collapseNestedHtmlTags(typedRoot);
   if (!jsxIsAvailable) {
     convertUnderlineJsxToHtml(typedRoot);
   }
   return typedRoot;
 }
+function collapseNestedHtmlTags(node) {
+  if ("children" in node) {
+    if (isMdastHTMLNode(node) && node.children.length === 1) {
+      const onlyChild = node.children[0];
+      if (onlyChild.type === "mdxJsxTextElement" && onlyChild.name === "span") {
+        (onlyChild.attributes || []).forEach((attribute) => {
+          var _a;
+          if (attribute.type === "mdxJsxAttribute") {
+            const parentAttribute = (_a = node.attributes) == null ? void 0 : _a.find((attr) => attr.type === "mdxJsxAttribute" && attr.name === attribute.name);
+            if (parentAttribute) {
+              if (attribute.name === "className") {
+                const mergedClassesSet = /* @__PURE__ */ new Set([
+                  ...parentAttribute.value.split(" "),
+                  ...attribute.value.split(" ")
+                ]);
+                parentAttribute.value = Array.from(mergedClassesSet).join(" ");
+              } else if (attribute.name === "style") {
+                parentAttribute.value = mergeStyleAttributes(parentAttribute.value, attribute.value);
+              }
+            } else {
+              node.attributes.push(attribute);
+            }
+          }
+        });
+        node.children = onlyChild.children;
+      }
+    }
+    node.children.forEach((child) => collapseNestedHtmlTags(child));
+  }
+}
 function convertUnderlineJsxToHtml(node) {
   if (Object.hasOwn(node, "children")) {
     const nodeAsParent = node;

package/dist/gurx/realmFactory.d.ts

@@ -1,6 +1,6 @@
 import { Realm, RealmNode, Subscription, UnsubscribeHandle } from './realm';
 /**
- * The system interface is the runtime representation of a state management module, a a record of nodes.
+ * The system interface is the runtime representation of a state management module, a record of nodes.
  */
 export interface System {
     [key: string]: RealmNode<any>;

package/dist/importMarkdownToLexical.d.ts

@@ -59,6 +59,10 @@ export interface MdastImportVisitor<UN extends Mdast.Content> {
      * The function that is called when the node is visited. See {@link MdastVisitParams} for details.
      */
     visitNode(params: MdastVisitParams<UN>): void;
+    /**
+     * Default 0, optional, sets the priority of the visitor. The higher the number, the earlier it will be called.
+     */
+    priority?: number;
 }
 /**
  * The options of the tree import utility. Not meant to be used directly.

package/dist/importMarkdownToLexical.js

@@ -18,6 +18,7 @@ function importMarkdownToLexical({ root, markdown, visitors, syntaxExtensions, m
 }
 function importMdastTreeToLexical({ root, mdastRoot, visitors }) {
   const formattingMap = /* @__PURE__ */ new WeakMap();
+  visitors = visitors.sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0));
   function visitChildren(mdastNode, lexicalParent) {
     if (!isParent(mdastNode)) {
       throw new Error("Attempting to visit children of a non-parent");

package/dist/index.js

@@ -48,13 +48,16 @@ import { TooltipWrap } from "./plugins/toolbar/primitives/TooltipWrap.js";
 import { Select, SelectButtonTrigger, SelectContent, SelectItem, SelectTrigger } from "./plugins/toolbar/primitives/select.js";
 import { NestedEditorsContext, NestedLexicalEditor, useLexicalNodeRemove, useMdastNodeUpdater, useNestedEditorContext } from "./plugins/core/NestedLexicalEditor.js";
 import { PropertyPopover } from "./plugins/core/PropertyPopover.js";
+import { $createGenericHTMLNode, $isGenericHTMLNode, GenericHTMLNode } from "./plugins/core/GenericHTMLNode.js";
 import { $createImageNode, $isImageNode, ImageNode } from "./plugins/image/ImageNode.js";
 import { useCodeBlockEditorContext } from "./plugins/codeblock/CodeBlockNode.js";
 import { RefCount, defaultComparator, realm } from "./gurx/realm.js";
 import { RealmPluginInitializer, RequirePlugin, realmFactoryToComponent, realmPlugin, sysHooks, useHasPlugin } from "./gurx/react.js";
 import { getRealmFactory, realmFactory, system } from "./gurx/realmFactory.js";
 export {
+  $createGenericHTMLNode,
   $createImageNode,
+  $isGenericHTMLNode,
   $isImageNode,
   ADMONITION_TYPES,
   AdmonitionDirectiveDescriptor,
@@ -72,6 +75,7 @@ export {
   DialogButton,
   DiffSourceToggleWrapper,
   GenericDirectiveEditor,
+  GenericHTMLNode,
   GenericJsxEditor,
   INSERT_IMAGE_COMMAND,
   ImageNode,

package/dist/plugins/codeblock/index.d.ts

@@ -93,6 +93,7 @@ export declare const codeBlockSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -149,6 +150,7 @@ export declare const codeBlockSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -228,6 +230,7 @@ codeBlockPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -284,6 +287,7 @@ codeBlockPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -355,6 +359,7 @@ codeBlockPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -385,7 +390,7 @@ codeBlockPluginHooks: {
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock">(key: K, callback: (value: ValueForKey<{
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock">(key: K, callback: (value: ValueForKey<{
         codeBlockEditorDescriptors: RealmNode<CodeBlockEditorDescriptor[]>;
         defaultCodeBlockLanguage: RealmNode<string>;
         appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
@@ -417,6 +422,7 @@ codeBlockPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -479,6 +485,7 @@ codeBlockPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -540,6 +547,7 @@ codeBlockPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -602,6 +610,7 @@ codeBlockPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -632,7 +641,7 @@ codeBlockPluginHooks: {
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock">(key: K_2) => (value: ValueForKey<{
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock">(key: K_2) => (value: ValueForKey<{
         codeBlockEditorDescriptors: RealmNode<CodeBlockEditorDescriptor[]>;
         defaultCodeBlockLanguage: RealmNode<string>;
         appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
@@ -664,6 +673,7 @@ codeBlockPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;

package/dist/plugins/codemirror/index.d.ts

@@ -41,6 +41,7 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -97,6 +98,7 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -153,6 +155,7 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -214,6 +217,7 @@ export declare const codeMirrorSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -284,6 +288,7 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -340,6 +345,7 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -396,6 +402,7 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -457,6 +464,7 @@ codeMirrorPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<ReactNode>;
@@ -535,6 +543,7 @@ codeMirrorHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -570,7 +579,7 @@ codeMirrorHooks: {
         appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
         insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "codeBlockLanguages" | "insertCodeMirror">(key: K, callback: (value: ValueForKey<{
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "codeBlockLanguages" | "insertCodeMirror">(key: K, callback: (value: ValueForKey<{
         codeBlockLanguages: RealmNode<Record<string, string>>;
         insertCodeMirror: RealmNode<{
             language: string;
@@ -603,6 +612,7 @@ codeMirrorHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -671,6 +681,7 @@ codeMirrorHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -738,6 +749,7 @@ codeMirrorHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -806,6 +818,7 @@ codeMirrorHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -841,7 +854,7 @@ codeMirrorHooks: {
         appendCodeBlockEditorDescriptor: RealmNode<CodeBlockEditorDescriptor>;
         insertCodeBlock: RealmNode<Partial<CreateCodeBlockNodeOptions>>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "codeBlockLanguages" | "insertCodeMirror">(key: K_2) => (value: ValueForKey<{
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "codeBlockEditorDescriptors" | "defaultCodeBlockLanguage" | "appendCodeBlockEditorDescriptor" | "insertCodeBlock" | "codeBlockLanguages" | "insertCodeMirror">(key: K_2) => (value: ValueForKey<{
         codeBlockLanguages: RealmNode<Record<string, string>>;
         insertCodeMirror: RealmNode<{
             language: string;
@@ -874,6 +887,7 @@ codeMirrorHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;

package/dist/plugins/core/GenericHTMLNode.d.ts

@@ -0,0 +1,38 @@
+import { DOMConversionMap, DOMExportOutput, ElementNode, LexicalEditor, LexicalNode, NodeKey, SerializedElementNode, Spread } from 'lexical';
+import { MdxJsxAttribute } from 'mdast-util-mdx-jsx';
+import { MDX_NODE_TYPES, htmlTags } from './MdastHTMLNode';
+export type KnownHTMLTagType = (typeof htmlTags)[number];
+declare const TYPE_NAME: "generic-html";
+export type SerializedGenericHTMLNode = Spread<{
+    tag: KnownHTMLTagType;
+    type: typeof TYPE_NAME;
+    mdxType: MdxNodeType;
+    attributes: MdxJsxAttribute[];
+    version: 1;
+}, SerializedElementNode>;
+type MdxNodeType = (typeof MDX_NODE_TYPES)[number];
+export declare class GenericHTMLNode extends ElementNode {
+    /** @internal */
+    __tag: KnownHTMLTagType;
+    __nodeType: MdxNodeType;
+    __attributes: MdxJsxAttribute[];
+    static getType(): string;
+    static clone(node: GenericHTMLNode): GenericHTMLNode;
+    constructor(tag: KnownHTMLTagType, type: MdxNodeType, attributes: MdxJsxAttribute[], key?: NodeKey);
+    getTag(): KnownHTMLTagType;
+    getNodeType(): MdxNodeType;
+    getAttributes(): MdxJsxAttribute[];
+    updateAttributes(attributes: MdxJsxAttribute[]): void;
+    getStyle(): string;
+    createDOM(): HTMLElement;
+    updateDOM(): boolean;
+    static importDOM(): DOMConversionMap | null;
+    exportDOM(editor: LexicalEditor): DOMExportOutput;
+    static importJSON(serializedNode: SerializedGenericHTMLNode): GenericHTMLNode;
+    exportJSON(): SerializedGenericHTMLNode;
+    extractWithChild(): boolean;
+    isInline(): boolean;
+}
+export declare function $createGenericHTMLNode(tag: KnownHTMLTagType, type: MdxNodeType, attributes: MdxJsxAttribute[]): GenericHTMLNode;
+export declare function $isGenericHTMLNode(node: LexicalNode | null | undefined): node is GenericHTMLNode;
+export {};

package/dist/plugins/core/GenericHTMLNode.js

@@ -0,0 +1,117 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ElementNode, $applyNodeReplacement } from "lexical";
+const TYPE_NAME = "generic-html";
+class GenericHTMLNode extends ElementNode {
+  constructor(tag, type, attributes, key) {
+    super(key);
+    /** @internal */
+    __publicField(this, "__tag");
+    __publicField(this, "__nodeType");
+    __publicField(this, "__attributes");
+    this.__tag = tag;
+    this.__nodeType = type;
+    this.__attributes = attributes;
+  }
+  static getType() {
+    return TYPE_NAME;
+  }
+  static clone(node) {
+    return new GenericHTMLNode(node.__tag, node.__nodeType, node.__attributes, node.__key);
+  }
+  getTag() {
+    return this.__tag;
+  }
+  getNodeType() {
+    return this.__nodeType;
+  }
+  getAttributes() {
+    return this.__attributes;
+  }
+  updateAttributes(attributes) {
+    const self = this.getWritable();
+    self.__attributes = attributes;
+  }
+  getStyle() {
+    var _a;
+    return (_a = this.__attributes.find((attribute) => attribute.name === "style")) == null ? void 0 : _a.value;
+  }
+  // View
+  createDOM() {
+    const tag = this.__tag;
+    const element = document.createElement(tag);
+    this.__attributes.forEach((attribute) => {
+      element.setAttribute(attribute.name, attribute.value);
+    });
+    return element;
+  }
+  updateDOM() {
+    return false;
+  }
+  static importDOM() {
+    return {};
+  }
+  exportDOM(editor) {
+    const { element } = super.exportDOM(editor);
+    return {
+      element
+    };
+  }
+  static importJSON(serializedNode) {
+    const node = $createGenericHTMLNode(serializedNode.tag, serializedNode.mdxType, serializedNode.attributes);
+    node.setFormat(serializedNode.format);
+    node.setIndent(serializedNode.indent);
+    node.setDirection(serializedNode.direction);
+    return node;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      tag: this.getTag(),
+      attributes: this.__attributes,
+      mdxType: this.__nodeType,
+      type: TYPE_NAME,
+      version: 1
+    };
+  }
+  /*
+    // Mutation
+    insertNewAfter(selection?: RangeSelection, restoreSelection = true): ParagraphNode | GenericHTMLNode {
+      const anchorOffet = selection ? selection.anchor.offset : 0
+      const newElement =
+        anchorOffet > 0 && anchorOffet < this.getTextContentSize() ? $createHeadingNode(this.getTag()) : $createParagraphNode()
+      const direction = this.getDirection()
+      newElement.setDirection(direction)
+      this.insertAfter(newElement, restoreSelection)
+      return newElement
+    }
+  
+    collapseAtStart(): true {
+      const newElement = !this.isEmpty() ? $createHeadingNode(this.getTag()) : $createParagraphNode()
+      const children = this.getChildren()
+      children.forEach((child) => newElement.append(child))
+      this.replace(newElement)
+      return true
+    }*/
+  extractWithChild() {
+    return true;
+  }
+  isInline() {
+    return this.__nodeType === "mdxJsxTextElement";
+  }
+}
+function $createGenericHTMLNode(tag, type, attributes) {
+  return $applyNodeReplacement(new GenericHTMLNode(tag, type, attributes));
+}
+function $isGenericHTMLNode(node) {
+  return node instanceof GenericHTMLNode;
+}
+export {
+  $createGenericHTMLNode,
+  $isGenericHTMLNode,
+  GenericHTMLNode
+};

package/dist/plugins/core/LexicalGenericHTMLNodeVisitor.d.ts

@@ -0,0 +1,4 @@
+import { MdxJsxFlowElement, MdxJsxTextElement } from 'mdast-util-mdx-jsx';
+import { GenericHTMLNode } from './GenericHTMLNode';
+import { LexicalExportVisitor } from '../../exportMarkdownFromLexical';
+export declare const LexicalGenericHTMLVisitor: LexicalExportVisitor<GenericHTMLNode, MdxJsxFlowElement | MdxJsxTextElement>;

package/dist/plugins/core/LexicalGenericHTMLNodeVisitor.js

@@ -0,0 +1,15 @@
+import { $isGenericHTMLNode } from "./GenericHTMLNode.js";
+const LexicalGenericHTMLVisitor = {
+  testLexicalNode: $isGenericHTMLNode,
+  visitLexicalNode({ actions, lexicalNode }) {
+    actions.addAndStepInto("mdxJsxTextElement", {
+      name: lexicalNode.getTag(),
+      type: lexicalNode.getNodeType(),
+      attributes: lexicalNode.getAttributes()
+    });
+  },
+  priority: -100
+};
+export {
+  LexicalGenericHTMLVisitor
+};

package/dist/plugins/core/LexicalTextVisitor.js

@@ -5,7 +5,14 @@ function isMdastText(mdastNode) {
 }
 const LexicalTextVisitor = {
   shouldJoin: (prevNode, currentNode) => {
-    return ["text", "emphasis", "strong", "mdxJsxTextElement"].includes(prevNode.type) && prevNode.type === currentNode.type;
+    if (["text", "emphasis", "strong"].includes(prevNode.type)) {
+      return prevNode.type === currentNode.type;
+    }
+    if (prevNode.type === "mdxJsxTextElement" && currentNode.type === "mdxJsxTextElement") {
+      const currentMdxNode = currentNode;
+      return prevNode.name === currentMdxNode.name && JSON.stringify(prevNode.attributes) === JSON.stringify(currentMdxNode.attributes);
+    }
+    return false;
   },
   join(prevNode, currentNode) {
     if (isMdastText(prevNode) && isMdastText(currentNode)) {
@@ -26,6 +33,7 @@ const LexicalTextVisitor = {
     const prevFormat = $isTextNode(previousSibling) ? previousSibling.getFormat() : 0;
     const textContent = lexicalNode.getTextContent();
     const format = lexicalNode.getFormat() ?? 0;
+    const style = lexicalNode.getStyle();
     if (format & IS_CODE) {
       actions.addAndStepInto("inlineCode", {
         value: textContent
@@ -33,6 +41,14 @@ const LexicalTextVisitor = {
       return;
     }
     let localParentNode = mdastParent;
+    if (style) {
+      localParentNode = actions.appendToParent(localParentNode, {
+        type: "mdxJsxTextElement",
+        name: "span",
+        children: [],
+        attributes: [{ type: "mdxJsxAttribute", name: "style", value: style }]
+      });
+    }
     if (prevFormat & format & IS_ITALIC) {
       localParentNode = actions.appendToParent(localParentNode, {
         type: "emphasis",

package/dist/plugins/core/MdastHTMLNode.d.ts

@@ -0,0 +1,13 @@
+import * as Mdast from 'mdast';
+import { MdxJsxFlowElement, MdxJsxTextElement } from 'mdast-util-mdx-jsx';
+interface MdastBlockHTMLNode extends MdxJsxFlowElement {
+    name: (typeof htmlTags)[number];
+}
+interface MdastInlineHTMLNode extends MdxJsxTextElement {
+    name: (typeof htmlTags)[number];
+}
+export type MdastHTMLNode = MdastBlockHTMLNode | MdastInlineHTMLNode;
+export declare const MDX_NODE_TYPES: readonly ["mdxJsxTextElement", "mdxJsxFlowElement"];
+export declare function isMdastHTMLNode(node: Mdast.Parent | Mdast.Content | Mdast.Root): node is MdastHTMLNode;
+export declare const htmlTags: readonly ["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "input", "ins", "kbd", "label", "legend", "li", "link", "main", "map", "mark", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "var", "video", "wbr"];
+export {};