@mdxeditor/editor 1.11.0 → 1.11.2

package/dist/index.d.ts

@@ -51,4 +51,12 @@ export * from './plugins/toolbar/primitives/TooltipWrap';
 export * from './plugins/toolbar/primitives/select';
 export * from './plugins/core/NestedLexicalEditor';
 export * from './plugins/core/PropertyPopover';
+export * from './utils/detectMac';
+export * from './utils/fp';
+export * from './utils/isPartOftheEditorUI';
+export * from './utils/lexicalHelpers';
+export * from './utils/makeHslTransparent';
+export * from './utils/uuid4';
+export * from './utils/voidEmitter';
+export * from './utils/whitespaceConversion';
 export * from './gurx';

package/dist/index.js

@@ -48,6 +48,14 @@ import { TooltipWrap } from "./plugins/toolbar/primitives/TooltipWrap.js";
 import { Select, SelectButtonTrigger, SelectContent, SelectItem, SelectTrigger } from "./plugins/toolbar/primitives/select.js";
 import { NestedEditorsContext, NestedLexicalEditor, useLexicalNodeRemove, useMdastNodeUpdater, useNestedEditorContext } from "./plugins/core/NestedLexicalEditor.js";
 import { PropertyPopover } from "./plugins/core/PropertyPopover.js";
+import { CAN_USE_DOM, IS_APPLE, controlOrMeta } from "./utils/detectMac.js";
+import { always, call, compose, curry1to0, curry2to1, joinProc, noop, prop, tap, thrush } from "./utils/fp.js";
+import { isPartOftheEditorUI } from "./utils/isPartOftheEditorUI.js";
+import { fromWithinEditorRead, getSelectedNode, getSelectionRectangle, getStateAsMarkdown } from "./utils/lexicalHelpers.js";
+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 { $createImageNode, $isImageNode, ImageNode } from "./plugins/image/ImageNode.js";
 import { useCodeBlockEditorContext } from "./plugins/codeblock/CodeBlockNode.js";
@@ -66,6 +74,7 @@ export {
   Button,
   ButtonOrDropdownButton,
   ButtonWithTooltip,
+  CAN_USE_DOM,
   ChangeAdmonitionType,
   ChangeCodeMirrorLanguage,
   CodeMirrorEditor,
@@ -78,6 +87,7 @@ export {
   GenericHTMLNode,
   GenericJsxEditor,
   INSERT_IMAGE_COMMAND,
+  IS_APPLE,
   ImageNode,
   InsertAdmonition,
   InsertCodeBlock,
@@ -111,15 +121,22 @@ export {
   ToolbarToggleItem,
   TooltipWrap,
   UndoRedo,
+  WHITESPACE_MARKER,
+  always,
+  call,
   codeBlockPlugin,
   codeBlockPluginHooks,
   codeBlockSystem,
   codeMirrorHooks,
   codeMirrorPlugin,
   codeMirrorSystem,
+  compose,
+  controlOrMeta,
   corePlugin,
   corePluginHooks,
   coreSystem,
+  curry1to0,
+  curry2to1,
   defaultComparator,
   diffSourcePlugin,
   diffSourcePluginHooks,
@@ -129,10 +146,14 @@ export {
   directivesSystem,
   exportLexicalTreeToMdast,
   exportMarkdownFromLexical,
+  fromWithinEditorRead,
   frontmatterPlugin,
   frontmatterPluginHooks,
   frontmatterSystem,
   getRealmFactory,
+  getSelectedNode,
+  getSelectionRectangle,
+  getStateAsMarkdown,
   headingsPlugin,
   headingsPluginHooks,
   headingsSystem,
@@ -141,6 +162,8 @@ export {
   imageSystem,
   importMarkdownToLexical,
   importMdastTreeToLexical,
+  isPartOftheEditorUI,
+  joinProc,
   jsxPlugin,
   jsxPluginHooks,
   jsxSystem,
@@ -150,13 +173,17 @@ export {
   listsPlugin,
   listsPluginHooks,
   listsSystem,
+  makeHslTransparent,
   markdownShortcutPlugin,
+  noop,
+  prop,
   quotePlugin,
   quotePluginHooks,
   realm,
   realmFactory,
   realmFactoryToComponent,
   realmPlugin,
+  replaceWhitespace,
   sandpackPlugin,
   sandpackPluginHooks,
   sandpackSystem,
@@ -165,9 +192,11 @@ export {
   tablePlugin,
   tablePluginHooks,
   tableSystem,
+  tap,
   thematicBreakPlugin,
   thematicBreakPluginHooks,
   thematicBreakSystem,
+  thrush,
   toolbarPlugin,
   toolbarPluginHooks,
   toolbarSystem,
@@ -175,5 +204,7 @@ export {
   useHasPlugin,
   useLexicalNodeRemove,
   useMdastNodeUpdater,
-  useNestedEditorContext
+  useNestedEditorContext,
+  uuidv4,
+  voidEmitter
 };

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, $setSelection, BLUR_COMMAND, KEY_DOWN_COMMAND, $isDecoratorNode, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getSelection, $isRangeSelection, $insertNodes, $createParagraphNode, ParagraphNode, TextNode } from "lexical";
+import { createCommand, SELECTION_CHANGE_COMMAND, $getRoot, COMMAND_PRIORITY_CRITICAL, $setSelection, BLUR_COMMAND, FOCUS_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";
@@ -148,8 +148,14 @@ const coreSystem = system((r) => {
   const addToMarkdownExtension = createAppendNodeFor(toMarkdownExtensions);
   const setMarkdown = r.node();
   r.sub(
-    r.pipe(setMarkdown, r.o.withLatestFrom(rootEditor, importVisitors, mdastExtensions, syntaxExtensions, inFocus)),
-    ([theNewMarkdownValue, editor, importVisitors2, mdastExtensions2, syntaxExtensions2, inFocus2]) => {
+    r.pipe(
+      setMarkdown,
+      r.o.withLatestFrom(markdown, rootEditor, importVisitors, mdastExtensions, syntaxExtensions, inFocus),
+      r.o.filter(([newMarkdown, oldMarkdown]) => {
+        return newMarkdown.trim() !== oldMarkdown.trim();
+      })
+    ),
+    ([theNewMarkdownValue, , editor, importVisitors2, mdastExtensions2, syntaxExtensions2, inFocus2]) => {
       editor == null ? void 0 : editor.update(() => {
         $getRoot().clear();
         importMarkdownToLexical({
@@ -161,6 +167,8 @@ const coreSystem = system((r) => {
         });
         if (!inFocus2) {
           $setSelection(null);
+        } else {
+          editor.focus();
         }
       });
     }
@@ -215,6 +223,16 @@ const coreSystem = system((r) => {
       COMMAND_PRIORITY_CRITICAL
     );
   });
+  r.pub(createRootEditorSubscription, (theEditor) => {
+    return theEditor.registerCommand(
+      FOCUS_COMMAND,
+      () => {
+        r.pub(inFocus, true);
+        return false;
+      },
+      COMMAND_PRIORITY_CRITICAL
+    );
+  });
   r.pub(createRootEditorSubscription, (theRootEditor) => {
     return theRootEditor.registerCommand(
       KEY_DOWN_COMMAND,

package/dist/utils/fp.js

@@ -1,14 +1,44 @@
+function compose(a, b) {
+  return (arg) => a(b(arg));
+}
+function thrush(arg, proc) {
+  return proc(arg);
+}
+function curry2to1(proc, arg1) {
+  return (arg2) => proc(arg1, arg2);
+}
+function curry1to0(proc, arg) {
+  return () => proc(arg);
+}
+function prop(property) {
+  return (object) => object[property];
+}
 function tap(arg, proc) {
   proc(arg);
   return arg;
 }
+function call(proc) {
+  proc();
+}
 function always(value) {
   return () => value;
 }
+function joinProc(...procs) {
+  return () => {
+    procs.map(call);
+  };
+}
 function noop() {
 }
 export {
   always,
+  call,
+  compose,
+  curry1to0,
+  curry2to1,
+  joinProc,
   noop,
-  tap
+  prop,
+  tap,
+  thrush
 };

package/dist/utils/lexicalHelpers.js

@@ -1,5 +1,14 @@
-import { $getSelection } from "lexical";
+import { $getSelection, $getRoot } from "lexical";
 import { $isAtNodeEnd } from "@lexical/selection";
+import { tap } from "./fp.js";
+import { exportMarkdownFromLexical } from "../exportMarkdownFromLexical.js";
+function fromWithinEditorRead(editor, fn) {
+  let result = null;
+  editor.getEditorState().read(() => {
+    result = fn();
+  });
+  return result;
+}
 function getSelectedNode(selection) {
   try {
     const anchor = selection.anchor;
@@ -56,7 +65,16 @@ function getSelectionRectangle(editor) {
   }
   return null;
 }
+function getStateAsMarkdown(editor, exportParams) {
+  return tap({ markdown: "" }, (result) => {
+    editor.getEditorState().read(() => {
+      result.markdown = exportMarkdownFromLexical({ root: $getRoot(), ...exportParams });
+    });
+  }).markdown;
+}
 export {
+  fromWithinEditorRead,
   getSelectedNode,
-  getSelectionRectangle
+  getSelectionRectangle,
+  getStateAsMarkdown
 };

package/dist/utils/makeHslTransparent.d.ts

@@ -0,0 +1 @@
+export declare function makeHslTransparent(hsl: string, alpha: number): string;

package/dist/utils/makeHslTransparent.js

@@ -0,0 +1,6 @@
+function makeHslTransparent(hsl, alpha) {
+  return hsl.replace("hsl", "hsla").replace(")", `, ${alpha})`);
+}
+export {
+  makeHslTransparent
+};

package/dist/utils/whitespaceConversion.d.ts

@@ -0,0 +1,2 @@
+export declare const WHITESPACE_MARKER = "\u00A0";
+export declare function replaceWhitespace(str: string): string;

package/dist/utils/whitespaceConversion.js

@@ -0,0 +1,9 @@
+const WHITESPACE_MARKER = " ";
+const WHITESPACE_REGEX = /^\s+|\s+$/g;
+function replaceWhitespace(str) {
+  return str.replace(WHITESPACE_REGEX, (spaces) => WHITESPACE_MARKER.repeat(spaces.length));
+}
+export {
+  WHITESPACE_MARKER,
+  replaceWhitespace
+};

package/package.json

@@ -9,7 +9,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "1.11.0",
+  "version": "1.11.2",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -232,6 +232,11 @@
       "import": "./dist/plugins/core/NestedLexicalEditor.js",
       "default": "./dist/plugins/core/NestedLexicalEditor.js"
     },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.js",
+      "default": "./dist/utils.js"
+    },
     "./plugins/codeblock": {
       "types": "./dist/plugins/codeblock/index.d.ts",
       "import": "./dist/plugins/codeblock/index.js",