@gallop.software/studio 1.4.7 → 1.5.0

package/dist/{StudioUI-TP2Y3ZEL.mjs → StudioUI-7QQIKNTF.mjs}

@@ -4282,7 +4282,9 @@ function StudioDetailView() {
   const [showR2SetupModal, setShowR2SetupModal] = useState8(false);
   const [alertMessage, setAlertMessage] = useState8(null);
   const [showCopied, setShowCopied] = useState8(false);
+  const [generatingFavicon, setGeneratingFavicon] = useState8(false);
   const isActionInProgress = actionState.showProgress;
+  const isFaviconSource = focusedItem ? focusedItem.name.toLowerCase() === "favicon.png" || focusedItem.name.toLowerCase() === "favicon.jpg" : false;
   if (!focusedItem) return null;
   const isImage = isImageFile(focusedItem.name);
   const isVideo = isVideoFile(focusedItem.name);
@@ -4329,6 +4331,39 @@ function StudioDetailView() {
       }
     }
   };
+  const handleGenerateFavicons = async () => {
+    if (!focusedItem) return;
+    setGeneratingFavicon(true);
+    try {
+      const response = await fetch("/api/studio/generate-favicon", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          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"
+        });
+      }
+    } catch (error) {
+      console.error("Favicon generation error:", error);
+      setAlertMessage({
+        title: "Generation Failed",
+        message: "An error occurred while generating favicons"
+      });
+    } finally {
+      setGeneratingFavicon(false);
+    }
+  };
   const renderMedia = () => {
     if (isImage) {
       return /* @__PURE__ */ jsx8("img", { css: styles8.image, src: imageSrc, alt: focusedItem.name });
@@ -4475,6 +4510,18 @@ function StudioDetailView() {
                 ]
               }
             ),
+            isFaviconSource && /* @__PURE__ */ jsxs8(
+              "button",
+              {
+                css: styles8.actionBtn,
+                onClick: handleGenerateFavicons,
+                disabled: generatingFavicon || focusedItem.isProtected,
+                children: [
+                  /* @__PURE__ */ jsx8("svg", { css: styles8.actionIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx8("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"
+                ]
+              }
+            ),
             /* @__PURE__ */ jsxs8(
               "button",
               {
@@ -6104,4 +6151,4 @@ export {
   StudioUI,
   StudioUI_default as default
 };
-//# sourceMappingURL=StudioUI-TP2Y3ZEL.mjs.map
+//# sourceMappingURL=StudioUI-7QQIKNTF.mjs.map