@shipstatic/drop 2.10.4-beta.5 → 2.10.4-beta.7

package/dist/index.cjs

@@ -1110,7 +1110,7 @@ var initialState = {
 };
 function useDrop({ ship }) {
   const [state, setState] = react.useState(initialState);
-  const isProcessingRef = react.useRef(false);
+  const runRef = react.useRef(null);
   const folderInputRef = react.useRef(null);
   const filesInputRef = react.useRef(null);
   const isProcessing = state.phase === "processing";
@@ -1123,12 +1123,13 @@ function useDrop({ ship }) {
   const getFilesForUpload = react.useCallback(() => validFiles.map((f) => f.file), [validFiles]);
   const processFiles2 = react.useCallback(
     async (newFiles) => {
-      if (isProcessingRef.current) {
+      if (runRef.current) {
         console.warn("File processing already in progress. Ignoring duplicate call.");
         return;
       }
       if (!newFiles || newFiles.length === 0) return;
-      isProcessingRef.current = true;
+      const run = new AbortController();
+      runRef.current = run;
       setState({
         ...initialState,
         phase: "processing",
@@ -1136,9 +1137,12 @@ function useDrop({ ship }) {
       });
       try {
         const outcome = await processFiles(newFiles, {
-          limits: await ship.getLimits(),
-          onStatus: (status) => setState((prev) => ({ ...prev, status }))
+          limits: await ship.getLimits({ signal: run.signal }),
+          onStatus: (status) => {
+            if (!run.signal.aborted) setState((prev) => ({ ...prev, status }));
+          }
         });
+        if (run.signal.aborted) return;
         setState({
           phase: outcome.phase,
           isDragging: false,
@@ -1147,15 +1151,26 @@ function useDrop({ ship }) {
           status: outcome.status,
           needsBuild: outcome.needsBuild
         });
+      } catch (error) {
+        if (run.signal.aborted) return;
+        setState({
+          ...initialState,
+          phase: "error",
+          status: {
+            title: "Processing Failed",
+            details: error instanceof Error ? error.message : String(error)
+          }
+        });
       } finally {
-        isProcessingRef.current = false;
+        if (runRef.current === run) runRef.current = null;
       }
     },
     [ship]
   );
   const reset = react.useCallback(() => {
+    runRef.current?.abort();
+    runRef.current = null;
     setState(initialState);
-    isProcessingRef.current = false;
   }, []);
   const handleDragOver = react.useCallback((e) => {
     e.preventDefault();