@cyberyozh/text-editor 0.2.2 → 0.3.1

package/dist/editor.mjs

@@ -1,7 +1,7 @@
 // src/editor/editor.tsx
 import { useState as useState13, useEffect as useEffect11 } from "react";
 import { NodeSelection } from "@tiptap/pm/state";
-import { Slice as Slice2 } from "@tiptap/pm/model";
+import { Slice as Slice3 } from "@tiptap/pm/model";
 import { useEditor, EditorContent } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import "highlight.js/styles/github-dark.css";
@@ -6751,6 +6751,9 @@ var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
 // src/editor/handlers/insertion-handlers.ts
 import { useEffect as useEffect10, useState as useState12 } from "react";
 
+// src/editor/handlers/markup-insertion.ts
+import { Fragment as Fragment4, Slice as Slice2 } from "@tiptap/pm/model";
+
 // src/utils/prosemirror-iterator.ts
 import { Fragment as Fragment3, Slice } from "@tiptap/pm/model";
 function prosemirrorIterator(slice, cb) {
@@ -6791,6 +6794,34 @@ function collectRehostableImages(slice) {
   });
   return imagesToNodes;
 }
+function removeImagesFromFragment(fragment) {
+  const newNodes = [];
+  fragment.forEach((node) => {
+    if (node.type.name === "image" && !node.attrs.fileId) return;
+    newNodes.push(node.childCount > 0 ? node.copy(removeImagesFromFragment(node.content)) : node);
+  });
+  return Fragment4.from(newNodes);
+}
+function validOpenDepth(fragment, requestedDepth, fromEnd = false) {
+  let depth = 0;
+  let current = fragment;
+  while (depth < requestedDepth) {
+    if (current.childCount === 0) break;
+    const node = fromEnd ? current.lastChild : current.firstChild;
+    if (node.isLeaf) break;
+    current = node.content;
+    depth++;
+  }
+  return depth;
+}
+function removeImagesFromSlice(slice) {
+  const newContent = removeImagesFromFragment(slice.content);
+  return new Slice2(
+    newContent,
+    validOpenDepth(newContent, slice.openStart),
+    validOpenDepth(newContent, slice.openEnd, true)
+  );
+}
 function applyUploadResultsToNodes(imagesToNodes, results) {
   results.forEach((result, index) => {
     if (!result) return;
@@ -6803,7 +6834,7 @@ function applyUploadResultsToNodes(imagesToNodes, results) {
 }
 
 // src/editor/handlers/insertion-handlers.ts
-function useInsertionHandlers() {
+function useInsertionHandlers(imageHandlers) {
   const [insertedImage, setInsertedImage] = useState12(null);
   const { activeDialog, openDialogCommand } = useDialogCommand();
   useEffect10(() => {
@@ -6815,6 +6846,7 @@ function useInsertionHandlers() {
     if (!file || !file.type.startsWith("image/")) return;
     event.preventDefault();
     event.stopPropagation();
+    if (!imageHandlers?.upload) return;
     setInsertedImage(file);
     openDialogCommand("image");
   }
@@ -6826,8 +6858,7 @@ function useInsertionHandlers() {
     const file = event.dataTransfer?.files?.[0];
     genericInsertionHandler(file, event);
   }
-  function onMarkupInsertion(view, event, slice, setDisabled, uploadMultipleByURL) {
-    if (!uploadMultipleByURL) return;
+  function onMarkupInsertion(view, event, slice, setDisabled) {
     let hasMarkupInsertion = false;
     if ("clipboardData" in event && Array.from(event.clipboardData?.items ?? []).some(
       (item) => item.type === "text/html"
@@ -6840,14 +6871,18 @@ function useInsertionHandlers() {
       hasMarkupInsertion = true;
     }
     if (hasMarkupInsertion) {
-      const imagesToNodes = collectRehostableImages(slice);
-      setDisabled(true);
-      uploadMultipleByURL(imagesToNodes.map(([url]) => url)).then((results) => {
-        applyUploadResultsToNodes(imagesToNodes, results);
-        view.dispatch(view.state.tr.replaceSelection(slice));
-      }).finally(() => {
-        setDisabled(false);
-      });
+      if (imageHandlers?.uploadMultipleByURL) {
+        setDisabled(true);
+        const imagesToNodes = collectRehostableImages(slice);
+        imageHandlers.uploadMultipleByURL(imagesToNodes.map(([url]) => url)).then((results) => {
+          applyUploadResultsToNodes(imagesToNodes, results);
+          view.dispatch(view.state.tr.replaceSelection(slice));
+        }).finally(() => {
+          setDisabled(false);
+        });
+      } else {
+        view.dispatch(view.state.tr.replaceSelection(removeImagesFromSlice(slice)));
+      }
       return true;
     }
   }
@@ -7608,7 +7643,7 @@ function getTranslations(lang) {
 }
 
 // src/editor/editor.tsx
-import { Fragment as Fragment4, jsx as jsx92, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx92, jsxs as jsxs35 } from "react/jsx-runtime";
 function TiptapContent({
   content,
   handleChange,
@@ -7642,7 +7677,7 @@ function TiptapContent({
     onPaste,
     onDrop,
     onMarkupInsertion
-  } = useInsertionHandlers();
+  } = useInsertionHandlers(imageHandlers);
   const editor = useEditor(
     {
       editable: isEditable && !disabled,
@@ -7673,8 +7708,7 @@ function TiptapContent({
             view,
             event,
             slice,
-            setIsDisabledInternal,
-            imageHandlers?.uploadMultipleByURL
+            setIsDisabledInternal
           );
           if (typeof toReturn === "boolean") return toReturn;
           return false;
@@ -7684,8 +7718,7 @@ function TiptapContent({
             view,
             event,
             slice,
-            setIsDisabledInternal,
-            imageHandlers?.uploadMultipleByURL
+            setIsDisabledInternal
           );
           if (typeof toReturn === "boolean") return toReturn;
           try {
@@ -7694,7 +7727,7 @@ function TiptapContent({
             const json = JSON.parse(text);
             if (json.type === "doc" && json.content) {
               const node = view.state.schema.nodeFromJSON(json);
-              const newSlice = new Slice2(node.content, 0, 0);
+              const newSlice = new Slice3(node.content, 0, 0);
               view.dispatch(view.state.tr.replaceSelection(newSlice));
               return true;
             }
@@ -7757,7 +7790,7 @@ function TiptapContent({
     return true;
   };
   if (!editor) return null;
-  return /* @__PURE__ */ jsxs35(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs35(Fragment5, { children: [
     /* @__PURE__ */ jsx92(DragHandle, { editor }),
     isEditable && !disabled && /* @__PURE__ */ jsx92(TableMenu, { editor }),
     isEditable && !disabled && /* @__PURE__ */ jsx92(
@@ -7786,7 +7819,7 @@ function TiptapContent({
       }
     ),
     !!error && /* @__PURE__ */ jsx92("p", { className: "tiptap-error-message", children: error }),
-    isEditable && /* @__PURE__ */ jsxs35(Fragment4, { children: [
+    isEditable && /* @__PURE__ */ jsxs35(Fragment5, { children: [
       activeDialog === "image" && /* @__PURE__ */ jsx92(
         ImageDialog,
         {