@optifye/dashboard-core 6.5.1 → 6.5.2

package/dist/index.d.mts

@@ -1232,6 +1232,14 @@ declare class S3ClipsService {
      * Fetch clips (main method for compatibility)
      */
     fetchClips(params: S3ClipsAPIParams): Promise<BottleneckVideoData[] | VideoSummary>;
+    /**
+     * Batch fetch multiple videos in parallel
+     */
+    batchFetchVideos(workspaceId: string, date: string, shiftId: string | number, requests: Array<{
+        category: string;
+        index: number;
+        includeMetadata?: boolean;
+    }>): Promise<BottleneckVideoData[]>;
     /**
      * Get videos page using pagination API
      */

package/dist/index.d.ts

@@ -1232,6 +1232,14 @@ declare class S3ClipsService {
      * Fetch clips (main method for compatibility)
      */
     fetchClips(params: S3ClipsAPIParams): Promise<BottleneckVideoData[] | VideoSummary>;
+    /**
+     * Batch fetch multiple videos in parallel
+     */
+    batchFetchVideos(workspaceId: string, date: string, shiftId: string | number, requests: Array<{
+        category: string;
+        index: number;
+        includeMetadata?: boolean;
+    }>): Promise<BottleneckVideoData[]>;
     /**
      * Get videos page using pagination API
      */

package/dist/index.js

@@ -4152,6 +4152,23 @@ var S3ClipsAPIClient = class {
       };
     });
   }
+  /**
+   * Batch fetch multiple videos in parallel
+   */
+  async batchFetchVideos(workspaceId, date, shiftId, requests) {
+    const batchKey = `batch:${workspaceId}:${date}:${shiftId}:${requests.length}`;
+    return this.deduplicate(batchKey, async () => {
+      const response = await this.fetchWithAuth("/api/clips/batch", {
+        workspaceId,
+        date,
+        shift: shiftId.toString(),
+        requests,
+        sopCategories: this.sopCategories
+      });
+      console.log(`[S3ClipsAPIClient] Batch fetched ${response.videos.length} videos in ${response.performance.duration}ms`);
+      return response.videos;
+    });
+  }
   /**
    * Convert S3 URI to CloudFront URL
    * In the API client, URLs are already signed from the server
@@ -4435,6 +4452,23 @@ var S3ClipsService = class {
     );
     return result.videos;
   }
+  /**
+   * Batch fetch multiple videos in parallel
+   */
+  async batchFetchVideos(workspaceId, date, shiftId, requests) {
+    try {
+      const results = await this.apiClient.batchFetchVideos(
+        workspaceId,
+        date,
+        shiftId,
+        requests
+      );
+      return results.map((r2) => r2.video).filter((v) => v !== null);
+    } catch (error) {
+      console.error("[S3ClipsService] Error batch fetching videos:", error);
+      return [];
+    }
+  }
   /**
    * Get videos page using pagination API
    */
@@ -27024,44 +27058,73 @@ var BottlenecksContent = ({
     if (indicesToLoad.length === 0) return;
     console.log(`[ensureVideosLoaded] Preloading ${indicesToLoad.length} videos around index ${centerIndex}: [${indicesToLoad.join(", ")}]`);
     indicesToLoad.forEach((idx) => loadingVideosRef.current.add(idx));
-    const loadPromises = indicesToLoad.map(async (index) => {
-      try {
-        let video = null;
-        if (!video) {
-          const operationalDate = date || getOperationalDate();
-          const shiftStr = effectiveShift;
-          video = await s3ClipsService.getClipByIndex(
+    const operationalDate = date || getOperationalDate();
+    const shiftStr = effectiveShift;
+    console.log(`[ensureVideosLoaded] Batch fetching ${indicesToLoad.length} videos in parallel`);
+    try {
+      const batchRequests = indicesToLoad.map((index) => ({
+        category: effectiveFilter,
+        index,
+        includeMetadata: false
+        // No metadata during bulk preloading
+      }));
+      const videos = await s3ClipsService.batchFetchVideos(
+        workspaceId,
+        operationalDate,
+        shiftStr,
+        batchRequests
+      );
+      if (videos.length > 0 && isMountedRef.current) {
+        videos.forEach((video, idx) => {
+          if (video) {
+            setAllVideos((prev) => {
+              const exists = prev.some((v) => v.id === video.id);
+              if (!exists) {
+                return [...prev, video];
+              }
+              return prev;
+            });
+            const originalIndex = indicesToLoad[idx];
+            loadedIndices.add(originalIndex);
+            preloadVideoUrl(video.src);
+          }
+        });
+        console.log(`[ensureVideosLoaded] Successfully loaded ${videos.length} videos in batch`);
+      }
+    } catch (error2) {
+      console.error("[ensureVideosLoaded] Batch fetch failed:", error2);
+      const loadPromises = indicesToLoad.map(async (index) => {
+        try {
+          const video = await s3ClipsService.getClipByIndex(
             workspaceId,
             operationalDate,
             shiftStr,
             effectiveFilter,
             index,
             true,
-            // includeCycleTime - OK for preloading
+            // includeCycleTime
             false
-            // includeMetadata - NO metadata during bulk preloading to prevent flooding
+            // includeMetadata
           );
+          if (video && isMountedRef.current) {
+            setAllVideos((prev) => {
+              const exists = prev.some((v) => v.id === video.id);
+              if (!exists) {
+                return [...prev, video];
+              }
+              return prev;
+            });
+            loadedIndices.add(index);
+            preloadVideoUrl(video.src);
+          }
+        } catch (err) {
+          console.warn(`[ensureVideosLoaded] Failed to load video at index ${index}:`, err);
         }
-        if (video && isMountedRef.current) {
-          setAllVideos((prev) => {
-            const exists = prev.some((v) => v.id === video.id);
-            if (!exists) {
-              return [...prev, video];
-            }
-            return prev;
-          });
-          loadedIndices.add(index);
-          preloadVideoUrl(video.src);
-        }
-      } catch (error2) {
-        console.warn(`[ensureVideosLoaded] Failed to load video at index ${index}:`, error2);
-      } finally {
-        loadingVideosRef.current.delete(index);
-      }
-    });
-    Promise.all(loadPromises).catch((err) => {
-      console.warn("[ensureVideosLoaded] Some videos failed to preload:", err);
-    });
+      });
+      await Promise.all(loadPromises);
+    } finally {
+      indicesToLoad.forEach((idx) => loadingVideosRef.current.delete(idx));
+    }
   }, [s3ClipsService, workspaceId, clipCounts, sopCategories, date, effectiveShift]);
   const loadFirstVideoForCategory = React19.useCallback(async (category) => {
     if (!workspaceId || !s3ClipsService || !isMountedRef.current) return;

package/dist/index.mjs

@@ -4122,6 +4122,23 @@ var S3ClipsAPIClient = class {
       };
     });
   }
+  /**
+   * Batch fetch multiple videos in parallel
+   */
+  async batchFetchVideos(workspaceId, date, shiftId, requests) {
+    const batchKey = `batch:${workspaceId}:${date}:${shiftId}:${requests.length}`;
+    return this.deduplicate(batchKey, async () => {
+      const response = await this.fetchWithAuth("/api/clips/batch", {
+        workspaceId,
+        date,
+        shift: shiftId.toString(),
+        requests,
+        sopCategories: this.sopCategories
+      });
+      console.log(`[S3ClipsAPIClient] Batch fetched ${response.videos.length} videos in ${response.performance.duration}ms`);
+      return response.videos;
+    });
+  }
   /**
    * Convert S3 URI to CloudFront URL
    * In the API client, URLs are already signed from the server
@@ -4405,6 +4422,23 @@ var S3ClipsService = class {
     );
     return result.videos;
   }
+  /**
+   * Batch fetch multiple videos in parallel
+   */
+  async batchFetchVideos(workspaceId, date, shiftId, requests) {
+    try {
+      const results = await this.apiClient.batchFetchVideos(
+        workspaceId,
+        date,
+        shiftId,
+        requests
+      );
+      return results.map((r2) => r2.video).filter((v) => v !== null);
+    } catch (error) {
+      console.error("[S3ClipsService] Error batch fetching videos:", error);
+      return [];
+    }
+  }
   /**
    * Get videos page using pagination API
    */
@@ -26994,44 +27028,73 @@ var BottlenecksContent = ({
     if (indicesToLoad.length === 0) return;
     console.log(`[ensureVideosLoaded] Preloading ${indicesToLoad.length} videos around index ${centerIndex}: [${indicesToLoad.join(", ")}]`);
     indicesToLoad.forEach((idx) => loadingVideosRef.current.add(idx));
-    const loadPromises = indicesToLoad.map(async (index) => {
-      try {
-        let video = null;
-        if (!video) {
-          const operationalDate = date || getOperationalDate();
-          const shiftStr = effectiveShift;
-          video = await s3ClipsService.getClipByIndex(
+    const operationalDate = date || getOperationalDate();
+    const shiftStr = effectiveShift;
+    console.log(`[ensureVideosLoaded] Batch fetching ${indicesToLoad.length} videos in parallel`);
+    try {
+      const batchRequests = indicesToLoad.map((index) => ({
+        category: effectiveFilter,
+        index,
+        includeMetadata: false
+        // No metadata during bulk preloading
+      }));
+      const videos = await s3ClipsService.batchFetchVideos(
+        workspaceId,
+        operationalDate,
+        shiftStr,
+        batchRequests
+      );
+      if (videos.length > 0 && isMountedRef.current) {
+        videos.forEach((video, idx) => {
+          if (video) {
+            setAllVideos((prev) => {
+              const exists = prev.some((v) => v.id === video.id);
+              if (!exists) {
+                return [...prev, video];
+              }
+              return prev;
+            });
+            const originalIndex = indicesToLoad[idx];
+            loadedIndices.add(originalIndex);
+            preloadVideoUrl(video.src);
+          }
+        });
+        console.log(`[ensureVideosLoaded] Successfully loaded ${videos.length} videos in batch`);
+      }
+    } catch (error2) {
+      console.error("[ensureVideosLoaded] Batch fetch failed:", error2);
+      const loadPromises = indicesToLoad.map(async (index) => {
+        try {
+          const video = await s3ClipsService.getClipByIndex(
             workspaceId,
             operationalDate,
             shiftStr,
             effectiveFilter,
             index,
             true,
-            // includeCycleTime - OK for preloading
+            // includeCycleTime
             false
-            // includeMetadata - NO metadata during bulk preloading to prevent flooding
+            // includeMetadata
           );
+          if (video && isMountedRef.current) {
+            setAllVideos((prev) => {
+              const exists = prev.some((v) => v.id === video.id);
+              if (!exists) {
+                return [...prev, video];
+              }
+              return prev;
+            });
+            loadedIndices.add(index);
+            preloadVideoUrl(video.src);
+          }
+        } catch (err) {
+          console.warn(`[ensureVideosLoaded] Failed to load video at index ${index}:`, err);
         }
-        if (video && isMountedRef.current) {
-          setAllVideos((prev) => {
-            const exists = prev.some((v) => v.id === video.id);
-            if (!exists) {
-              return [...prev, video];
-            }
-            return prev;
-          });
-          loadedIndices.add(index);
-          preloadVideoUrl(video.src);
-        }
-      } catch (error2) {
-        console.warn(`[ensureVideosLoaded] Failed to load video at index ${index}:`, error2);
-      } finally {
-        loadingVideosRef.current.delete(index);
-      }
-    });
-    Promise.all(loadPromises).catch((err) => {
-      console.warn("[ensureVideosLoaded] Some videos failed to preload:", err);
-    });
+      });
+      await Promise.all(loadPromises);
+    } finally {
+      indicesToLoad.forEach((idx) => loadingVideosRef.current.delete(idx));
+    }
   }, [s3ClipsService, workspaceId, clipCounts, sopCategories, date, effectiveShift]);
   const loadFirstVideoForCategory = useCallback(async (category) => {
     if (!workspaceId || !s3ClipsService || !isMountedRef.current) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optifye/dashboard-core",
-  "version": "6.5.1",
+  "version": "6.5.2",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",