Merge pull request #13 from SeaweedbrainCY/pwa

Add PWA to rescue
SeaweedbrainCY · Dec 5, 2024 · 05dde3d · 05dde3d
2 parents e4c6cf5 + e5aaa2c
commit 05dde3d
Show file tree

Hide file tree

Showing 6 changed files with 86 additions and 2 deletions.
diff --git a/frontend/angular.json b/frontend/angular.json
@@ -23,7 +23,8 @@
             "tsConfig": "tsconfig.app.json",
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets",
+              "src/manifest.webmanifest"
             ],
             "styles": [
               "src/styles.scss",
@@ -94,7 +95,8 @@
             "tsConfig": "tsconfig.spec.json",
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets",
+              "src/manifest.webmanifest"
             ],
             "styles": [
               "src/styles.scss"

diff --git a/frontend/ngsw-config.json b/frontend/ngsw-config.json
@@ -0,0 +1,45 @@
+{
+    "$schema": "./node_modules/@angular/service-worker/config/schema.json",
+    "index": "/index.html",
+    "dataGroups": [
+      {
+        "name": "frontend-performance",
+        "urls": [
+          "**"
+        ],
+        "cacheConfig": {
+          "strategy": "performance",
+          "maxSize": 200,
+          "maxAge": "3d",
+          "timeout": "10s"
+        }
+      }
+    ],
+    "assetGroups": [
+      {
+        "name": "app",
+        "installMode": "prefetch",
+        "updateMode": "prefetch",
+        "resources": {
+          "files": [
+            "/favicon.ico",
+            "/index.csr.html",
+            "/index.html",
+            "/manifest.webmanifest",
+            "/*.css",
+            "/*.js"
+          ]
+        }
+      },
+      {
+        "name": "assets",
+        "installMode": "lazy",
+        "updateMode": "prefetch",
+        "resources": {
+          "files": [
+            "/**/*.(svg|cur|jpg|jpeg|png|apng|webp|avif|gif|otf|ttf|woff|woff2)"
+          ]
+        }
+      }
+    ]
+  }
diff --git a/frontend/src/assets/pwa_desktop.png b/frontend/src/assets/pwa_desktop.png
diff --git a/frontend/src/assets/pwa_phone.png b/frontend/src/assets/pwa_phone.png
diff --git a/frontend/src/index.html b/frontend/src/index.html
@@ -6,6 +6,8 @@
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/png" href="favicon.ico">
+  <link rel="manifest" href="manifest.webmanifest">
+  <meta name="theme-color" content="#1976d2">
 </head>
 
 <body>

diff --git a/frontend/src/manifest.webmanifest b/frontend/src/manifest.webmanifest
@@ -0,0 +1,35 @@
+{
+    "name": "Rescue Zero-TOTP",
+    "short_name": "Rescue Zero-TOTP - Your emergency Zero-TOTP",
+    "theme_color": "#FFFFFF",
+    "background_color": "#16262E",
+    "display": "standalone",
+    "scope": "./",
+    "start_url": "./openVault",
+    "icons": [
+      {
+        "src": "assets/totp_square_red.png",
+        "sizes": "800x800",
+        "type": "image/png"
+      }, 
+      {
+        "src": "favicon.ico",
+        "sizes": "256x256",
+        "type": "image/png"
+      }
+    ], 
+    "screenshots": [
+      {
+        "src": "assets/pwa_desktop.png",
+        "sizes": "1309x750",
+        "type": "image/png",
+        "form_factor": "wide"
+      },
+      {
+        "src": "assets/pwa_phone.png",
+        "sizes": "413x824",
+        "type": "image/png",
+        "form_factor": "narrow"
+      }
+    ]
+}