@cyberyozh/text-editor 0.2.2 → 0.3.1

package/dist/editor.js

@@ -38,7 +38,7 @@ module.exports = __toCommonJS(editor_exports);
 // src/editor/editor.tsx
 var import_react37 = require("react");
 var import_state7 = require("@tiptap/pm/state");
-var import_model2 = require("@tiptap/pm/model");
+var import_model3 = require("@tiptap/pm/model");
 var import_react38 = require("@tiptap/react");
 var import_menus = require("@tiptap/react/menus");
 var import_github_dark = require("highlight.js/styles/github-dark.css");
@@ -6788,6 +6788,9 @@ var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
 // src/editor/handlers/insertion-handlers.ts
 var import_react35 = require("react");
 
+// src/editor/handlers/markup-insertion.ts
+var import_model2 = require("@tiptap/pm/model");
+
 // src/utils/prosemirror-iterator.ts
 var import_model = require("@tiptap/pm/model");
 function prosemirrorIterator(slice, cb) {
@@ -6828,6 +6831,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 import_model2.Fragment.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 import_model2.Slice(
+    newContent,
+    validOpenDepth(newContent, slice.openStart),
+    validOpenDepth(newContent, slice.openEnd, true)
+  );
+}
 function applyUploadResultsToNodes(imagesToNodes, results) {
   results.forEach((result, index) => {
     if (!result) return;
@@ -6840,7 +6871,7 @@ function applyUploadResultsToNodes(imagesToNodes, results) {
 }
 
 // src/editor/handlers/insertion-handlers.ts
-function useInsertionHandlers() {
+function useInsertionHandlers(imageHandlers) {
   const [insertedImage, setInsertedImage] = (0, import_react35.useState)(null);
   const { activeDialog, openDialogCommand } = useDialogCommand();
   (0, import_react35.useEffect)(() => {
@@ -6852,6 +6883,7 @@ function useInsertionHandlers() {
     if (!file || !file.type.startsWith("image/")) return;
     event.preventDefault();
     event.stopPropagation();
+    if (!imageHandlers?.upload) return;
     setInsertedImage(file);
     openDialogCommand("image");
   }
@@ -6863,8 +6895,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"
@@ -6877,14 +6908,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;
     }
   }
@@ -7679,7 +7714,7 @@ function TiptapContent({
     onPaste,
     onDrop,
     onMarkupInsertion
-  } = useInsertionHandlers();
+  } = useInsertionHandlers(imageHandlers);
   const editor = (0, import_react38.useEditor)(
     {
       editable: isEditable && !disabled,
@@ -7710,8 +7745,7 @@ function TiptapContent({
             view,
             event,
             slice,
-            setIsDisabledInternal,
-            imageHandlers?.uploadMultipleByURL
+            setIsDisabledInternal
           );
           if (typeof toReturn === "boolean") return toReturn;
           return false;
@@ -7721,8 +7755,7 @@ function TiptapContent({
             view,
             event,
             slice,
-            setIsDisabledInternal,
-            imageHandlers?.uploadMultipleByURL
+            setIsDisabledInternal
           );
           if (typeof toReturn === "boolean") return toReturn;
           try {
@@ -7731,7 +7764,7 @@ function TiptapContent({
             const json = JSON.parse(text);
             if (json.type === "doc" && json.content) {
               const node = view.state.schema.nodeFromJSON(json);
-              const newSlice = new import_model2.Slice(node.content, 0, 0);
+              const newSlice = new import_model3.Slice(node.content, 0, 0);
               view.dispatch(view.state.tr.replaceSelection(newSlice));
               return true;
             }