@gallop.software/studio 0.1.86 → 0.1.87

package/dist/{StudioUI-QTKNMFLF.mjs → StudioUI-6HTM3QHM.mjs}

@@ -1266,6 +1266,8 @@ function StudioToolbar() {
   const [processing, setProcessing] = useState3(false);
   const [showDeleteConfirm, setShowDeleteConfirm] = useState3(false);
   const [showProcessConfirm, setShowProcessConfirm] = useState3(false);
+  const [showSyncConfirm, setShowSyncConfirm] = useState3(false);
+  const [syncImageCount, setSyncImageCount] = useState3(0);
   const [showProgress, setShowProgress] = useState3(false);
   const [progressState, setProgressState] = useState3({
     current: 0,
@@ -1631,7 +1633,7 @@ function StudioToolbar() {
       });
     }
   }, [selectedItems, clearSelection, triggerRefresh]);
-  const handleSyncCdn = useCallback(async () => {
+  const handleSyncClick = useCallback(async () => {
     if (selectedItems.size === 0) return;
     const selectedPaths2 = Array.from(selectedItems);
     const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp", "svg", "ico", "bmp", "tiff", "tif"];
@@ -1656,14 +1658,42 @@ function StudioToolbar() {
         console.error("Failed to get folder images:", error);
       }
     }
-    const imageKeys = selectedImagePaths.map((p) => "/" + p.replace(/^public\//, ""));
-    if (imageKeys.length === 0) {
+    if (selectedImagePaths.length === 0) {
       setAlertMessage({
         title: "No Images Found",
         message: "No images found in the selected items."
       });
       return;
     }
+    setSyncImageCount(selectedImagePaths.length);
+    setShowSyncConfirm(true);
+  }, [selectedItems]);
+  const handleSyncConfirm = useCallback(async () => {
+    setShowSyncConfirm(false);
+    const selectedPaths2 = Array.from(selectedItems);
+    const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp", "svg", "ico", "bmp", "tiff", "tif"];
+    const selectedImagePaths = selectedPaths2.filter((p) => {
+      const ext = p.split(".").pop()?.toLowerCase() || "";
+      return imageExtensions.includes(ext);
+    });
+    const selectedFolders = selectedPaths2.filter((p) => !p.includes(".") || p.endsWith("/"));
+    if (selectedFolders.length > 0) {
+      try {
+        const response = await fetch(`/api/studio/folder-images?folders=${encodeURIComponent(selectedFolders.join(","))}`);
+        const data = await response.json();
+        if (data.images) {
+          for (const img of data.images) {
+            const fullPath = `public/${img}`;
+            if (!selectedImagePaths.includes(fullPath)) {
+              selectedImagePaths.push(fullPath);
+            }
+          }
+        }
+      } catch (error) {
+        console.error("Failed to get folder images:", error);
+      }
+    }
+    const imageKeys = selectedImagePaths.map((p) => "/" + p.replace(/^public\//, ""));
     setProgressState({
       current: 0,
       total: imageKeys.length,
@@ -1836,6 +1866,16 @@ function StudioToolbar() {
         onCancel: () => setShowDeleteConfirm(false)
       }
     ),
+    showSyncConfirm && /* @__PURE__ */ jsx4(
+      ConfirmModal,
+      {
+        title: "Sync to CDN",
+        message: `Sync ${syncImageCount} image${syncImageCount !== 1 ? "s" : ""} to Cloudflare R2? Images must be processed first. After syncing, local thumbnails will be deleted.`,
+        confirmLabel: "Sync",
+        onConfirm: handleSyncConfirm,
+        onCancel: () => setShowSyncConfirm(false)
+      }
+    ),
     showProcessConfirm && /* @__PURE__ */ jsx4(
       ConfirmModal,
       {
@@ -1993,7 +2033,7 @@ function StudioToolbar() {
           "button",
           {
             css: styles4.btn,
-            onClick: handleSyncCdn,
+            onClick: handleSyncClick,
             disabled: !hasSelection,
             children: [
               /* @__PURE__ */ jsx4(CloudIcon, {}),
@@ -4621,4 +4661,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-QTKNMFLF.mjs.map
+//# sourceMappingURL=StudioUI-6HTM3QHM.mjs.map