[WIFI-12576] Cache fixes

Signed-off-by: Charles <charles.bourque96@gmail.com>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wlan-cloud-owprov-ui",
-  "version": "2.10.0(7)",
+  "version": "2.10.0(8)",
   "description": "",
   "main": "index.tsx",
   "scripts": {
@@ -95,6 +95,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "lint-staged": "^13.2.1",
     "prettier": "^2.8.7",
+    "vite-plugin-pwa": "^0.14.7",
     "vite-tsconfig-paths": "^4.2.0"
   },
   "browserslist": {

vite.config.ts

@@ -1,9 +1,50 @@
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import react from '@vitejs/plugin-react';
+import { VitePWA } from 'vite-plugin-pwa';
 
 export default defineConfig({
-  plugins: [tsconfigPaths(), react()],
+  plugins: [
+    tsconfigPaths(),
+    react(),
+    VitePWA({
+      selfDestroying: true,
+      registerType: 'autoUpdate',
+      devOptions: {
+        enabled: true,
+        /* other options */
+      },
+      manifest: {
+        name: 'OpenWiFi Provisioning App',
+        short_name: 'OpenWiFiProvisioning',
+        description: 'OpenWiFi Provisioning App',
+        theme_color: '#000000',
+        icons: [
+          {
+            src: 'android-chrome-192x192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: 'android-chrome-384x384.png',
+            sizes: '384x384',
+            type: 'image/png',
+          },
+          {
+            src: 'android-chrome-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+          {
+            src: 'android-chrome-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable',
+          },
+        ],
+      },
+    }),
+  ],
   build: {
     outDir: './build',
     chunkSizeWarningLimit: 1000,