@mdxeditor/editor 1.10.1 → 1.11.0

package/dist/plugins/core/MdastHTMLNode.js

@@ -0,0 +1,122 @@
+const MDX_NODE_TYPES = ["mdxJsxTextElement", "mdxJsxFlowElement"];
+function isMdastHTMLNode(node) {
+  var _a;
+  return MDX_NODE_TYPES.includes(node.type) && htmlTags.includes(((_a = node.name) == null ? void 0 : _a.toLowerCase()) ?? "");
+}
+const htmlTags = [
+  "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",
+  // 'img',
+  "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 {
+  MDX_NODE_TYPES,
+  htmlTags,
+  isMdastHTMLNode
+};

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

@@ -0,0 +1,3 @@
+import { MdastImportVisitor } from '../../importMarkdownToLexical';
+import { MdastHTMLNode } from './MdastHTMLNode';
+export declare const MdastHTMLVisitor: MdastImportVisitor<MdastHTMLNode>;

package/dist/plugins/core/MdastHTMLVisitor.js

@@ -0,0 +1,12 @@
+import { $createGenericHTMLNode } from "./GenericHTMLNode.js";
+import { isMdastHTMLNode } from "./MdastHTMLNode.js";
+const MdastHTMLVisitor = {
+  testNode: isMdastHTMLNode,
+  visitNode: function({ mdastNode, actions }) {
+    actions.addAndStepInto($createGenericHTMLNode(mdastNode.name, mdastNode.type, mdastNode.attributes));
+  },
+  priority: -100
+};
+export {
+  MdastHTMLVisitor
+};

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

@@ -12,6 +12,7 @@ import type { SystemSpec, Realm, PluginConstructor, TypedRealm, ValueForKey, Sys
 import { MdastImportVisitor } from '../../importMarkdownToLexical';
 import type { JsxComponentDescriptor } from '../jsx';
 import { type IconKey } from './Icon';
+export * from './GenericHTMLNode';
 /** @internal */
 export type EditorSubscription = (activeEditor: LexicalEditor) => () => void;
 /** @internal */
@@ -56,6 +57,7 @@ export declare const coreSystem: SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<React.ReactNode>;
@@ -129,6 +131,7 @@ corePlugin: PluginConstructor<SystemSpec<[], (r: Realm) => {
     initialMarkdown: RealmNode<string>;
     setMarkdown: RealmNode<string>;
     markdown: RealmNode<string>;
+    markdownSignal: RealmNode<string>;
     editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
     contentEditableClassName: RealmNode<string>;
     placeholder: RealmNode<React.ReactNode>;
@@ -188,6 +191,7 @@ corePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
@@ -218,7 +222,7 @@ corePluginHooks: {
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => React.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">(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">(key: K, callback: (value: ValueForKey<{
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
         historyState: RealmNode<HistoryState>;
@@ -245,6 +249,7 @@ corePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
@@ -302,6 +307,7 @@ corePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
@@ -358,6 +364,7 @@ corePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
@@ -415,6 +422,7 @@ corePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
@@ -445,7 +453,7 @@ corePluginHooks: {
         onBlur: RealmNode<FocusEvent>;
         iconComponentFor: RealmNode<(name: IconKey) => React.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">(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">(key: K_2) => (value: ValueForKey<{
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
         historyState: RealmNode<HistoryState>;
@@ -472,6 +480,7 @@ corePluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<React.RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<React.ReactNode>;
@@ -503,4 +512,3 @@ corePluginHooks: {
         iconComponentFor: RealmNode<(name: IconKey) => React.ReactNode>;
     }, K_2>) => void;
 };
-export {};

package/dist/plugins/core/index.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");
@@ -121,6 +127,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([]);
@@ -347,6 +355,7 @@ const coreSystem = system((r) => {
     initialMarkdown,
     setMarkdown,
     markdown,
+    markdownSignal,
     // DOM
     editorRootElementRef,
     contentEditableClassName,
@@ -391,28 +400,37 @@ const [
       placeholder: params.placeholder,
       readOnly: params.readOnly
     });
-    realm.singletonSubKey("markdown", params.onChange);
+    realm.singletonSubKey("markdownSignal", params.onChange);
     realm.singletonSubKey("onBlur", params.onBlur);
   },
   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);
     realm.pubKey("addExportVisitor", LexicalRootVisitor);
     realm.pubKey("addExportVisitor", LexicalParagraphVisitor);
     realm.pubKey("addExportVisitor", LexicalTextVisitor);
     realm.pubKey("addExportVisitor", LexicalLinebreakVisitor);
+    realm.pubKey("addExportVisitor", LexicalGenericHTMLVisitor);
     realm.pubKey("addComposerChild", SharedHistoryPlugin);
   }
 });
 export {
+  $createGenericHTMLNode,
+  $isGenericHTMLNode,
+  GenericHTMLNode,
   NESTED_EDITOR_UPDATED_COMMAND,
   corePlugin,
   corePluginHooks,

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,7 @@ export declare const diffSourceSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
-}>], (r: Realm, [{ markdown, setMarkdown }]: [{
+}>], (r: Realm, [{ markdown, setMarkdown, markdownSignal }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
     historyState: RealmNode<HistoryState>;
@@ -99,6 +100,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>;
@@ -168,6 +170,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 +200,7 @@ diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
     iconComponentFor: RealmNode<(name: IconKey) => ReactNode>;
-}>], (r: Realm, [{ markdown, setMarkdown }]: [{
+}>], (r: Realm, [{ markdown, setMarkdown, markdownSignal }]: [{
     activeEditor: RealmNode<LexicalEditor | null>;
     inFocus: RealmNode<boolean>;
     historyState: RealmNode<HistoryState>;
@@ -224,6 +227,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>;
@@ -293,6 +297,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>;
@@ -323,7 +328,7 @@ diffSourcePluginHooks: {
         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" | "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" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown" | "cmExtensions">(key: K, callback: (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
@@ -355,6 +360,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>;
@@ -417,6 +423,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>;
@@ -478,6 +485,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>;
@@ -540,6 +548,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>;
@@ -570,7 +579,7 @@ diffSourcePluginHooks: {
         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" | "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" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown" | "cmExtensions">(key: K_2) => (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
@@ -602,6 +611,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>;

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(

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

@@ -99,6 +99,7 @@ export declare const directivesSystem: 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>;
@@ -155,6 +156,7 @@ export declare const directivesSystem: 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>;
@@ -229,6 +231,7 @@ directivesPlugin: 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>;
@@ -285,6 +288,7 @@ directivesPlugin: 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>;
@@ -350,6 +354,7 @@ directivesPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -380,7 +385,7 @@ directivesPluginHooks: {
         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" | "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" | "directiveDescriptors" | "insertDirective">(key: K, callback: (value: ValueForKey<{
         directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
         insertDirective: RealmNode<InsertDirectivePayload>;
     } & {
@@ -410,6 +415,7 @@ directivesPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -470,6 +476,7 @@ directivesPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -529,6 +536,7 @@ directivesPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -589,6 +597,7 @@ directivesPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;
@@ -619,7 +628,7 @@ directivesPluginHooks: {
         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" | "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" | "directiveDescriptors" | "insertDirective">(key: K_2) => (value: ValueForKey<{
         directiveDescriptors: RealmNode<DirectiveDescriptor<any>[]>;
         insertDirective: RealmNode<InsertDirectivePayload>;
     } & {
@@ -649,6 +658,7 @@ directivesPluginHooks: {
         initialMarkdown: RealmNode<string>;
         setMarkdown: RealmNode<string>;
         markdown: RealmNode<string>;
+        markdownSignal: RealmNode<string>;
         editorRootElementRef: RealmNode<RefObject<HTMLDivElement> | null>;
         contentEditableClassName: RealmNode<string>;
         placeholder: RealmNode<ReactNode>;