From 09bbe80dfbba0827ff9d318f31848f483eca347e Mon Sep 17 00:00:00 2001
From: Soufiane Fariss <rev.fariss@gmail.com>
Date: Mon, 12 Aug 2024 14:52:14 +0200
Subject: [PATCH] add download button to download release

---
 .github/workflows/web-deploy.yml       |  6 ++++++
 web/explorer/package.json              |  2 +-
 web/explorer/src/components/NavBar.vue | 11 ++++++++---
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/web-deploy.yml b/.github/workflows/web-deploy.yml
index d4522768d..0d6f5f2c1 100644
--- a/.github/workflows/web-deploy.yml
+++ b/.github/workflows/web-deploy.yml
@@ -49,6 +49,12 @@ jobs:
       - name: Install dependencies
         run: npm ci
         working-directory: ./web/explorer
+      - name: Generate release bundle
+        run: npm run build:bundle
+        working-directory: ./web/explorer
+      - name: Zip release bundle
+        run: zip -r capa-explorer-web.zip capa-explorer-web
+        working-directory: ./web/explorer
       - name: Build
         run: npm run build
         working-directory: ./web/explorer
diff --git a/web/explorer/package.json b/web/explorer/package.json
index ce512d488..695c08a1c 100644
--- a/web/explorer/package.json
+++ b/web/explorer/package.json
@@ -6,7 +6,7 @@
     "scripts": {
         "dev": "vite",
         "build": "vite build",
-        "build:bundle": "vite build --mode bundle",
+        "build:bundle": "vite build --mode bundle --outDir=capa-exlorer-web",
         "preview": "vite preview",
         "test": "vitest",
         "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
diff --git a/web/explorer/src/components/NavBar.vue b/web/explorer/src/components/NavBar.vue
index b9631f905..94d4b43ce 100644
--- a/web/explorer/src/components/NavBar.vue
+++ b/web/explorer/src/components/NavBar.vue
@@ -8,10 +8,15 @@ import Menubar from "primevue/menubar";
             <div class="flex align-items-center gap-3">
                 <a
                     v-ripple
-                    href="https://github.com/mandiant/capa"
-                    class="flex align-items-center justify-content-center text-color w-2rem"
+                    v-tooltip.right="'Download capa Explorer Web for offline usage'"
+                    href="/capa-explorer-web.zip"
+                    download="capa-explorer-web.zip"
+                    aria-label="Download capa Explorer Web release"
                 >
-                    <i id="gitsub-icon" class="pi pi-github text-2xl"></i>
+                    <i class="pi pi-download text-xl"></i>
+                </a>
+                <a v-ripple href="https://github.com/mandiant/capa" class="flex justify-content-center w-2rem">
+                    <i class="pi pi-github text-2xl"></i>
                 </a>
                 <img src="@/assets/images/icon.png" alt="Logo" class="w-2rem" />
             </div>