@cyberyozh/text-editor 0.1.8 → 0.1.10

package/dist/editor.js

@@ -35,10 +35,10 @@ __export(editor_exports, {
 module.exports = __toCommonJS(editor_exports);
 
 // src/editor/editor.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_state6 = require("@tiptap/pm/state");
 var import_model = require("@tiptap/pm/model");
-var import_react37 = require("@tiptap/react");
+var import_react38 = require("@tiptap/react");
 var import_menus = require("@tiptap/react/menus");
 var import_github_dark = require("highlight.js/styles/github-dark.css");
 var import_katex_min = require("katex/dist/katex.min.css");
@@ -816,12 +816,8 @@ var BubbleMenuContent = ({ editor, onLinkClick }) => {
       editor.state.selection.$from.pos,
       editor.state.selection.$to.pos
     );
-    let linkUrl;
-    if (isLink) {
-      const link = editor.getAttributes("link");
-      linkUrl = link.href;
-    }
-    onLinkClick?.(selectedText, linkUrl);
+    const linkAttrs = editor.getAttributes("link");
+    onLinkClick?.({ title: selectedText, ...linkAttrs });
     openDialogCommand("link");
   };
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
@@ -1279,7 +1275,7 @@ var CalloutMenu = ({ isOpen, onClose, onColorSelect, editor, nodePos }) => {
                     const b = parseInt(bgColor.slice(5, 7), 16);
                     const brightness = (r * 299 + g * 587 + b * 114) / 1e3;
                     const textColor = brightness > 128 ? "#000000" : "#FFFFFF";
-                    editor.chain().setTextSelection({ from, to }).setColor(textColor).setNodeSelection(nodePos).updateAttributes("callout", { bgColor }).run();
+                    editor.chain().setTextSelection({ from, to }).setColor(textColor).setNodeSelection(nodePos).updateAttributes("callout", { bgColor }).updateAttributes("calloutTip", { bgColor }).updateAttributes("calloutAlert", { bgColor }).run();
                   }
                 }
               },
@@ -1313,7 +1309,7 @@ var DragHandle = ({ editor }) => {
       currentNodePosRef.current = pos;
       try {
         const node = editor.view.state.doc.nodeAt(pos);
-        const isCallout = node?.type.name === "callout";
+        const isCallout = node?.type.name === "callout" || node?.type.name === "calloutAlert" || node?.type.name === "calloutTip";
         setIsCalloutNode(isCallout);
         if (prevPos !== null && prevPos !== pos) {
           setShowCalloutMenu(false);
@@ -1341,7 +1337,7 @@ var DragHandle = ({ editor }) => {
       if (node) {
         const from = pos + 1;
         const to = pos + node.nodeSize - 1;
-        editor.chain().setTextSelection({ from, to }).setColor(textColor).setNodeSelection(pos).updateAttributes("callout", { bgColor }).run();
+        editor.chain().setTextSelection({ from, to }).setColor(textColor).setNodeSelection(pos).updateAttributes("callout", { bgColor }).updateAttributes("calloutTip", { bgColor }).updateAttributes("calloutAlert", { bgColor }).run();
       }
       setShowCalloutMenu(false);
     }
@@ -2010,7 +2006,8 @@ var ImageDialog = ({
         title: formState.title,
         caption: formState.caption,
         width: formState.width,
-        height: formState.height
+        height: formState.height,
+        storageKey: result.storageKey
       });
       handleClose();
     } finally {
@@ -2262,24 +2259,32 @@ var AddLinkDialog = ({
   open,
   onClose,
   onLinkAdd,
-  initialTitle = "",
-  initialUrl = ""
+  linkDialogContext
 }) => {
   const translations2 = useTiptapTranslations();
-  const [title, setTitle] = (0, import_react15.useState)(initialTitle);
-  const [url, setUrl] = (0, import_react15.useState)(initialUrl);
+  const initialLinkTarget = linkDialogContext?.target ? linkDialogContext.target === "_blank" : true;
+  const initialLinkRel = linkDialogContext?.rel ? linkDialogContext.rel?.includes("noopener") : true;
+  const [title, setTitle] = (0, import_react15.useState)(linkDialogContext?.title);
+  const [url, setUrl] = (0, import_react15.useState)(linkDialogContext?.href);
+  const [openInNewTab, setOpenInNewTab] = (0, import_react15.useState)(initialLinkTarget);
+  const [addNoopener, setAddNoopener] = (0, import_react15.useState)(initialLinkRel);
   const [error, setError] = (0, import_react15.useState)("");
   const titleInputRef = (0, import_react15.useRef)(null);
+  const clearDialogState = () => {
+    setTitle(linkDialogContext?.title);
+    setUrl(linkDialogContext?.href);
+    setOpenInNewTab(initialLinkTarget);
+    setAddNoopener(initialLinkRel);
+    setError("");
+  };
   (0, import_react15.useEffect)(() => {
     if (open) {
-      setTitle(initialTitle);
-      setUrl(initialUrl);
-      setError("");
+      clearDialogState();
       setTimeout(() => {
         titleInputRef.current?.focus();
       }, 0);
     }
-  }, [open, initialTitle, initialUrl]);
+  }, [open, linkDialogContext]);
   const validateUrl = (urlStr) => {
     if (!urlStr.trim()) {
       setError(translations2.link.emptyUrl);
@@ -2305,22 +2310,22 @@ var AddLinkDialog = ({
   };
   const handleSubmit = () => {
     setError("");
-    if (!title.trim()) {
+    if (!title?.trim()) {
       setError(translations2.link.titleError);
       return;
     }
-    if (!validateUrl(url)) {
+    if (!validateUrl(url ?? "")) {
       return;
     }
-    const hasProtocol = url.includes("://") || url.startsWith("mailto:") || url.startsWith("tel:");
+    const hasProtocol = url?.includes("://") || url?.startsWith("mailto:") || url?.startsWith("tel:");
     const finalUrl = hasProtocol ? url : `https://${url}`;
-    onLinkAdd(title, finalUrl);
+    const target = openInNewTab ? "_blank" : "_self";
+    const rel = addNoopener ? "noopener noreferrer nofollow" : null;
+    onLinkAdd({ title, href: finalUrl ?? "", target, rel });
     handleClose();
   };
   const handleClose = () => {
-    setTitle(initialTitle);
-    setUrl(initialUrl);
-    setError("");
+    clearDialogState();
     onClose();
   };
   const handleKeyDown = (e) => {
@@ -2335,7 +2340,7 @@ var AddLinkDialog = ({
       open,
       handleClose,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "link-dialog-title", children: initialUrl ? translations2.link.editLink : translations2.link.addLink }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "link-dialog-title", children: linkDialogContext?.href ? translations2.link.editLink : translations2.link.addLink }),
         /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("hr", { className: "link-dialog-divider" }),
         /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-content", children: [
           /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-form-group", children: [
@@ -2377,12 +2382,40 @@ var AddLinkDialog = ({
                 type: "text",
                 className: "link-dialog-input",
                 placeholder: translations2.link.urlPlaceholder,
-                value: url,
+                value: url ?? "",
                 onChange: (e) => setUrl(e.target.value),
                 onKeyDown: handleKeyDown
               }
             )
           ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("label", { className: "link-dialog-checkbox-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: openInNewTab,
+                  onChange: (e) => setOpenInNewTab(e.target.checked)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: translations2.link.openInNewTab })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "link-dialog-help-text", children: translations2.link.openInNewTabHelp })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("label", { className: "link-dialog-checkbox-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: addNoopener,
+                  onChange: (e) => setAddNoopener(e.target.checked)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: translations2.link.addNofollow })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "link-dialog-help-text", children: translations2.link.addNofollowHelp })
+          ] }),
           error && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "link-dialog-error", children: error })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-actions", children: [
@@ -2401,7 +2434,7 @@ var AddLinkDialog = ({
               className: "link-dialog-button-submit",
               onClick: handleSubmit,
               type: "button",
-              children: initialUrl ? translations2.link.editLink : translations2.link.addLink
+              children: linkDialogContext?.href ? translations2.link.editLink : translations2.link.addLink
             }
           )
         ] })
@@ -2624,7 +2657,7 @@ var import_extension_mathematics = require("@tiptap/extension-mathematics");
 var import_extension_table = require("@tiptap/extension-table");
 
 // src/extensions/editor/callout.ts
-var import_react28 = require("@tiptap/react");
+var import_react29 = require("@tiptap/react");
 
 // src/utils/handle-exit-node.ts
 var import_state = require("@tiptap/pm/state");
@@ -3248,6 +3281,13 @@ var BaseFigure = import_extension_image.default.extend({
       caption: {
         default: null,
         parseHTML: (element) => element.querySelector("figcaption")?.textContent || null
+      },
+      storageKey: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-storage-key"),
+        renderHTML: (attributes) => ({
+          "data-storage-key": attributes.storageKey
+        })
       }
     };
   },
@@ -3338,6 +3378,32 @@ var BaseLegacyBookAlert = import_core8.Node.create({
     return {
       type: {
         default: "error"
+      },
+      bgColor: {
+        default: null,
+        parseHTML: (element) => {
+          if (typeof element === "string") return null;
+          return element.getAttribute("data-bg-color");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.bgColor) return {};
+          return {
+            "data-bg-color": attributes.bgColor
+          };
+        }
+      },
+      emoji: {
+        default: null,
+        parseHTML: (element) => {
+          if (typeof element === "string") return null;
+          return element.getAttribute("data-emoji");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.emoji) return {};
+          return {
+            "data-emoji": attributes.emoji
+          };
+        }
       }
     };
   },
@@ -3367,6 +3433,32 @@ var BaseLegacyBookTip = import_core8.Node.create({
     return {
       type: {
         default: "info"
+      },
+      bgColor: {
+        default: null,
+        parseHTML: (element) => {
+          if (typeof element === "string") return null;
+          return element.getAttribute("data-bg-color");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.bgColor) return {};
+          return {
+            "data-bg-color": attributes.bgColor
+          };
+        }
+      },
+      emoji: {
+        default: null,
+        parseHTML: (element) => {
+          if (typeof element === "string") return null;
+          return element.getAttribute("data-emoji");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.emoji) return {};
+          return {
+            "data-emoji": attributes.emoji
+          };
+        }
       }
     };
   },
@@ -3700,8 +3792,8 @@ var BaseLegacyFigure = import_extension_image2.default.extend({
 });
 
 // src/extensions/views/node-views/callout.tsx
-var import_react19 = require("@tiptap/react");
-var import_react20 = require("react");
+var import_react20 = require("@tiptap/react");
+var import_react21 = require("react");
 
 // src/icons/color/TiptapCalloutError.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
@@ -4291,6 +4383,7 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0,
 ) });
 
 // src/extensions/views/components/table.tsx
+var import_react18 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/extensions/views/components/video.tsx
@@ -4326,13 +4419,13 @@ var Video = ({ src, children }) => {
 };
 
 // src/editor/controls/emoji-picker.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_emoji_picker_react = __toESM(require("emoji-picker-react"));
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
-  const pickerRef = (0, import_react18.useRef)(null);
+  const pickerRef = (0, import_react19.useRef)(null);
   const translations2 = useTiptapTranslations();
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (pickerRef.current && !pickerRef.current.contains(event.target)) {
         onClose();
@@ -4381,7 +4474,7 @@ var CalloutView = (props) => {
   const type = props.node.attrs.type || "info";
   const bgColor = props.node.attrs.bgColor;
   const emoji = props.node.attrs.emoji;
-  const [showEmojiPicker, setShowEmojiPicker] = (0, import_react20.useState)(false);
+  const [showEmojiPicker, setShowEmojiPicker] = (0, import_react21.useState)(false);
   const handleIconClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -4391,7 +4484,7 @@ var CalloutView = (props) => {
     props.updateAttributes({ emoji: newEmoji });
     setShowEmojiPicker(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react19.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react20.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     Callout,
     {
       type,
@@ -4416,89 +4509,89 @@ var CalloutView = (props) => {
           }
         )
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react19.NodeViewContent, { as: "div" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react20.NodeViewContent, { as: "div" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/code-block.tsx
-var import_react21 = require("react");
-var import_react22 = require("@tiptap/react");
+var import_react22 = require("react");
+var import_react23 = require("@tiptap/react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var CodeBlockView = (props) => {
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react21.useState)(props.node.attrs.language ?? "");
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react22.useState)(props.node.attrs.language ?? "");
   const translations2 = useTiptapTranslations();
   const handleLanguageChange = (language) => {
     props.updateAttributes({ language });
     setSelectedLanguage(language);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react22.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react23.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     CodeBlock,
     {
       language: selectedLanguage,
       isEditable: props.editor.isEditable,
       onLanguageChange: handleLanguageChange,
       translations: translations2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react22.NodeViewContent, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react23.NodeViewContent, {})
     }
   ) });
 };
 
 // src/extensions/views/node-views/copyable-text.tsx
-var import_react23 = require("@tiptap/react");
+var import_react24 = require("@tiptap/react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var CopyableTextView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CopyableText2, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react23.MarkViewContent, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CopyableText2, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.MarkViewContent, {}) });
 };
 
 // src/extensions/views/node-views/custom-quote.tsx
-var import_react24 = require("@tiptap/react");
+var import_react25 = require("@tiptap/react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var CustomQuoteView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomQuote, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, {}) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomQuote, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, {}) }) });
 };
 var CustomQuoteTextView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     CustomQuoteText,
     {
       isEmpty,
       placeholder: translations2.customQuote.textPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteAuthorView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     CustomQuoteAuthor,
     {
       isEmpty,
       placeholder: translations2.customQuote.authorPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteSignView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     CustomQuoteSign,
     {
       isEmpty,
       placeholder: translations2.customQuote.signPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/figure.tsx
-var import_react25 = require("@tiptap/react");
+var import_react26 = require("@tiptap/react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var FigureView = ({ node, getPos, editor }) => {
-  const { fileId, src, alt, title, caption, width, height } = node.attrs;
+  const { fileId, src, alt, title, caption, width, height, storageKey } = node.attrs;
   const imageExtension = editor.extensionManager.extensions.find((ext) => ext.name === "image");
   const getImageById = imageExtension?.options.getImageById;
   const onFigureClick = imageExtension?.options.onFigureClick;
@@ -4506,7 +4599,7 @@ var FigureView = ({ node, getPos, editor }) => {
     onFigureClick?.(node.attrs, getPos());
   };
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-    import_react25.NodeViewWrapper,
+    import_react26.NodeViewWrapper,
     {
       className: "figure-node-view",
       "data-drag-handle": true,
@@ -4530,40 +4623,40 @@ var FigureView = ({ node, getPos, editor }) => {
 };
 
 // src/extensions/views/node-views/prompt.tsx
-var import_react26 = require("@tiptap/react");
+var import_react27 = require("@tiptap/react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var PromptHeaderView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     PromptHeader,
     {
       isEmpty,
       placeholder: translations2.prompt.headerPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var PromptContentView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     PromptContent,
     {
       isEmpty,
       placeholder: translations2.prompt.contentPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/video.tsx
-var import_react27 = require("@tiptap/react");
+var import_react28 = require("@tiptap/react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var VideoView = (props) => {
   const { src } = props.node.attrs;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Video, { src, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-    import_react27.NodeViewContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react28.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Video, { src, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    import_react28.NodeViewContent,
     {
       as: "div",
       className: "video-content"
@@ -4574,66 +4667,66 @@ var VideoView = (props) => {
 // src/extensions/editor/callout.ts
 var Callout2 = BaseCallout.extend({
   addNodeView() {
-    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
   }
 });
 var LegacyBookAlert = BaseLegacyBookAlert.extend({
   addNodeView() {
-    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
   }
 });
 var LegacyBookTip = BaseLegacyBookTip.extend({
   addNodeView() {
-    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
   }
 });
 
 // src/extensions/editor/code-block.ts
-var import_react29 = require("@tiptap/react");
+var import_react30 = require("@tiptap/react");
 var CodeBlock2 = BaseCodeBlock.extend({
   addNodeView() {
-    return (0, import_react29.ReactNodeViewRenderer)(CodeBlockView);
+    return (0, import_react30.ReactNodeViewRenderer)(CodeBlockView);
   }
 });
 
 // src/extensions/editor/custom-quote.ts
-var import_react30 = require("@tiptap/react");
+var import_react31 = require("@tiptap/react");
 var CustomQuote2 = BaseCustomQuote.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteView);
   }
 });
 var CustomQuoteText2 = BaseCustomQuoteText.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteTextView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteTextView);
   }
 });
 var CustomQuoteAuthor2 = BaseCustomQuoteAuthor.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteAuthorView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteAuthorView);
   }
 });
 var CustomQuoteSign2 = BaseCustomQuoteSign.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteSignView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteSignView);
   }
 });
 var LegacySEQuote = BaseLegacySEQuote.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteView);
   }
 });
 
 // src/extensions/editor/video.ts
-var import_react31 = require("@tiptap/react");
+var import_react32 = require("@tiptap/react");
 var Video2 = BaseVideo.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(VideoView);
+    return (0, import_react32.ReactNodeViewRenderer)(VideoView);
   }
 });
 var LegacyYouTube = BaseLegacyYouTube.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(VideoView);
+    return (0, import_react32.ReactNodeViewRenderer)(VideoView);
   }
 });
 
@@ -5049,46 +5142,46 @@ function getSharedExtensions() {
 }
 
 // src/extensions/editor/copyable-text.ts
-var import_react32 = require("@tiptap/react");
+var import_react33 = require("@tiptap/react");
 var CopyableText3 = CopyableText.extend({
   addMarkView() {
-    return (0, import_react32.ReactMarkViewRenderer)(CopyableTextView);
+    return (0, import_react33.ReactMarkViewRenderer)(CopyableTextView);
   }
 });
 
 // src/extensions/editor/prompt.ts
-var import_react33 = require("@tiptap/react");
+var import_react34 = require("@tiptap/react");
 var PromptHeader2 = BasePromptHeader.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptHeaderView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptHeaderView);
   }
 });
 var PromptContent2 = BasePromptContent.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptContentView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptContentView);
   }
 });
 var LegacyPromptSEHeader = BaseLegacyPromptSEHeader.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptHeaderView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptHeaderView);
   }
 });
 var LegacyPromptSEContent = BaseLegacyPromptSEContent.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptContentView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptContentView);
   }
 });
 
 // src/extensions/editor/figure.ts
-var import_react34 = require("@tiptap/react");
+var import_react35 = require("@tiptap/react");
 var Figure2 = BaseFigure.extend({
   addNodeView() {
-    return (0, import_react34.ReactNodeViewRenderer)(FigureView);
+    return (0, import_react35.ReactNodeViewRenderer)(FigureView);
   }
 });
 var LegacyFigure = BaseLegacyFigure.extend({
   addNodeView() {
-    return (0, import_react34.ReactNodeViewRenderer)(FigureView);
+    return (0, import_react35.ReactNodeViewRenderer)(FigureView);
   }
 });
 
@@ -5188,7 +5281,6 @@ var createHandleImageAdd = (editor, closeDialogCommand, savedPos) => {
 };
 var createHandleImageEdit = (editor, closeDialogCommand, pos) => {
   return (attrs) => {
-    console.log("\u{1F440} ~ createHandleImageEdit ~ attrs:", attrs);
     if (!editor || pos === void 0) return;
     editor.chain().focus().setNodeSelection(pos).updateFigure(attrs).run();
     closeDialogCommand();
@@ -5214,30 +5306,30 @@ var createHandleVideoAdd = (editor, closeDialogCommand, savedPos) => {
     closeDialogCommand();
   };
 };
-var createHandleLinkAdd = (editor, closeDialogCommand, savedPos) => {
-  return (title, url) => {
-    if (!editor) return;
-    const hasSelection = !editor.state.selection.empty;
-    if (hasSelection) {
-      editor.chain().focus().command(({ tr, state }) => {
-        const { from, to } = state.selection;
-        tr.insertText(title, from, to);
-        tr.addMark(from, from + title.length, editor.schema.marks.link.create({ href: url }));
-        return true;
-      }).run();
-    } else {
-      const { state } = editor;
-      const insertPos = savedPos ?? state.selection.from;
-      editor.chain().focus().command(({ tr }) => {
-        const linkMark = editor.schema.marks.link.create({ href: url });
-        const textNode = editor.schema.text(title, [linkMark]);
-        tr.insert(insertPos, textNode);
-        tr.setSelection(import_state5.TextSelection.create(tr.doc, insertPos, insertPos + title.length));
-        return true;
-      }).run();
-    }
-    closeDialogCommand();
-  };
+var createHandleLinkAdd = (editor, closeDialogCommand, linkParams, savedPos) => {
+  if (!editor) return;
+  const hasSelection = !editor.state.selection.empty;
+  const titleLength = linkParams.title?.length ?? 0;
+  if (hasSelection) {
+    editor.chain().focus().command(({ tr, state }) => {
+      const { from, to } = state.selection;
+      tr.insertText(linkParams.title ?? "", from, to);
+      tr.addMark(from, from + titleLength, editor.schema.marks.link.create({ ...linkParams }));
+      return true;
+    }).run();
+  } else {
+    const { state } = editor;
+    const insertPos = savedPos ?? state.selection.from;
+    const titleLength2 = linkParams.title?.length ?? 0;
+    editor.chain().focus().command(({ tr }) => {
+      const linkMark = editor.schema.marks.link.create({ ...linkParams });
+      const textNode = editor.schema.text(linkParams.title ?? "", [linkMark]);
+      tr.insert(insertPos, textNode);
+      tr.setSelection(import_state5.TextSelection.create(tr.doc, insertPos, insertPos + titleLength2));
+      return true;
+    }).run();
+  }
+  closeDialogCommand();
 };
 var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
   return (latex, pos) => {
@@ -5261,7 +5353,7 @@ var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
 // src/editor/commands/suggestion.tsx
 var import_dom = require("@floating-ui/dom");
 var import_core17 = require("@tiptap/core");
-var import_react35 = require("@tiptap/react");
+var import_react36 = require("@tiptap/react");
 
 // src/editor/commands/items.ts
 var getCommandItems = (translations2, hasImageHandlers) => [
@@ -5594,7 +5686,7 @@ var createSuggestions = (translations2, hasImageHandlers) => ({
   render: () => {
     return {
       onStart: async (props) => {
-        component = new import_react35.ReactRenderer(CommandsList, {
+        component = new import_react36.ReactRenderer(CommandsList, {
           props,
           editor: props.editor
         });
@@ -5704,7 +5796,11 @@ var ru_default = {
     invalidUrl: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 URL",
     emptyUrl: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 URL \u0441\u0441\u044B\u043B\u043A\u0438",
     addLinkTitle: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0441\u044B\u043B\u043A\u0443",
-    removeLinkTitle: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0441\u044B\u043B\u043A\u0443"
+    removeLinkTitle: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0441\u044B\u043B\u043A\u0443",
+    openInNewTab: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043D\u043E\u0432\u043E\u0439 \u0432\u043A\u043B\u0430\u0434\u043A\u0435",
+    openInNewTabHelp: "\u0421\u0441\u044B\u043B\u043A\u0430 \u043E\u0442\u043A\u0440\u043E\u0435\u0442\u0441\u044F \u0432 \u043D\u043E\u0432\u043E\u043C \u043E\u043A\u043D\u0435 \u0438\u043B\u0438 \u0432\u043A\u043B\u0430\u0434\u043A\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430",
+    addNofollow: '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C rel="nofollow"',
+    addNofollowHelp: "\u0423\u043A\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u043F\u043E\u0438\u0441\u043A\u043E\u0432\u044B\u043C \u0441\u0438\u0441\u0442\u0435\u043C\u0430\u043C \u043D\u0435 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0442\u044C \u0441\u0441\u044B\u043B\u043A\u0443 \u043F\u0440\u0438 \u0440\u0430\u0441\u0447\u0435\u0442\u0435 \u0440\u0435\u0439\u0442\u0438\u043D\u0433\u0430 \u0438 \u0438\u043D\u0434\u0435\u043A\u0441\u0430\u0446\u0438\u0438 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B, \u043D\u0430 \u043A\u043E\u0442\u043E\u0440\u043E\u0439 \u043E\u043D\u0438 \u0440\u0430\u0437\u043C\u0435\u0449\u0435\u043D\u044B. \u0420\u0435\u043A\u043E\u043C\u0435\u043D\u0434\u0443\u0435\u0442\u0441\u044F \u043F\u0440\u0438\u043C\u0435\u043D\u044F\u0442\u044C \u043A\u043E \u0432\u0441\u0435\u043C \u0441\u0441\u044B\u043B\u043A\u0430\u043C \u043D\u0430 \u0441\u0442\u043E\u0440\u043E\u043D\u043D\u0438\u0435 \u0441\u0430\u0439\u0442\u044B."
   },
   lists: {
     bulletList: "\u041D\u0435\u043D\u0443\u043C\u0435\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A",
@@ -5864,7 +5960,11 @@ var en_default = {
     invalidUrl: "Invalid URL",
     emptyUrl: "Enter link URL",
     addLinkTitle: "Add link",
-    removeLinkTitle: "Remove link"
+    removeLinkTitle: "Remove link",
+    openInNewTab: "Open in new tab",
+    openInNewTabHelp: "Link will open in a new browser window or tab",
+    addNofollow: 'Add rel="nofollow"',
+    addNofollowHelp: "Tells search engines not to count this link when calculating page rankings and indexing. Recommended for all external links."
   },
   lists: {
     bulletList: "Bullet list",
@@ -6009,12 +6109,12 @@ function TiptapContent({
   lang,
   error
 }) {
-  const [linkDialogContext, setLinkDialogContext] = (0, import_react36.useState)(null);
-  const [katexDialogContext, setKatexDialogContext] = (0, import_react36.useState)(
+  const [linkDialogContext, setLinkDialogContext] = (0, import_react37.useState)(null);
+  const [katexDialogContext, setKatexDialogContext] = (0, import_react37.useState)(
     null
   );
-  const [editFigureContext, setEditFigureContext] = (0, import_react36.useState)(null);
-  const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react36.useState)(void 0);
+  const [editFigureContext, setEditFigureContext] = (0, import_react37.useState)(null);
+  const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react37.useState)(void 0);
   const { activeDialog, closeDialogCommand, openDialogCommand } = useDialogCommand();
   const translations2 = useTiptapTranslations();
   let safeContent;
@@ -6023,7 +6123,7 @@ function TiptapContent({
   } catch {
     safeContent = { type: "doc", content: [{ type: "paragraph" }] };
   }
-  const editor = (0, import_react37.useEditor)(
+  const editor = (0, import_react38.useEditor)(
     {
       editable: isEditable && !isDisabled,
       extensions: getEditorExtensions({
@@ -6060,11 +6160,12 @@ function TiptapContent({
           return false;
         }
       },
+      onCreate: ({ editor: editor2 }) => handleChange?.(editor2.getJSON()),
       onBlur: ({ editor: editor2 }) => handleChange?.(editor2.getJSON())
     },
     [lang]
   );
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (activeDialog && editor && !editor.isDestroyed) {
       const pos = editor.state.selection.from;
       setSavedDialogCursorPos(pos);
@@ -6084,14 +6185,14 @@ function TiptapContent({
   const handleVideoAdd = (url) => {
     createHandleVideoAdd(editor, handleCloseDialog, savedDialogCursorPos)(url);
   };
-  const handleLinkAdd = (title, url) => {
-    createHandleLinkAdd(editor, handleCloseDialog, savedDialogCursorPos)(title, url);
+  const handleLinkAdd = (params) => {
+    createHandleLinkAdd(editor, handleCloseDialog, params, savedDialogCursorPos);
   };
   const handleKatexAdd = (latex) => {
     const katexHandler = createHandleKatexAdd(editor, handleCloseDialog, savedDialogCursorPos);
     katexHandler(latex, katexDialogContext?.pos);
   };
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!editor || editor.isDestroyed) return;
     editor.commands.setContent(safeContent, {
       emitUpdate: false
@@ -6123,7 +6224,7 @@ function TiptapContent({
           BubbleMenuContent,
           {
             editor,
-            onLinkClick: (selectedText, url) => setLinkDialogContext({ selectedText, url })
+            onLinkClick: (params) => setLinkDialogContext(params)
           }
         )
       }
@@ -6133,7 +6234,7 @@ function TiptapContent({
       {
         className: `tiptap-content-wrapper ${!!error ? "has-error" : ""} ${isDisabled ? "is-disabled" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react37.EditorContent, { editor }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react38.EditorContent, { editor }),
           isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CharacterCount, { editor })
         ]
       }
@@ -6159,8 +6260,7 @@ function TiptapContent({
           open: true,
           onClose: handleCloseDialog,
           onLinkAdd: handleLinkAdd,
-          initialTitle: linkDialogContext?.selectedText || "",
-          initialUrl: linkDialogContext?.url || ""
+          linkDialogContext
         }
       ),
       activeDialog === "video" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(