@mdxeditor/editor 1.12.1 → 1.13.0

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

@@ -87,6 +87,14 @@ export declare const coreSystem: SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }>;
 interface CorePluginParams {
     initialMarkdown: string;
@@ -98,9 +106,14 @@ interface CorePluginParams {
     };
     onChange: (markdown: string) => void;
     onBlur?: (e: FocusEvent) => void;
+    onError?: (payload: {
+        error: string;
+        source: string;
+    }) => void;
     toMarkdownOptions: NonNullable<LexicalConvertOptions['toMarkdownOptions']>;
     readOnly: boolean;
     iconComponentFor: (name: IconKey) => React.ReactElement;
+    suppressHtmlProcessing?: boolean;
 }
 export declare const 
 /** @internal */
@@ -161,6 +174,14 @@ corePlugin: PluginConstructor<SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }>, CorePluginParams>, 
 /** @internal */
 corePluginHooks: {
@@ -221,8 +242,16 @@ corePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }>;
-    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">(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" | "markdownProcessingError" | "markdownErrorSignal">(key: K, callback: (value: ValueForKey<{
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
         historyState: RealmNode<HistoryState>;
@@ -279,6 +308,14 @@ corePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }, K>) => void) => void;
     useEmitterValues: <K_1 extends SystemKeys<{
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -337,6 +374,14 @@ corePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }>>(...keys: K_1) => ValuesForKeys<{
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -394,6 +439,14 @@ corePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }, K_1>;
     usePubKeys: () => (values: SystemDict<{
         activeEditor: RealmNode<LexicalEditor | null>;
@@ -452,8 +505,16 @@ corePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }>) => 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" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor">(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" | "markdownProcessingError" | "markdownErrorSignal">(key: K_2) => (value: ValueForKey<{
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
         historyState: RealmNode<HistoryState>;
@@ -510,5 +571,13 @@ corePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }, K_2>) => void;
 };

package/dist/plugins/core/index.js

@@ -4,7 +4,7 @@ import { $setBlocksType } from "@lexical/selection";
 import { $findMatchingParent, $wrapNodeInElement, $insertNodeToNearestRoot } from "@lexical/utils";
 import { createCommand, SELECTION_CHANGE_COMMAND, $getRoot, COMMAND_PRIORITY_CRITICAL, $setSelection, BLUR_COMMAND, FOCUS_COMMAND, KEY_DOWN_COMMAND, $isDecoratorNode, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getSelection, $isRangeSelection, $insertNodes, $createParagraphNode, ParagraphNode, TextNode } from "lexical";
 import { exportMarkdownFromLexical } from "../../exportMarkdownFromLexical.js";
-import { importMarkdownToLexical } from "../../importMarkdownToLexical.js";
+import { importMarkdownToLexical, MarkdownParseError, UnrecognizedMarkdownConstructError } from "../../importMarkdownToLexical.js";
 import { LexicalLinebreakVisitor } from "./LexicalLinebreakVisitor.js";
 import { LexicalParagraphVisitor } from "./LexicalParagraphVisitor.js";
 import { LexicalRootVisitor } from "./LexicalRootVisitor.js";
@@ -53,6 +53,15 @@ const coreSystem = system((r) => {
   const autoFocus = r.node(false);
   const inFocus = r.node(false, true);
   const currentFormat = r.node(0, true);
+  const markdownProcessingError = r.node(null);
+  const markdownErrorSignal = r.node();
+  r.link(
+    r.pipe(
+      markdownProcessingError,
+      r.o.filter((e) => e !== null)
+    ),
+    markdownErrorSignal
+  );
   const applyFormat = r.node();
   const currentSelection = r.node(null);
   const activeEditorSubscriptions = r.node([]);
@@ -108,6 +117,10 @@ const coreSystem = system((r) => {
   });
   r.pub(createRootEditorSubscription, (theRootEditor) => {
     return theRootEditor.registerUpdateListener(({ dirtyElements, dirtyLeaves, editorState }) => {
+      const err = r.getValue(markdownProcessingError);
+      if (err !== null) {
+        return;
+      }
       if (dirtyElements.size === 0 && dirtyLeaves.size === 0) {
         return;
       }
@@ -147,24 +160,42 @@ const coreSystem = system((r) => {
   const addExportVisitor = createAppendNodeFor(exportVisitors);
   const addToMarkdownExtension = createAppendNodeFor(toMarkdownExtensions);
   const setMarkdown = r.node();
+  function tryImportingMarkdown(markdownValue) {
+    try {
+      importMarkdownToLexical({
+        root: $getRoot(),
+        visitors: r.getValue(importVisitors),
+        mdastExtensions: r.getValue(mdastExtensions),
+        markdown: markdownValue,
+        syntaxExtensions: r.getValue(syntaxExtensions)
+      });
+      r.pub(markdownProcessingError, null);
+    } catch (e) {
+      if (e instanceof MarkdownParseError || e instanceof UnrecognizedMarkdownConstructError) {
+        r.pubIn({
+          [markdown.key]: markdownValue,
+          [markdownProcessingError.key]: {
+            error: e.message,
+            source: markdown
+          }
+        });
+      } else {
+        throw e;
+      }
+    }
+  }
   r.sub(
     r.pipe(
       setMarkdown,
-      r.o.withLatestFrom(markdown, rootEditor, importVisitors, mdastExtensions, syntaxExtensions, inFocus),
+      r.o.withLatestFrom(markdown, rootEditor, inFocus),
       r.o.filter(([newMarkdown, oldMarkdown]) => {
         return newMarkdown.trim() !== oldMarkdown.trim();
       })
     ),
-    ([theNewMarkdownValue, , editor, importVisitors2, mdastExtensions2, syntaxExtensions2, inFocus2]) => {
+    ([theNewMarkdownValue, , editor, inFocus2]) => {
       editor == null ? void 0 : editor.update(() => {
         $getRoot().clear();
-        importMarkdownToLexical({
-          root: $getRoot(),
-          visitors: importVisitors2,
-          mdastExtensions: mdastExtensions2,
-          markdown: theNewMarkdownValue,
-          syntaxExtensions: syntaxExtensions2
-        });
+        tryImportingMarkdown(theNewMarkdownValue);
         if (!inFocus2) {
           $setSelection(null);
         } else {
@@ -176,13 +207,7 @@ const coreSystem = system((r) => {
   const initialRootEditorState = r.node((theRootEditor) => {
     r.pub(rootEditor, theRootEditor);
     r.pub(activeEditor, theRootEditor);
-    importMarkdownToLexical({
-      root: $getRoot(),
-      visitors: r.getValue(importVisitors),
-      mdastExtensions: r.getValue(mdastExtensions),
-      markdown: r.getValue(initialMarkdown),
-      syntaxExtensions: r.getValue(syntaxExtensions)
-    });
+    tryImportingMarkdown(r.getValue(initialMarkdown));
     const autoFocusValue = r.getValue(autoFocus);
     if (autoFocusValue) {
       if (autoFocusValue === true) {
@@ -402,7 +427,10 @@ const coreSystem = system((r) => {
     insertDecoratorNode,
     // Events
     onBlur,
-    iconComponentFor
+    iconComponentFor,
+    // error handling
+    markdownProcessingError,
+    markdownErrorSignal
   };
 }, []);
 const [
@@ -423,20 +451,17 @@ const [
     });
     realm.singletonSubKey("markdownSignal", params.onChange);
     realm.singletonSubKey("onBlur", params.onBlur);
+    realm.singletonSubKey("markdownErrorSignal", params.onError);
   },
   init(realm, params) {
     realm.pubKey("initialMarkdown", params.initialMarkdown.trim());
     realm.pubKey("iconComponentFor", params.iconComponentFor);
-    realm.pubKey("addMdastExtension", mdxJsxFromMarkdown());
-    realm.pubKey("addSyntaxExtension", mdxJsx());
-    realm.pubKey("addToMarkdownExtension", mdxJsxToMarkdown());
     realm.pubKey("addImportVisitor", MdastRootVisitor);
     realm.pubKey("addImportVisitor", MdastParagraphVisitor);
     realm.pubKey("addImportVisitor", MdastTextVisitor);
     realm.pubKey("addImportVisitor", MdastFormattingVisitor);
     realm.pubKey("addImportVisitor", MdastInlineCodeVisitor);
     realm.pubKey("addImportVisitor", MdastBreakVisitor);
-    realm.pubKey("addImportVisitor", MdastHTMLVisitor);
     realm.pubKey("addLexicalNode", ParagraphNode);
     realm.pubKey("addLexicalNode", TextNode);
     realm.pubKey("addLexicalNode", GenericHTMLNode);
@@ -446,6 +471,12 @@ const [
     realm.pubKey("addExportVisitor", LexicalLinebreakVisitor);
     realm.pubKey("addExportVisitor", LexicalGenericHTMLVisitor);
     realm.pubKey("addComposerChild", SharedHistoryPlugin);
+    if (!params.suppressHtmlProcessing) {
+      realm.pubKey("addMdastExtension", mdxJsxFromMarkdown());
+      realm.pubKey("addSyntaxExtension", mdxJsx());
+      realm.pubKey("addToMarkdownExtension", mdxJsxToMarkdown());
+      realm.pubKey("addImportVisitor", MdastHTMLVisitor);
+    }
   }
 });
 export {

package/dist/plugins/diff-source/DiffSourceWrapper.js

@@ -2,9 +2,12 @@ import React__default from "react";
 import { diffSourcePluginHooks } from "./index.js";
 import { DiffViewer } from "./DiffViewer.js";
 import { SourceEditor } from "./SourceEditor.js";
+import { corePluginHooks } from "../core/index.js";
+import styles from "../../styles/ui.module.css.js";
 const DiffSourceWrapper = ({ children }) => {
+  const [error] = corePluginHooks.useEmitterValues("markdownProcessingError");
   const [viewMode] = diffSourcePluginHooks.useEmitterValues("viewMode");
-  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", { style: { display: viewMode === "rich-text" ? "block" : "none" } }, children), viewMode === "diff" ? /* @__PURE__ */ React__default.createElement(DiffViewer, null) : null, viewMode === "source" ? /* @__PURE__ */ React__default.createElement(SourceEditor, null) : null);
+  return /* @__PURE__ */ React__default.createElement("div", null, error ? /* @__PURE__ */ React__default.createElement("div", { className: styles.markdownParseError }, /* @__PURE__ */ React__default.createElement("p", null, error.error, "."), /* @__PURE__ */ React__default.createElement("p", null, "You can fix the errors in source mode and switch to rich text mode when you are ready.")) : null, /* @__PURE__ */ React__default.createElement("div", { style: { display: viewMode === "rich-text" && error == null ? "block" : "none" } }, children), viewMode === "diff" ? /* @__PURE__ */ React__default.createElement(DiffViewer, null) : null, viewMode === "source" ? /* @__PURE__ */ React__default.createElement(SourceEditor, null) : null);
 };
 export {
   DiffSourceWrapper

package/dist/plugins/diff-source/index.d.ts

@@ -73,6 +73,14 @@ export declare const diffSourceSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }>], (r: Realm, [{ markdown, setMarkdown, markdownSignal }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -130,6 +138,14 @@ export declare const diffSourceSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }]) => {
     viewMode: RealmNode<ViewMode>;
     diffMarkdown: RealmNode<string>;
@@ -200,6 +216,14 @@ diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }>], (r: Realm, [{ markdown, setMarkdown, markdownSignal }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -257,6 +281,14 @@ diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }]) => {
     viewMode: RealmNode<ViewMode>;
     diffMarkdown: RealmNode<string>;
@@ -327,8 +359,16 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }>;
-    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" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown" | "cmExtensions">(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" | "markdownProcessingError" | "markdownErrorSignal" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown" | "cmExtensions">(key: K, callback: (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
@@ -390,6 +430,14 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }, K>) => void) => void;
     useEmitterValues: <K_1 extends SystemKeys<{
         viewMode: RealmNode<ViewMode>;
@@ -453,6 +501,14 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }>>(...keys: K_1) => ValuesForKeys<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
@@ -515,6 +571,14 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }, K_1>;
     usePubKeys: () => (values: SystemDict<{
         viewMode: RealmNode<ViewMode>;
@@ -578,8 +642,16 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }>) => 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" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown" | "cmExtensions">(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" | "markdownProcessingError" | "markdownErrorSignal" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown" | "cmExtensions">(key: K_2) => (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
@@ -641,5 +713,13 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }, K_2>) => void;
 };

package/dist/plugins/diff-source/index.js

@@ -42,13 +42,11 @@ const [
 ] = realmPlugin({
   id: "diff-source",
   systemSpec: diffSourceSystem,
-  applyParamsToSystem(r, params) {
-    r.pubKey("viewMode", (params == null ? void 0 : params.viewMode) || "rich-text");
-  },
   init(r, params) {
     r.pubKey("diffMarkdown", (params == null ? void 0 : params.diffMarkdown) || "");
     r.pubKey("cmExtensions", (params == null ? void 0 : params.codeMirrorExtensions) || []);
     r.pubKey("addEditorWrapper", DiffSourceWrapper);
+    r.pubKey("viewMode", (params == null ? void 0 : params.viewMode) || "rich-text");
   }
 });
 export {

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

@@ -129,6 +129,14 @@ export declare const directivesSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }>], (r: Realm, [{ insertDecoratorNode }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -186,6 +194,14 @@ export declare const directivesSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }]) => {
     directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
     insertDirective: RealmNode<InsertDirectivePayload>;
@@ -261,6 +277,14 @@ directivesPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }>], (r: Realm, [{ insertDecoratorNode }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
@@ -318,6 +342,14 @@ directivesPlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+    markdownProcessingError: RealmNode<{
+        error: string;
+        source: string;
+    } | null>;
+    markdownErrorSignal: RealmNode<{
+        error: string;
+        source: string;
+    }>;
 }]) => {
     directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
     insertDirective: RealmNode<InsertDirectivePayload>;
@@ -384,8 +416,16 @@ directivesPluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }>;
-    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" | "directiveDescriptors" | "insertDirective">(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" | "markdownProcessingError" | "markdownErrorSignal" | "directiveDescriptors" | "insertDirective">(key: K, callback: (value: ValueForKey<{
         directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
         insertDirective: RealmNode<InsertDirectivePayload>;
     } & {
@@ -445,6 +485,14 @@ directivesPluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }, K>) => void) => void;
     useEmitterValues: <K_1 extends SystemKeys<{
         directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
@@ -506,6 +554,14 @@ directivesPluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }>>(...keys: K_1) => ValuesForKeys<{
         directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
         insertDirective: RealmNode<InsertDirectivePayload>;
@@ -566,6 +622,14 @@ directivesPluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }, K_1>;
     usePubKeys: () => (values: SystemDict<{
         directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
@@ -627,8 +691,16 @@ directivesPluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }>) => 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" | "markdownSignal" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "iconComponentFor" | "directiveDescriptors" | "insertDirective">(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" | "markdownProcessingError" | "markdownErrorSignal" | "directiveDescriptors" | "insertDirective">(key: K_2) => (value: ValueForKey<{
         directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
         insertDirective: RealmNode<InsertDirectivePayload>;
     } & {
@@ -688,6 +760,14 @@ directivesPluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
+        markdownProcessingError: RealmNode<{
+            error: string;
+            source: string;
+        } | null>;
+        markdownErrorSignal: RealmNode<{
+            error: string;
+            source: string;
+        }>;
     }, K_2>) => void;
 };
 export {};