@mdxeditor/editor 0.4.1 → 0.5.0

package/dist/useCodeMirrorRef-89746e60.js

@@ -0,0 +1,84 @@
+import { $getNodeByKey, $createParagraphNode } from "lexical";
+import React__default from "react";
+import { u as useEmitterValues, a as usePublisher } from "./index-11db5fbf.js";
+function useCodeMirrorRef(nodeKey, editorType, language) {
+  const [activeEditor] = useEmitterValues("activeEditor");
+  const setActiveEditorType = usePublisher("activeEditorType");
+  const codeMirrorRef = React__default.useRef(null);
+  const atBottom = React__default.useRef(false);
+  const atTop = React__default.useRef(false);
+  const onFocusHandler = React__default.useCallback(() => {
+    setActiveEditorType({ type: editorType, nodeKey });
+  }, [nodeKey, setActiveEditorType, editorType]);
+  const onKeyDownHandler = React__default.useCallback(
+    (e) => {
+      var _a, _b, _c, _d;
+      if (e.key === "ArrowDown") {
+        const state = (_b = (_a = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _a.getCodemirror()) == null ? void 0 : _b.state;
+        if (state) {
+          const docLength = state.doc.length;
+          const selectionEnd = state.selection.ranges[0].to;
+          if (docLength === selectionEnd) {
+            if (!atBottom.current) {
+              atBottom.current = true;
+            } else {
+              activeEditor == null ? void 0 : activeEditor.update(() => {
+                var _a2, _b2;
+                const node = $getNodeByKey(nodeKey);
+                const nextSibling = node.getNextSibling();
+                if (nextSibling) {
+                  (_b2 = (_a2 = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _a2.getCodemirror()) == null ? void 0 : _b2.contentDOM.blur();
+                  node.selectNext();
+                } else {
+                  node.insertAfter($createParagraphNode());
+                }
+              });
+              atBottom.current = false;
+            }
+          }
+        }
+      } else if (e.key === "ArrowUp") {
+        const state = (_d = (_c = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _c.getCodemirror()) == null ? void 0 : _d.state;
+        if (state) {
+          const selectionStart = state.selection.ranges[0].from;
+          if (selectionStart === 0) {
+            if (!atTop.current) {
+              atTop.current = true;
+            } else {
+              activeEditor == null ? void 0 : activeEditor.update(() => {
+                var _a2, _b2;
+                const node = $getNodeByKey(nodeKey);
+                const previousSibling = node.getPreviousSibling();
+                if (previousSibling) {
+                  (_b2 = (_a2 = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _a2.getCodemirror()) == null ? void 0 : _b2.contentDOM.blur();
+                  node.selectPrevious();
+                }
+              });
+              atTop.current = false;
+            }
+          }
+        }
+      } else if (e.key === "Enter") {
+        e.stopPropagation();
+      }
+    },
+    [activeEditor, nodeKey]
+  );
+  React__default.useEffect(() => {
+    const codeMirror = codeMirrorRef.current;
+    setTimeout(() => {
+      var _a, _b, _c, _d;
+      (_b = (_a = codeMirror == null ? void 0 : codeMirror.getCodemirror()) == null ? void 0 : _a.contentDOM) == null ? void 0 : _b.addEventListener("focus", onFocusHandler);
+      (_d = (_c = codeMirror == null ? void 0 : codeMirror.getCodemirror()) == null ? void 0 : _c.contentDOM) == null ? void 0 : _d.addEventListener("keydown", onKeyDownHandler);
+    }, 100);
+    return () => {
+      var _a, _b;
+      (_a = codeMirror == null ? void 0 : codeMirror.getCodemirror()) == null ? void 0 : _a.contentDOM.removeEventListener("focus", onFocusHandler);
+      (_b = codeMirror == null ? void 0 : codeMirror.getCodemirror()) == null ? void 0 : _b.contentDOM.removeEventListener("keydown", onKeyDownHandler);
+    };
+  }, [codeMirrorRef, onFocusHandler, onKeyDownHandler, language]);
+  return codeMirrorRef;
+}
+export {
+  useCodeMirrorRef as u
+};

package/dist/useCodeMirrorRef-cba12130.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("lexical"),r=require("react"),t=require("./index-731c8e58.cjs");exports.useCodeMirrorRef=function(n,o,l){const[u]=t.useEmitterValues("activeEditor"),i=t.usePublisher("activeEditorType"),s=r.useRef(null),c=r.useRef(!1),d=r.useRef(!1),v=r.useCallback((()=>{i({type:o,nodeKey:n})}),[n,i,o]),a=r.useCallback((r=>{var t,o,l,i;if("ArrowDown"===r.key){const r=null==(o=null==(t=null==s?void 0:s.current)?void 0:t.getCodemirror())?void 0:o.state;if(r){r.doc.length===r.selection.ranges[0].to&&(c.current?(null==u||u.update((()=>{var r,t;const o=e.$getNodeByKey(n);o.getNextSibling()?(null==(t=null==(r=null==s?void 0:s.current)?void 0:r.getCodemirror())||t.contentDOM.blur(),o.selectNext()):o.insertAfter(e.$createParagraphNode())})),c.current=!1):c.current=!0)}}else if("ArrowUp"===r.key){const r=null==(i=null==(l=null==s?void 0:s.current)?void 0:l.getCodemirror())?void 0:i.state;if(r){0===r.selection.ranges[0].from&&(d.current?(null==u||u.update((()=>{var r,t;const o=e.$getNodeByKey(n);o.getPreviousSibling()&&(null==(t=null==(r=null==s?void 0:s.current)?void 0:r.getCodemirror())||t.contentDOM.blur(),o.selectPrevious())})),d.current=!1):d.current=!0)}}else"Enter"===r.key&&r.stopPropagation()}),[u,n]);return r.useEffect((()=>{const e=s.current;return setTimeout((()=>{var r,t,n,o;null==(t=null==(r=null==e?void 0:e.getCodemirror())?void 0:r.contentDOM)||t.addEventListener("focus",v),null==(o=null==(n=null==e?void 0:e.getCodemirror())?void 0:n.contentDOM)||o.addEventListener("keydown",a)}),100),()=>{var r,t;null==(r=null==e?void 0:e.getCodemirror())||r.contentDOM.removeEventListener("focus",v),null==(t=null==e?void 0:e.getCodemirror())||t.contentDOM.removeEventListener("keydown",a)}}),[s,v,a,l]),s};

package/package.json

@@ -21,7 +21,7 @@
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",