PWA support for Yjs demo.

Author: rkistner

demos/yjs-react-supabase-text-collab/package.json

@@ -60,6 +60,7 @@
     "style-loader": "^3.3.4",
     "supabase": "1.142.2",
     "vite": "^5.1.5",
+    "vite-plugin-pwa": "^0.19.2",
     "vite-plugin-top-level-await": "^1.4.1",
     "vite-plugin-wasm": "^3.3.0"
   }

demos/yjs-react-supabase-text-collab/public/manifest.json

@@ -4,6 +4,7 @@ import { fileURLToPath, URL } from 'url';
 
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { VitePWA } from 'vite-plugin-pwa';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -26,7 +27,46 @@ export default defineConfig({
     exclude: ['@journeyapps/wa-sqlite', '@journeyapps/powersync-sdk-web'],
     include: ['object-hash', 'uuid', 'event-iterator', 'js-logger', 'lodash', 'can-ndjson-stream']
   },
-  plugins: [wasm(), topLevelAwait(), react()],
+  plugins: [
+    wasm(),
+    topLevelAwait(),
+    react(),
+    VitePWA({
+      registerType: 'autoUpdate',
+      includeAssets: ['favicon.ico'],
+      manifest: {
+        theme_color: '#c44eff',
+        background_color: '#c44eff',
+        display: 'standalone',
+        scope: '/',
+        start_url: '/',
+        name: 'PowerSync Yjs Document Collaboration Demo',
+        short_name: 'PowerSync Yjs',
+        icons: [
+          {
+            src: '/icons/icon-192x192.png',
+            sizes: '192x192',
+            type: 'image/png'
+          },
+          {
+            src: '/icons/icon-256x256.png',
+            sizes: '256x256',
+            type: 'image/png'
+          },
+          {
+            src: '/icons/icon-384x384.png',
+            sizes: '384x384',
+            type: 'image/png'
+          },
+          {
+            src: '/icons/icon-512x512.png',
+            sizes: '512x512',
+            type: 'image/png'
+          }
+        ]
+      }
+    })
+  ],
   worker: {
     format: 'es',
     plugins: () => [wasm(), topLevelAwait()]