feat: add offline pwa files (#722)

* feat: add offline pwa files

* feat: add fonts to cached files list

Author: chmelevskij

assets/bf_installer_icon.ico

@@ -26,7 +26,8 @@
     "leaflet-marker-rotation": "^0.4.0",
     "lodash": "^4.17.21",
     "throttle-debounce": "^5.0.0",
-    "vite": "^5.0.12"
+    "vite": "^5.2.6",
+    "vite-plugin-pwa": "^0.19.7"
   },
   "devDependencies": {
     "inflection": "1.12.0",

assets/bf_installer_small.bmp

@@ -1,6 +1,43 @@
+import { VitePWA } from 'vite-plugin-pwa';
+import pkg from './package.json';
+
 /** @type {import('vite').UserConfig} */
 export default { 
     build: { 
         sourcemap: true,
-    }
+    },
+    plugins: [
+        VitePWA({
+            registerType: 'autoUpdate',
+            workbox: {
+                globPatterns: ['**/*.{js,css,html,ico,png,svg,json,mcm,woff2}'],
+                // 5MB
+                maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
+            },
+            includeAssets: ['favicon.ico', 'robots.txt', 'apple-touch-icon.png'],
+            manifest: {
+                name: pkg.name,
+                short_name: 'BBE',
+                description: pkg.description,
+                theme_color: '#ffffff',
+                icons: [
+                    {
+                        src: '/images/pwa/bf_icon_128.png',
+                        sizes: '128x128',
+                        type: 'image/png',
+                    },
+                    {
+                        src: '/images/pwa/bf_icon_192.png',
+                        sizes: '192x192',
+                        type: 'image/png',
+                    },
+                    {
+                        src: '/images/pwa/bf_icon_256.png',
+                        sizes: '256x256',
+                        type: 'image/png',
+                    },
+                ],
+            }
+        })
+    ],
 }