@cyberyozh/text-editor 0.2.1 → 0.2.2

package/dist/editor.js

@@ -37,7 +37,7 @@ module.exports = __toCommonJS(editor_exports);
 
 // src/editor/editor.tsx
 var import_react37 = require("react");
-var import_state6 = require("@tiptap/pm/state");
+var import_state7 = require("@tiptap/pm/state");
 var import_model2 = require("@tiptap/pm/model");
 var import_react38 = require("@tiptap/react");
 var import_menus = require("@tiptap/react/menus");
@@ -2058,7 +2058,6 @@ var ImageDialog = ({
     setIsUploading(true);
     try {
       const result = await uploadHandler(formState.file);
-      console.log("\u{1F440} ~ handleAddImage ~ result:", result);
       onImageAdd({
         fileId: result.fileId,
         src: result.fileUrl,
@@ -3138,6 +3137,7 @@ var BaseCustomQuoteSign = import_core3.Node.create({
 // src/extensions/base/link.ts
 var import_extension_link = __toESM(require("@tiptap/extension-link"));
 var import_core4 = require("@tiptap/core");
+var import_state3 = require("@tiptap/pm/state");
 
 // node_modules/linkifyjs/dist/linkify.mjs
 var encodedTlds = "aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2odyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3nd0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rck0msd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0axi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5m\xF6gensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2oodside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2";
@@ -4316,6 +4316,23 @@ var LinkExtension = import_extension_link.default.extend({
         }
       })
     ];
+  },
+  addProseMirrorPlugins() {
+    return [
+      ...this.parent?.() ?? [],
+      new import_state3.Plugin({
+        props: {
+          handleClick: (view, pos) => {
+            if (!view.editable) return false;
+            const range = (0, import_core4.getMarkRange)(view.state.doc.resolve(pos), this.type);
+            if (!range) return false;
+            const selection = import_state3.TextSelection.create(view.state.doc, range.from, range.to);
+            view.dispatch(view.state.tr.setSelection(selection));
+            return true;
+          }
+        }
+      })
+    ];
   }
 }).configure({
   openOnClick: false,
@@ -4362,7 +4379,7 @@ var BaseMythReality = import_core5.Node.create({
 
 // src/extensions/base/prompt.ts
 var import_core6 = require("@tiptap/core");
-var import_state3 = require("@tiptap/pm/state");
+var import_state4 = require("@tiptap/pm/state");
 var BasePrompt = import_core6.Node.create({
   name: "prompt",
   group: "block",
@@ -4394,7 +4411,7 @@ var BasePrompt = import_core6.Node.create({
         const paragraphNode = schema.nodes.paragraph.createAndFill();
         if (!paragraphNode) return false;
         tr2.insert(posAfter, paragraphNode);
-        tr2.setSelection(import_state3.TextSelection.create(tr2.doc, posAfter + 1));
+        tr2.setSelection(import_state4.TextSelection.create(tr2.doc, posAfter + 1));
         view.dispatch(tr2);
         return true;
       }
@@ -4636,7 +4653,7 @@ var BaseFigure = import_extension_image.default.extend({
 
 // src/extensions/base/compatibility.ts
 var import_core9 = require("@tiptap/core");
-var import_state4 = require("@tiptap/pm/state");
+var import_state5 = require("@tiptap/pm/state");
 var import_extension_image2 = __toESM(require("@tiptap/extension-image"));
 var BaseLegacyBookAlert = import_core9.Node.create({
   name: "calloutAlert",
@@ -4780,7 +4797,7 @@ var BaseLegacySEQuote = import_core9.Node.create({
         const paragraphNode = schema.nodes.paragraph.createAndFill();
         if (!paragraphNode) return false;
         tr2.insert(posAfter, paragraphNode);
-        tr2.setSelection(import_state4.TextSelection.create(tr2.doc, posAfter + 1));
+        tr2.setSelection(import_state5.TextSelection.create(tr2.doc, posAfter + 1));
         view.dispatch(tr2);
         return true;
       }
@@ -4828,7 +4845,7 @@ var BaseLegacyPromptSE = import_core9.Node.create({
         const paragraphNode = schema.nodes.paragraph.createAndFill();
         if (!paragraphNode) return false;
         tr2.insert(posAfter, paragraphNode);
-        tr2.setSelection(import_state4.TextSelection.create(tr2.doc, posAfter + 1));
+        tr2.setSelection(import_state5.TextSelection.create(tr2.doc, posAfter + 1));
         view.dispatch(tr2);
         return true;
       }
@@ -6686,7 +6703,7 @@ function getEditorExtensions(options) {
 }
 
 // src/editor/handlers/dialog-handlers.ts
-var import_state5 = require("@tiptap/pm/state");
+var import_state6 = require("@tiptap/pm/state");
 var createHandleImageAdd = (editor, closeDialogCommand, savedPos) => {
   return (attrs) => {
     if (!editor) return;
@@ -6697,10 +6714,10 @@ var createHandleImageAdd = (editor, closeDialogCommand, savedPos) => {
       const imageNode = state2.schema.nodes.image.create({ ...attrs });
       if ($pos.parent.type.name === "paragraph" && $pos.parent.textContent === "") {
         tr2.replaceWith($pos.before(), $pos.after(), imageNode);
-        tr2.setSelection(import_state5.TextSelection.near(tr2.doc.resolve($pos.before())));
+        tr2.setSelection(import_state6.TextSelection.near(tr2.doc.resolve($pos.before())));
       } else {
         tr2.insert(insertPos, imageNode);
-        tr2.setSelection(import_state5.TextSelection.near(tr2.doc.resolve(insertPos)));
+        tr2.setSelection(import_state6.TextSelection.near(tr2.doc.resolve(insertPos)));
       }
       return true;
     }).run();
@@ -6724,40 +6741,29 @@ var createHandleVideoAdd = (editor, closeDialogCommand, savedPos) => {
       const videoNode = state2.schema.nodes.video.create({ src: url });
       if ($pos.parent.type.name === "paragraph" && $pos.parent.textContent === "") {
         tr2.replaceWith($pos.before(), $pos.after(), videoNode);
-        tr2.setSelection(import_state5.TextSelection.near(tr2.doc.resolve($pos.before())));
+        tr2.setSelection(import_state6.TextSelection.near(tr2.doc.resolve($pos.before())));
       } else {
         tr2.insert(insertPos, videoNode);
-        tr2.setSelection(import_state5.TextSelection.near(tr2.doc.resolve(insertPos)));
+        tr2.setSelection(import_state6.TextSelection.near(tr2.doc.resolve(insertPos)));
       }
       return true;
     }).run();
     closeDialogCommand();
   };
 };
-var createHandleLinkAdd = (editor, closeDialogCommand, linkParams, savedPos) => {
+var createHandleLinkAdd = (editor, closeDialogCommand, linkParams, savedRange) => {
   if (!editor) return;
-  const hasSelection = !editor.state.selection.empty;
-  const titleLength = linkParams.title?.length ?? 0;
-  if (hasSelection) {
-    editor.chain().focus().command(({ tr: tr2, state }) => {
-      const { from, to } = state.selection;
-      tr2.insertText(linkParams.title ?? "", from, to);
-      tr2.removeMark(from, from + titleLength);
-      tr2.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: tr2 }) => {
-      const linkMark = editor.schema.marks.link.create({ ...linkParams });
-      const textNode = editor.schema.text(linkParams.title ?? "", [linkMark]);
-      tr2.insert(insertPos, textNode);
-      tr2.setSelection(import_state5.TextSelection.create(tr2.doc, insertPos, insertPos + titleLength2));
-      return true;
-    }).run();
-  }
+  const title = linkParams.title ?? "";
+  const titleLength = title.length;
+  const from = savedRange?.from ?? editor.state.selection.from;
+  const to = savedRange?.to ?? editor.state.selection.to;
+  editor.chain().focus().command(({ tr: tr2 }) => {
+    tr2.insertText(title, from, to);
+    tr2.removeMark(from, from + titleLength);
+    tr2.addMark(from, from + titleLength, editor.schema.marks.link.create({ ...linkParams }));
+    tr2.setSelection(import_state6.TextSelection.create(tr2.doc, from, from + titleLength));
+    return true;
+  }).run();
   closeDialogCommand();
 };
 var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
@@ -6771,7 +6777,7 @@ var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
       editor.chain().focus().command(({ tr: tr2, state: state2 }) => {
         const inlineMathNode = state2.schema.nodes.inlineMath.create({ latex });
         tr2.insert(insertPos, inlineMathNode);
-        tr2.setSelection(import_state5.TextSelection.near(tr2.doc.resolve(insertPos)));
+        tr2.setSelection(import_state6.TextSelection.near(tr2.doc.resolve(insertPos)));
         return true;
       }).run();
     }
@@ -6808,6 +6814,31 @@ function collectFragmentChildren(fragment, stack) {
   }
 }
 
+// src/editor/handlers/markup-insertion.ts
+function collectRehostableImages(slice) {
+  const imagesToNodes = [];
+  prosemirrorIterator(slice, (node) => {
+    if (node.type.name === "image" && !node.attrs.fileId) {
+      try {
+        const url = new URL(node.attrs.src).toString();
+        imagesToNodes.push([url, node]);
+      } catch {
+      }
+    }
+  });
+  return imagesToNodes;
+}
+function applyUploadResultsToNodes(imagesToNodes, results) {
+  results.forEach((result, index) => {
+    if (!result) return;
+    const node = imagesToNodes[index]?.[1];
+    if (!node) return;
+    node.attrs.src = result.fileUrl ?? null;
+    node.attrs.fileId = result.fileId;
+    node.attrs.storageKey = result.storageKey;
+  });
+}
+
 // src/editor/handlers/insertion-handlers.ts
 function useInsertionHandlers() {
   const [insertedImage, setInsertedImage] = (0, import_react35.useState)(null);
@@ -6846,24 +6877,10 @@ function useInsertionHandlers() {
       hasMarkupInsertion = true;
     }
     if (hasMarkupInsertion) {
-      const imagesToNodes = [];
+      const imagesToNodes = collectRehostableImages(slice);
       setDisabled(true);
-      prosemirrorIterator(slice, (node) => {
-        if (node.type.name === "image" && !node.attrs.fileId) {
-          try {
-            const url = new URL(node.attrs.src).toString();
-            imagesToNodes.push([url, node]);
-          } catch {
-          }
-        }
-      });
       uploadMultipleByURL(imagesToNodes.map(([url]) => url)).then((results) => {
-        results.forEach((result, index) => {
-          const node = imagesToNodes[index][1];
-          node.attrs.src = null;
-          node.attrs.fileId = result?.fileId;
-          node.attrs.storageKey = result?.storageKey;
-        });
+        applyUploadResultsToNodes(imagesToNodes, results);
         view.dispatch(view.state.tr.replaceSelection(slice));
       }).finally(() => {
         setDisabled(false);
@@ -7644,6 +7661,9 @@ function TiptapContent({
   );
   const [editFigureContext, setEditFigureContext] = (0, import_react37.useState)(null);
   const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react37.useState)(void 0);
+  const [savedDialogRange, setSavedDialogRange] = (0, import_react37.useState)(
+    void 0
+  );
   const { activeDialog, closeDialogCommand, openDialogCommand } = useDialogCommand();
   const translations2 = useTiptapTranslations();
   const [isDisabledInternal, setIsDisabledInternal] = (0, import_react37.useState)(isDisabled);
@@ -7728,8 +7748,9 @@ function TiptapContent({
   );
   (0, import_react37.useEffect)(() => {
     if (activeDialog && editor && !editor.isDestroyed) {
-      const pos = editor.state.selection.from;
-      setSavedDialogCursorPos(pos);
+      const { from, to } = editor.state.selection;
+      setSavedDialogCursorPos(from);
+      setSavedDialogRange({ from, to });
     }
   }, [activeDialog, editor]);
   const handleCloseDialog = () => {
@@ -7737,6 +7758,7 @@ function TiptapContent({
     setKatexDialogContext(null);
     setEditFigureContext(null);
     setSavedDialogCursorPos(void 0);
+    setSavedDialogRange(void 0);
     closeDialogCommand();
   };
   const handleImageAdd = (attrs) => {
@@ -7747,7 +7769,7 @@ function TiptapContent({
     createHandleVideoAdd(editor, handleCloseDialog, savedDialogCursorPos)(url);
   };
   const handleLinkAdd = (params) => {
-    createHandleLinkAdd(editor, handleCloseDialog, params, savedDialogCursorPos);
+    createHandleLinkAdd(editor, handleCloseDialog, params, savedDialogRange);
   };
   const handleKatexAdd = (latex) => {
     const katexHandler = createHandleKatexAdd(editor, handleCloseDialog, savedDialogCursorPos);
@@ -7760,7 +7782,7 @@ function TiptapContent({
     });
   }, [content, editor]);
   const shouldBubbleMenuShow = ({ state }) => {
-    if (state.selection instanceof import_state6.NodeSelection) {
+    if (state.selection instanceof import_state7.NodeSelection) {
       return false;
     }
     if (state.selection.empty) {