@mdxeditor/editor 0.0.0-development → 0.0.4-development

package/dist/plugins/core/index.js

@@ -2,9 +2,9 @@ import { createEmptyHistoryState } from "@lexical/react/LexicalHistoryPlugin.js"
 import { $isHeadingNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
 import { $findMatchingParent, $wrapNodeInElement, $insertNodeToNearestRoot } from "@lexical/utils";
-import { createCommand, SELECTION_CHANGE_COMMAND, $getRoot, COMMAND_PRIORITY_CRITICAL, $setSelection, BLUR_COMMAND, KEY_DOWN_COMMAND, $isDecoratorNode, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getSelection, $isRangeSelection, $insertNodes, $createParagraphNode, ParagraphNode, TextNode } from "lexical";
+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";
@@ -18,6 +18,12 @@ import { SharedHistoryPlugin } from "./SharedHistoryPlugin.js";
 import { noop } from "../../utils/fp.js";
 import { controlOrMeta } from "../../utils/detectMac.js";
 import { MdastBreakVisitor } from "./MdastBreakVisitor.js";
+import { mdxJsxFromMarkdown, mdxJsxToMarkdown } from "mdast-util-mdx-jsx";
+import { mdxJsx } from "micromark-extension-mdx-jsx";
+import { MdastHTMLVisitor } from "./MdastHTMLVisitor.js";
+import { GenericHTMLNode } from "./GenericHTMLNode.js";
+import { $createGenericHTMLNode, $isGenericHTMLNode } from "./GenericHTMLNode.js";
+import { LexicalGenericHTMLVisitor } from "./LexicalGenericHTMLNodeVisitor.js";
 import { system } from "../../gurx/realmFactory.js";
 import { realmPlugin } from "../../gurx/react.js";
 const NESTED_EDITOR_UPDATED_COMMAND = createCommand("NESTED_EDITOR_UPDATED_COMMAND");
@@ -47,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([]);
@@ -102,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;
       }
@@ -121,6 +140,8 @@ const coreSystem = system((r) => {
   });
   const initialMarkdown = r.node("");
   const markdown = r.node("", true);
+  const markdownSignal = r.node();
+  r.link(markdown, markdownSignal);
   r.link(initialMarkdown, markdown);
   const importVisitors = r.node([]);
   const syntaxExtensions = r.node([]);
@@ -139,20 +160,46 @@ 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(rootEditor, importVisitors, mdastExtensions, syntaxExtensions, inFocus)),
-    ([theNewMarkdownValue, editor, importVisitors2, mdastExtensions2, syntaxExtensions2, inFocus2]) => {
+    r.pipe(
+      setMarkdown,
+      r.o.withLatestFrom(markdown, rootEditor, inFocus),
+      r.o.filter(([newMarkdown, oldMarkdown]) => {
+        return newMarkdown.trim() !== oldMarkdown.trim();
+      })
+    ),
+    ([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 {
+          editor.focus();
         }
       });
     }
@@ -160,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) {
@@ -207,6 +248,16 @@ const coreSystem = system((r) => {
       COMMAND_PRIORITY_CRITICAL
     );
   });
+  r.pub(createRootEditorSubscription, (theEditor) => {
+    return theEditor.registerCommand(
+      FOCUS_COMMAND,
+      () => {
+        r.pub(inFocus, true);
+        return false;
+      },
+      COMMAND_PRIORITY_CRITICAL
+    );
+  });
   r.pub(createRootEditorSubscription, (theRootEditor) => {
     return theRootEditor.registerCommand(
       KEY_DOWN_COMMAND,
@@ -304,6 +355,9 @@ const coreSystem = system((r) => {
                   setTimeout(() => node.select());
                 }
               });
+              setTimeout(() => {
+                theEditor.dispatchCommand(NESTED_EDITOR_UPDATED_COMMAND, void 0);
+              });
             }
           }
         });
@@ -347,6 +401,7 @@ const coreSystem = system((r) => {
     initialMarkdown,
     setMarkdown,
     markdown,
+    markdownSignal,
     // DOM
     editorRootElementRef,
     contentEditableClassName,
@@ -372,7 +427,10 @@ const coreSystem = system((r) => {
     insertDecoratorNode,
     // Events
     onBlur,
-    iconComponentFor
+    iconComponentFor,
+    // error handling
+    markdownProcessingError,
+    markdownErrorSignal
   };
 }, []);
 const [
@@ -391,8 +449,9 @@ const [
       placeholder: params.placeholder,
       readOnly: params.readOnly
     });
-    realm.singletonSubKey("markdown", params.onChange);
+    realm.singletonSubKey("markdownSignal", params.onChange);
     realm.singletonSubKey("onBlur", params.onBlur);
+    realm.singletonSubKey("markdownErrorSignal", params.onError);
   },
   init(realm, params) {
     realm.pubKey("initialMarkdown", params.initialMarkdown.trim());
@@ -405,14 +464,25 @@ const [
     realm.pubKey("addImportVisitor", MdastBreakVisitor);
     realm.pubKey("addLexicalNode", ParagraphNode);
     realm.pubKey("addLexicalNode", TextNode);
+    realm.pubKey("addLexicalNode", GenericHTMLNode);
     realm.pubKey("addExportVisitor", LexicalRootVisitor);
     realm.pubKey("addExportVisitor", LexicalParagraphVisitor);
     realm.pubKey("addExportVisitor", LexicalTextVisitor);
     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 {
+  $createGenericHTMLNode,
+  $isGenericHTMLNode,
+  GenericHTMLNode,
   NESTED_EDITOR_UPDATED_COMMAND,
   corePlugin,
   corePluginHooks,

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/SourceEditor.js

@@ -6,7 +6,13 @@ import { basicSetup } from "codemirror";
 import React__default from "react";
 import { diffSourcePluginHooks } from "./index.js";
 import { corePluginHooks } from "../core/index.js";
-const COMMON_STATE_CONFIG_EXTENSIONS = [basicSetup, basicLight, markdown(), lineNumbers()];
+const COMMON_STATE_CONFIG_EXTENSIONS = [
+  basicSetup,
+  basicLight,
+  markdown(),
+  lineNumbers(),
+  EditorView.lineWrapping
+];
 const SourceEditor = () => {
   const [markdown2, readOnly] = corePluginHooks.useEmitterValues("markdown", "readOnly");
   const [cmExtensions] = diffSourcePluginHooks.useEmitterValues("cmExtensions");

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

@@ -43,6 +43,7 @@ export declare const diffSourceSystem: 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>;
@@ -72,7 +73,15 @@ export declare const diffSourceSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
-}>], (r: Realm, [{ markdown, setMarkdown }]: [{
+    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>;
     historyState: RealmNode<HistoryState>;
@@ -99,6 +108,7 @@ export declare const diffSourceSystem: 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>;
@@ -128,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>;
@@ -168,6 +186,7 @@ diffSourcePlugin: 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>;
@@ -197,7 +216,15 @@ diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
-}>], (r: Realm, [{ markdown, setMarkdown }]: [{
+    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>;
     historyState: RealmNode<HistoryState>;
@@ -224,6 +251,7 @@ diffSourcePlugin: 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>;
@@ -253,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>;
@@ -293,6 +329,7 @@ diffSourcePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -322,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" | "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>;
@@ -355,6 +400,7 @@ diffSourcePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -384,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>;
@@ -417,6 +471,7 @@ diffSourcePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -446,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>;
@@ -478,6 +541,7 @@ diffSourcePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -507,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>;
@@ -540,6 +612,7 @@ diffSourcePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -569,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" | "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>;
@@ -602,6 +683,7 @@ diffSourcePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -631,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

@@ -3,11 +3,12 @@ import { DiffSourceWrapper } from "./DiffSourceWrapper.js";
 import { system } from "../../gurx/realmFactory.js";
 import { realmPlugin } from "../../gurx/react.js";
 const diffSourceSystem = system(
-  (r, [{ markdown, setMarkdown }]) => {
+  (r, [{ markdown, setMarkdown, markdownSignal }]) => {
     const diffMarkdown = r.node("");
     const markdownSourceEditorValue = r.node("");
     const cmExtensions = r.node([]);
     r.link(markdown, markdownSourceEditorValue);
+    r.link(markdownSourceEditorValue, markdownSignal);
     const viewMode = r.node("rich-text");
     r.sub(
       r.pipe(
@@ -41,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 {