@gallop.software/studio 1.4.1 → 1.4.2

package/dist/{StudioUI-HLMTACHJ.mjs → StudioUI-TTBNASM5.mjs}

@@ -1741,15 +1741,13 @@ var styles5 = {
   `
 };
 function StudioToolbar() {
-  const { selectedItems, viewMode, setViewMode, clearSelection, currentPath, triggerRefresh, focusedItem, scanRequested, clearScanRequest, fileItems } = useStudio();
+  const { selectedItems, viewMode, setViewMode, clearSelection, currentPath, triggerRefresh, focusedItem, scanRequested, clearScanRequest, fileItems, requestProcess, actionState } = useStudio();
   const fileInputRef = useRef2(null);
   const abortControllerRef = useRef2(null);
   const [showAddNewModal, setShowAddNewModal] = useState4(false);
   const [uploading, setUploading] = useState4(false);
   const [scanning, setScanning] = useState4(false);
-  const [processing, setProcessing] = useState4(false);
   const [showDeleteConfirm, setShowDeleteConfirm] = useState4(false);
-  const [showProcessConfirm, setShowProcessConfirm] = useState4(false);
   const [showSyncConfirm, setShowSyncConfirm] = useState4(false);
   const [syncImageCount, setSyncImageCount] = useState4(0);
   const [syncHasRemote, setSyncHasRemote] = useState4(false);
@@ -1762,9 +1760,6 @@ function StudioToolbar() {
     percent: 0,
     status: "processing"
   });
-  const [processCount, setProcessCount] = useState4(0);
-  const [processMode, setProcessMode] = useState4("all");
-  const [imagesToProcess, setImagesToProcess] = useState4([]);
   const [alertMessage, setAlertMessage] = useState4(null);
   const [showNewFolderModal, setShowNewFolderModal] = useState4(false);
   const [showRenameFolderModal, setShowRenameFolderModal] = useState4(false);
@@ -1999,234 +1994,29 @@ function StudioToolbar() {
         });
         return;
       }
-      setProcessCount(selectedImagePaths.length);
-      setImagesToProcess(selectedImagePaths);
-      setProcessMode("selected");
-      setShowProcessConfirm(true);
+      requestProcess(selectedImagePaths);
     } else {
       try {
         const response = await fetch("/api/studio/count-images");
         const data = await response.json();
-        if (data.count === 0) {
+        if (!data.images || data.images.length === 0) {
           setAlertMessage({
             title: "No Images Found",
             message: "No images found in the public folder to process."
           });
           return;
         }
-        setProcessCount(data.count);
-        setProcessMode("all");
-        setShowProcessConfirm(true);
+        const allImagePaths = data.images.map((img) => `public/${img}`);
+        requestProcess(allImagePaths);
       } catch (error) {
-        console.error("Failed to count images:", error);
+        console.error("Failed to get images:", error);
         setAlertMessage({
           title: "Error",
-          message: "Failed to count images."
+          message: "Failed to get images."
         });
       }
     }
-  }, [selectedItems]);
-  const handleProcessConfirm = useCallback2(async () => {
-    setShowProcessConfirm(false);
-    setProcessing(true);
-    abortControllerRef.current = new AbortController();
-    const signal = abortControllerRef.current.signal;
-    try {
-      if (processMode === "all") {
-        setProgressTitle("Processing Images");
-        setShowProgress(true);
-        setProgressState({
-          current: 0,
-          total: processCount,
-          percent: 0,
-          status: "processing"
-        });
-        const response = await fetch("/api/studio/process-all", {
-          method: "POST",
-          signal
-        });
-        if (!response.body) {
-          throw new Error("No response body");
-        }
-        const reader = response.body.getReader();
-        const decoder = new TextDecoder();
-        try {
-          while (true) {
-            const { done, value } = await reader.read();
-            if (done) break;
-            if (signal.aborted) {
-              reader.cancel();
-              break;
-            }
-            const text = decoder.decode(value);
-            const lines = text.split("\n\n").filter((line) => line.startsWith("data: "));
-            for (const line of lines) {
-              try {
-                const data = JSON.parse(line.replace("data: ", ""));
-                if (data.type === "start") {
-                  setProgressState((prev) => ({
-                    ...prev,
-                    total: data.total
-                  }));
-                } else if (data.type === "progress") {
-                  setProgressState({
-                    current: data.current,
-                    total: data.total,
-                    percent: data.percent,
-                    currentFile: data.currentFile,
-                    status: "processing"
-                  });
-                } else if (data.type === "cleanup") {
-                  setProgressState((prev) => ({
-                    ...prev,
-                    status: "cleanup",
-                    currentFile: void 0
-                  }));
-                } else if (data.type === "complete") {
-                  setProgressState({
-                    current: data.processed,
-                    total: data.processed,
-                    percent: 100,
-                    status: "complete",
-                    processed: data.processed,
-                    alreadyProcessed: data.alreadyProcessed,
-                    orphansRemoved: data.orphansRemoved,
-                    errors: data.errors
-                  });
-                  triggerRefresh();
-                } else if (data.type === "error") {
-                  setProgressState((prev) => ({
-                    ...prev,
-                    status: "error",
-                    message: data.message
-                  }));
-                }
-              } catch {
-              }
-            }
-          }
-        } catch (err) {
-          if (signal.aborted) {
-            setProgressState((prev) => ({
-              ...prev,
-              status: "stopped",
-              processed: prev.current
-            }));
-            triggerRefresh();
-          } else {
-            throw err;
-          }
-        }
-      } else {
-        setShowProgress(true);
-        setProgressState({
-          current: 0,
-          total: processCount,
-          percent: 0,
-          status: "processing"
-        });
-        const selectedImageKeys = imagesToProcess.map((p) => {
-          const key = p.replace(/^public\//, "");
-          return key.startsWith("/") ? key : `/${key}`;
-        });
-        const response = await fetch("/api/studio/reprocess-stream", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ imageKeys: selectedImageKeys }),
-          signal
-        });
-        if (!response.ok) {
-          const error = await response.json();
-          setProgressState({
-            current: 0,
-            total: 0,
-            percent: 0,
-            status: "error",
-            message: error.error || "Unknown error"
-          });
-        } else {
-          const reader = response.body?.getReader();
-          const decoder = new TextDecoder();
-          if (reader) {
-            let buffer = "";
-            while (true) {
-              const { done, value } = await reader.read();
-              if (done) break;
-              buffer += decoder.decode(value, { stream: true });
-              const lines = buffer.split("\n");
-              buffer = lines.pop() || "";
-              for (const line of lines) {
-                if (line.startsWith("data: ")) {
-                  try {
-                    const data = JSON.parse(line.slice(6));
-                    if (data.type === "start") {
-                      setProgressState((prev) => ({
-                        ...prev,
-                        total: data.total
-                      }));
-                    } else if (data.type === "progress") {
-                      setProgressState({
-                        current: data.current,
-                        total: data.total,
-                        percent: data.percent,
-                        status: "processing",
-                        message: data.message
-                      });
-                    } else if (data.type === "cleanup") {
-                      setProgressState((prev) => ({
-                        ...prev,
-                        status: "cleanup",
-                        message: data.message
-                      }));
-                    } else if (data.type === "complete") {
-                      setProgressState({
-                        current: data.processed,
-                        total: data.processed,
-                        percent: 100,
-                        status: data.errors > 0 ? "error" : "complete",
-                        processed: data.processed,
-                        message: data.message
-                      });
-                      clearSelection();
-                      triggerRefresh();
-                    } else if (data.type === "error") {
-                      setProgressState((prev) => ({
-                        ...prev,
-                        status: "error",
-                        message: data.message
-                      }));
-                    }
-                  } catch {
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    } catch (error) {
-      if (signal.aborted) {
-        setProgressState((prev) => ({
-          ...prev,
-          status: "stopped",
-          processed: prev.current
-        }));
-        triggerRefresh();
-      } else {
-        console.error("Processing error:", error);
-        setProgressState({
-          current: 0,
-          total: 0,
-          percent: 0,
-          status: "error",
-          message: "Processing failed. Check console for details."
-        });
-      }
-    } finally {
-      setProcessing(false);
-      abortControllerRef.current = null;
-    }
-  }, [processMode, processCount, imagesToProcess, clearSelection, triggerRefresh]);
+  }, [selectedItems, requestProcess]);
   const handleStopProcessing = useCallback2(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
@@ -2605,16 +2395,6 @@ function StudioToolbar() {
         onCancel: () => setShowSyncConfirm(false)
       }
     ),
-    showProcessConfirm && /* @__PURE__ */ jsx5(
-      ConfirmModal,
-      {
-        title: "Process Images",
-        message: processMode === "all" ? `Found ${processCount} image${processCount !== 1 ? "s" : ""} in the public folder. This will regenerate all thumbnails and remove any orphaned files from the images folder.` : `Process ${processCount} selected image${processCount !== 1 ? "s" : ""}? This will regenerate thumbnails for these files.`,
-        confirmLabel: processing ? "Processing..." : "Process",
-        onConfirm: handleProcessConfirm,
-        onCancel: () => setShowProcessConfirm(false)
-      }
-    ),
     showProgress && /* @__PURE__ */ jsx5(
       ProgressModal,
       {
@@ -2738,11 +2518,11 @@ function StudioToolbar() {
           {
             css: styles5.btn,
             onClick: handleProcessImages,
-            disabled: processing || isInImagesFolder,
+            disabled: actionState.showProgress || isInImagesFolder,
             title: isInImagesFolder ? "Cannot process images folder" : void 0,
             children: [
               /* @__PURE__ */ jsx5(ImageStackIcon, {}),
-              processing ? "Processing..." : "Process Images"
+              "Process Images"
             ]
           }
         ),
@@ -6324,4 +6104,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-HLMTACHJ.mjs.map
+//# sourceMappingURL=StudioUI-TTBNASM5.mjs.map