Update src/components/deploy-button/deploy-button.tsx

src/components/deploy-button/deploy-button.tsx

@@ -2,6 +2,8 @@
 import { useState } from "react";
 import classNames from "classnames";
 import { toast } from "react-toastify";
+import JSZip from "jszip";
+
 
 import SpaceIcon from "@/assets/space.svg";
 import Loading from "../loading/loading";
@@ -73,6 +75,30 @@ function DeployButton({
     }
   };
 
+const downloadZipFile = async () => {
+  const zip = new JSZip();
+
+  // Assume HTML is always present
+  zip.file("index.html", html);
+
+  // Optional: Add more files if available from your generator logic
+  // You may modify this depending on how your app stores code
+  if (state?.reactCode) zip.file("index.tsx", state.reactCode);
+  if (state?.cssCode) zip.file("style.css", state.cssCode);
+  if (state?.jsCode) zip.file("script.js", state.jsCode);
+
+  const blob = await zip.generateAsync({ type: "blob" });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = config.title?.trim()
+    ? `${config.title.trim()}.zip`
+    : "website.zip";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+};
+
   return (
     <div className="relative flex items-center justify-end">
       {auth && (
@@ -99,6 +125,15 @@ function DeployButton({
       >
         {path ? "Update Space" : "Deploy to Space"}
       </button>
+      <div className="pt-2 text-right">
+  <button
+    className="rounded-full bg-gray-800 px-5 py-2 text-white font-semibold text-xs hover:bg-gray-700 transition-all duration-100"
+    onClick={downloadZipFile}
+  >
+    Download Full Source (.zip)
+  </button>
+</div>
+
       <div
         className={classNames(
           "h-screen w-screen bg-black/20 fixed left-0 top-0 z-10",