@mdxeditor/editor 4.0.4 → 4.1.1

package/dist/utils/lexicalHelpers.js

@@ -1,7 +1,5 @@
-import { $getSelection, $getRoot, $isRangeSelection, $isElementNode, $isTextNode } from "lexical";
-import { $isLinkNode } from "@lexical/link";
-import { $isHeadingNode } from "@lexical/rich-text";
-import { $isListItemNode, $isListNode } from "@lexical/list";
+import { $getSelection, $isRangeSelection, createEditor, $getRoot, $createParagraphNode } from "lexical";
+import { $generateJSONFromSelectedNodes, $generateNodesFromSerializedNodes } from "@lexical/clipboard";
 import { $isAtNodeEnd } from "@lexical/selection";
 import { tap } from "./fp.js";
 import { exportMarkdownFromLexical } from "../exportMarkdownFromLexical.js";
@@ -101,80 +99,61 @@ function getStateAsMarkdown(editor, exportParams) {
     });
   }).markdown;
 }
-function getSelectionAsMarkdown(editor, _exportParams) {
+function getSelectionAsMarkdown(editor, exportParams) {
+  let temporaryEditor = null;
+  let selectedNodes = [];
   let markdown = "";
-  editor.getEditorState().read(() => {
-    const selection = $getSelection();
-    if (!selection || !$isRangeSelection(selection) || selection.isCollapsed()) {
-      return;
-    }
-    const nodes = selection.getNodes();
-    if (nodes.length === 0) {
-      return;
-    }
-    const parentNodes = /* @__PURE__ */ new Set();
-    nodes.forEach((node) => {
-      let current = node;
-      while (current) {
-        if ($isHeadingNode(current) || $isListItemNode(current) || current.getType() === "paragraph" || current.getType() === "quote") {
-          if ($isElementNode(current)) {
-            parentNodes.add(current);
-          }
-          break;
-        }
-        current = current.getParent();
+  editor.getEditorState().read(
+    () => {
+      const selection = $getSelection();
+      if (!selection || $isRangeSelection(selection) && selection.isCollapsed() || selection.getNodes().length === 0) {
+        return;
       }
-    });
-    const nodesToProcess = parentNodes.size > 0 ? Array.from(parentNodes) : nodes;
-    function nodeToMarkdown(node) {
-      if ($isHeadingNode(node)) {
-        const level = parseInt(node.getTag().replace("h", ""));
-        const children = node.getChildren();
-        const headingText = children.map((child) => nodeToMarkdown(child)).join("");
-        return "#".repeat(level) + " " + headingText + "\n\n";
-      } else if ($isListItemNode(node)) {
-        const parent = node.getParent();
-        const prefix = parent && $isListNode(parent) && parent.getListType() === "number" ? "1. " : "- ";
-        const children = node.getChildren();
-        const itemText = children.map((child) => nodeToMarkdown(child)).join("");
-        return prefix + itemText + "\n";
-      } else if ($isListNode(node)) {
-        const children = node.getChildren();
-        return children.map((child) => nodeToMarkdown(child)).join("") + "\n";
-      } else if ($isTextNode(node)) {
-        let text = node.getTextContent();
-        const format = node.getFormat();
-        if (format & 16) {
-          return `\`${text}\``;
-        }
-        if (format & 1) {
-          text = `**${text}**`;
-        }
-        if (format & 2) {
-          text = `*${text}*`;
-        }
-        if (format & 4) {
-          text = `~~${text}~~`;
-        }
-        return text;
-      } else if ($isLinkNode(node)) {
-        const url = node.getURL();
-        const title = node.getTitle();
-        const children = node.getChildren();
-        const linkText = children.map((child) => nodeToMarkdown(child)).join("");
-        if (title) {
-          return `[${linkText}](${url} "${title}")`;
+      selectedNodes = $generateJSONFromSelectedNodes(editor, selection).nodes;
+      if (selectedNodes.length > 0) {
+        temporaryEditor = createEditor();
+      }
+    },
+    { editor }
+  );
+  const selectedTreeEditor = temporaryEditor;
+  if (!selectedTreeEditor || selectedNodes.length === 0) {
+    return "";
+  }
+  const exportResult = { error: void 0, failed: false };
+  selectedTreeEditor.update(
+    () => {
+      try {
+        const root = $getRoot();
+        const nodes = $generateNodesFromSerializedNodes(selectedNodes);
+        let inlineContainer = $createParagraphNode();
+        const appendInlineContainer = () => {
+          if (!inlineContainer.isEmpty()) {
+            root.append(inlineContainer);
+            inlineContainer = $createParagraphNode();
+          }
+        };
+        for (const node of nodes) {
+          if (node.isInline()) {
+            inlineContainer.append(node);
+          } else {
+            appendInlineContainer();
+            root.append(node);
+          }
         }
-        return `[${linkText}](${url})`;
-      } else if ($isElementNode(node)) {
-        const children = node.getChildren();
-        return children.map((child) => nodeToMarkdown(child)).join("");
+        appendInlineContainer();
+        markdown = exportMarkdownFromLexical({ root, ...exportParams });
+      } catch (error) {
+        exportResult.failed = true;
+        exportResult.error = error;
       }
-      return node.getTextContent();
-    }
-    markdown = nodesToProcess.map((node) => nodeToMarkdown(node)).join("");
-  });
-  return markdown.trim();
+    },
+    { discrete: true, skipTransforms: true }
+  );
+  if (exportResult.failed) {
+    throw exportResult.error;
+  }
+  return markdown.replace(/\n+$/u, "");
 }
 export {
   fromWithinEditorRead,

package/package.json

@@ -11,7 +11,7 @@
     "*.css"
   ],
   "type": "module",
-  "version": "4.0.4",
+  "version": "4.1.1",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -22,6 +22,14 @@
     "lint": "eslint src --ext .ts,.tsx",
     "test": "vitest",
     "test:once": "vitest --run",
+    "test:compat:unit": "vitest --run src/test/compatibility.test.tsx",
+    "test:browser:serve": "ladle dev --host 127.0.0.1 --port 61000 --noWatch",
+    "test:browser": "playwright test",
+    "test:browser:chromium": "playwright test --project=chromium",
+    "test:compat": "npm run test:compat:unit && npm run test:browser",
+    "test:lexical-versions": "node scripts/assert-lexical-versions.mjs",
+    "test:package": "node scripts/verify-package-consumer.mjs",
+    "test:cross-version": "node scripts/verify-cross-version-markdown.mjs",
     "semantic-release": "semantic-release",
     "image-upload-backend": "node ./src/examples/file-backend.js",
     "export-icons": "node ./scripts/export-figma-icons.mjs"
@@ -44,15 +52,17 @@
     "@codemirror/merge": "^6.4.0",
     "@codemirror/state": "^6.4.0",
     "@codemirror/view": "^6.23.0",
-    "@lexical/clipboard": "^0.35.0",
-    "@lexical/link": "^0.35.0",
-    "@lexical/list": "^0.35.0",
-    "@lexical/markdown": "^0.35.0",
-    "@lexical/plain-text": "^0.35.0",
-    "@lexical/react": "^0.35.0",
-    "@lexical/rich-text": "^0.35.0",
-    "@lexical/selection": "^0.35.0",
-    "@lexical/utils": "^0.35.0",
+    "@lexical/clipboard": "^0.48.0",
+    "@lexical/extension": "^0.48.0",
+    "@lexical/history": "^0.48.0",
+    "@lexical/link": "^0.48.0",
+    "@lexical/list": "^0.48.0",
+    "@lexical/markdown": "^0.48.0",
+    "@lexical/plain-text": "^0.48.0",
+    "@lexical/react": "^0.48.0",
+    "@lexical/rich-text": "^0.48.0",
+    "@lexical/selection": "^0.48.0",
+    "@lexical/utils": "^0.48.0",
     "@mdxeditor/gurx": "^1.2.4",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-dialog": "^1.1.11",
@@ -67,8 +77,8 @@
     "cm6-theme-basic-light": "^0.2.0",
     "codemirror": "^6.0.1",
     "downshift": "^7.6.0",
-    "js-yaml": "4.2.0",
-    "lexical": "^0.35.0",
+    "js-yaml": "4.3.0",
+    "lexical": "^0.48.0",
     "mdast-util-directive": "^3.0.0",
     "mdast-util-from-markdown": "^2.0.0",
     "mdast-util-frontmatter": "^2.0.1",
@@ -106,6 +116,7 @@
     "@babel/preset-typescript": "^7.23.3",
     "@ladle/react": "^5.1.1",
     "@ngneat/falso": "^6.4.0",
+    "@playwright/test": "1.61.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.1.6",
     "@testing-library/react": "^16.3.0",

package/dist/plugins/core/SharedHistoryPlugin.js

@@ -1,10 +0,0 @@
-import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
-import React__default from "react";
-import { historyState$ } from "./index.js";
-import { useCellValue } from "@mdxeditor/gurx";
-const SharedHistoryPlugin = () => {
-  return /* @__PURE__ */ React__default.createElement(HistoryPlugin, { externalHistoryState: useCellValue(historyState$) });
-};
-export {
-  SharedHistoryPlugin
-};

package/dist/styles/globals.css.js

@@ -1 +0,0 @@
-