Add Download as Zip button

Co-authored-by: Josh Sandlin <[email protected]>

Signed-off-by: Scott Rigby <[email protected]>

Author: scottrigby

chartsmith-app/components/TopNav.tsx

@@ -4,13 +4,18 @@ import Link from "next/link";
 import { useTheme } from "@/contexts/ThemeContext";
 import { StatusDropdown } from "./StatusDropdown";
 import { TtlshModal } from "./TtlshModal";
+import { ZipDownloadModal } from "./ZipDownloadModal";
 
 // Removed evalItems
 
-const exportItems = [{ label: "Push to ttl.sh" }];
+const exportItems = [
+  { label: "Push to ttl.sh" },
+  { label: "Download as Zip" }
+];
 
 export function TopNav() {
   const [showTtlshModal, setShowTtlshModal] = useState(false);
+  const [showZipModal, setShowZipModal] = useState(false);
   const { resolvedTheme } = useTheme();
 
   return (
@@ -43,13 +48,16 @@ export function TopNav() {
             onItemClick={(item) => {
               if (item.label === "Push to ttl.sh") {
                 setShowTtlshModal(true);
+              } else if (item.label === "Download as Zip") {
+                setShowZipModal(true);
               }
             }} 
           />
         </div>
       </nav>
 
       <TtlshModal isOpen={showTtlshModal} onClose={() => setShowTtlshModal(false)} />
+      <ZipDownloadModal isOpen={showZipModal} onClose={() => setShowZipModal(false)} />
     </>
   );
 }

chartsmith-app/package-lock.json

@@ -33,6 +33,7 @@
     "dotenv": "^16.4.7",
     "gunzip-maybe": "^1.4.2",
     "jotai": "^2.12.1",
+    "jszip": "^3.10.1",
     "jsonwebtoken": "^9.0.2",
     "lodash": "^4.17.21",
     "lucide-react": "^0.479.0",
@@ -60,6 +61,7 @@
     "@types/gunzip-maybe": "^1.4.2",
     "@types/jest": "^29.5.12",
     "@types/jsonwebtoken": "^9.0.9",
+    "@types/jszip": "^3.4.1",
     "@types/lodash": "^4.17.16",
     "@types/node": "^22.13.9",
     "@types/pg": "^8.11.11",