@gallop.software/studio 1.5.4 → 1.5.6

package/dist/{StudioUI-JNACMWLN.js → StudioUI-2PPNO4QC.js}

@@ -1752,6 +1752,8 @@ function StudioToolbar() {
   const [syncImageCount, setSyncImageCount] = _react.useState.call(void 0, 0);
   const [syncHasRemote, setSyncHasRemote] = _react.useState.call(void 0, false);
   const [syncHasLocal, setSyncHasLocal] = _react.useState.call(void 0, false);
+  const [showDownloadConfirm, setShowDownloadConfirm] = _react.useState.call(void 0, false);
+  const [downloadImageCount, setDownloadImageCount] = _react.useState.call(void 0, 0);
   const [showProgress, setShowProgress] = _react.useState.call(void 0, false);
   const [progressTitle, setProgressTitle] = _react.useState.call(void 0, "Processing Images");
   const [progressState, setProgressState] = _react.useState.call(void 0, {
@@ -2231,6 +2233,106 @@ function StudioToolbar() {
       });
     }
   }, [selectedItems, clearSelection, triggerRefresh]);
+  const handleDownloadClick = _react.useCallback.call(void 0, async () => {
+    if (selectedItems.size === 0) return;
+    const selectedPaths2 = Array.from(selectedItems);
+    const imageExtensions = ["jpg", "jpeg", "png", "gif", "webp", "svg", "ico", "bmp", "tiff", "tif"];
+    const selectedImagePaths = selectedPaths2.filter((p) => {
+      const ext = _optionalChain([p, 'access', _42 => _42.split, 'call', _43 => _43("."), 'access', _44 => _44.pop, 'call', _45 => _45(), 'optionalAccess', _46 => _46.toLowerCase, 'call', _47 => _47()]) || "";
+      return imageExtensions.includes(ext);
+    });
+    if (selectedImagePaths.length === 0) {
+      setAlertMessage({
+        title: "No Images Found",
+        message: "No images found in the selected items."
+      });
+      return;
+    }
+    setDownloadImageCount(selectedImagePaths.length);
+    setShowDownloadConfirm(true);
+  }, [selectedItems]);
+  const handleDownloadConfirm = _react.useCallback.call(void 0, async () => {
+    setShowDownloadConfirm(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 = _optionalChain([p, 'access', _48 => _48.split, 'call', _49 => _49("."), 'access', _50 => _50.pop, 'call', _51 => _51(), 'optionalAccess', _52 => _52.toLowerCase, 'call', _53 => _53()]) || "";
+      return imageExtensions.includes(ext);
+    });
+    const imageKeys = selectedImagePaths.map((p) => "/" + p.replace(/^public\//, ""));
+    setProgressTitle("Downloading from CDN");
+    setShowProgress(true);
+    setProgressState({
+      current: 0,
+      total: imageKeys.length,
+      percent: 0,
+      status: "processing"
+    });
+    try {
+      const response = await fetch("/api/studio/download-stream", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ imageKeys })
+      });
+      if (!response.ok || !response.body) {
+        throw new Error("Download request failed");
+      }
+      const reader = response.body.getReader();
+      const decoder = new TextDecoder();
+      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 === "progress") {
+                setProgressState({
+                  current: data.current,
+                  total: data.total,
+                  percent: Math.round(data.current / data.total * 100),
+                  status: "processing",
+                  message: data.message
+                });
+              } else if (data.type === "complete") {
+                setProgressState({
+                  current: data.total || imageKeys.length,
+                  total: data.total || imageKeys.length,
+                  percent: 100,
+                  status: "complete",
+                  message: data.message
+                });
+              } else if (data.type === "error") {
+                setProgressState({
+                  current: 0,
+                  total: 0,
+                  percent: 0,
+                  status: "error",
+                  message: data.message
+                });
+              }
+            } catch (e3) {
+            }
+          }
+        }
+      }
+      clearSelection();
+      triggerRefresh();
+    } catch (error) {
+      console.error("Download error:", error);
+      setProgressState({
+        current: 0,
+        total: 0,
+        percent: 0,
+        status: "error",
+        message: "Failed to download from CDN."
+      });
+    }
+  }, [selectedItems, clearSelection, triggerRefresh]);
   const handleCreateFolder = _react.useCallback.call(void 0, async (folderName) => {
     setShowNewFolderModal(false);
     try {
@@ -2320,7 +2422,7 @@ function StudioToolbar() {
                 errorMessage: data.message
               }));
             }
-          } catch (e3) {
+          } catch (e4) {
           }
         }
       }
@@ -2349,6 +2451,10 @@ function StudioToolbar() {
     const item = fileItems.find((f) => f.path === path);
     return item && item.cdnPushed && !item.isRemote;
   });
+  const allR2Selection = hasSelection && Array.from(selectedItems).every((path) => {
+    const item = fileItems.find((f) => f.path === path);
+    return item && item.type === "file" && item.cdnPushed && !item.isRemote;
+  });
   const selectedPaths = Array.from(selectedItems);
   const singleFolderSelected = selectedPaths.length === 1 && !selectedPaths[0].includes(".");
   const selectedFolderPath = singleFolderSelected ? selectedPaths[0] : null;
@@ -2395,6 +2501,16 @@ function StudioToolbar() {
         onCancel: () => setShowSyncConfirm(false)
       }
     ),
+    showDownloadConfirm && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ConfirmModal,
+      {
+        title: "Download from CDN",
+        message: `Download ${downloadImageCount} image${downloadImageCount !== 1 ? "s" : ""} from Cloudflare R2 to local storage? Images will be removed from the CDN.`,
+        confirmLabel: "Download",
+        onConfirm: handleDownloadConfirm,
+        onCancel: () => setShowDownloadConfirm(false)
+      }
+    ),
     showProgress && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       ProgressModal,
       {
@@ -2550,7 +2666,18 @@ function StudioToolbar() {
             ]
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        allR2Selection ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            css: styles5.btn,
+            onClick: handleDownloadClick,
+            disabled: !hasSelection,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloudDownloadIcon, {}),
+              "Download"
+            ]
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "button",
           {
             css: styles5.btn,
@@ -2649,6 +2776,9 @@ function MoveIcon() {
 function CloudIcon() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles5.icon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) });
 }
+function CloudDownloadIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles5.icon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" }) });
+}
 function GridIcon() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles5.icon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" }) });
 }
@@ -3163,11 +3293,18 @@ var styles6 = {
   storedLabel: _react3.css`
     display: flex;
     align-items: center;
-    gap: 4px;
-    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
-    color: #f59e0b;
     margin: 2px 0 0 0;
   `,
+  storedIconCloud: _react3.css`
+    width: 16px;
+    height: 16px;
+    color: #f59e0b;
+  `,
+  storedIconRemote: _react3.css`
+    width: 16px;
+    height: 16px;
+    color: #ef4444;
+  `,
   globeIcon: _react3.css`
     width: 18px;
     height: 18px;
@@ -3454,10 +3591,7 @@ function GridItem({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
               item.fileCount,
               " files"
             ] })
-          ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { css: styles6.storedLabel, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles6.folderStatIconRemote : styles6.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
-            "stored"
-          ] }) : item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.size, children: formatFileSize(item.size) })
+          ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.storedLabel, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles6.storedIconRemote : styles6.storedIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }) }) : item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { css: styles6.size, children: formatFileSize(item.size) })
         ] }) }) })
       ]
     }
@@ -3697,10 +3831,17 @@ var styles7 = {
   storedLabel: _react3.css`
     display: flex;
     align-items: center;
-    gap: 4px;
-    font-size: ${_chunkN6JYTJCBjs.fontSize.xs};
+  `,
+  storedIconCloud: _react3.css`
+    width: 16px;
+    height: 16px;
     color: #f59e0b;
   `,
+  storedIconRemote: _react3.css`
+    width: 16px;
+    height: 16px;
+    color: #ef4444;
+  `,
   globeIcon: _react3.css`
     width: 16px;
     height: 16px;
@@ -4057,10 +4198,7 @@ function ListRow({ item, isSelected, onClick, onOpen, onGenerateThumbnail }) {
             " files"
           ] }),
           !item.localCount && !item.cloudCount && !item.remoteCount && item.fileCount === void 0 && "--"
-        ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.storedLabel, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles7.folderStatIconRemote : styles7.folderStatIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }),
-          "stored"
-        ] }) : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
+        ] }) : item.cdnPushed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.storedLabel, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: item.isRemote ? styles7.storedIconRemote : styles7.storedIconCloud, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" }) }) }) : item.size !== void 0 ? formatFileSize2(item.size) : "--" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: [styles7.td, styles7.meta], children: isFolder ? item.totalSize !== void 0 ? formatFileSize2(item.totalSize) : "--" : item.dimensions ? `${item.dimensions.width}x${item.dimensions.height}` : "--" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { css: styles7.td, children: item.cdnPushed ? item.isRemote ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: styles7.cdnBadgeRemote, children: "Remote" }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { css: styles7.cdnBadge, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles7.cdnIcon, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }),
@@ -4490,7 +4628,7 @@ function StudioDetailView() {
         });
         return;
       }
-      const reader = _optionalChain([response, 'access', _42 => _42.body, 'optionalAccess', _43 => _43.getReader, 'call', _44 => _44()]);
+      const reader = _optionalChain([response, 'access', _54 => _54.body, 'optionalAccess', _55 => _55.getReader, 'call', _56 => _56()]);
       const decoder = new TextDecoder();
       if (reader) {
         let buffer = "";
@@ -4532,7 +4670,7 @@ function StudioDetailView() {
                     message: data.message
                   }));
                 }
-              } catch (e4) {
+              } catch (e5) {
               }
             }
           }
@@ -5454,7 +5592,7 @@ function useStudioActions({
         });
         return;
       }
-      const reader = _optionalChain([response, 'access', _45 => _45.body, 'optionalAccess', _46 => _46.getReader, 'call', _47 => _47()]);
+      const reader = _optionalChain([response, 'access', _57 => _57.body, 'optionalAccess', _58 => _58.getReader, 'call', _59 => _59()]);
       const decoder = new TextDecoder();
       if (reader) {
         let buffer = "";
@@ -5484,7 +5622,7 @@ function useStudioActions({
                     status: "complete",
                     message: `Moved ${data.moved} file${data.moved !== 1 ? "s" : ""}${data.errors > 0 ? `, ${data.errors} error${data.errors !== 1 ? "s" : ""}` : ""}`
                   }));
-                  if (data.errors > 0 && _optionalChain([data, 'access', _48 => _48.errorMessages, 'optionalAccess', _49 => _49.length]) > 0) {
+                  if (data.errors > 0 && _optionalChain([data, 'access', _60 => _60.errorMessages, 'optionalAccess', _61 => _61.length]) > 0) {
                     showError("Move Failed", data.errorMessages.join("\n"));
                   }
                   clearSelection();
@@ -5497,7 +5635,7 @@ function useStudioActions({
                     message: data.message || "Unknown error"
                   }));
                 }
-              } catch (e5) {
+              } catch (e6) {
               }
             }
           }
@@ -5612,7 +5750,7 @@ function useStudioActions({
         });
         return;
       }
-      const reader = _optionalChain([response, 'access', _50 => _50.body, 'optionalAccess', _51 => _51.getReader, 'call', _52 => _52()]);
+      const reader = _optionalChain([response, 'access', _62 => _62.body, 'optionalAccess', _63 => _63.getReader, 'call', _64 => _64()]);
       const decoder = new TextDecoder();
       if (reader) {
         let buffer = "";
@@ -5661,7 +5799,7 @@ function useStudioActions({
                     message: data.message
                   }));
                 }
-              } catch (e6) {
+              } catch (e7) {
               }
             }
           }
@@ -5701,7 +5839,7 @@ function useStudioActions({
         setProgressState((prev) => ({
           ...prev,
           orphanedFiles: void 0,
-          message: _optionalChain([prev, 'access', _53 => _53.message, 'optionalAccess', _54 => _54.replace, 'call', _55 => _55(/Found \d+ orphaned thumbnail\(s\).*/, "Orphaned thumbnails deleted.")])
+          message: _optionalChain([prev, 'access', _65 => _65.message, 'optionalAccess', _66 => _66.replace, 'call', _67 => _67(/Found \d+ orphaned thumbnail\(s\).*/, "Orphaned thumbnails deleted.")])
         }));
         triggerRefresh();
       } else {
@@ -6344,4 +6482,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-JNACMWLN.js.map
+//# sourceMappingURL=StudioUI-2PPNO4QC.js.map