markdown-wysiwyg-editor 0.2.5 → 0.2.6

package/README.md

@@ -1,5 +1,8 @@
 # markdown-wysiwyg-editor
 
+[![npm version](https://badge.fury.io/js/markdown-wysiwyg-editor.svg)](https://badge.fury.io/js/markdown-wysiwyg-editor)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
 Lightweight Markdown WYSIWYG editor for React, powered by TipTap.
 
 [Live Demo](https://wysiwyg-doc.com/markdown-wysiwyg/index.html)

package/dist/components/EmojiPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,UAAU,gBAAgB;IACxB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwKlD,CAAC"}
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,UAAU,gBAAgB;IACxB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuKlD,CAAC"}

package/dist/components/LinkContextMenu.d.ts

@@ -13,6 +13,8 @@ interface LinkContextMenuProps {
     linkData: {
         href: string;
         text: string;
+        from?: number;
+        to?: number;
     } | null;
     onClose: () => void;
     onOpenLink: (href: string) => void;

package/dist/components/LinkContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/LinkContextMenu.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,GAAG,IAAI,CAAC;IACT,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkN1D,CAAC"}
+{"version":3,"file":"LinkContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/LinkContextMenu.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,GAAG,IAAI,CAAC;IACT,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkN1D,CAAC"}

package/dist/components/MarkdownEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA0BhE,OAAO,EAAa,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAetE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkczD,CAAC"}
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AA0BhE,OAAO,EAAa,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAetE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwczD,CAAC"}

package/dist/components/toolbar/HeadingMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingMenu.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/HeadingMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIzD,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,CAAC,EAAE,UAAU,CAAC;CACf;AAwCD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyGlD,CAAC"}
+{"version":3,"file":"HeadingMenu.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/HeadingMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIzD,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,CAAC,EAAE,UAAU,CAAC;CACf;AAwCD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+FlD,CAAC"}

package/dist/extensions/LinkClickExtension.d.ts

@@ -3,5 +3,7 @@ import type React from 'react';
 export declare const createLinkClickExtension: (handleContextMenu: (event: React.MouseEvent, linkData: {
     href: string;
     text: string;
+    from: number;
+    to: number;
 }) => void) => Extension<any, any>;
 //# sourceMappingURL=LinkClickExtension.d.ts.map

package/dist/extensions/LinkClickExtension.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkClickExtension.d.ts","sourceRoot":"","sources":["../../src/extensions/LinkClickExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,wBAAwB,GACnC,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,wBA2D5F,CAAC"}
+{"version":3,"file":"LinkClickExtension.d.ts","sourceRoot":"","sources":["../../src/extensions/LinkClickExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,cAAc,CAAC;AAEvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,wBAAwB,GACnC,mBAAmB,CACjB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,QAAQ,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,KAC/D,IAAI,wBA0FP,CAAC"}

package/dist/hooks/useEditorContextMenus.d.ts

@@ -7,6 +7,8 @@ export interface LinkContextMenuState {
     linkData: {
         href: string;
         text: string;
+        from: number;
+        to: number;
     } | null;
 }
 export interface TableContextMenuState {
@@ -22,6 +24,8 @@ export declare const useEditorContextMenus: () => {
     handleLinkContextMenu: (event: React.MouseEvent, linkData: {
         href: string;
         text: string;
+        from: number;
+        to: number;
     }) => void;
     handleTableContextMenu: (event: React.MouseEvent) => void;
     handleCloseLinkContextMenu: () => void;

package/dist/hooks/useEditorContextMenus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditorContextMenus.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorContextMenus.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED,eAAO,MAAM,qBAAqB;;;mCAatB,KAAK,CAAC,UAAU,YAAY;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE;oCAajB,KAAK,CAAC,UAAU;;;CA2DpE,CAAC"}
+{"version":3,"file":"useEditorContextMenus.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorContextMenus.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAC3E;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED,eAAO,MAAM,qBAAqB;;;mCAcrB,KAAK,CAAC,UAAU,YACb;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE;oCAcnB,KAAK,CAAC,UAAU;;;CA2DpE,CAAC"}

package/dist/hooks/useMarkdownEditor.d.ts

@@ -23,6 +23,8 @@ interface UseMarkdownEditorProps {
     handleLinkContextMenu: (event: React.MouseEvent, linkData: {
         href: string;
         text: string;
+        from: number;
+        to: number;
     }) => void;
     handleTableContextMenu: (event: React.MouseEvent) => void;
 }

package/dist/hooks/useMarkdownEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/hooks/useMarkdownEditor.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAa,MAAM,eAAe,CAAC;AAYzE,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,yBAAyB,CAAC;AAI9E,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,qBAAqB,EAAE,CAAC,QAAQ,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChF,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,qBAAqB,EAAE,CACrB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KACrC,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAKD,eAAO,MAAM,iBAAiB,GAAI,wSAmB/B,sBAAsB,WAuJxB,CAAC"}
+{"version":3,"file":"useMarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/hooks/useMarkdownEditor.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAa,MAAM,eAAe,CAAC;AAczE,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,yBAAyB,CAAC;AAI9E,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,qBAAqB,EAAE,CAAC,QAAQ,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChF,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,qBAAqB,EAAE,CACrB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAC/D,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAKD,eAAO,MAAM,iBAAiB,GAAI,wSAmB/B,sBAAsB,WA2JxB,CAAC"}

package/dist/index.js

@@ -38998,6 +38998,9 @@ class HastEmitter {
     return "";
   }
 }
+// src/hooks/useMarkdownEditor.ts
+import { useRef as useRef3 } from "react";
+
 // src/converters/JsonToMarkdownConverter.ts
 var log = createLogger("JsonToMarkdownConverter");
 
@@ -40406,37 +40409,63 @@ var createLinkClickExtension = (handleContextMenu) => Extension.create({
         key: new PluginKey("linkClick"),
         props: {
           handleDOMEvents: {
-            contextmenu: (_, event) => {
+            contextmenu: (view, event) => {
               const target = event.target;
               const linkElement = target.closest("a[href]");
               if (linkElement) {
                 const href = linkElement.getAttribute("href") || "";
                 const text = linkElement.textContent || "";
-                logger.debug("\uD83D\uDD17 Link right-clicked:", { href, text });
+                const pos = view.posAtDOM(linkElement, 0);
+                if (pos < 0)
+                  return false;
+                const $pos = view.state.doc.resolve(pos);
+                const markRange = getMarkRange($pos, view.state.schema.marks.link, { href });
+                const from2 = markRange?.from ?? pos;
+                const to = markRange?.to ?? pos + text.length;
+                logger.debug("\uD83D\uDD17 Link right-clicked:", { href, text, from: from2, to });
                 if (href) {
-                  handleContextMenu(event, { href, text });
+                  handleContextMenu(event, {
+                    href,
+                    text,
+                    from: from2,
+                    to
+                  });
                   return true;
                 }
               }
               return false;
             },
-            click: (_, event) => {
+            click: (view, event) => {
               const target = event.target;
               const linkElement = target.closest("a[href]");
               if (linkElement) {
                 const href = linkElement.getAttribute("href") || "";
                 const text = linkElement.textContent || "";
+                const pos = view.posAtDOM(linkElement, 0);
+                if (pos < 0)
+                  return false;
+                const $pos = view.state.doc.resolve(pos);
+                const markRange = getMarkRange($pos, view.state.schema.marks.link, { href });
+                const from2 = markRange?.from ?? pos;
+                const to = markRange?.to ?? pos + text.length;
                 logger.debug("\uD83D\uDD17 Link clicked:", {
                   href,
                   text,
                   ctrlKey: event.ctrlKey,
                   metaKey: event.metaKey,
-                  shiftKey: event.shiftKey
+                  shiftKey: event.shiftKey,
+                  from: from2,
+                  to
                 });
                 if (href) {
                   event.preventDefault();
                   event.stopPropagation();
-                  handleContextMenu(event, { href, text });
+                  handleContextMenu(event, {
+                    href,
+                    text,
+                    from: from2,
+                    to
+                  });
                   return true;
                 }
               }
@@ -41176,7 +41205,9 @@ var handleMarkdownPaste = async ({
   markdownToTipTapOptions
 }) => {
   editor.commands.deleteSelection();
+  const startPos = editor.state.selection.from;
   insertPlainText(editor, plainText);
+  const endPos = editor.state.selection.from;
   if (plainText.length >= largeTextThreshold) {
     logger2.info("\uD83D\uDCCB Large text detected - keeping as plain text to prevent performance issues");
     return;
@@ -41185,17 +41216,19 @@ var handleMarkdownPaste = async ({
   setIsProcessing(true);
   setProcessingProgress({ processed: 0, total: plainText.split(`
 `).length });
-  const currentPos = editor.state.selection.from;
-  const insertionStart = currentPos - plainText.length;
   try {
-    editor.commands.deleteRange({ from: insertionStart, to: currentPos });
-    editor.commands.setTextSelection(insertionStart);
-    await MarkdownTipTapConverter.processMarkdownInSmallChunksWithRender(plainText, editor, (processed, total) => {
-      setProcessingProgress({ processed, total });
-    }, markdownToTipTapOptions);
+    if (endPos > startPos) {
+      editor.commands.deleteRange({ from: startPos, to: endPos });
+      editor.commands.setTextSelection(startPos);
+      await MarkdownTipTapConverter.processMarkdownInSmallChunksWithRender(plainText, editor, (processed, total) => {
+        setProcessingProgress({ processed, total });
+      }, markdownToTipTapOptions);
+    } else {
+      logger2.warn("⚠️ Nothing inserted or invalid range detected");
+    }
   } catch (error) {
     logger2.warn("⚠️ Sequential rendering failed, keeping plain text:", error);
-    editor.commands.setTextSelection(insertionStart);
+    editor.commands.setTextSelection(startPos);
     insertPlainText(editor, plainText);
   } finally {
     editor.__isProcessing = false;
@@ -41522,6 +41555,7 @@ var useMarkdownEditor = ({
   handleTableContextMenu
 }) => {
   const lowlight = createLowlight(grammars);
+  const lastEmittedDocRef = useRef3(null);
   const editor = useEditor({
     enableContentCheck: false,
     emitContentError: true,
@@ -41598,39 +41632,39 @@ var useMarkdownEditor = ({
       if (isUpdating || editor2.__preventUpdate || isProcessing) {
         return;
       }
+      const { doc: doc3 } = editor2.state;
       const json2 = editor2.getJSON();
       setContent2(json2);
       if (onContentChange) {
         onContentChange(json2);
       }
-      if (onChange) {
-        try {
-          const markdown2 = JsonToMarkdownConverter_default.convertToMarkdown(json2);
-          onChange(markdown2);
-        } catch (error) {
-          logger3.warn("⚠️ Markdown conversion failed in onUpdate:", error);
-        }
-      }
-      if (onMarkdownChange) {
+      if (onChange || onMarkdownChange) {
         try {
           const markdown2 = JsonToMarkdownConverter_default.convertToMarkdown(json2);
-          onMarkdownChange(markdown2);
+          if (onChange)
+            onChange(markdown2);
+          if (onMarkdownChange)
+            onMarkdownChange(markdown2);
+          lastEmittedDocRef.current = doc3;
         } catch (error) {
           logger3.warn("⚠️ Markdown conversion failed in onUpdate:", error);
         }
       }
     },
     onBlur: ({ editor: editor2 }) => {
-      if (onMarkdownChange) {
+      if (lastEmittedDocRef.current && editor2.state.doc.eq(lastEmittedDocRef.current)) {
+        return;
+      }
+      const hasListeners = onChange || onMarkdownChange;
+      if (hasListeners) {
         try {
           const json2 = editor2.getJSON();
           const markdown2 = JsonToMarkdownConverter_default.convertToMarkdown(json2);
-          if (onChange) {
+          if (onChange)
             onChange(markdown2);
-          }
-          if (onMarkdownChange) {
+          if (onMarkdownChange)
             onMarkdownChange(markdown2);
-          }
+          lastEmittedDocRef.current = editor2.state.doc;
         } catch (error) {
           logger3.warn("⚠️ Markdown conversion failed in onBlur:", error);
         }
@@ -42265,7 +42299,7 @@ var MarkdownSyntaxStatus = ({
 import React7 from "react";
 
 // src/components/EmojiPicker.tsx
-import { useEffect as useEffect9, useMemo as useMemo2, useRef as useRef3, useState as useState10 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo2, useRef as useRef4, useState as useState10 } from "react";
 
 // src/constants/emojiData.ts
 var EMOJI_CATEGORIES = [
@@ -42769,7 +42803,7 @@ var EmojiPicker = ({
 }) => {
   const [activeGroup, setActiveGroup] = useState10("smileys_people");
   const [query, setQuery] = useState10("");
-  const pickerRef = useRef3(null);
+  const pickerRef = useRef4(null);
   useEffect9(() => {
     const handleClickOutside = (event) => {
       if (pickerRef.current && !pickerRef.current.contains(event.target)) {
@@ -42811,11 +42845,10 @@ var EmojiPicker = ({
     const g = EMOJI_CATEGORY_GROUPS.find((x) => x.id === activeGroup);
     return g?.categories ?? [];
   }, [activeGroup]);
-  return /* @__PURE__ */ jsxDEV8("dialog", {
+  return /* @__PURE__ */ jsxDEV8("div", {
     ref: pickerRef,
-    className: "mw-emoji-picker bg-popover text-popover-foreground border border-border shadow-xl rounded-xl",
+    className: "mw-emoji-picker bg-popover text-popover-foreground border border-border shadow-lg ring-1 ring-black ring-opacity-5 rounded-[calc(var(--radius)+4px)]",
     "aria-label": t(I18N_KEYS.emoji.pickerTitle, "Emoji picker"),
-    open: true,
     children: [
       /* @__PURE__ */ jsxDEV8("div", {
         className: "mw-emoji-search",
@@ -42917,7 +42950,7 @@ var EmojiPicker = ({
 };
 
 // src/components/ImagePicker.tsx
-import { useEffect as useEffect10, useRef as useRef4, useState as useState11 } from "react";
+import { useEffect as useEffect10, useRef as useRef5, useState as useState11 } from "react";
 import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
 var ImagePicker = ({
   onInsertMarkdown,
@@ -42927,7 +42960,7 @@ var ImagePicker = ({
 }) => {
   const [url, setUrl] = useState11("");
   const [alt, setAlt] = useState11("");
-  const pickerRef = useRef4(null);
+  const pickerRef = useRef5(null);
   useEffect10(() => {
     const handleClickOutside = (event) => {
       if (pickerRef.current && !pickerRef.current.contains(event.target)) {
@@ -43224,54 +43257,43 @@ var HeadingMenu = ({
             ${isOpen ? "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"}
           `,
           children: /* @__PURE__ */ jsxDEV11("div", {
-            className: "py-ui-y",
+            className: "flex flex-col py-1",
             children: headingLevels.map((heading) => /* @__PURE__ */ jsxDEV11("button", {
               type: "button",
+              className: "w-full flex items-center px-4 py-2 hover:bg-accent hover:text-accent-foreground transition-colors text-left group",
               onClick: () => {
                 onInsertMarkdown(heading.markdown);
                 onClose();
               },
-              children: /* @__PURE__ */ jsxDEV11("div", {
-                className: "flex items-center w-full",
-                children: [
-                  /* @__PURE__ */ jsxDEV11("div", {
+              children: [
+                /* @__PURE__ */ jsxDEV11("div", {
+                  className: "flex-shrink-0 w-12 h-8 rounded border flex items-center justify-center font-bold shadow-sm bg-background border-border text-foreground group-hover:border-accent-foreground/30 transition-colors",
+                  children: /* @__PURE__ */ jsxDEV11("span", {
                     className: `
-                        flex-1 px-ui-x py-ui-y rounded-md transition-colors duration-150
-                        hover:bg-accent hover:text-accent-foreground
-                      `,
-                    children: /* @__PURE__ */ jsxDEV11("div", {
-                      className: "flex items-center space-x-3",
-                      children: /* @__PURE__ */ jsxDEV11("div", {
-                        className: "flex-shrink-0 w-12 h-8 rounded-ui border flex items-center justify-center font-bold shadow-sm bg-background border-border text-foreground",
-                        children: /* @__PURE__ */ jsxDEV11("span", {
-                          className: `
-                          ${heading.level === 1 ? "text-[18px]" : ""}
-                          ${heading.level === 2 ? "text-[16px]" : ""}
-                          ${heading.level === 3 ? "text-[14px]" : ""}
-                          ${heading.level >= 4 ? "text-[12px]" : ""}
-                        `,
-                          children: heading.preview
-                        }, undefined, false, undefined, this)
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV11("div", {
-                    className: "flex-shrink-0 ml-3",
-                    children: /* @__PURE__ */ jsxDEV11("div", {
-                      className: `
-                        truncate max-w-[200px] text-popover-foreground
-                        ${heading.level === 1 ? "text-[22px] font-bold leading-[28px]" : ""}
-                        ${heading.level === 2 ? "text-[18px] font-bold leading-[24px]" : ""}
-                        ${heading.level === 3 ? "text-[16px] font-semibold leading-[22px]" : ""}
-                        ${heading.level === 4 ? "text-[14px] font-semibold leading-[20px]" : ""}
-                        ${heading.level === 5 ? "text-[13px] font-semibold leading-[18px]" : ""}
-                      `,
-                      children: `${t(I18N_KEYS.heading)}${heading.level}`
-                    }, undefined, false, undefined, this)
+                      ${heading.level === 1 ? "text-[18px]" : ""}
+                      ${heading.level === 2 ? "text-[16px]" : ""}
+                      ${heading.level === 3 ? "text-[14px]" : ""}
+                      ${heading.level >= 4 ? "text-[12px]" : ""}
+                    `,
+                    children: heading.preview
                   }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            }, heading.level, false, undefined, this))
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV11("div", {
+                  className: "ml-3 flex-1",
+                  children: /* @__PURE__ */ jsxDEV11("div", {
+                    className: `
+                      truncate max-w-[180px]
+                      ${heading.level === 1 ? "text-[20px] font-bold" : ""}
+                      ${heading.level === 2 ? "text-[18px] font-bold" : ""}
+                      ${heading.level === 3 ? "text-[16px] font-semibold" : ""}
+                      ${heading.level === 4 ? "text-[14px] font-semibold" : ""}
+                      ${heading.level === 5 ? "text-[13px] font-medium" : ""}
+                    `,
+                    children: `${t(I18N_KEYS.heading)}${heading.level}`
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this)
+              ]
+            }, heading.level, true, undefined, this))
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       ]
@@ -43685,7 +43707,7 @@ var MarkdownToolbar = ({
               disabled
             }, undefined, false, undefined, this),
             item.icon === Smile && showEmojiPicker && /* @__PURE__ */ jsxDEV14("div", {
-              className: "absolute top-full left-0 mt-1 z-20",
+              className: "absolute top-full left-1/2 -translate-x-1/2 mt-ui-y z-20",
               children: /* @__PURE__ */ jsxDEV14(EmojiPicker, {
                 onSelect: handleEmojiSelect,
                 onClose: () => setShowEmojiPicker(false),
@@ -43694,7 +43716,7 @@ var MarkdownToolbar = ({
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
             item.icon === Image3 && showImagePicker && /* @__PURE__ */ jsxDEV14("div", {
-              className: "absolute top-full left-0 mt-1 z-20",
+              className: "absolute top-full left-1/2 -translate-x-1/2 mt-ui-y z-20",
               children: /* @__PURE__ */ jsxDEV14(ImagePicker, {
                 onInsertMarkdown: handleInsertImageMarkdown,
                 onClose: () => setShowImagePicker(false),
@@ -44556,6 +44578,8 @@ var MarkdownEditor = ({
     setProcessingProgress
   } = useEditorState2();
   const editorElementRef = React8.useRef(null);
+  const abortControllerRef = React8.useRef(null);
+  const lastProcessedContentRef = React8.useRef(undefined);
   const {
     linkContextMenu,
     tableContextMenu,
@@ -44616,22 +44640,34 @@ var MarkdownEditor = ({
   useEffect14(() => {
     const processInitialMarkdown = async () => {
       const contentToProcess = value !== undefined ? value : initialContent;
+      if (contentToProcess === lastProcessedContentRef.current) {
+        return;
+      }
       if (!editor)
         return;
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+      const controller = new AbortController;
+      abortControllerRef.current = controller;
       if (!contentToProcess || !contentToProcess.trim()) {
-        if (!editor.isEmpty) {
+        if (!editor.isEmpty && !controller.signal.aborted) {
           editor.commands.clearContent();
+          lastProcessedContentRef.current = contentToProcess;
         }
         return;
       }
       const trimmed = contentToProcess.trim();
       try {
         if (editor.isFocused && editable) {
+          lastProcessedContentRef.current = contentToProcess;
           return;
         }
         const json2 = await MarkdownTipTapConverter.markdownToTipTapJson(trimmed, {
           publicImagePathPrefix
         });
+        if (controller.signal.aborted)
+          return;
         const codeBlocks = json2?.content?.filter((node) => node.type === "codeBlock") || [];
         if (codeBlocks.length > 0) {
           codeBlocks.forEach((block, idx) => {
@@ -44642,7 +44678,10 @@ var MarkdownEditor = ({
           });
         }
         editor.commands.setContent(json2);
+        lastProcessedContentRef.current = contentToProcess;
       } catch (error) {
+        if (controller.signal.aborted)
+          return;
         logger5.warn("[MarkdownEditor] Automatic Markdown conversion failed:", error);
         const lines = trimmed.split(`
 `);
@@ -44653,11 +44692,17 @@ var MarkdownEditor = ({
             content: line.length > 0 ? [{ type: "text", text: line }] : []
           }))
         });
+        lastProcessedContentRef.current = contentToProcess;
       }
     };
     if (editor) {
       processInitialMarkdown();
     }
+    return () => {
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+    };
   }, [editor, initialContent, value, editable, publicImagePathPrefix]);
   useEffect14(() => {
     if (editor && editor.isEditable !== editable) {
@@ -44710,33 +44755,19 @@ var MarkdownEditor = ({
     editor.__preventUpdate = true;
     try {
       const { state, dispatch } = editor.view;
-      let linkUpdated = false;
-      state.doc.descendants((node, pos) => {
-        if (linkUpdated)
-          return false;
-        if (node.isText && node.marks) {
-          const linkMark = node.marks.find((mark) => mark.type.name === "link");
-          if (linkMark && linkMark.attrs.href === linkContextMenu.linkData?.href && node.text === linkContextMenu.linkData?.text) {
-            if (!state.schema.marks.link) {
-              logger5.warn("Link mark type not found in schema");
-              return false;
-            }
-            const from2 = pos;
-            const to = pos + node.nodeSize;
-            const newLinkMark = state.schema.marks.link.create({ href: newLinkData.href });
-            const transaction = state.tr;
-            transaction.delete(from2, to);
-            transaction.insert(from2, state.schema.text(newLinkData.text, [newLinkMark]));
-            dispatch(transaction);
-            linkUpdated = true;
-            return false;
-          }
-        }
-        return true;
-      });
-      if (!linkUpdated) {
-        logger5.warn("Link not found for update");
+      const { from: from2, to } = linkContextMenu.linkData;
+      const node = state.doc.nodeAt(from2);
+      if (typeof from2 === "number" && typeof to === "number") {
+        const newLinkMark = state.schema.marks.link.create({ href: newLinkData.href });
+        const transaction = state.tr;
+        transaction.delete(from2, to);
+        transaction.insert(from2, state.schema.text(newLinkData.text, [newLinkMark]));
+        dispatch(transaction);
+      } else {
+        logger5.warn("Use of old link editing fallback");
       }
+    } catch (error) {
+      logger5.error("Link update failed", error);
     } finally {
       setTimeout(() => {
         editor.__preventUpdate = originalPreventUpdate;
@@ -45072,5 +45103,5 @@ export {
   CodeBlockNodeView
 };
 
-//# debugId=70312CAF74302EFC64756E2164756E21
+//# debugId=DBA70DA96E49F65164756E2164756E21
 //# sourceMappingURL=index.js.map