@mdxeditor/editor 1.14.3 → 2.0.0

package/dist/MDXEditor.js

@@ -1,5 +1,7 @@
 import React__default from "react";
-import { corePlugin, corePluginHooks } from "./plugins/core/index.js";
+import { corePlugin, initialRootEditorState$, usedLexicalNodes$, readOnly$, contentEditableClassName$, composerChildren$, topAreaChildren$, editorWrappers$, placeholder$, editorRootElementRef$, viewMode$, markdownSourceEditorValue$, markdown$, setMarkdown$, rootEditor$ } from "./plugins/core/index.js";
+import { RealmWithPlugins } from "./RealmWithPlugins.js";
+import { useCellValues, usePublisher, useRealm } from "@mdxeditor/gurx";
 import { lexicalTheme } from "./styles/lexicalTheme.js";
 import { LexicalComposer } from "@lexical/react/LexicalComposer.js";
 import styles from "./styles/ui.module.css.js";
@@ -8,13 +10,8 @@ import { ContentEditable } from "@lexical/react/LexicalContentEditable.js";
 import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary.js";
 import classNames from "classnames";
 import { noop } from "./utils/fp.js";
-import { RealmPluginInitializer, useHasPlugin } from "./gurx/react.js";
 const LexicalProvider = ({ children }) => {
-  const [initialRootEditorState, nodes, readOnly] = corePluginHooks.useEmitterValues(
-    "initialRootEditorState",
-    "usedLexicalNodes",
-    "readOnly"
-  );
+  const [initialRootEditorState, nodes, readOnly] = useCellValues(initialRootEditorState$, usedLexicalNodes$, readOnly$);
   return /* @__PURE__ */ React__default.createElement(
     LexicalComposer,
     {
@@ -33,12 +30,12 @@ const LexicalProvider = ({ children }) => {
   );
 };
 const RichTextEditor = () => {
-  const [contentEditableClassName, composerChildren, topAreaChildren, editorWrappers, placeholder] = corePluginHooks.useEmitterValues(
-    "contentEditableClassName",
-    "composerChildren",
-    "topAreaChildren",
-    "editorWrappers",
-    "placeholder"
+  const [contentEditableClassName, composerChildren, topAreaChildren, editorWrappers, placeholder] = useCellValues(
+    contentEditableClassName$,
+    composerChildren$,
+    topAreaChildren$,
+    editorWrappers$,
+    placeholder$
   );
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, topAreaChildren.map((Child, index) => /* @__PURE__ */ React__default.createElement(Child, { key: index })), /* @__PURE__ */ React__default.createElement(RenderRecurisveWrappers, { wrappers: editorWrappers }, /* @__PURE__ */ React__default.createElement("div", { className: classNames(styles.rootContentEditableWrapper) }, /* @__PURE__ */ React__default.createElement(
     RichTextPlugin,
@@ -71,7 +68,7 @@ const RenderRecurisveWrappers = ({
 };
 const EditorRootElement = ({ children, className }) => {
   const editorRootElementRef = React__default.useRef(null);
-  const setEditorRootElementRef = corePluginHooks.usePublisher("editorRootElementRef");
+  const setEditorRootElementRef = usePublisher(editorRootElementRef$);
   React__default.useEffect(() => {
     const popupContainer = document.createElement("div");
     popupContainer.classList.add(styles.editorRoot);
@@ -91,36 +88,33 @@ const EditorRootElement = ({ children, className }) => {
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(styles.editorRoot, styles.editorWrapper, className, "mdxeditor") }, children);
 };
 const Methods = ({ mdxRef }) => {
-  const realm = corePluginHooks.useRealmContext();
-  const hasDiffSourcePlugin = useHasPlugin("diff-source");
+  const realm = useRealm();
   React__default.useImperativeHandle(
     mdxRef,
     () => {
       return {
         getMarkdown: () => {
-          if (hasDiffSourcePlugin) {
-            if (realm.getKeyValue("viewMode") === "source") {
-              return realm.getKeyValue("markdownSourceEditorValue");
-            }
+          if (realm.getValue(viewMode$) === "source") {
+            return realm.getValue(markdownSourceEditorValue$);
           }
-          return realm.getKeyValue("markdown");
+          return realm.getValue(markdown$);
         },
         setMarkdown: (markdown) => {
-          realm.pubKey("setMarkdown", markdown);
+          realm.pub(setMarkdown$, markdown);
         },
         focus: (callbackFn, opts) => {
           var _a;
-          (_a = realm.getKeyValue("rootEditor")) == null ? void 0 : _a.focus(callbackFn, opts);
+          (_a = realm.getValue(rootEditor$)) == null ? void 0 : _a.focus(callbackFn, opts);
         }
       };
     },
-    [realm, hasDiffSourcePlugin]
+    [realm]
   );
   return null;
 };
 const MDXEditor = React__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ React__default.createElement(
-    RealmPluginInitializer,
+    RealmWithPlugins,
     {
       plugins: [
         corePlugin({

package/dist/RealmWithPlugins.js

@@ -0,0 +1,36 @@
+import React__default from "react";
+import { Realm, RealmContext } from "@mdxeditor/gurx";
+import { tap } from "./utils/fp.js";
+function realmPlugin(plugin) {
+  return function(params) {
+    return {
+      init: (realm) => {
+        var _a;
+        return (_a = plugin.init) == null ? void 0 : _a.call(plugin, realm, params);
+      },
+      update: (realm) => {
+        var _a;
+        return (_a = plugin.update) == null ? void 0 : _a.call(plugin, realm, params);
+      }
+    };
+  };
+}
+function RealmWithPlugins({ children, plugins }) {
+  var _a;
+  const theRealm = React__default.useMemo(() => {
+    return tap(new Realm(), (r) => {
+      var _a2;
+      for (const plugin of plugins) {
+        (_a2 = plugin.init) == null ? void 0 : _a2.call(plugin, r);
+      }
+    });
+  }, []);
+  for (const plugin of plugins) {
+    (_a = plugin.update) == null ? void 0 : _a.call(plugin, theRealm);
+  }
+  return /* @__PURE__ */ React__default.createElement(RealmContext.Provider, { value: theRealm }, children);
+}
+export {
+  RealmWithPlugins,
+  realmPlugin
+};

package/dist/directive-editors/GenericDirectiveEditor.js

@@ -5,10 +5,13 @@ import styles from "../styles/ui.module.css.js";
 const GenericDirectiveEditor = ({ mdastNode, descriptor }) => {
   const updateMdastNode = useMdastNodeUpdater();
   const properties = React__default.useMemo(() => {
-    return descriptor.attributes.reduce((acc, attributeName) => {
-      acc[attributeName] = (mdastNode.attributes || {})[attributeName] || "";
-      return acc;
-    }, {});
+    return descriptor.attributes.reduce(
+      (acc, attributeName) => {
+        acc[attributeName] = (mdastNode.attributes || {})[attributeName] || "";
+        return acc;
+      },
+      {}
+    );
   }, [mdastNode, descriptor]);
   const onChange = React__default.useCallback(
     (values) => {