@uploadista/react 0.0.13 → 0.0.14

package/src/hooks/use-upload.ts

@@ -1,30 +1,16 @@
-import type {
-  BrowserUploadInput,
-  ChunkMetrics,
-  PerformanceInsights,
-  UploadistaEvent,
-  UploadSessionMetrics,
-} from "@uploadista/client-browser";
+import type { BrowserUploadInput } from "@uploadista/client-browser";
+import type { UploadMetrics, UploadOptions } from "@uploadista/client-core";
+import {
+  UploadManager,
+  type UploadState,
+  type UploadStatus,
+} from "@uploadista/client-core";
 import type { UploadFile } from "@uploadista/core/types";
-import { UploadEventType } from "@uploadista/core/types";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useUploadistaContext } from "../components/uploadista-provider";
 
-export type UploadStatus =
-  | "idle"
-  | "uploading"
-  | "success"
-  | "error"
-  | "aborted";
-
-export interface UploadState {
-  status: UploadStatus;
-  progress: number;
-  bytesUploaded: number;
-  totalBytes: number | null;
-  error: Error | null;
-  result: UploadFile | null;
-}
+// Re-export types from core for convenience
+export type { UploadState, UploadStatus };
 
 export interface UseUploadOptions {
   /**
@@ -44,15 +30,23 @@ export interface UseUploadOptions {
 
   /**
    * Called when upload progress updates
+   *
+   * @param uploadId - The unique identifier for this upload
+   * @param bytesUploaded - Number of bytes uploaded
+   * @param totalBytes - Total bytes to upload, null if unknown
    */
   onProgress?: (
-    progress: number,
+    uploadId: string,
     bytesUploaded: number,
     totalBytes: number | null,
   ) => void;
 
   /**
    * Called when a chunk completes
+   *
+   * @param chunkSize - Size of the completed chunk
+   * @param bytesAccepted - Total bytes accepted so far
+   * @param bytesTotal - Total bytes to upload, null if unknown
    */
   onChunkComplete?: (
     chunkSize: number,
@@ -62,11 +56,15 @@ export interface UseUploadOptions {
 
   /**
    * Called when upload succeeds
+   *
+   * @param result - The uploaded file result
    */
   onSuccess?: (result: UploadFile) => void;
 
   /**
    * Called when upload fails
+   *
+   * @param error - The error that caused the failure
    */
   onError?: (error: Error) => void;
 
@@ -77,41 +75,14 @@ export interface UseUploadOptions {
 
   /**
    * Custom retry logic
+   *
+   * @param error - The error that triggered the retry check
+   * @param retryAttempt - The current retry attempt number
+   * @returns true to retry, false to fail
    */
   onShouldRetry?: (error: Error, retryAttempt: number) => boolean;
 }
 
-export interface UploadMetrics {
-  /**
-   * Get performance insights from the upload client
-   */
-  getInsights: () => PerformanceInsights;
-
-  /**
-   * Export detailed metrics from the upload client
-   */
-  exportMetrics: () => {
-    session: Partial<UploadSessionMetrics>;
-    chunks: ChunkMetrics[];
-    insights: PerformanceInsights;
-  };
-
-  /**
-   * Get current network metrics
-   */
-  getNetworkMetrics: () => unknown;
-
-  /**
-   * Get current network condition
-   */
-  getNetworkCondition: () => unknown;
-
-  /**
-   * Reset all metrics
-   */
-  resetMetrics: () => void;
-}
-
 export interface UseUploadReturn {
   /**
    * Current upload state
@@ -154,15 +125,6 @@ export interface UseUploadReturn {
   metrics: UploadMetrics;
 }
 
-const initialState: UploadState = {
-  status: "idle",
-  progress: 0,
-  bytesUploaded: 0,
-  totalBytes: null,
-  error: null,
-  result: null,
-};
-
 /**
  * React hook for managing individual file uploads with full state management.
  * Provides upload progress tracking, error handling, abort functionality, and retry logic.
@@ -178,7 +140,10 @@ const initialState: UploadState = {
  *   const upload = useUpload({
  *     onSuccess: (result) => console.log('Upload complete:', result),
  *     onError: (error) => console.error('Upload failed:', error),
- *     onProgress: (progress) => console.log('Progress:', progress + '%'),
+ *     onProgress: (uploadId, bytesUploaded, totalBytes) => {
+ *       const progress = totalBytes ? Math.round((bytesUploaded / totalBytes) * 100) : 0;
+ *       console.log(`Upload ${uploadId}: ${progress}% (${bytesUploaded}/${totalBytes} bytes)`);
+ *     },
  *   });
  *
  *   return (
@@ -199,195 +164,69 @@ const initialState: UploadState = {
  * }
  * ```
  */
+const initialState: UploadState = {
+  status: "idle",
+  progress: 0,
+  bytesUploaded: 0,
+  totalBytes: null,
+  error: null,
+  result: null,
+};
+
 export function useUpload(options: UseUploadOptions = {}): UseUploadReturn {
   const uploadClient = useUploadistaContext();
   const [state, setState] = useState<UploadState>(initialState);
-  const abortControllerRef = useRef<{ abort: () => void } | null>(null);
-  const lastFileRef = useRef<BrowserUploadInput | null>(null);
-
-  const updateState = useCallback((update: Partial<UploadState>) => {
-    setState((prev) => ({ ...prev, ...update }));
-  }, []);
-
-  const reset = useCallback(() => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
-    }
-    setState(initialState);
-    lastFileRef.current = null;
-  }, []);
-
-  const abort = useCallback(() => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
-    }
-
-    updateState({
-      status: "aborted",
-    });
+  const managerRef = useRef<UploadManager<
+    BrowserUploadInput,
+    UploadOptions
+  > | null>(null);
 
-    options.onAbort?.();
-  }, [options, updateState]);
-
-  const upload = useCallback(
-    (file: BrowserUploadInput) => {
-      // Reset any previous state but keep the file reference for retries
-      setState({
-        ...initialState,
-        status: "uploading",
-        totalBytes: file instanceof File ? file.size : null,
-      });
-
-      lastFileRef.current = file;
-
-      // Start the upload and handle the promise
-      const uploadPromise = uploadClient.client.upload(file, {
+  // Create UploadManager instance
+  useEffect(() => {
+    managerRef.current = new UploadManager(
+      (file: BrowserUploadInput, opts: UploadOptions) =>
+        uploadClient.client.upload(file, opts),
+      {
+        onStateChange: setState,
+        onProgress: options.onProgress,
+        onChunkComplete: options.onChunkComplete,
+        onSuccess: options.onSuccess,
+        onError: options.onError,
+        onAbort: options.onAbort,
+      },
+      {
         metadata: options.metadata,
         uploadLengthDeferred: options.uploadLengthDeferred,
         uploadSize: options.uploadSize,
-
-        onStart: ({ uploadId }) => {
-          currentUploadIdRef.current = uploadId;
-        },
-
-        onProgress: (
-          _uploadId: string,
-          bytesUploaded: number,
-          totalBytes: number | null,
-        ) => {
-          const progress = totalBytes
-            ? Math.round((bytesUploaded / totalBytes) * 100)
-            : 0;
-
-          updateState({
-            progress,
-            bytesUploaded,
-            totalBytes,
-          });
-
-          options.onProgress?.(progress, bytesUploaded, totalBytes);
-        },
-
-        onChunkComplete: (
-          chunkSize: number,
-          bytesAccepted: number,
-          bytesTotal: number | null,
-        ) => {
-          options.onChunkComplete?.(chunkSize, bytesAccepted, bytesTotal);
-        },
-
-        onSuccess: (result: UploadFile) => {
-          updateState({
-            status: "success",
-            result,
-            progress: 100,
-            bytesUploaded: result.size || 0,
-            totalBytes: result.size || null,
-          });
-
-          options.onSuccess?.(result);
-          abortControllerRef.current = null;
-        },
-
-        onError: (error: Error) => {
-          updateState({
-            status: "error",
-            error,
-          });
-
-          options.onError?.(error);
-          abortControllerRef.current = null;
-        },
-
         onShouldRetry: options.onShouldRetry,
-      });
-
-      // Handle the promise to get the abort controller
-      uploadPromise
-        .then((controller) => {
-          abortControllerRef.current = controller;
-        })
-        .catch((error) => {
-          updateState({
-            status: "error",
-            error: error as Error,
-          });
-
-          options.onError?.(error as Error);
-          abortControllerRef.current = null;
-        });
-    },
-    [uploadClient, options, updateState],
-  );
-
-  const retry = useCallback(() => {
-    if (
-      lastFileRef.current &&
-      (state.status === "error" || state.status === "aborted")
-    ) {
-      upload(lastFileRef.current);
-    }
-  }, [upload, state.status]);
-
-  // Store current upload ID for event matching
-  const currentUploadIdRef = useRef<string | null>(null);
-
-  // Subscribe to events from context (WebSocket events)
-  useEffect(() => {
-    const unsubscribe = uploadClient.subscribeToEvents(
-      (event: UploadistaEvent) => {
-        // Handle upload progress events
-        const uploadEvent = event as {
-          type: string;
-          data?: { id: string; progress: number; total: number };
-        };
-        if (
-          uploadEvent.type === UploadEventType.UPLOAD_PROGRESS &&
-          uploadEvent.data
-        ) {
-          const {
-            id: uploadId,
-            progress: bytesUploaded,
-            total: totalBytes,
-          } = uploadEvent.data;
+      },
+    );
 
-          if (uploadId !== currentUploadIdRef.current) {
-            return;
-          }
+    return () => {
+      managerRef.current?.cleanup();
+    };
+  }, [uploadClient, options]);
 
-          // Update state for this upload
-          // Note: We update for all uploads since we don't track upload IDs in single upload mode
-          const progress = totalBytes
-            ? Math.round((bytesUploaded / totalBytes) * 100)
-            : 0;
+  // Wrap manager methods with useCallback
+  const upload = useCallback((file: BrowserUploadInput) => {
+    managerRef.current?.upload(file);
+  }, []);
 
-          setState((prev) => {
-            // Only update if we're currently uploading
-            if (prev.status === "uploading") {
-              return {
-                ...prev,
-                progress,
-                bytesUploaded,
-                totalBytes,
-              };
-            }
-            return prev;
-          });
+  const abort = useCallback(() => {
+    managerRef.current?.abort();
+  }, []);
 
-          options.onProgress?.(progress, bytesUploaded, totalBytes);
-        }
-      },
-    );
+  const reset = useCallback(() => {
+    managerRef.current?.reset();
+  }, []);
 
-    return unsubscribe;
-  }, [uploadClient, options]);
+  const retry = useCallback(() => {
+    managerRef.current?.retry();
+  }, []);
 
+  // Derive computed values from state
   const isUploading = state.status === "uploading";
-  const canRetry =
-    (state.status === "error" || state.status === "aborted") &&
-    lastFileRef.current !== null;
+  const canRetry = managerRef.current?.canRetry() ?? false;
 
   // Create metrics object that delegates to the upload client
   const metrics: UploadMetrics = {

package/dist/use-upload-CvPqdohl.mjs

@@ -1,2 +0,0 @@
-import{createContext as e,useCallback as t,useContext as n,useEffect as r,useMemo as i,useRef as a,useState as o}from"react";import{createUploadistaClient as s}from"@uploadista/client-browser";import{jsx as c}from"react/jsx-runtime";import{EventType as l}from"@uploadista/core/flow";import{UploadEventType as u}from"@uploadista/core/types";function d(e){let t=a(e);return t.current=e,{client:i(()=>s({baseUrl:e.baseUrl,storageId:e.storageId,uploadistaBasePath:e.uploadistaBasePath,chunkSize:e.chunkSize,storeFingerprintForResuming:e.storeFingerprintForResuming,retryDelays:e.retryDelays,parallelUploads:e.parallelUploads,parallelChunkSize:e.parallelChunkSize,uploadStrategy:e.uploadStrategy,smartChunking:e.smartChunking,networkMonitoring:e.networkMonitoring,uploadMetrics:e.uploadMetrics,connectionPooling:e.connectionPooling,auth:e.auth,onEvent:e.onEvent}),[e]),config:e}}const f=e(null);function p({children:e,...n}){let r=a(new Set),o=t(e=>{console.log(`[UploadistaProvider] Received event:`,e),n.onEvent?.(e),console.log(`[UploadistaProvider] Broadcasting to`,r.current.size,`subscribers`),r.current.forEach(t=>{try{t(e)}catch(e){console.error(`Error in event subscriber:`,e)}})},[n.onEvent]),s=d({...n,onEvent:o}),l=t(e=>(r.current.add(e),()=>{r.current.delete(e)}),[]),u=i(()=>({...s,subscribeToEvents:l}),[s,l]);return c(f.Provider,{value:u,children:e})}function m(){let e=n(f);if(e===null)throw Error(`useUploadistaContext must be used within an UploadistaProvider. Make sure to wrap your component tree with <UploadistaProvider>.`);return e}function h(e){let n=m(),[r,i]=o([]),s=a(new Map),c=a([]),l=a(0),u=e.maxConcurrent??3,d=t(e=>{if(e.length===0)return 0;let t=e.reduce((e,t)=>e+t.progress,0);return Math.round(t/e.length)},[]),f=t(async()=>{if(l.current>=u||c.current.length===0)return;let t=c.current.shift();if(!t)return;let a=r.find(e=>e.id===t);if(!a||a.status!==`pending`){f();return}l.current++,i(e=>e.map(e=>e.id===t?{...e,status:`uploading`}:e));try{let{abort:r,jobId:o}=await n.client.uploadWithFlow(a.file,e.flowConfig,{onJobStart:e=>{i(n=>n.map(n=>n.id===t?{...n,jobId:e}:n))},onProgress:(n,r,a)=>{let o=a?Math.round(r/a*100):0;i(n=>{let i=n.map(e=>e.id===t?{...e,progress:o,bytesUploaded:r,totalBytes:a||0}:e),s=i.find(e=>e.id===t);return s&&e.onItemProgress?.(s),i})},onSuccess:n=>{i(r=>{let i=r.map(e=>e.id===t?{...e,status:`success`,result:n,progress:100}:e),a=i.find(e=>e.id===t);return a&&e.onItemSuccess?.(a),i.every(e=>e.status===`success`||e.status===`error`||e.status===`aborted`)&&e.onComplete?.(i),i}),s.current.delete(t),l.current--,f()},onError:n=>{i(r=>{let i=r.map(e=>e.id===t?{...e,status:`error`,error:n}:e),a=i.find(e=>e.id===t);return a&&e.onItemError?.(a,n),i.every(e=>e.status===`success`||e.status===`error`||e.status===`aborted`)&&e.onComplete?.(i),i}),s.current.delete(t),l.current--,f()},onShouldRetry:e.onShouldRetry});s.current.set(t,r),i(e=>e.map(e=>e.id===t?{...e,jobId:o}:e))}catch(e){i(n=>n.map(n=>n.id===t?{...n,status:`error`,error:e}:n)),l.current--,f()}},[n,r,u,e]),p=t(e=>{let t=Array.from(e).map(e=>({id:`${Date.now()}-${Math.random().toString(36).substr(2,9)}`,file:e,status:`pending`,progress:0,bytesUploaded:0,totalBytes:e.size,error:null,result:null,jobId:null}));i(e=>[...e,...t])},[]),h=t(e=>{let t=s.current.get(e);t&&(t(),s.current.delete(e)),i(t=>t.filter(t=>t.id!==e)),c.current=c.current.filter(t=>t!==e)},[]),g=t(()=>{let e=r.filter(e=>e.status===`pending`);c.current.push(...e.map(e=>e.id));for(let e=0;e<u;e++)f()},[r,u,f]),_=t(e=>{let t=s.current.get(e);t&&(t(),s.current.delete(e),i(t=>t.map(t=>t.id===e?{...t,status:`aborted`}:t)),l.current--,f())},[f]),v=t(()=>{for(let e of s.current.values())e();s.current.clear(),c.current=[],l.current=0,i(e=>e.map(e=>e.status===`uploading`?{...e,status:`aborted`}:e))},[]),y=t(()=>{v(),i([])},[v]),b=t(e=>{i(t=>t.map(t=>t.id===e?{...t,status:`pending`,progress:0,bytesUploaded:0,error:null}:t)),c.current.push(e),f()},[f]),x={items:r,totalProgress:d(r),activeUploads:r.filter(e=>e.status===`uploading`).length,completedUploads:r.filter(e=>e.status===`success`).length,failedUploads:r.filter(e=>e.status===`error`).length};return{state:x,addFiles:p,removeFile:h,startUpload:g,abortUpload:_,abortAll:v,clear:y,retryUpload:b,isUploading:x.activeUploads>0}}const g={isDragging:!1,isOver:!1,isValid:!0,errors:[]};function _(e={}){let{accept:n,maxFiles:r,maxFileSize:i,multiple:s=!0,validator:c,onFilesReceived:l,onValidationError:u,onDragStateChange:d}=e,[f,p]=o(g),m=a(null),h=a(0),_=t(e=>{p(t=>({...t,...e}))},[]),v=t(e=>{let t=[];r&&e.length>r&&t.push(`Maximum ${r} files allowed. You selected ${e.length} files.`);for(let r of e){if(i&&r.size>i){let e=(i/(1024*1024)).toFixed(1),n=(r.size/(1024*1024)).toFixed(1);t.push(`File "${r.name}" (${n}MB) exceeds maximum size of ${e}MB.`)}n&&n.length>0&&(n.some(e=>{if(e.startsWith(`.`))return r.name.toLowerCase().endsWith(e.toLowerCase());if(e.endsWith(`/*`)){let t=e.slice(0,-2);return r.type.startsWith(t)}else return r.type===e})||t.push(`File "${r.name}" type "${r.type}" is not accepted. Accepted types: ${n.join(`, `)}.`))}if(c){let n=c(e);n&&t.push(...n)}return t},[n,r,i,c]),y=t(e=>{let t=Array.from(e),n=v(t);n.length>0?(_({errors:n,isValid:!1}),u?.(n)):(_({errors:[],isValid:!0}),l?.(t))},[v,_,l,u]),b=t(e=>{let t=[];if(e.items)for(let n=0;n<e.items.length;n++){let r=e.items[n];if(r&&r.kind===`file`){let e=r.getAsFile();e&&t.push(e)}}else for(let n=0;n<e.files.length;n++){let r=e.files[n];r&&t.push(r)}return t},[]),x=t(e=>{e.preventDefault(),e.stopPropagation(),h.current++,h.current===1&&(_({isDragging:!0,isOver:!0}),d?.(!0))},[_,d]),S=t(e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect=`copy`)},[]),C=t(e=>{e.preventDefault(),e.stopPropagation(),h.current--,h.current===0&&(_({isDragging:!1,isOver:!1,errors:[]}),d?.(!1))},[_,d]),w=t(e=>{if(e.preventDefault(),e.stopPropagation(),h.current=0,_({isDragging:!1,isOver:!1}),d?.(!1),e.dataTransfer){let t=b(e.dataTransfer);t.length>0&&y(t)}},[_,d,b,y]),T=t(()=>{m.current?.click()},[]),E=t(e=>{e.target.files&&e.target.files.length>0&&y(Array.from(e.target.files)),e.target.value=``},[y]),D=t(()=>{p(g),h.current=0},[]);return{state:f,dragHandlers:{onDragEnter:x,onDragOver:S,onDragLeave:C,onDrop:w},inputProps:{type:`file`,multiple:s,accept:n?.join(`, `),onChange:E,style:{display:`none`},ref:m},openFilePicker:T,processFiles:y,reset:D}}function v(e){let t=e;return t.eventType===l.FlowStart||t.eventType===l.FlowEnd||t.eventType===l.FlowError||t.eventType===l.NodeStart||t.eventType===l.NodeEnd||t.eventType===l.NodePause||t.eventType===l.NodeResume||t.eventType===l.NodeError}const y={status:`idle`,progress:0,bytesUploaded:0,totalBytes:null,error:null,result:null,jobId:null,flowStarted:!1,currentNodeName:null,currentNodeType:null,flowOutputs:null};function b(e){let n=m(),[i,s]=o(y),c=a(null),d=a(null),f=a(e.onSuccess),p=a(e.onError),h=a(e.onFlowComplete),g=a(e.flowConfig.outputNodeId);r(()=>{f.current=e.onSuccess,p.current=e.onError,h.current=e.onFlowComplete,g.current=e.flowConfig.outputNodeId},[e.onSuccess,e.onError,e.onFlowComplete,e.flowConfig.outputNodeId]);let _=a(null);r(()=>{_.current=i.jobId},[i.jobId]);let b=t(e=>{if(console.log(`[useFlowUpload] Received event:`,e,`Current jobId:`,_.current),!_.current||e.jobId!==_.current){console.log(`[useFlowUpload] Ignoring event - jobId mismatch`);return}switch(console.log(`[useFlowUpload] Processing event type:`,e.eventType),e.eventType){case l.FlowStart:console.log(`[useFlowUpload] Flow started`),s(e=>({...e,flowStarted:!0,status:`processing`}));break;case l.NodeStart:console.log(`[useFlowUpload] Node started:`,e.nodeName),s(t=>({...t,status:`processing`,currentNodeName:e.nodeName,currentNodeType:e.nodeType}));break;case l.NodePause:console.log(`[useFlowUpload] Node paused (waiting for upload):`,e.nodeName),s(t=>({...t,status:`uploading`,currentNodeName:e.nodeName}));break;case l.NodeResume:console.log(`[useFlowUpload] Node resumed (upload complete):`,e.nodeName),s(t=>({...t,status:`processing`,currentNodeName:e.nodeName,currentNodeType:e.nodeType}));break;case l.NodeEnd:console.log(`[useFlowUpload] Node ended:`,e.nodeName),s(e=>({...e,status:e.status===`uploading`?`processing`:e.status,currentNodeName:null,currentNodeType:null}));break;case l.FlowEnd:console.log(`[useFlowUpload] Flow ended, processing outputs`),s(t=>{let n=e.result||null;console.log(`[useFlowUpload] Flow outputs:`,n),n&&h.current&&(console.log(`[useFlowUpload] Calling onFlowComplete with outputs:`,n),h.current(n));let r=null;return n&&(g.current&&g.current in n?(r=n[g.current],console.log(`[useFlowUpload] Extracted output from specified node:`,g.current)):(r=Object.values(n)[0],console.log(`[useFlowUpload] Extracted output from first node`))),r&&f.current?(console.log(`[useFlowUpload] Calling onSuccess with result:`,r),f.current(r)):!r&&f.current&&console.warn(`[useFlowUpload] No result available for onSuccess`),{...t,status:`success`,currentNodeName:null,currentNodeType:null,result:r,flowOutputs:n}});break;case l.FlowError:console.log(`[useFlowUpload] Flow error:`,e.error),s(t=>({...t,status:`error`,error:Error(e.error)})),p.current?.(Error(e.error));break;case l.NodeError:console.log(`[useFlowUpload] Node error:`,e.error),s(t=>({...t,status:`error`,error:Error(e.error)})),p.current?.(Error(e.error));break}},[]);return r(()=>(console.log(`[useFlowUpload] Subscribing to events from context`),n.subscribeToEvents(e=>{if(v(e)){b(e);return}let t=e;if(t.type===u.UPLOAD_PROGRESS&&t.flow?.jobId===_.current&&t.data){let{progress:e,total:n}=t.data,r=n?Math.round(e/n*100):0;console.log(`[useFlowUpload] Upload progress event:`,{progress:r,bytesUploaded:e,totalBytes:n,jobId:t.flow.jobId}),s(t=>({...t,progress:r,bytesUploaded:e,totalBytes:n}))}})),[n,b]),{state:i,upload:t(async t=>{_.current=null,s({...y,status:`uploading`,totalBytes:t.size});try{let{abort:r,pause:i}=await n.client.uploadWithFlow(t,e.flowConfig,{onJobStart:e=>{_.current=e,s(t=>({...t,jobId:e}))},onProgress:(t,n,r)=>{let i=r?Math.round(n/r*100):0;s(e=>({...e,progress:i,bytesUploaded:n,totalBytes:r})),e.onProgress?.(i,n,r)},onChunkComplete:e.onChunkComplete,onSuccess:e=>{s(e=>({...e,progress:100}))},onError:t=>{s(e=>({...e,status:`error`,error:t})),e.onError?.(t)},onShouldRetry:e.onShouldRetry});c.current=r,d.current=i}catch(t){s(e=>({...e,status:`error`,error:t})),e.onError?.(t)}},[n,e]),abort:t(()=>{c.current&&(c.current(),c.current=null,s(e=>({...e,status:`aborted`})),e.onAbort?.())},[e]),pause:t(()=>{d.current&&=(d.current(),null)},[]),reset:t(()=>{s(y),c.current=null,_.current=null},[]),isUploading:i.status===`uploading`||i.status===`processing`,isUploadingFile:i.status===`uploading`,isProcessing:i.status===`processing`}}function x(e={}){let n=m(),{maxConcurrent:r=3}=e,[i,s]=o([]),c=a([]),l=a(0),u=a(new Set),d=a(new Map);c.current=i;let f=t(()=>`upload-${Date.now()}-${l.current++}`,[]),p=t((e,t)=>{s(n=>{let r=n.map(n=>n.id===e?{...n,state:{...n.state,...t}}:n);return c.current=r,r})},[]),h=t(()=>{let t=c.current;if(t.every(e=>[`success`,`error`,`aborted`].includes(e.state.status))&&t.length>0){let n=t.filter(e=>e.state.status===`success`),r=t.filter(e=>[`error`,`aborted`].includes(e.state.status));e.onComplete?.({successful:n,failed:r,total:t.length})}},[e]),g=t(()=>{if(u.current.size>=r)return;let t=c.current.find(e=>e.state.status===`idle`&&!u.current.has(e.id));t&&(async()=>{u.current.add(t.id),e.onUploadStart?.(t),p(t.id,{status:`uploading`});try{let r=await n.client.upload(t.file,{metadata:e.metadata,uploadLengthDeferred:e.uploadLengthDeferred,uploadSize:e.uploadSize,onProgress:(n,r,i)=>{let a=i?Math.round(r/i*100):0;p(t.id,{progress:a,bytesUploaded:r,totalBytes:i}),e.onUploadProgress?.(t,a,r,i)},onChunkComplete:()=>{},onSuccess:n=>{p(t.id,{status:`success`,result:n,progress:100});let r={...t,state:{...t.state,status:`success`,result:n}};e.onUploadSuccess?.(r,n),u.current.delete(t.id),d.current.delete(t.id),g(),h()},onError:n=>{p(t.id,{status:`error`,error:n});let r={...t,state:{...t.state,status:`error`,error:n}};e.onUploadError?.(r,n),u.current.delete(t.id),d.current.delete(t.id),g(),h()},onShouldRetry:e.onShouldRetry});d.current.set(t.id,r)}catch(n){p(t.id,{status:`error`,error:n});let r={...t,state:{...t.state,status:`error`,error:n}};e.onUploadError?.(r,n),u.current.delete(t.id),d.current.delete(t.id),g(),h()}})()},[r,n,e,p,h]),_={total:i.length,completed:i.filter(e=>[`success`,`error`,`aborted`].includes(e.state.status)).length,successful:i.filter(e=>e.state.status===`success`).length,failed:i.filter(e=>[`error`,`aborted`].includes(e.state.status)).length,uploading:i.filter(e=>e.state.status===`uploading`).length,progress:i.length>0?Math.round(i.reduce((e,t)=>e+t.state.progress,0)/i.length):0,totalBytesUploaded:i.reduce((e,t)=>e+t.state.bytesUploaded,0),totalBytes:i.reduce((e,t)=>e+(t.state.totalBytes||0),0),isUploading:i.some(e=>e.state.status===`uploading`),isComplete:i.length>0&&i.every(e=>[`success`,`error`,`aborted`].includes(e.state.status))},v=t(e=>{let t=e.map(e=>({id:f(),file:e,state:{status:`idle`,progress:0,bytesUploaded:0,totalBytes:e instanceof File?e.size:null,error:null,result:null}}));console.log(`addFiles: Adding`,t.length,`files`);let n=[...c.current,...t];c.current=n,console.log(`addFiles: Updated itemsRef.current to`,n.length,`items`),s(n)},[f]),y=t(e=>{let t=c.current.find(t=>t.id===e);if(t&&t.state.status===`uploading`){let t=d.current.get(e);t&&(t.abort(),d.current.delete(e))}s(t=>{let n=t.filter(t=>t.id!==e);return c.current=n,n}),u.current.delete(e)},[]),b=t(e=>{let t=c.current.find(t=>t.id===e);if(t&&t.state.status===`uploading`){let t=d.current.get(e);t&&(t.abort(),d.current.delete(e)),u.current.delete(e),s(t=>{let n=t.map(t=>t.id===e?{...t,state:{...t.state,status:`aborted`}}:t);return c.current=n,n}),g()}},[g]),x=t(e=>{let t=c.current.find(t=>t.id===e);t&&[`error`,`aborted`].includes(t.state.status)&&(s(t=>{let n=t.map(t=>t.id===e?{...t,state:{...t.state,status:`idle`,error:null}}:t);return c.current=n,n}),setTimeout(()=>g(),0))},[g]),S=t(()=>{let e=c.current;console.log(`Starting all uploads`,e);let t=e.filter(e=>e.state.status===`idle`),n=r-u.current.size,i=t.slice(0,n);for(let e of i)console.log(`Starting next upload`,e),g()},[r,g]),C=t(()=>{c.current.filter(e=>e.state.status===`uploading`).forEach(e=>{let t=d.current.get(e.id);t&&(t.abort(),d.current.delete(e.id))}),u.current.clear(),s(e=>{let t=e.map(e=>e.state.status===`uploading`?{...e,state:{...e.state,status:`aborted`}}:e);return c.current=t,t})},[]);return{state:_,items:i,addFiles:v,removeItem:y,removeFile:y,startAll:S,abortUpload:b,abortAll:C,retryUpload:x,retryFailed:t(()=>{let e=c.current.filter(e=>[`error`,`aborted`].includes(e.state.status));e.length>0&&(s(t=>{let n=t.map(t=>e.some(e=>e.id===t.id)?{...t,state:{...t.state,status:`idle`,error:null}}:t);return c.current=n,n}),setTimeout(S,0))},[S]),clearCompleted:t(()=>{s(e=>{let t=e.filter(e=>![`success`,`error`,`aborted`].includes(e.state.status));return c.current=t,t})},[]),clearAll:t(()=>{C(),s([]),c.current=[],u.current.clear()},[C]),getItemsByStatus:t(e=>c.current.filter(t=>t.state.status===e),[]),metrics:{getInsights:()=>n.client.getChunkingInsights(),exportMetrics:()=>n.client.exportMetrics(),getNetworkMetrics:()=>n.client.getNetworkMetrics(),getNetworkCondition:()=>n.client.getNetworkCondition(),resetMetrics:()=>n.client.resetMetrics()}}}const S={status:`idle`,progress:0,bytesUploaded:0,totalBytes:null,error:null,result:null};function C(e={}){let n=m(),[i,s]=o(S),c=a(null),l=a(null),d=t(e=>{s(t=>({...t,...e}))},[]),f=t(()=>{c.current&&=(c.current.abort(),null),s(S),l.current=null},[]),p=t(()=>{c.current&&=(c.current.abort(),null),d({status:`aborted`}),e.onAbort?.()},[e,d]),h=t(t=>{s({...S,status:`uploading`,totalBytes:t instanceof File?t.size:null}),l.current=t,n.client.upload(t,{metadata:e.metadata,uploadLengthDeferred:e.uploadLengthDeferred,uploadSize:e.uploadSize,onStart:({uploadId:e})=>{_.current=e},onProgress:(t,n,r)=>{let i=r?Math.round(n/r*100):0;d({progress:i,bytesUploaded:n,totalBytes:r}),e.onProgress?.(i,n,r)},onChunkComplete:(t,n,r)=>{e.onChunkComplete?.(t,n,r)},onSuccess:t=>{d({status:`success`,result:t,progress:100,bytesUploaded:t.size||0,totalBytes:t.size||null}),e.onSuccess?.(t),c.current=null},onError:t=>{d({status:`error`,error:t}),e.onError?.(t),c.current=null},onShouldRetry:e.onShouldRetry}).then(e=>{c.current=e}).catch(t=>{d({status:`error`,error:t}),e.onError?.(t),c.current=null})},[n,e,d]),g=t(()=>{l.current&&(i.status===`error`||i.status===`aborted`)&&h(l.current)},[h,i.status]),_=a(null);return r(()=>n.subscribeToEvents(t=>{let n=t;if(n.type===u.UPLOAD_PROGRESS&&n.data){let{id:t,progress:r,total:i}=n.data;if(t!==_.current)return;let a=i?Math.round(r/i*100):0;s(e=>e.status===`uploading`?{...e,progress:a,bytesUploaded:r,totalBytes:i}:e),e.onProgress?.(a,r,i)}}),[n,e]),{state:i,upload:h,abort:p,reset:f,retry:g,isUploading:i.status===`uploading`,canRetry:(i.status===`error`||i.status===`aborted`)&&l.current!==null,metrics:{getInsights:()=>n.client.getChunkingInsights(),exportMetrics:()=>n.client.exportMetrics(),getNetworkMetrics:()=>n.client.getNetworkMetrics(),getNetworkCondition:()=>n.client.getNetworkCondition(),resetMetrics:()=>n.client.resetMetrics()}}}export{h as a,d as c,_ as i,x as n,p as o,b as r,m as s,C as t};
-//# sourceMappingURL=use-upload-CvPqdohl.mjs.map