Merge pull request #425 from needim/pwa-dependency-fix

PWA missing deps & offline mode fix
evoluhq · Jun 1, 2024 · 2aec5bf · 2aec5bf
2 parents df27a51 + d0168b0
commit 2aec5bf
Show file tree

Hide file tree

Showing 6 changed files with 92 additions and 3 deletions.
diff --git a/.github/workflows/pr.yml b/.github/workflows/pr.yml
@@ -21,7 +21,6 @@ jobs:
         name: Install pnpm
         id: pnpm-install
         with:
-          version: 9
           run_install: false
 
       - name: Get pnpm store directory

diff --git a/examples/vite-react-pwa/README.md b/examples/vite-react-pwa/README.md
@@ -1,5 +1,7 @@
 # React + TypeScript + Vite
 
+DEMO: <https://evolu-vite-react-pwa.vercel.app/>
+
 This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
 Currently, two official plugins are available:

diff --git a/examples/vite-react-pwa/netlify.toml b/examples/vite-react-pwa/netlify.toml
@@ -0,0 +1,22 @@
+# [build]
+# publish = "dist"
+# command = "pnpm run build"
+
+[[redirects]]
+from = "/*"
+to = "/index.html"
+status = 200
+
+[[headers]]
+for = "/manifest.webmanifest"
+[headers.values]
+Content-Type = "application/manifest+json"
+
+[[headers]]
+for = "/assets/*"
+[headers.values]
+cache-control = '''
+    public,
+    max-age=0,
+    must-revalidate
+    '''
diff --git a/examples/vite-react-pwa/package.json b/examples/vite-react-pwa/package.json
@@ -10,9 +10,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@effect/schema": "^0.67.16",
     "@evolu/react": "^8.0.2",
+    "effect": "^3.2.7",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "workbox-window": "^7.1.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.1",

diff --git a/examples/vite-react-pwa/vercel.json b/examples/vite-react-pwa/vercel.json
@@ -0,0 +1,63 @@
+{
+  "headers": [
+    {
+      "source": "/(.*).(html|js|css|wasm)",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "public, max-age=0, must-revalidate"
+        }
+      ]
+    },
+    {
+      "source": "/sw.js",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "public, max-age=0, must-revalidate"
+        }
+      ]
+    },
+    {
+      "source": "/manifest.webmanifest",
+      "headers": [
+        {
+          "key": "Content-Type",
+          "value": "application/manifest+json"
+        }
+      ]
+    },
+    {
+      "source": "/assets/(.*)",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "public, max-age=0, must-revalidate"
+        }
+      ]
+    },
+    {
+      "source": "/(.*)",
+      "headers": [
+        {
+          "key": "X-Content-Type-Options",
+          "value": "nosniff"
+        },
+        {
+          "key": "X-Frame-Options",
+          "value": "DENY"
+        },
+        {
+          "key": "X-XSS-Protection",
+          "value": "1; mode=block"
+        }
+      ]
+    }
+  ],
+  "rewrites": [
+    {
+      "source": "/(.*)",
+      "destination": "/index.html"
+    }
+  ]
+}
diff --git a/examples/vite-react-pwa/vite.config.ts b/examples/vite-react-pwa/vite.config.ts
@@ -36,7 +36,7 @@ export default defineConfig({
       },
 
       workbox: {
-        globPatterns: ["**/*.{js,css,html,svg,png,ico}"],
+        globPatterns: ["**/*.{js,css,html,svg,png,ico,wasm}"],
         cleanupOutdatedCaches: true,
         clientsClaim: true,
       },