@mdxeditor/editor 1.14.2 → 2.0.0

package/dist/index.js

@@ -1,28 +1,29 @@
 import "./styles/globals.css.js";
+export * from "@mdxeditor/gurx";
 import { MDXEditor } from "./MDXEditor.js";
 import { MarkdownParseError, UnrecognizedMarkdownConstructError, importMarkdownToLexical, importMdastTreeToLexical } from "./importMarkdownToLexical.js";
 import { exportLexicalTreeToMdast, exportMarkdownFromLexical } from "./exportMarkdownFromLexical.js";
-import { NESTED_EDITOR_UPDATED_COMMAND, corePlugin, corePluginHooks, coreSystem } from "./plugins/core/index.js";
-import { headingsPlugin, headingsPluginHooks, headingsSystem } from "./plugins/headings/index.js";
-import { thematicBreakPlugin, thematicBreakPluginHooks, thematicBreakSystem } from "./plugins/thematic-break/index.js";
-import { listsPlugin, listsPluginHooks, listsSystem } from "./plugins/lists/index.js";
-import { tablePlugin, tablePluginHooks, tableSystem } from "./plugins/table/index.js";
-import { linkPlugin } from "./plugins/link/index.js";
-import { INSERT_IMAGE_COMMAND, imagePlugin, imagePluginHooks, imageSystem } from "./plugins/image/index.js";
-import { frontmatterPlugin, frontmatterPluginHooks, frontmatterSystem } from "./plugins/frontmatter/index.js";
-import { quotePlugin, quotePluginHooks } from "./plugins/quote/index.js";
-import { isMdastJsxNode, jsxPlugin, jsxPluginHooks, jsxSystem } from "./plugins/jsx/index.js";
+import { Appender, NESTED_EDITOR_UPDATED_COMMAND, activeEditor$, activeEditorSubscriptions$, activePlugins$, addActivePlugin$, addComposerChild$, addEditorWrapper$, addExportVisitor$, addImportVisitor$, addLexicalNode$, addMdastExtension$, addNestedEditorChild$, addSyntaxExtension$, addToMarkdownExtension$, addTopAreaChild$, applyBlockType$, applyFormat$, autoFocus$, composerChildren$, contentEditableClassName$, convertSelectionToNode$, corePlugin, createActiveEditorSubscription$, createRootEditorSubscription$, currentBlockType$, currentFormat$, currentSelection$, editorInFocus$, editorRootElementRef$, editorWrappers$, exportVisitors$, historyState$, iconComponentFor$, importVisitors$, inFocus$, initialMarkdown$, initialRootEditorState$, insertDecoratorNode$, jsxComponentDescriptors$, jsxIsAvailable$, markdown$, markdownErrorSignal$, markdownProcessingError$, markdownSourceEditorValue$, mdastExtensions$, nestedEditorChildren$, onBlur$, placeholder$, readOnly$, rootEditor$, rootEditorSubscriptions$, setMarkdown$, syntaxExtensions$, toMarkdownExtensions$, toMarkdownOptions$, topAreaChildren$, usedLexicalNodes$, viewMode$ } from "./plugins/core/index.js";
+import { ALL_HEADING_LEVELS, allowedHeadingLevels$, headingsPlugin } from "./plugins/headings/index.js";
+import { insertThematicBreak$, thematicBreakPlugin } from "./plugins/thematic-break/index.js";
+import { applyListType$, currentListType$, listsPlugin } from "./plugins/lists/index.js";
+import { insertTable$, tablePlugin } from "./plugins/table/index.js";
+import { disableAutoLink$, linkPlugin } from "./plugins/link/index.js";
+import { INSERT_IMAGE_COMMAND, closeImageDialog$, disableImageResize$, imageAutocompleteSuggestions$, imageDialogState$, imagePlugin, imagePreviewHandler$, imageUploadHandler$, insertImage$, openEditImageDialog$, openNewImageDialog$, saveImage$ } from "./plugins/image/index.js";
+import { frontmatterDialogOpen$, frontmatterPlugin, hasFrontmatter$, insertFrontmatter$, removeFrontmatter$ } from "./plugins/frontmatter/index.js";
+import { quotePlugin } from "./plugins/quote/index.js";
+import { insertJsx$, isMdastJsxNode, jsxPlugin } from "./plugins/jsx/index.js";
 import { GenericJsxEditor } from "./jsx-editors/GenericJsxEditor.js";
-import { sandpackPlugin, sandpackPluginHooks, sandpackSystem } from "./plugins/sandpack/index.js";
-import { codeMirrorHooks, codeMirrorPlugin, codeMirrorSystem } from "./plugins/codemirror/index.js";
+import { insertSandpack$, sandpackConfig$, sandpackPlugin } from "./plugins/sandpack/index.js";
+import { codeBlockLanguages$, codeMirrorPlugin, insertCodeMirror$ } from "./plugins/codemirror/index.js";
 import { CodeMirrorEditor } from "./plugins/codemirror/CodeMirrorEditor.js";
-import { codeBlockPlugin, codeBlockPluginHooks, codeBlockSystem } from "./plugins/codeblock/index.js";
-import { directivesPlugin, directivesPluginHooks, directivesSystem } from "./plugins/directives/index.js";
+import { appendCodeBlockEditorDescriptor$, codeBlockEditorDescriptors$, codeBlockPlugin, defaultCodeBlockLanguage$, insertCodeBlock$ } from "./plugins/codeblock/index.js";
+import { directiveDescriptors$, directivesPlugin, insertDirective$ } from "./plugins/directives/index.js";
 import { ADMONITION_TYPES, AdmonitionDirectiveDescriptor } from "./directive-editors/AdmonitionDirectiveDescriptor.js";
 import { GenericDirectiveEditor } from "./directive-editors/GenericDirectiveEditor.js";
-import { linkDialogPlugin, linkDialogPluginHooks } from "./plugins/link-dialog/index.js";
-import { toolbarPlugin, toolbarPluginHooks, toolbarSystem } from "./plugins/toolbar/index.js";
-import { diffSourcePlugin, diffSourcePluginHooks, diffSourceSystem } from "./plugins/diff-source/index.js";
+import { applyLinkChanges$, cancelLinkEdit$, linkAutocompleteSuggestions$, linkDialogPlugin, linkDialogState$, onWindowChange$, openLinkEditDialog$, removeLink$, switchFromPreviewToLinkEdit$, updateLink$ } from "./plugins/link-dialog/index.js";
+import { toolbarContents$, toolbarPlugin } from "./plugins/toolbar/index.js";
+import { cmExtensions$, diffMarkdown$, diffSourcePlugin } from "./plugins/diff-source/index.js";
 import { markdownShortcutPlugin } from "./plugins/markdown-shortcut/index.js";
 import { BlockTypeSelect } from "./plugins/toolbar/components/BlockTypeSelect.js";
 import { BoldItalicUnderlineToggles } from "./plugins/toolbar/components/BoldItalicUnderlineToggles.js";
@@ -55,20 +56,28 @@ import { fromWithinEditorRead, getSelectedNode, getSelectionRectangle, getStateA
 import { makeHslTransparent } from "./utils/makeHslTransparent.js";
 import { uuidv4 } from "./utils/uuid4.js";
 import { voidEmitter } from "./utils/voidEmitter.js";
-import { WHITESPACE_MARKER, replaceWhitespace } from "./utils/whitespaceConversion.js";
-import { $createGenericHTMLNode, $isGenericHTMLNode, GenericHTMLNode } from "./plugins/core/GenericHTMLNode.js";
+import { RealmWithPlugins, realmPlugin } from "./RealmWithPlugins.js";
+import { htmlTags, isMdastHTMLNode } from "./plugins/core/MdastHTMLNode.js";
+import { $createGenericHTMLNode, $isGenericHTMLNode, GenericHTMLNode, TYPE_NAME } from "./plugins/core/GenericHTMLNode.js";
+import { $createTableNode, $isTableNode, TableNode } from "./plugins/table/TableNode.js";
 import { $createImageNode, $isImageNode, ImageNode } from "./plugins/image/ImageNode.js";
-import { useCodeBlockEditorContext } from "./plugins/codeblock/CodeBlockNode.js";
-import { RefCount, defaultComparator, realm } from "./gurx/realm.js";
-import { RealmPluginInitializer, RequirePlugin, realmFactoryToComponent, realmPlugin, sysHooks, useHasPlugin } from "./gurx/react.js";
-import { getRealmFactory, realmFactory, system } from "./gurx/realmFactory.js";
+import { $createCodeBlockNode, $isCodeBlockNode, CodeBlockNode, useCodeBlockEditorContext } from "./plugins/codeblock/CodeBlockNode.js";
+import { $createDirectiveNode, $isDirectiveNode, DirectiveNode } from "./plugins/directives/DirectiveNode.js";
 export {
+  $createCodeBlockNode,
+  $createDirectiveNode,
   $createGenericHTMLNode,
   $createImageNode,
+  $createTableNode,
+  $isCodeBlockNode,
+  $isDirectiveNode,
   $isGenericHTMLNode,
   $isImageNode,
+  $isTableNode,
   ADMONITION_TYPES,
+  ALL_HEADING_LEVELS,
   AdmonitionDirectiveDescriptor,
+  Appender,
   BlockTypeSelect,
   BoldItalicUnderlineToggles,
   Button,
@@ -77,12 +86,14 @@ export {
   CAN_USE_DOM,
   ChangeAdmonitionType,
   ChangeCodeMirrorLanguage,
+  CodeBlockNode,
   CodeMirrorEditor,
   CodeToggle,
   ConditionalContents,
   CreateLink,
   DialogButton,
   DiffSourceToggleWrapper,
+  DirectiveNode,
   GenericDirectiveEditor,
   GenericHTMLNode,
   GenericJsxEditor,
@@ -105,9 +116,7 @@ export {
   NestedEditorsContext,
   NestedLexicalEditor,
   PropertyPopover,
-  RealmPluginInitializer,
-  RefCount,
-  RequirePlugin,
+  RealmWithPlugins,
   Root,
   Select,
   SelectButtonTrigger,
@@ -118,96 +127,159 @@ export {
   ShowSandpackInfo,
   SingleChoiceToggleGroup,
   SingleToggleGroup,
+  TYPE_NAME,
+  TableNode,
   ToggleSingleGroupWithItem,
   ToolbarToggleItem,
   TooltipWrap,
   UndoRedo,
   UnrecognizedMarkdownConstructError,
-  WHITESPACE_MARKER,
+  activeEditor$,
+  activeEditorSubscriptions$,
+  activePlugins$,
+  addActivePlugin$,
+  addComposerChild$,
+  addEditorWrapper$,
+  addExportVisitor$,
+  addImportVisitor$,
+  addLexicalNode$,
+  addMdastExtension$,
+  addNestedEditorChild$,
+  addSyntaxExtension$,
+  addToMarkdownExtension$,
+  addTopAreaChild$,
+  allowedHeadingLevels$,
   always,
+  appendCodeBlockEditorDescriptor$,
+  applyBlockType$,
+  applyFormat$,
+  applyLinkChanges$,
+  applyListType$,
+  autoFocus$,
   call,
+  cancelLinkEdit$,
+  closeImageDialog$,
+  cmExtensions$,
+  codeBlockEditorDescriptors$,
+  codeBlockLanguages$,
   codeBlockPlugin,
-  codeBlockPluginHooks,
-  codeBlockSystem,
-  codeMirrorHooks,
   codeMirrorPlugin,
-  codeMirrorSystem,
   compose,
+  composerChildren$,
+  contentEditableClassName$,
   controlOrMeta,
+  convertSelectionToNode$,
   corePlugin,
-  corePluginHooks,
-  coreSystem,
+  createActiveEditorSubscription$,
+  createRootEditorSubscription$,
+  currentBlockType$,
+  currentFormat$,
+  currentListType$,
+  currentSelection$,
   curry1to0,
   curry2to1,
-  defaultComparator,
+  defaultCodeBlockLanguage$,
+  diffMarkdown$,
   diffSourcePlugin,
-  diffSourcePluginHooks,
-  diffSourceSystem,
+  directiveDescriptors$,
   directivesPlugin,
-  directivesPluginHooks,
-  directivesSystem,
+  disableAutoLink$,
+  disableImageResize$,
+  editorInFocus$,
+  editorRootElementRef$,
+  editorWrappers$,
   exportLexicalTreeToMdast,
   exportMarkdownFromLexical,
+  exportVisitors$,
   fromWithinEditorRead,
+  frontmatterDialogOpen$,
   frontmatterPlugin,
-  frontmatterPluginHooks,
-  frontmatterSystem,
-  getRealmFactory,
   getSelectedNode,
   getSelectionRectangle,
   getStateAsMarkdown,
+  hasFrontmatter$,
   headingsPlugin,
-  headingsPluginHooks,
-  headingsSystem,
+  historyState$,
+  htmlTags,
+  iconComponentFor$,
+  imageAutocompleteSuggestions$,
+  imageDialogState$,
   imagePlugin,
-  imagePluginHooks,
-  imageSystem,
+  imagePreviewHandler$,
+  imageUploadHandler$,
   importMarkdownToLexical,
   importMdastTreeToLexical,
+  importVisitors$,
+  inFocus$,
+  initialMarkdown$,
+  initialRootEditorState$,
+  insertCodeBlock$,
+  insertCodeMirror$,
+  insertDecoratorNode$,
+  insertDirective$,
+  insertFrontmatter$,
+  insertImage$,
+  insertJsx$,
+  insertSandpack$,
+  insertTable$,
+  insertThematicBreak$,
+  isMdastHTMLNode,
   isMdastJsxNode,
   isPartOftheEditorUI,
   joinProc,
+  jsxComponentDescriptors$,
+  jsxIsAvailable$,
   jsxPlugin,
-  jsxPluginHooks,
-  jsxSystem,
+  linkAutocompleteSuggestions$,
   linkDialogPlugin,
-  linkDialogPluginHooks,
+  linkDialogState$,
   linkPlugin,
   listsPlugin,
-  listsPluginHooks,
-  listsSystem,
   makeHslTransparent,
+  markdown$,
+  markdownErrorSignal$,
+  markdownProcessingError$,
   markdownShortcutPlugin,
+  markdownSourceEditorValue$,
+  mdastExtensions$,
+  nestedEditorChildren$,
   noop,
+  onBlur$,
+  onWindowChange$,
+  openEditImageDialog$,
+  openLinkEditDialog$,
+  openNewImageDialog$,
+  placeholder$,
   prop,
   quotePlugin,
-  quotePluginHooks,
-  realm,
-  realmFactory,
-  realmFactoryToComponent,
+  readOnly$,
   realmPlugin,
-  replaceWhitespace,
+  removeFrontmatter$,
+  removeLink$,
+  rootEditor$,
+  rootEditorSubscriptions$,
+  sandpackConfig$,
   sandpackPlugin,
-  sandpackPluginHooks,
-  sandpackSystem,
-  sysHooks,
-  system,
+  saveImage$,
+  setMarkdown$,
+  switchFromPreviewToLinkEdit$,
+  syntaxExtensions$,
   tablePlugin,
-  tablePluginHooks,
-  tableSystem,
   tap,
   thematicBreakPlugin,
-  thematicBreakPluginHooks,
-  thematicBreakSystem,
   thrush,
+  toMarkdownExtensions$,
+  toMarkdownOptions$,
+  toolbarContents$,
   toolbarPlugin,
-  toolbarPluginHooks,
-  toolbarSystem,
+  topAreaChildren$,
+  updateLink$,
   useCodeBlockEditorContext,
-  useHasPlugin,
   useLexicalNodeRemove,
   useMdastNodeUpdater,
   useNestedEditorContext,
+  usedLexicalNodes$,
   uuidv4,
+  viewMode$,
   voidEmitter
 };

package/dist/jsx-editors/GenericJsxEditor.js

@@ -5,15 +5,18 @@ import styles from "../styles/ui.module.css.js";
 const GenericJsxEditor = ({ mdastNode, descriptor }) => {
   const updateMdastNode = useMdastNodeUpdater();
   const properties = React__default.useMemo(() => {
-    return descriptor.props.reduce((acc, descriptor2) => {
-      const attribute = mdastNode.attributes.find((attr) => attr.name === descriptor2.name);
-      if (attribute) {
-        acc[descriptor2.name] = attribute.value;
-      } else {
-        acc[descriptor2.name] = "";
-      }
-      return acc;
-    }, {});
+    return descriptor.props.reduce(
+      (acc, descriptor2) => {
+        const attribute = mdastNode.attributes.find((attr) => attr.name === descriptor2.name);
+        if (attribute) {
+          acc[descriptor2.name] = attribute.value;
+        } else {
+          acc[descriptor2.name] = "";
+        }
+        return acc;
+      },
+      {}
+    );
   }, [mdastNode, descriptor]);
   const onChange = React__default.useCallback(
     (values) => {

package/dist/plugins/codeblock/CodeBlockNode.js

@@ -6,9 +6,10 @@ var __publicField = (obj, key, value) => {
 };
 import React__default from "react";
 import { DecoratorNode } from "lexical";
-import { codeBlockPluginHooks } from "./index.js";
+import { codeBlockEditorDescriptors$ } from "./index.js";
 import { voidEmitter } from "../../utils/voidEmitter.js";
 import { NESTED_EDITOR_UPDATED_COMMAND } from "../core/index.js";
+import { useCellValue } from "@mdxeditor/gurx";
 class CodeBlockNode extends DecoratorNode {
   constructor(code, language, meta, key) {
     super(key);
@@ -132,8 +133,8 @@ function useCodeBlockEditorContext() {
   }
   return context;
 }
-function CodeBlockEditorContainer(props) {
-  const [codeBlockEditorDescriptors] = codeBlockPluginHooks.useEmitterValues("codeBlockEditorDescriptors");
+const CodeBlockEditorContainer = (props) => {
+  const codeBlockEditorDescriptors = useCellValue(codeBlockEditorDescriptors$);
   const descriptor = codeBlockEditorDescriptors.sort((a, b) => b.priority - a.priority).find((descriptor2) => descriptor2.match(props.language || "", props.meta || ""));
   if (!descriptor) {
     throw new Error(`No CodeBlockEditor registered for language=${props.language} meta=${props.meta}`);
@@ -141,7 +142,7 @@ function CodeBlockEditorContainer(props) {
   const Editor = descriptor.Editor;
   const { codeBlockNode: _, parentEditor: __, ...restProps } = props;
   return /* @__PURE__ */ React__default.createElement(CodeBlockEditorContextProvider, { parentEditor: props.parentEditor, lexicalNode: props.codeBlockNode }, /* @__PURE__ */ React__default.createElement(Editor, { ...restProps }));
-}
+};
 function $createCodeBlockNode(options) {
   const { code = "", language = "", meta = "" } = options;
   return new CodeBlockNode(code, language, meta);
@@ -152,7 +153,6 @@ function $isCodeBlockNode(node) {
 export {
   $createCodeBlockNode,
   $isCodeBlockNode,
-  CodeBlockEditorContainer,
   CodeBlockNode,
   useCodeBlockEditorContext
 };

package/dist/plugins/codeblock/index.js

@@ -1,73 +1,47 @@
 import { CodeBlockVisitor } from "./CodeBlockVisitor.js";
 import { MdastCodeVisitor } from "./MdastCodeVisitor.js";
-import { coreSystem } from "../core/index.js";
+import { insertDecoratorNode$, Appender, addActivePlugin$, addImportVisitor$, addLexicalNode$, addExportVisitor$ } from "../core/index.js";
 import { $createCodeBlockNode, CodeBlockNode } from "./CodeBlockNode.js";
-import { useCodeBlockEditorContext } from "./CodeBlockNode.js";
-import { system } from "../../gurx/realmFactory.js";
-import { realmPlugin } from "../../gurx/react.js";
-const codeBlockSystem = system(
-  (r, [{ insertDecoratorNode }]) => {
-    const codeBlockEditorDescriptors = r.node([]);
-    const appendCodeBlockEditorDescriptor = r.node();
-    const insertCodeBlock = r.node();
-    const defaultCodeBlockLanguage = r.node("");
-    r.link(
-      r.pipe(
-        insertCodeBlock,
-        r.o.withLatestFrom(defaultCodeBlockLanguage),
-        r.o.map(
-          ([payload, defaultCodeBlockLanguage2]) => () => $createCodeBlockNode({ language: defaultCodeBlockLanguage2, ...payload })
-        )
-      ),
-      insertDecoratorNode
-    );
-    r.link(
-      r.pipe(
-        appendCodeBlockEditorDescriptor,
-        r.o.withLatestFrom(codeBlockEditorDescriptors),
-        r.o.map(([newValue, values]) => {
-          if (values.includes(newValue)) {
-            return values;
-          }
-          return [...values, newValue];
-        })
-      ),
-      codeBlockEditorDescriptors
-    );
-    return {
-      codeBlockEditorDescriptors,
-      defaultCodeBlockLanguage,
-      appendCodeBlockEditorDescriptor,
-      insertCodeBlock
-    };
-  },
-  [coreSystem]
-);
-const [
-  /**
-   * @internal
-   */
-  codeBlockPlugin,
-  /**
-   * @internal
-   */
-  codeBlockPluginHooks
-] = realmPlugin({
-  id: "codeblock",
-  systemSpec: codeBlockSystem,
-  applyParamsToSystem(realm, params) {
-    realm.pubKey("defaultCodeBlockLanguage", (params == null ? void 0 : params.defaultCodeBlockLanguage) || "");
+import { $isCodeBlockNode, useCodeBlockEditorContext } from "./CodeBlockNode.js";
+import { Cell, Signal, withLatestFrom, map } from "@mdxeditor/gurx";
+import { realmPlugin } from "../../RealmWithPlugins.js";
+const codeBlockEditorDescriptors$ = Cell([]);
+const defaultCodeBlockLanguage$ = Cell("");
+const insertCodeBlock$ = Signal((r) => {
+  r.link(
+    r.pipe(
+      insertCodeBlock$,
+      withLatestFrom(defaultCodeBlockLanguage$),
+      map(
+        ([payload, defaultCodeBlockLanguage]) => () => $createCodeBlockNode({ language: defaultCodeBlockLanguage, ...payload })
+      )
+    ),
+    insertDecoratorNode$
+  );
+});
+const appendCodeBlockEditorDescriptor$ = Appender(codeBlockEditorDescriptors$);
+const codeBlockPlugin = realmPlugin({
+  update(realm, params) {
+    realm.pub(defaultCodeBlockLanguage$, (params == null ? void 0 : params.defaultCodeBlockLanguage) || "");
   },
-  init: (realm, params) => {
-    realm.pubKey("codeBlockEditorDescriptors", (params == null ? void 0 : params.codeBlockEditorDescriptors) || []);
-    realm.pubKey("addImportVisitor", MdastCodeVisitor);
-    realm.pubKey("addLexicalNode", CodeBlockNode);
-    realm.pubKey("addExportVisitor", CodeBlockVisitor);
+  init(realm, params) {
+    realm.pubIn({
+      [addActivePlugin$]: "codeblock",
+      [codeBlockEditorDescriptors$]: (params == null ? void 0 : params.codeBlockEditorDescriptors) || [],
+      [addImportVisitor$]: MdastCodeVisitor,
+      [addLexicalNode$]: CodeBlockNode,
+      [addExportVisitor$]: CodeBlockVisitor
+    });
   }
 });
 export {
+  $createCodeBlockNode,
+  $isCodeBlockNode,
+  CodeBlockNode,
+  appendCodeBlockEditorDescriptor$,
+  codeBlockEditorDescriptors$,
   codeBlockPlugin,
-  codeBlockPluginHooks,
-  codeBlockSystem,
+  defaultCodeBlockLanguage$,
+  insertCodeBlock$,
   useCodeBlockEditorContext
 };

package/dist/plugins/codemirror/CodeMirrorEditor.js

@@ -2,11 +2,12 @@ import { SandpackProvider, CodeEditor } from "@codesandbox/sandpack-react";
 import React__default from "react";
 import styles from "../../styles/ui.module.css.js";
 import { useCodeBlockEditorContext } from "../codeblock/CodeBlockNode.js";
-import { corePluginHooks } from "../core/index.js";
+import { readOnly$ } from "../core/index.js";
 import { useCodeMirrorRef } from "../sandpack/useCodeMirrorRef.js";
+import { useCellValue } from "@mdxeditor/gurx";
 const CodeMirrorEditor = ({ language, nodeKey, code, focusEmitter }) => {
   const codeMirrorRef = useCodeMirrorRef(nodeKey, "codeblock", "jsx", focusEmitter);
-  const [readOnly] = corePluginHooks.useEmitterValues("readOnly");
+  const readOnly = useCellValue(readOnly$);
   const { setCode } = useCodeBlockEditorContext();
   React__default.useEffect(() => {
     var _a, _b;

package/dist/plugins/codemirror/index.js

@@ -1,54 +1,37 @@
-import { coreSystem } from "../core/index.js";
-import { codeBlockSystem } from "../codeblock/index.js";
+import { realmPlugin } from "../../RealmWithPlugins.js";
+import { Cell, Signal, map } from "@mdxeditor/gurx";
+import { insertCodeBlock$, appendCodeBlockEditorDescriptor$ } from "../codeblock/index.js";
 import { CodeMirrorEditor } from "./CodeMirrorEditor.js";
-import { system } from "../../gurx/realmFactory.js";
-import { realmPlugin } from "../../gurx/react.js";
-const defaultCodeBlockLanguages = {
+const codeBlockLanguages$ = Cell({
   js: "JavaScript",
   ts: "TypeScript",
   tsx: "TypeScript (React)",
   jsx: "JavaScript (React)",
   css: "CSS"
-};
-const codeMirrorSystem = system(
-  (r, [, { insertCodeBlock }]) => {
-    const codeBlockLanguages = r.node(defaultCodeBlockLanguages);
-    const insertCodeMirror = r.node();
-    r.link(
-      r.pipe(
-        insertCodeMirror,
-        r.o.map(({ language, code }) => {
-          return {
-            code,
-            language,
-            meta: ""
-          };
-        })
-      ),
-      insertCodeBlock
-    );
-    return {
-      codeBlockLanguages,
-      insertCodeMirror
-    };
-  },
-  [coreSystem, codeBlockSystem]
-);
-const [
-  /** @internal */
-  codeMirrorPlugin,
-  /** @internal */
-  codeMirrorHooks
-] = realmPlugin({
-  id: "codemirror",
-  systemSpec: codeMirrorSystem,
-  applyParamsToSystem(r, params) {
-    r.pubKey("codeBlockLanguages", params.codeBlockLanguages);
+});
+const insertCodeMirror$ = Signal((r) => {
+  r.link(
+    r.pipe(
+      insertCodeMirror$,
+      map(({ language, code }) => {
+        return {
+          code,
+          language,
+          meta: ""
+        };
+      })
+    ),
+    insertCodeBlock$
+  );
+});
+const codeMirrorPlugin = realmPlugin({
+  update(r, params) {
+    r.pub(codeBlockLanguages$, params == null ? void 0 : params.codeBlockLanguages);
   },
-  init(r, { codeBlockLanguages }) {
-    r.pubKey("appendCodeBlockEditorDescriptor", {
+  init(r, params) {
+    r.pub(appendCodeBlockEditorDescriptor$, {
       match(language, meta) {
-        return codeBlockLanguages.hasOwnProperty(language) && meta === "";
+        return Boolean(params == null ? void 0 : params.codeBlockLanguages.hasOwnProperty(language)) && meta === "";
       },
       priority: 1,
       Editor: CodeMirrorEditor
@@ -56,7 +39,7 @@ const [
   }
 });
 export {
-  codeMirrorHooks,
+  codeBlockLanguages$,
   codeMirrorPlugin,
-  codeMirrorSystem
+  insertCodeMirror$
 };

package/dist/plugins/core/GenericHTMLNode.js

@@ -7,19 +7,26 @@ var __publicField = (obj, key, value) => {
 import { ElementNode, $applyNodeReplacement } from "lexical";
 const TYPE_NAME = "generic-html";
 class GenericHTMLNode extends ElementNode {
+  /**
+   * Constructs a new {@link GenericHTMLNode} with the specified MDAST HTML node as the object to edit.
+   */
   constructor(tag, type, attributes, key) {
     super(key);
     /** @internal */
     __publicField(this, "__tag");
+    /** @internal */
     __publicField(this, "__nodeType");
+    /** @internal */
     __publicField(this, "__attributes");
     this.__tag = tag;
     this.__nodeType = type;
     this.__attributes = attributes;
   }
+  /** @internal */
   static getType() {
     return TYPE_NAME;
   }
+  /** @internal */
   static clone(node) {
     return new GenericHTMLNode(node.__tag, node.__nodeType, node.__attributes, node.__key);
   }
@@ -113,5 +120,6 @@ function $isGenericHTMLNode(node) {
 export {
   $createGenericHTMLNode,
   $isGenericHTMLNode,
-  GenericHTMLNode
+  GenericHTMLNode,
+  TYPE_NAME
 };

package/dist/plugins/core/MdastHTMLNode.js

@@ -116,7 +116,6 @@ const htmlTags = [
   "wbr"
 ];
 export {
-  MDX_NODE_TYPES,
   htmlTags,
   isMdastHTMLNode
 };