markdown-wysiwyg-editor 0.2.5 → 0.2.8

package/dist/index.js

@@ -1560,7 +1560,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`);
 // src/components/MarkdownEditor.tsx
 import React8, { useState as useState15, useCallback as useCallback4, useEffect as useEffect14 } from "react";
 
-// node_modules/.bun/@tiptap+react@3.14.0+6d8c22b45e24b890/node_modules/@tiptap/react/dist/index.js
+// node_modules/.bun/@tiptap+react@3.15.3+2bbf2f46acd5f4b8/node_modules/@tiptap/react/dist/index.js
 var import_shim = __toESM(require_shim(), 1);
 import { createContext, useContext, useMemo } from "react";
 import React3, { forwardRef } from "react";
@@ -12081,7 +12081,7 @@ function keydownHandler(bindings) {
     return false;
   };
 }
-// node_modules/.bun/@tiptap+core@3.14.0+da8d1d9e70484869/node_modules/@tiptap/core/dist/index.js
+// node_modules/.bun/@tiptap+core@3.15.3+2552a9caaf6753d4/node_modules/@tiptap/core/dist/index.js
 var __defProp2 = Object.defineProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -12519,6 +12519,9 @@ function isAndroid() {
 function isiOS() {
   return ["iPad Simulator", "iPhone Simulator", "iPod Simulator", "iPad", "iPhone", "iPod"].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
 }
+function isSafari() {
+  return typeof navigator !== "undefined" ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent) : false;
+}
 var focus = (position = null, options = {}) => ({ editor, view, tr, dispatch }) => {
   options = {
     scrollIntoView: true,
@@ -12528,6 +12531,9 @@ var focus = (position = null, options = {}) => ({ editor, view, tr, dispatch })
     if (isiOS() || isAndroid()) {
       view.dom.focus();
     }
+    if (isSafari() && !isiOS() && !isAndroid()) {
+      view.dom.focus({ preventScroll: true });
+    }
     requestAnimationFrame(() => {
       if (!editor.isDestroyed) {
         view.focus();
@@ -15095,6 +15101,26 @@ var ExtensionManager = class {
       return [extension.name, nodeview];
     }));
   }
+  dispatchTransaction(baseDispatch) {
+    const { editor } = this;
+    const extensions = sortExtensions([...this.extensions].reverse());
+    return extensions.reduceRight((next, extension) => {
+      const context = {
+        name: extension.name,
+        options: extension.options,
+        storage: this.editor.extensionStorage[extension.name],
+        editor,
+        type: getSchemaTypeByName(extension.name, this.schema)
+      };
+      const dispatchTransaction = getExtensionField(extension, "dispatchTransaction", context);
+      if (!dispatchTransaction) {
+        return next;
+      }
+      return (transaction) => {
+        dispatchTransaction.call(context, { transaction, next });
+      };
+    }, baseDispatch);
+  }
   get markViews() {
     const { editor } = this;
     const { markExtensions } = splitExtensions(this.extensions);
@@ -15883,7 +15909,8 @@ var Editor = class extends EventEmitter {
       },
       onPaste: () => null,
       onDrop: () => null,
-      onDelete: () => null
+      onDelete: () => null,
+      enableExtensionDispatchTransaction: true
     };
     this.isCapturingTransaction = false;
     this.capturedTransaction = null;
@@ -16130,14 +16157,16 @@ var Editor = class extends EventEmitter {
     return doc3;
   }
   createView(element) {
-    var _a;
+    const { editorProps, enableExtensionDispatchTransaction } = this.options;
+    const baseDispatch = editorProps.dispatchTransaction || this.dispatchTransaction.bind(this);
+    const dispatch = enableExtensionDispatchTransaction ? this.extensionManager.dispatchTransaction(baseDispatch) : baseDispatch;
     this.editorView = new EditorView(element, {
-      ...this.options.editorProps,
+      ...editorProps,
       attributes: {
         role: "textbox",
-        ...(_a = this.options.editorProps) == null ? undefined : _a.attributes
+        ...editorProps == null ? undefined : editorProps.attributes
       },
-      dispatchTransaction: this.dispatchTransaction.bind(this),
+      dispatchTransaction: dispatch,
       state: this.editorState,
       markViews: this.extensionManager.markViews,
       nodeViews: this.extensionManager.nodeViews
@@ -17590,7 +17619,7 @@ function markPasteRule(config) {
   });
 }
 
-// node_modules/.bun/@tiptap+react@3.14.0+6d8c22b45e24b890/node_modules/@tiptap/react/dist/index.js
+// node_modules/.bun/@tiptap+react@3.15.3+2bbf2f46acd5f4b8/node_modules/@tiptap/react/dist/index.js
 var import_shim2 = __toESM(require_shim(), 1);
 import { useDebugValue as useDebugValue2, useEffect as useEffect2, useRef, useState as useState2 } from "react";
 
@@ -18029,7 +18058,7 @@ function createCustomEqual(options = {}) {
   return createIsEqual({ circular, comparator, createState, equals, strict });
 }
 
-// node_modules/.bun/@tiptap+react@3.14.0+6d8c22b45e24b890/node_modules/@tiptap/react/dist/index.js
+// node_modules/.bun/@tiptap+react@3.15.3+2bbf2f46acd5f4b8/node_modules/@tiptap/react/dist/index.js
 var import_with_selector = __toESM(require_with_selector(), 1);
 import { useDebugValue, useEffect, useLayoutEffect, useState } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -18540,6 +18569,7 @@ function isReact19Plus() {
 var ReactRenderer = class {
   constructor(component, { editor, props = {}, as = "div", className = "" }) {
     this.ref = null;
+    this.destroyed = false;
     this.id = Math.floor(Math.random() * 4294967295).toString();
     this.component = component;
     this.editor = editor;
@@ -18555,12 +18585,18 @@ var ReactRenderer = class {
       });
     } else {
       queueMicrotask(() => {
+        if (this.destroyed) {
+          return;
+        }
         this.render();
       });
     }
   }
   render() {
     var _a;
+    if (this.destroyed) {
+      return;
+    }
     const Component = this.component;
     const props = this.props;
     const editor = this.editor;
@@ -18579,6 +18615,9 @@ var ReactRenderer = class {
     (_a = editor == null ? undefined : editor.contentComponent) == null || _a.setRenderer(this.id, this);
   }
   updateProps(props = {}) {
+    if (this.destroyed) {
+      return;
+    }
     this.props = {
       ...this.props,
       ...props
@@ -18587,6 +18626,7 @@ var ReactRenderer = class {
   }
   destroy() {
     var _a;
+    this.destroyed = true;
     const editor = this.editor;
     (_a = editor == null ? undefined : editor.contentComponent) == null || _a.removeRenderer(this.id);
     try {
@@ -19761,7 +19801,7 @@ var undo = buildCommand(false, true);
 var redo = buildCommand(true, true);
 var undoNoScroll = buildCommand(false, false);
 var redoNoScroll = buildCommand(true, false);
-// node_modules/.bun/@tiptap+extensions@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extensions/dist/index.js
+// node_modules/.bun/@tiptap+extensions@3.15.3+aa048d05049272a7/node_modules/@tiptap/extensions/dist/index.js
 var CharacterCount = Extension.create({
   name: "characterCount",
   addOptions() {
@@ -20105,10 +20145,10 @@ var UndoRedo = Extension.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-character-count@3.14.0+ea54e60bae9eda84/node_modules/@tiptap/extension-character-count/dist/index.js
+// node_modules/.bun/@tiptap+extension-character-count@3.15.3+9f9d100532d1ad91/node_modules/@tiptap/extension-character-count/dist/index.js
 var index_default = CharacterCount;
 
-// node_modules/.bun/@tiptap+extension-image@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-image/dist/index.js
+// node_modules/.bun/@tiptap+extension-image@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-image/dist/index.js
 var inputRegex = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
 var Image2 = Node3.create({
   name: "image",
@@ -21231,7 +21271,7 @@ function find(str, type = null, opts = null) {
   return filtered;
 }
 
-// node_modules/.bun/@tiptap+extension-link@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-link/dist/index.js
+// node_modules/.bun/@tiptap+extension-link@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-link/dist/index.js
 var UNICODE_WHITESPACE_PATTERN = "[\x00-   ᠎ -\u2029 　]";
 var UNICODE_WHITESPACE_REGEX = new RegExp(UNICODE_WHITESPACE_PATTERN);
 var UNICODE_WHITESPACE_REGEX_END = new RegExp(`${UNICODE_WHITESPACE_PATTERN}$`);
@@ -21375,7 +21415,7 @@ function pasteHandler(options) {
           textContent += node.textContent;
         });
         const link = find(textContent, { defaultProtocol: options.defaultProtocol }).find((item) => item.isLink && item.value === textContent);
-        if (!textContent || !link || shouldAutoLink !== undefined && !shouldAutoLink(link.href)) {
+        if (!textContent || !link || shouldAutoLink !== undefined && !shouldAutoLink(link.value)) {
           return false;
         }
         return options.editor.commands.setMark(options.type, {
@@ -21436,7 +21476,22 @@ var Link = Mark2.create({
       },
       isAllowedUri: (url, ctx) => !!isAllowedUri(url, ctx.protocols),
       validate: (url) => !!url,
-      shouldAutoLink: (url) => !!url
+      shouldAutoLink: (url) => {
+        const hasProtocol = /^[a-z][a-z0-9+.-]*:\/\//i.test(url);
+        const hasMaybeProtocol = /^[a-z][a-z0-9+.-]*:/i.test(url);
+        if (hasProtocol || hasMaybeProtocol && !url.includes("@")) {
+          return true;
+        }
+        const urlWithoutUserinfo = url.includes("@") ? url.split("@").pop() : url;
+        const hostname = urlWithoutUserinfo.split(/[/?#:]/)[0];
+        if (/^\d{1,3}(\.\d{1,3}){3}$/.test(hostname)) {
+          return false;
+        }
+        if (!/\./.test(hostname)) {
+          return false;
+        }
+        return true;
+      }
     };
   },
   addAttributes() {
@@ -23594,7 +23649,7 @@ function tableEditing({ allowTableNodeSelection = false } = {}) {
     }
   });
 }
-// node_modules/.bun/@tiptap+extension-table@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-table/dist/index.js
+// node_modules/.bun/@tiptap+extension-table@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-table/dist/index.js
 var TableCell = Node3.create({
   name: "tableCell",
   addOptions() {
@@ -24139,16 +24194,16 @@ var TableKit = Extension.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-table-cell@3.14.0+fbcaf6fb0f41e891/node_modules/@tiptap/extension-table-cell/dist/index.js
+// node_modules/.bun/@tiptap+extension-table-cell@3.15.3+a85e1fcc83d8b887/node_modules/@tiptap/extension-table-cell/dist/index.js
 var index_default4 = TableCell;
 
-// node_modules/.bun/@tiptap+extension-table-header@3.14.0+fbcaf6fb0f41e891/node_modules/@tiptap/extension-table-header/dist/index.js
+// node_modules/.bun/@tiptap+extension-table-header@3.15.3+a85e1fcc83d8b887/node_modules/@tiptap/extension-table-header/dist/index.js
 var index_default5 = TableHeader;
 
-// node_modules/.bun/@tiptap+extension-table-row@3.14.0+fbcaf6fb0f41e891/node_modules/@tiptap/extension-table-row/dist/index.js
+// node_modules/.bun/@tiptap+extension-table-row@3.15.3+a85e1fcc83d8b887/node_modules/@tiptap/extension-table-row/dist/index.js
 var index_default6 = TableRow;
 
-// node_modules/.bun/@tiptap+extension-typography@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-typography/dist/index.js
+// node_modules/.bun/@tiptap+extension-typography@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-typography/dist/index.js
 var emDash = (override) => textInputRule({
   find: /--$/,
   replace: override != null ? override : "—"
@@ -24338,7 +24393,7 @@ var Typography = Extension.create({
 });
 var index_default7 = Typography;
 
-// node_modules/.bun/@tiptap+core@3.14.0+da8d1d9e70484869/node_modules/@tiptap/core/dist/jsx-runtime/jsx-runtime.js
+// node_modules/.bun/@tiptap+core@3.15.3+2552a9caaf6753d4/node_modules/@tiptap/core/dist/jsx-runtime/jsx-runtime.js
 var h = (tag, attributes) => {
   if (tag === "slot") {
     return 0;
@@ -24353,7 +24408,7 @@ var h = (tag, attributes) => {
   return [tag, rest, children];
 };
 
-// node_modules/.bun/@tiptap+extension-blockquote@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-blockquote/dist/index.js
+// node_modules/.bun/@tiptap+extension-blockquote@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-blockquote/dist/index.js
 var inputRegex2 = /^\s*>\s$/;
 var Blockquote = Node3.create({
   name: "blockquote",
@@ -24425,7 +24480,7 @@ ${prefix}
   }
 });
 
-// node_modules/.bun/@tiptap+extension-bold@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-bold/dist/index.js
+// node_modules/.bun/@tiptap+extension-bold@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-bold/dist/index.js
 var starInputRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/;
 var starPasteRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g;
 var underscoreInputRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/;
@@ -24511,7 +24566,7 @@ var Bold = Mark2.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-code@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-code/dist/index.js
+// node_modules/.bun/@tiptap+extension-code@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-code/dist/index.js
 var inputRegex3 = /(^|[^`])`([^`]+)`(?!`)$/;
 var pasteRegex = /(^|[^`])`([^`]+)`(?!`)/g;
 var Code = Mark2.create({
@@ -24576,7 +24631,7 @@ var Code = Mark2.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-code-block@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-code-block/dist/index.js
+// node_modules/.bun/@tiptap+extension-code-block@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-code-block/dist/index.js
 var DEFAULT_TAB_SIZE = 4;
 var backtickInputRegex = /^```([a-z]+)?[\s\n]$/;
 var tildeInputRegex = /^~~~([a-z]+)?[\s\n]$/;
@@ -24892,7 +24947,7 @@ var CodeBlock = Node3.create({
 });
 var index_default8 = CodeBlock;
 
-// node_modules/.bun/@tiptap+extension-document@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-document/dist/index.js
+// node_modules/.bun/@tiptap+extension-document@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-document/dist/index.js
 var Document = Node3.create({
   name: "doc",
   topNode: true,
@@ -24907,7 +24962,7 @@ var Document = Node3.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-hard-break@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-hard-break/dist/index.js
+// node_modules/.bun/@tiptap+extension-hard-break@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-hard-break/dist/index.js
 var HardBreak = Node3.create({
   name: "hardBreak",
   markdownTokenName: "br",
@@ -24971,7 +25026,7 @@ var HardBreak = Node3.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-heading@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-heading/dist/index.js
+// node_modules/.bun/@tiptap+extension-heading@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-heading/dist/index.js
 var Heading = Node3.create({
   name: "heading",
   addOptions() {
@@ -25051,7 +25106,7 @@ var Heading = Node3.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-horizontal-rule@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-horizontal-rule/dist/index.js
+// node_modules/.bun/@tiptap+extension-horizontal-rule@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-horizontal-rule/dist/index.js
 var HorizontalRule = Node3.create({
   name: "horizontalRule",
   addOptions() {
@@ -25127,7 +25182,7 @@ var HorizontalRule = Node3.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-italic@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-italic/dist/index.js
+// node_modules/.bun/@tiptap+extension-italic@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-italic/dist/index.js
 var starInputRegex2 = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/;
 var starPasteRegex2 = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g;
 var underscoreInputRegex2 = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/;
@@ -25212,7 +25267,7 @@ var Italic = Mark2.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-list@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-list/dist/index.js
+// node_modules/.bun/@tiptap+extension-list@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-list/dist/index.js
 var __defProp3 = Object.defineProperty;
 var __export2 = (target, all) => {
   for (var name in all)
@@ -26033,6 +26088,7 @@ var TaskItem = Node3.create({
       Object.entries(HTMLAttributes).forEach(([key, value]) => {
         listItem.setAttribute(key, value);
       });
+      let prevRenderedAttributeKeys = new Set(Object.keys(HTMLAttributes));
       return {
         dom: listItem,
         contentDOM: content,
@@ -26043,6 +26099,31 @@ var TaskItem = Node3.create({
           listItem.dataset.checked = updatedNode.attrs.checked;
           checkbox.checked = updatedNode.attrs.checked;
           updateA11Y(updatedNode);
+          const extensionAttributes = editor.extensionManager.attributes;
+          const newHTMLAttributes = getRenderedAttributes(updatedNode, extensionAttributes);
+          const newKeys = new Set(Object.keys(newHTMLAttributes));
+          const staticAttrs = this.options.HTMLAttributes;
+          prevRenderedAttributeKeys.forEach((key) => {
+            if (!newKeys.has(key)) {
+              if (key in staticAttrs) {
+                listItem.setAttribute(key, staticAttrs[key]);
+              } else {
+                listItem.removeAttribute(key);
+              }
+            }
+          });
+          Object.entries(newHTMLAttributes).forEach(([key, value]) => {
+            if (value === null || value === undefined) {
+              if (key in staticAttrs) {
+                listItem.setAttribute(key, staticAttrs[key]);
+              } else {
+                listItem.removeAttribute(key);
+              }
+            } else {
+              listItem.setAttribute(key, value);
+            }
+          });
+          prevRenderedAttributeKeys = newKeys;
           return true;
         }
       };
@@ -26204,7 +26285,7 @@ var ListKit = Extension.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-paragraph@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-paragraph/dist/index.js
+// node_modules/.bun/@tiptap+extension-paragraph@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-paragraph/dist/index.js
 var Paragraph = Node3.create({
   name: "paragraph",
   priority: 1000,
@@ -26248,7 +26329,7 @@ var Paragraph = Node3.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-strike@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-strike/dist/index.js
+// node_modules/.bun/@tiptap+extension-strike@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-strike/dist/index.js
 var inputRegex5 = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/;
 var pasteRegex2 = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
 var Strike = Mark2.create({
@@ -26322,7 +26403,7 @@ var Strike = Mark2.create({
   }
 });
 
-// node_modules/.bun/@tiptap+extension-text@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-text/dist/index.js
+// node_modules/.bun/@tiptap+extension-text@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-text/dist/index.js
 var Text2 = Node3.create({
   name: "text",
   group: "inline",
@@ -26335,7 +26416,7 @@ var Text2 = Node3.create({
   renderMarkdown: (node) => node.text || ""
 });
 
-// node_modules/.bun/@tiptap+extension-underline@3.14.0+855f13b920abd4ed/node_modules/@tiptap/extension-underline/dist/index.js
+// node_modules/.bun/@tiptap+extension-underline@3.15.3+aa048d05049272a7/node_modules/@tiptap/extension-underline/dist/index.js
 var Underline = Mark2.create({
   name: "underline",
   addOptions() {
@@ -26406,7 +26487,7 @@ var Underline = Mark2.create({
   }
 });
 
-// node_modules/.bun/@tiptap+starter-kit@3.14.0/node_modules/@tiptap/starter-kit/dist/index.js
+// node_modules/.bun/@tiptap+starter-kit@3.15.3/node_modules/@tiptap/starter-kit/dist/index.js
 var StarterKit = Extension.create({
   name: "starterKit",
   addExtensions() {
@@ -38998,6 +39079,9 @@ class HastEmitter {
     return "";
   }
 }
+// src/hooks/useMarkdownEditor.ts
+import { useRef as useRef3 } from "react";
+
 // src/converters/JsonToMarkdownConverter.ts
 var log = createLogger("JsonToMarkdownConverter");
 
@@ -39226,7 +39310,7 @@ ${content.trim()}
 }
 var JsonToMarkdownConverter_default = JsonToMarkdownConverter;
 
-// node_modules/.bun/@tiptap+extension-code-block-lowlight@3.14.0+fb0c77bd32b0520e/node_modules/@tiptap/extension-code-block-lowlight/dist/index.js
+// node_modules/.bun/@tiptap+extension-code-block-lowlight@3.15.3+b67669a1d1743f75/node_modules/@tiptap/extension-code-block-lowlight/dist/index.js
 function parseNodes(nodes, className = []) {
   return nodes.flatMap((node) => {
     const classes = [...className, ...node.properties ? node.properties.className : []];
@@ -40406,37 +40490,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 +41286,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 +41297,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 +41636,7 @@ var useMarkdownEditor = ({
   handleTableContextMenu
 }) => {
   const lowlight = createLowlight(grammars);
+  const lastEmittedDocRef = useRef3(null);
   const editor = useEditor({
     enableContentCheck: false,
     emitContentError: true,
@@ -41598,39 +41713,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) {
+      if (onChange || onMarkdownChange) {
         try {
           const markdown2 = JsonToMarkdownConverter_default.convertToMarkdown(json2);
-          onChange(markdown2);
-        } catch (error) {
-          logger3.warn("⚠️ Markdown conversion failed in onUpdate:", error);
-        }
-      }
-      if (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 +42380,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 +42884,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 +42926,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 +43031,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 +43041,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 +43338,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 +43788,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 +43797,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 +44659,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 +44721,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 +44759,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 +44773,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 +44836,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 +45184,5 @@ export {
   CodeBlockNodeView
 };
 
-//# debugId=70312CAF74302EFC64756E2164756E21
+//# debugId=C55D38675362963664756E2164756E21
 //# sourceMappingURL=index.js.map