@uploadista/react 0.0.15-beta.2 → 0.0.15-beta.3

package/src/contexts/flow-manager-context.tsx

@@ -0,0 +1,230 @@
+import type { UploadistaEvent } from "@uploadista/client-browser";
+import {
+  FlowManager,
+  type FlowManagerCallbacks,
+  type FlowUploadState,
+} from "@uploadista/client-core";
+import { EventType, type FlowEvent } from "@uploadista/core/flow";
+import { UploadEventType } from "@uploadista/core/types";
+import type { ReactNode } from "react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+} from "react";
+import { useUploadistaContext } from "../components/uploadista-provider";
+import type { FlowUploadOptions } from "@uploadista/client-browser";
+
+/**
+ * Type guard to check if an event is a flow event
+ */
+function isFlowEvent(event: UploadistaEvent): event is FlowEvent {
+  const flowEvent = event as FlowEvent;
+  return (
+    flowEvent.eventType === EventType.FlowStart ||
+    flowEvent.eventType === EventType.FlowEnd ||
+    flowEvent.eventType === EventType.FlowError ||
+    flowEvent.eventType === EventType.NodeStart ||
+    flowEvent.eventType === EventType.NodeEnd ||
+    flowEvent.eventType === EventType.NodePause ||
+    flowEvent.eventType === EventType.NodeResume ||
+    flowEvent.eventType === EventType.NodeError
+  );
+}
+
+/**
+ * Internal manager registry entry with ref counting
+ */
+interface ManagerEntry<TOutput> {
+  manager: FlowManager<unknown, TOutput>;
+  refCount: number;
+  flowId: string;
+}
+
+/**
+ * Context value providing access to flow managers
+ */
+interface FlowManagerContextValue {
+  /**
+   * Get or create a flow manager for the given flow ID.
+   * Increments ref count - must call releaseManager when done.
+   *
+   * @param flowId - Unique identifier for the flow
+   * @param callbacks - Callbacks for state changes and lifecycle events
+   * @param options - Flow configuration options
+   * @returns FlowManager instance
+   */
+  getManager: <TOutput = unknown>(
+    flowId: string,
+    callbacks: FlowManagerCallbacks<TOutput>,
+    options: FlowUploadOptions<TOutput>,
+  ) => FlowManager<unknown, TOutput>;
+
+  /**
+   * Release a flow manager reference.
+   * Decrements ref count and cleans up when reaching zero.
+   *
+   * @param flowId - Unique identifier for the flow to release
+   */
+  releaseManager: (flowId: string) => void;
+}
+
+const FlowManagerContext = createContext<FlowManagerContextValue | undefined>(
+  undefined,
+);
+
+/**
+ * Props for FlowManagerProvider
+ */
+interface FlowManagerProviderProps {
+  children: ReactNode;
+}
+
+/**
+ * Provider that manages FlowManager instances with ref counting and event routing.
+ * Ensures managers persist across component re-renders and are only cleaned up
+ * when all consuming components unmount.
+ *
+ * This provider should be nested inside UploadistaProvider to access the upload client
+ * and event subscription system.
+ *
+ * @example
+ * ```tsx
+ * <UploadistaProvider baseUrl="https://api.example.com" storageId="default">
+ *   <FlowManagerProvider>
+ *     <App />
+ *   </FlowManagerProvider>
+ * </UploadistaProvider>
+ * ```
+ */
+export function FlowManagerProvider({ children }: FlowManagerProviderProps) {
+  const { client, subscribeToEvents } = useUploadistaContext();
+  const managersRef = useRef(
+    new Map<string, ManagerEntry<unknown>>(),
+  );
+
+  // Subscribe to all events and route to appropriate managers
+  useEffect(() => {
+    const unsubscribe = subscribeToEvents((event: UploadistaEvent) => {
+      // Route flow events to all managers (they filter by jobId internally)
+      if (isFlowEvent(event)) {
+        for (const entry of managersRef.current.values()) {
+          entry.manager.handleFlowEvent(event);
+        }
+        return;
+      }
+
+      // Route upload progress events to all managers
+      if (
+        "type" in event &&
+        event.type === UploadEventType.UPLOAD_PROGRESS &&
+        "data" in event
+      ) {
+        const uploadEvent = event as {
+          type: UploadEventType;
+          uploadId: string;
+          data: { progress: number; total: number | null };
+        };
+
+        for (const entry of managersRef.current.values()) {
+          entry.manager.handleUploadProgress(
+            uploadEvent.uploadId,
+            uploadEvent.data.progress,
+            uploadEvent.data.total,
+          );
+        }
+      }
+    });
+
+    return unsubscribe;
+  }, [subscribeToEvents]);
+
+  const getManager = useCallback(
+    <TOutput,>(
+      flowId: string,
+      callbacks: FlowManagerCallbacks<TOutput>,
+      options: FlowUploadOptions<TOutput>,
+    ): FlowManager<unknown, TOutput> => {
+      const existing = managersRef.current.get(flowId);
+
+      if (existing) {
+        // Increment ref count for existing manager
+        existing.refCount++;
+        return existing.manager as FlowManager<unknown, TOutput>;
+      }
+
+      // Create new manager using client from hook scope
+      const flowUploadFn = (
+        input: unknown,
+        flowConfig: FlowUploadOptions<TOutput>["flowConfig"],
+        internalOptions: unknown,
+      ) => {
+        return client.uploadWithFlow(input, flowConfig, internalOptions);
+      };
+
+      const manager = new FlowManager<unknown, TOutput>(
+        flowUploadFn,
+        callbacks,
+        options,
+      );
+
+      managersRef.current.set(flowId, {
+        manager: manager as FlowManager<unknown, unknown>,
+        refCount: 1,
+        flowId,
+      });
+
+      return manager;
+    },
+    [client],
+  );
+
+  const releaseManager = useCallback((flowId: string) => {
+    const existing = managersRef.current.get(flowId);
+    if (!existing) return;
+
+    existing.refCount--;
+
+    // Clean up when no more refs
+    if (existing.refCount <= 0) {
+      existing.manager.cleanup();
+      managersRef.current.delete(flowId);
+    }
+  }, []);
+
+  return (
+    <FlowManagerContext.Provider value={{ getManager, releaseManager }}>
+      {children}
+    </FlowManagerContext.Provider>
+  );
+}
+
+/**
+ * Hook to access the FlowManager context.
+ * Must be used within a FlowManagerProvider.
+ *
+ * @returns FlowManager context value with getManager and releaseManager functions
+ * @throws Error if used outside of FlowManagerProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { getManager, releaseManager } = useFlowManagerContext();
+ *   // Use to create managers...
+ * }
+ * ```
+ */
+export function useFlowManagerContext(): FlowManagerContextValue {
+  const context = useContext(FlowManagerContext);
+
+  if (context === undefined) {
+    throw new Error(
+      "useFlowManagerContext must be used within a FlowManagerProvider. " +
+        "Make sure to wrap your component tree with <FlowManagerProvider>.",
+    );
+  }
+
+  return context;
+}

package/src/hooks/use-flow-upload.ts

@@ -1,36 +1,13 @@
-import type {
-  FlowUploadOptions,
-  UploadistaEvent,
-} from "@uploadista/client-browser";
+import type { FlowUploadOptions } from "@uploadista/client-browser";
 import {
-  FlowManager,
+  type FlowManager,
   type FlowUploadState,
   type FlowUploadStatus,
-  type InternalFlowUploadOptions,
 } from "@uploadista/client-core";
-import { EventType, type FlowEvent } from "@uploadista/core/flow";
+import type { TypedOutput } from "@uploadista/core/flow";
 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";
-
-/**
- * Type guard to check if an event is a flow event
- */
-function isFlowEvent(event: UploadistaEvent): event is FlowEvent {
-  // FlowEvent has eventType, not type
-  const flowEvent = event as FlowEvent;
-  return (
-    flowEvent.eventType === EventType.FlowStart ||
-    flowEvent.eventType === EventType.FlowEnd ||
-    flowEvent.eventType === EventType.FlowError ||
-    flowEvent.eventType === EventType.NodeStart ||
-    flowEvent.eventType === EventType.NodeEnd ||
-    flowEvent.eventType === EventType.NodePause ||
-    flowEvent.eventType === EventType.NodeResume ||
-    flowEvent.eventType === EventType.NodeError
-  );
-}
+import { useFlowManagerContext } from "../contexts/flow-manager-context";
 
 // Re-export types from core for convenience
 export type { FlowUploadState, FlowUploadStatus };
@@ -113,8 +90,8 @@ const initialState: FlowUploadState = {
  * The flow engine processes the uploaded file through a DAG of nodes, which can
  * perform operations like image optimization, storage saving, webhooks, etc.
  *
- * Must be used within an UploadistaProvider. Flow events (node start/end, flow complete)
- * are automatically subscribed through the provider context.
+ * Must be used within FlowManagerProvider (which must be within UploadistaProvider).
+ * Flow events are automatically routed by the provider to the appropriate manager.
  *
  * @template TOutput - Type of the final result from the flow (defaults to UploadFile)
  * @param options - Flow upload configuration including flow ID and event handlers
@@ -196,99 +173,57 @@ const initialState: FlowUploadState = {
 export function useFlowUpload<TOutput = UploadFile>(
   options: FlowUploadOptions<TOutput>,
 ): UseFlowUploadReturn<TOutput> {
-  // Get client from context
-  const client = useUploadistaContext();
+  const { getManager, releaseManager } = useFlowManagerContext();
   const [state, setState] = useState<FlowUploadState<TOutput>>(
     initialState as FlowUploadState<TOutput>,
   );
-  const managerRef = useRef<FlowManager<File | Blob, TOutput> | null>(null);
+  const managerRef = useRef<FlowManager<unknown, TOutput> | null>(null);
 
-  // Create FlowManager instance once (only recreate if client changes)
-  // Note: We don't include options in deps to avoid recreating the manager on every render
-  // The manager will use the latest options values through closures
-  useEffect(() => {
-    managerRef.current = new FlowManager(
-      async (
-        file: File | Blob,
-        flowConfig: {
-          flowId: string;
-          storageId: string;
-          outputNodeId?: string;
-          metadata?: Record<string, string>;
-        },
-        internalOptions: InternalFlowUploadOptions,
-      ) => {
-        const result = await client.client.uploadWithFlow(file, flowConfig, {
-          onJobStart: internalOptions.onJobStart,
-          onProgress: internalOptions.onProgress,
-          onChunkComplete: internalOptions.onChunkComplete,
-          onSuccess: internalOptions.onSuccess,
-          onError: internalOptions.onError,
-          onShouldRetry: internalOptions.onShouldRetry,
-        });
-        // Return only abort and pause (ignore jobId and return value)
-        return {
-          abort: async () => {
-            await result.abort();
-          },
-          pause: async () => {
-            await result.pause();
-            // Ignore the FlowJob return value
-          },
-        };
-      },
-      {
-        onStateChange: setState,
-        onProgress: options.onProgress,
-        onChunkComplete: options.onChunkComplete,
-        onFlowComplete: options.onFlowComplete,
-        onSuccess: options.onSuccess,
-        onError: options.onError,
-        onAbort: options.onAbort,
-      },
-      options,
-    );
-
-    return () => {
-      managerRef.current?.cleanup();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [client]);
+  // Store callbacks in refs so they can be updated without recreating the manager
+  const callbacksRef = useRef(options);
 
-  // Subscribe to events and forward them to the manager
+  // Update refs on every render to capture latest callbacks
   useEffect(() => {
-    const unsubscribe = client.subscribeToEvents((event: UploadistaEvent) => {
-      // Handle flow events
-      if (isFlowEvent(event)) {
-        console.log("[useFlowUpload] Flow event received:", event.eventType, "jobId:", event.jobId, "current:", managerRef.current?.getJobId());
-        managerRef.current?.handleFlowEvent(event);
-        return;
-      }
+    callbacksRef.current = options;
+  });
 
-      // Handle upload progress events for this job's upload
-      const uploadEvent = event as {
-        type: string;
-        data?: { id: string; progress: number; total: number };
-        flow?: { jobId: string };
-      };
+  // Get or create manager from context when component mounts
+  // Manager lifecycle is now handled by FlowManagerProvider
+  useEffect(() => {
+    const flowId = options.flowConfig.flowId;
 
-      if (
-        uploadEvent.type === UploadEventType.UPLOAD_PROGRESS &&
-        uploadEvent.flow?.jobId === managerRef.current?.getJobId() &&
-        uploadEvent.data
-      ) {
-        const { progress: bytesUploaded, total: totalBytes } = uploadEvent.data;
+    // Create stable callback wrappers that call the latest callbacks via refs
+    const stableCallbacks = {
+      onStateChange: setState,
+      onProgress: (uploadId: string, bytesUploaded: number, totalBytes: number | null) => {
+        callbacksRef.current.onProgress?.(uploadId, bytesUploaded, totalBytes);
+      },
+      onChunkComplete: (chunkSize: number, bytesAccepted: number, bytesTotal: number | null) => {
+        callbacksRef.current.onChunkComplete?.(chunkSize, bytesAccepted, bytesTotal);
+      },
+      onFlowComplete: (outputs: TypedOutput[]) => {
+        callbacksRef.current.onFlowComplete?.(outputs);
+      },
+      onSuccess: (result: TOutput) => {
+        callbacksRef.current.onSuccess?.(result);
+      },
+      onError: (error: Error) => {
+        callbacksRef.current.onError?.(error);
+      },
+      onAbort: () => {
+        callbacksRef.current.onAbort?.();
+      },
+    };
 
-        managerRef.current?.handleUploadProgress(
-          uploadEvent.data.id,
-          bytesUploaded,
-          totalBytes,
-        );
-      }
-    });
+    // Get manager from context (creates if doesn't exist, increments ref count)
+    managerRef.current = getManager(flowId, stableCallbacks, options);
 
-    return unsubscribe;
-  }, [client]);
+    // Release manager when component unmounts or flowId changes
+    return () => {
+      releaseManager(flowId);
+      managerRef.current = null;
+    };
+  }, [options.flowConfig.flowId, options.flowConfig.storageId, options.flowConfig.outputNodeId, getManager, releaseManager]);
 
   // Wrap manager methods with useCallback
   const upload = useCallback(async (file: File | Blob) => {

package/src/hooks/use-uploadista-client.ts

@@ -120,6 +120,7 @@ export function useUploadistaClient(
   // IMPORTANT: We depend on individual config values, not the entire options object,
   // to prevent unnecessary client recreation when the options object reference changes
   const client = useMemo(() => {
+    console.log("[useUploadistaClient] Creating NEW client instance with onEvent:", options.onEvent);
     return createUploadistaClient({
       baseUrl: options.baseUrl,
       storageId: options.storageId,

package/src/index.ts

@@ -51,6 +51,12 @@ export {
   UploadistaProvider,
   useUploadistaContext,
 } from "./components/uploadista-provider";
+
+// Contexts
+export {
+  FlowManagerProvider,
+  useFlowManagerContext,
+} from "./contexts/flow-manager-context";
 export type {
   DragDropOptions,
   DragDropState,

package/dist/use-upload-BNiPsNBv.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{FlowManager as l,UploadManager as u}from"@uploadista/client-core";import{EventType as d}from"@uploadista/core/flow";import{UploadEventType as f}from"@uploadista/core/types";function p(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.baseUrl,e.storageId,e.uploadistaBasePath,e.chunkSize,e.storeFingerprintForResuming,e.retryDelays,e.parallelUploads,e.parallelChunkSize,e.uploadStrategy,e.smartChunking,e.networkMonitoring,e.uploadMetrics,e.connectionPooling,e.auth,e.onEvent]),config:e}}const m=e(null);function h({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=p({...n,onEvent:o}),l=t(e=>(r.current.add(e),()=>{r.current.delete(e)}),[]),u=i(()=>({...s,subscribeToEvents:l}),[s,l]);return c(m.Provider,{value:u,children:e})}function g(){let e=n(m);if(e===null)throw Error(`useUploadistaContext must be used within an UploadistaProvider. Make sure to wrap your component tree with <UploadistaProvider>.`);return e}function _(e){let n=g(),[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])},[]),m=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)},[]),h=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:m,startUpload:h,abortUpload:_,abortAll:v,clear:y,retryUpload:b,isUploading:x.activeUploads>0}}const v={isDragging:!1,isOver:!1,isValid:!0,errors:[]};function y(e={}){let{accept:n,maxFiles:r,maxFileSize:i,multiple:s=!0,validator:c,onFilesReceived:l,onValidationError:u,onDragStateChange:d}=e,[f,p]=o(v),m=a(null),h=a(0),g=t(e=>{p(t=>({...t,...e}))},[]),_=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=_(t);n.length>0?(g({errors:n,isValid:!1}),u?.(n)):(g({errors:[],isValid:!0}),l?.(t))},[_,g,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&&(g({isDragging:!0,isOver:!0}),d?.(!0))},[g,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&&(g({isDragging:!1,isOver:!1,errors:[]}),d?.(!1))},[g,d]),w=t(e=>{if(e.preventDefault(),e.stopPropagation(),h.current=0,g({isDragging:!1,isOver:!1}),d?.(!1),e.dataTransfer){let t=b(e.dataTransfer);t.length>0&&y(t)}},[g,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(v),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 b(e){let t=e;return t.eventType===d.FlowStart||t.eventType===d.FlowEnd||t.eventType===d.FlowError||t.eventType===d.NodeStart||t.eventType===d.NodeEnd||t.eventType===d.NodePause||t.eventType===d.NodeResume||t.eventType===d.NodeError}const x={status:`idle`,progress:0,bytesUploaded:0,totalBytes:null,error:null,result:null,jobId:null,flowStarted:!1,currentNodeName:null,currentNodeType:null,flowOutputs:null};function S(e){let n=g(),[i,s]=o(x),c=a(null);return r(()=>(c.current=new l(async(e,t,r)=>{let i=await n.client.uploadWithFlow(e,t,{onJobStart:r.onJobStart,onProgress:r.onProgress,onChunkComplete:r.onChunkComplete,onSuccess:r.onSuccess,onError:r.onError,onShouldRetry:r.onShouldRetry});return{abort:async()=>{await i.abort()},pause:async()=>{await i.pause()}}},{onStateChange:s,onProgress:e.onProgress,onChunkComplete:e.onChunkComplete,onFlowComplete:e.onFlowComplete,onSuccess:e.onSuccess,onError:e.onError,onAbort:e.onAbort},e),()=>{c.current?.cleanup()}),[n]),r(()=>n.subscribeToEvents(e=>{if(b(e)){console.log(`[useFlowUpload] Flow event received:`,e.eventType,`jobId:`,e.jobId,`current:`,c.current?.getJobId()),c.current?.handleFlowEvent(e);return}let t=e;if(t.type===f.UPLOAD_PROGRESS&&t.flow?.jobId===c.current?.getJobId()&&t.data){let{progress:e,total:n}=t.data;c.current?.handleUploadProgress(t.data.id,e,n)}}),[n]),{state:i,upload:t(async e=>{await c.current?.upload(e)},[]),abort:t(()=>{c.current?.abort()},[]),pause:t(()=>{c.current?.pause()},[]),reset:t(()=>{c.current?.reset()},[]),isUploading:i.status===`uploading`||i.status===`processing`,isUploadingFile:i.status===`uploading`,isProcessing:i.status===`processing`}}function C(e={}){let n=g(),{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})},[]),m=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]),h=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),h(),m()},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),h(),m()},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),h(),m()}})()},[r,n,e,p,m]),_={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}),h()}},[h]),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(()=>h(),0))},[h]),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),h()},[r,h]),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 w={status:`idle`,progress:0,bytesUploaded:0,totalBytes:null,error:null,result:null};function T(e={}){let n=g(),[i,s]=o(w),c=a(null);return r(()=>(c.current=new u((e,t)=>n.client.upload(e,t),{onStateChange:s,onProgress:e.onProgress,onChunkComplete:e.onChunkComplete,onSuccess:e.onSuccess,onError:e.onError,onAbort:e.onAbort},{metadata:e.metadata,uploadLengthDeferred:e.uploadLengthDeferred,uploadSize:e.uploadSize,onShouldRetry:e.onShouldRetry}),()=>{c.current?.cleanup()}),[n,e]),{state:i,upload:t(e=>{c.current?.upload(e)},[]),abort:t(()=>{c.current?.abort()},[]),reset:t(()=>{c.current?.reset()},[]),retry:t(()=>{c.current?.retry()},[]),isUploading:i.status===`uploading`,canRetry:c.current?.canRetry()??!1,metrics:{getInsights:()=>n.client.getChunkingInsights(),exportMetrics:()=>n.client.exportMetrics(),getNetworkMetrics:()=>n.client.getNetworkMetrics(),getNetworkCondition:()=>n.client.getNetworkCondition(),resetMetrics:()=>n.client.resetMetrics()}}}export{_ as a,p as c,y as i,C as n,h as o,S as r,g as s,T as t};
-//# sourceMappingURL=use-upload-BNiPsNBv.mjs.map