Vite-PWA Plugin Dependency Fix & PWA Assets Generation

FlowFuse · Apr 19, 2024 · 392a4ec · 392a4ec
1 parent 0bed16b
commit 392a4ec
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -97,6 +97,7 @@
         "socket.io-client": "^4.7.2",
         "sort-package-json": "^2.6.0",
         "vite": "^5.0.0",
+        "vite-plugin-pwa": "^0.19.8",
         "vitepress": "^1.0.2",
         "vue-router": "^4.2.4",
         "vuetify": "^3.4.10",

diff --git a/pwa-assets.config.js b/pwa-assets.config.js
@@ -1,12 +1,25 @@
 import {
-    defineConfig,
-    minimal2023Preset as preset
+    defineConfig
 } from '@vite-pwa/assets-generator/dist/config'
 
 export default defineConfig({
     headLinkOptions: {
         preset: '2023'
     },
-    preset,
+    preset: {
+        transparent: {
+            sizes: [64, 192, 512],
+            favicons: [[48, 'favicon.ico']],
+            padding: 0.1
+        },
+        maskable: {
+            sizes: [512],
+            padding: 0.1
+        },
+        apple: {
+            sizes: [180],
+            padding: 0.15
+        }
+    },
     images: ['./ui/public/logo-512x512.png']
 })
diff --git a/ui/public/apple-touch-icon.png b/ui/public/apple-touch-icon.png
diff --git a/ui/public/maskable-icon-512x512.png b/ui/public/maskable-icon-512x512.png
diff --git a/ui/public/pwa-192x192.png b/ui/public/pwa-192x192.png
diff --git a/ui/public/pwa-512x512.png b/ui/public/pwa-512x512.png
diff --git a/ui/public/pwa-64x64.png b/ui/public/pwa-64x64.png