@mdxeditor/editor 0.22.2 → 0.22.4

package/dist/MDXEditor.js

@@ -8,7 +8,7 @@ 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 } from "./gurx/react.js";
+import { RealmPluginInitializer, useHasPlugin } from "./gurx/react.js";
 const LexicalProvider = ({ children }) => {
   const [initialRootEditorState, nodes, readOnly] = corePluginHooks.useEmitterValues(
     "initialRootEditorState",
@@ -79,11 +79,17 @@ const EditorRootElement = ({ children, className }) => {
 };
 const Methods = ({ mdxRef }) => {
   const realm = corePluginHooks.useRealmContext();
+  const hasDiffSourcePlugin = useHasPlugin("diff-source");
   React__default.useImperativeHandle(
     mdxRef,
     () => {
       return {
         getMarkdown: () => {
+          if (hasDiffSourcePlugin) {
+            if (realm.getKeyValue("viewMode") === "source") {
+              return realm.getKeyValue("markdownSourceEditorValue");
+            }
+          }
           return realm.getKeyValue("markdown");
         },
         setMarkdown: (markdown) => {
@@ -95,7 +101,7 @@ const Methods = ({ mdxRef }) => {
         }
       };
     },
-    [realm]
+    [realm, hasDiffSourcePlugin]
   );
   return null;
 };

package/dist/plugins/core/index.js

@@ -2,7 +2,7 @@ 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, BLUR_COMMAND, KEY_DOWN_COMMAND, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getSelection, $isRangeSelection, $insertNodes, $createParagraphNode, ParagraphNode, TextNode } from "lexical";
+import { createCommand, SELECTION_CHANGE_COMMAND, $getRoot, COMMAND_PRIORITY_CRITICAL, BLUR_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 { LexicalLinebreakVisitor } from "./LexicalLinebreakVisitor.js";
@@ -198,23 +198,24 @@ const coreSystem = system((r) => {
       KEY_DOWN_COMMAND,
       (event) => {
         const { keyCode, ctrlKey, metaKey } = event;
-        let shouldOverride = false;
-        theRootEditor.getEditorState().read(() => {
-          var _a;
-          shouldOverride = ((_a = $getRoot().getFirstChild()) == null ? void 0 : _a.getType()) === "frontmatter";
-        });
-        if (keyCode === 65 && controlOrMeta(metaKey, ctrlKey) && shouldOverride) {
-          event.preventDefault();
-          event.stopImmediatePropagation();
-          theRootEditor.update(() => {
-            var _a;
-            const rootElement = theRootEditor.getRootElement();
-            (_a = window.getSelection()) == null ? void 0 : _a.selectAllChildren(rootElement);
-            rootElement.focus({
-              preventScroll: true
-            });
+        if (keyCode === 65 && controlOrMeta(metaKey, ctrlKey)) {
+          let shouldOverride = false;
+          theRootEditor.getEditorState().read(() => {
+            shouldOverride = $isDecoratorNode($getRoot().getFirstChild()) || $isDecoratorNode($getRoot().getLastChild());
           });
-          return true;
+          if (shouldOverride) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            theRootEditor.update(() => {
+              var _a;
+              const rootElement = theRootEditor.getRootElement();
+              (_a = window.getSelection()) == null ? void 0 : _a.selectAllChildren(rootElement);
+              rootElement.focus({
+                preventScroll: true
+              });
+            });
+            return true;
+          }
         }
         return false;
       },

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

@@ -296,7 +296,7 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
     }>;
-    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" | "viewMode" | "diffMarkdown" | "markdownSourceEditorValue">(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" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown">(key: K, callback: (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
@@ -523,7 +523,7 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
     }>) => 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" | "viewMode" | "diffMarkdown" | "markdownSourceEditorValue">(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" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown">(key: K_2) => (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;

package/dist/plugins/table/TableEditor.js

@@ -26,6 +26,7 @@ import { corePluginHooks } from "../core/index.js";
 import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin.js";
 import { mergeRegister } from "@lexical/utils";
 import { isPartOftheEditorUI } from "../../utils/isPartOftheEditorUI.js";
+import { uuidv4 } from "../../utils/uuid4.js";
 const AlignToTailwindClassMap = {
   center: styles.centeredCell,
   left: styles.leftAlignedCell,
@@ -33,6 +34,15 @@ const AlignToTailwindClassMap = {
 };
 const TableEditor = ({ mdastNode, parentEditor, lexicalTable }) => {
   const [activeCell, setActiveCell] = React__default.useState(null);
+  const getCellKey = React__default.useMemo(() => {
+    const cellKeyMap = /* @__PURE__ */ new WeakMap();
+    return (cell) => {
+      if (!cellKeyMap.has(cell)) {
+        cellKeyMap.set(cell, uuidv4());
+      }
+      return cellKeyMap.get(cell);
+    };
+  }, []);
   const setActiveCellWithBoundaries = React__default.useCallback(
     (cell) => {
       const colCount = lexicalTable.getColCount();
@@ -156,7 +166,7 @@ const TableEditor = ({ mdastNode, parentEditor, lexicalTable }) => {
         Cell,
         {
           align: (_a = mdastNode.align) == null ? void 0 : _a[colIndex],
-          key: colIndex,
+          key: getCellKey(mdastCell),
           contents: mdastCell.children,
           setActiveCell: setActiveCellWithBoundaries,
           ...{

package/package.json

@@ -9,7 +9,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "0.22.2",
+  "version": "0.22.4",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",