@gallop.software/studio 1.5.0 → 1.5.1

package/dist/{StudioUI-MZENRXN3.js → StudioUI-GULMXZQF.js}

@@ -4282,7 +4282,14 @@ function StudioDetailView() {
   const [showR2SetupModal, setShowR2SetupModal] = _react.useState.call(void 0, false);
   const [alertMessage, setAlertMessage] = _react.useState.call(void 0, null);
   const [showCopied, setShowCopied] = _react.useState.call(void 0, false);
-  const [generatingFavicon, setGeneratingFavicon] = _react.useState.call(void 0, false);
+  const [showFaviconProgress, setShowFaviconProgress] = _react.useState.call(void 0, false);
+  const [faviconProgress, setFaviconProgress] = _react.useState.call(void 0, {
+    current: 0,
+    total: 3,
+    percent: 0,
+    status: "processing",
+    message: "Generating favicons..."
+  });
   const isActionInProgress = actionState.showProgress;
   const isFaviconSource = focusedItem ? focusedItem.name.toLowerCase() === "favicon.png" || focusedItem.name.toLowerCase() === "favicon.jpg" : false;
   if (!focusedItem) return null;
@@ -4333,7 +4340,14 @@ function StudioDetailView() {
   };
   const handleGenerateFavicons = async () => {
     if (!focusedItem) return;
-    setGeneratingFavicon(true);
+    setShowFaviconProgress(true);
+    setFaviconProgress({
+      current: 0,
+      total: 3,
+      percent: 0,
+      status: "processing",
+      message: "Generating favicons..."
+    });
     try {
       const response = await fetch("/api/studio/generate-favicon", {
         method: "POST",
@@ -4342,26 +4356,74 @@ function StudioDetailView() {
           imagePath: "/" + focusedItem.path.replace(/^public\//, "")
         })
       });
-      const data = await response.json();
-      if (response.ok && data.success) {
-        setAlertMessage({
-          title: "Favicons Generated",
-          message: data.message + " Files saved to src/app/"
-        });
-      } else {
-        setAlertMessage({
-          title: "Generation Failed",
-          message: data.error || data.message || "Failed to generate favicons"
+      if (!response.ok) {
+        const error = await response.json();
+        setFaviconProgress({
+          current: 0,
+          total: 3,
+          percent: 0,
+          status: "error",
+          message: error.error || "Failed to generate favicons"
         });
+        return;
+      }
+      const reader = _optionalChain([response, 'access', _42 => _42.body, 'optionalAccess', _43 => _43.getReader, 'call', _44 => _44()]);
+      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") {
+                  setFaviconProgress((prev) => ({
+                    ...prev,
+                    total: data.total
+                  }));
+                } else if (data.type === "progress") {
+                  setFaviconProgress({
+                    current: data.current,
+                    total: data.total,
+                    percent: data.percent,
+                    status: "processing",
+                    message: data.message
+                  });
+                } else if (data.type === "complete") {
+                  setFaviconProgress({
+                    current: data.processed,
+                    total: data.processed,
+                    percent: 100,
+                    status: data.errors > 0 ? "error" : "complete",
+                    message: data.message
+                  });
+                } else if (data.type === "error") {
+                  setFaviconProgress((prev) => ({
+                    ...prev,
+                    status: "error",
+                    message: data.message
+                  }));
+                }
+              } catch (e4) {
+              }
+            }
+          }
+        }
       }
     } catch (error) {
       console.error("Favicon generation error:", error);
-      setAlertMessage({
-        title: "Generation Failed",
+      setFaviconProgress({
+        current: 0,
+        total: 3,
+        percent: 0,
+        status: "error",
         message: "An error occurred while generating favicons"
       });
-    } finally {
-      setGeneratingFavicon(false);
     }
   };
   const renderMedia = () => {
@@ -4404,6 +4466,14 @@ function StudioDetailView() {
         onCancel: () => setShowRenameModal(false)
       }
     ),
+    showFaviconProgress && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ProgressModal,
+      {
+        title: "Generating Favicons",
+        progress: faviconProgress,
+        onClose: () => setShowFaviconProgress(false)
+      }
+    ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: styles8.overlay, onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.container, onClick: (e) => e.stopPropagation(), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.main, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: styles8.headerButtons, children: [
@@ -4515,10 +4585,10 @@ function StudioDetailView() {
               {
                 css: styles8.actionBtn,
                 onClick: handleGenerateFavicons,
-                disabled: generatingFavicon || focusedItem.isProtected,
+                disabled: showFaviconProgress || focusedItem.isProtected,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" }) }),
-                  generatingFavicon ? "Generating..." : "Generate Favicons"
+                  "Generate Favicons"
                 ]
               }
             ),
@@ -5261,7 +5331,7 @@ function useStudioActions({
         });
         return;
       }
-      const reader = _optionalChain([response, 'access', _42 => _42.body, 'optionalAccess', _43 => _43.getReader, 'call', _44 => _44()]);
+      const reader = _optionalChain([response, 'access', _45 => _45.body, 'optionalAccess', _46 => _46.getReader, 'call', _47 => _47()]);
       const decoder = new TextDecoder();
       if (reader) {
         let buffer = "";
@@ -5291,7 +5361,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', _45 => _45.errorMessages, 'optionalAccess', _46 => _46.length]) > 0) {
+                  if (data.errors > 0 && _optionalChain([data, 'access', _48 => _48.errorMessages, 'optionalAccess', _49 => _49.length]) > 0) {
                     showError("Move Failed", data.errorMessages.join("\n"));
                   }
                   clearSelection();
@@ -5304,7 +5374,7 @@ function useStudioActions({
                     message: data.message || "Unknown error"
                   }));
                 }
-              } catch (e4) {
+              } catch (e5) {
               }
             }
           }
@@ -5419,7 +5489,7 @@ function useStudioActions({
         });
         return;
       }
-      const reader = _optionalChain([response, 'access', _47 => _47.body, 'optionalAccess', _48 => _48.getReader, 'call', _49 => _49()]);
+      const reader = _optionalChain([response, 'access', _50 => _50.body, 'optionalAccess', _51 => _51.getReader, 'call', _52 => _52()]);
       const decoder = new TextDecoder();
       if (reader) {
         let buffer = "";
@@ -5468,7 +5538,7 @@ function useStudioActions({
                     message: data.message
                   }));
                 }
-              } catch (e5) {
+              } catch (e6) {
               }
             }
           }
@@ -5508,7 +5578,7 @@ function useStudioActions({
         setProgressState((prev) => ({
           ...prev,
           orphanedFiles: void 0,
-          message: _optionalChain([prev, 'access', _50 => _50.message, 'optionalAccess', _51 => _51.replace, 'call', _52 => _52(/Found \d+ orphaned thumbnail\(s\).*/, "Orphaned thumbnails deleted.")])
+          message: _optionalChain([prev, 'access', _53 => _53.message, 'optionalAccess', _54 => _54.replace, 'call', _55 => _55(/Found \d+ orphaned thumbnail\(s\).*/, "Orphaned thumbnails deleted.")])
         }));
         triggerRefresh();
       } else {
@@ -6151,4 +6221,4 @@ var StudioUI_default = StudioUI;
 
 
 exports.StudioUI = StudioUI; exports.default = StudioUI_default;
-//# sourceMappingURL=StudioUI-MZENRXN3.js.map
+//# sourceMappingURL=StudioUI-GULMXZQF.js.map