markdown-wysiwyg-editor 0.2.6 → 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() {
@@ -39229,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 : []];
@@ -45103,5 +45184,5 @@ export {
   CodeBlockNodeView
 };
 
-//# debugId=DBA70DA96E49F65164756E2164756E21
+//# debugId=C55D38675362963664756E2164756E21
 //# sourceMappingURL=index.js.map