feat!: update workbox to v7 (#527)

* feat!: update workbox to v7

* chore: update engines to node 16+

* docs: update pnpm and node versions in contributing guide

* docs: include Node 16 in readme file for `0.16` version

CONTRIBUTING.md

@@ -11,9 +11,9 @@ To develop and test the `vite-plugin-pwa` package:
 
 1. Fork the `vite-plugin-pwa` repository to your own GitHub account and then clone it to your local device.
 
-2. Ensure using the latest Node.js (16.x)
+2. Ensure using the latest Node.js (16.x), from version 0.16.0 `vite-plugin-pwa` requires Node.js 16.x.
 
-3. `vite-plugin-pwa` uses pnpm v7. If you are working on multiple projects with different versions of pnpm, it's recommend to enable [Corepack](https://github.com/nodejs/corepack) by running `corepack enable`.
+3. `vite-plugin-pwa` uses pnpm v8. If you are working on multiple projects with different versions of pnpm, it's recommend to enable [Corepack](https://github.com/nodejs/corepack) by running `corepack enable`.
 
 4. Check out a branch where you can work and commit your changes:
 ```shell

README.md

@@ -46,6 +46,8 @@ Zero-config PWA Framework-agnostic Plugin for Vite
 
 > From v0.13, `vite-plugin-pwa` requires **Vite 3.1 or above**.
 
+> From v0.16 `vite-plugin-pwa` requires **Node 16 or above**: `workbox v7` requires **Node 16 or above**.
+
 ```bash
 npm i vite-plugin-pwa -D 
 

examples/preact-router/package.json

@@ -58,9 +58,9 @@
     "typescript": "^5.0.4",
     "vite": "^4.0.0",
     "vite-plugin-pwa": "workspace:*",
-    "workbox-core": "^6.5.4",
-    "workbox-precaching": "^6.5.4",
-    "workbox-routing": "^6.5.4",
-    "workbox-window": "^6.5.4"
+    "workbox-core": "^7.0.0",
+    "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0",
+    "workbox-window": "^7.0.0"
   }
 }

examples/react-router/package.json

@@ -65,9 +65,9 @@
     "typescript": "^5.0.4",
     "vite": "^4.0.0",
     "vite-plugin-pwa": "workspace:*",
-    "workbox-core": "^6.5.4",
-    "workbox-precaching": "^6.5.4",
-    "workbox-routing": "^6.5.4",
-    "workbox-window": "^6.5.4"
+    "workbox-core": "^7.0.0",
+    "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0",
+    "workbox-window": "^7.0.0"
   }
 }

examples/solid-router/package.json

@@ -58,9 +58,9 @@
     "vite": "^4.0.0",
     "vite-plugin-pwa": "workspace:*",
     "vite-plugin-solid": "^2.5.0",
-    "workbox-core": "^6.5.4",
-    "workbox-precaching": "^6.5.4",
-    "workbox-routing": "^6.5.4",
-    "workbox-window": "^6.5.4"
+    "workbox-core": "^7.0.0",
+    "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0",
+    "workbox-window": "^7.0.0"
   }
 }

examples/svelte-routify/package.json

@@ -62,9 +62,9 @@
     "typescript": "^5.0.4",
     "vite": "^4.0.0",
     "vite-plugin-pwa": "workspace:*",
-    "workbox-core": "^6.5.4",
-    "workbox-precaching": "^6.5.4",
-    "workbox-routing": "^6.5.4"
+    "workbox-core": "^7.0.0",
+    "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0"
   },
   "eslintConfig": {
     "root": true,

examples/sveltekit-pwa/package.json

@@ -64,9 +64,9 @@
     "tslib": "^2.4.0",
     "typescript": "^4.7.4",
     "vite-plugin-pwa": "workspace:*",
-    "workbox-core": "^6.5.3",
-    "workbox-precaching": "^6.5.3",
-    "workbox-routing": "^6.5.3"
+    "workbox-core": "^7.0.0",
+    "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0"
   },
   "type": "module"
 }

examples/vanilla-ts-no-ip/package.json

@@ -17,11 +17,11 @@
     "typescript": "^5.0.4",
     "vite": "^4.0.0",
     "vite-plugin-pwa": "workspace:*",
-    "workbox-cacheable-response": "^6.5.4",
-    "workbox-core": "^6.5.4",
-    "workbox-expiration": "^6.5.4",
-    "workbox-routing": "^6.5.4",
-    "workbox-strategies": "^6.5.4",
-    "workbox-window": "^6.5.4"
+    "workbox-cacheable-response": "^7.0.0",
+    "workbox-core": "^7.0.0",
+    "workbox-expiration": "^7.0.0",
+    "workbox-routing": "^7.0.0",
+    "workbox-strategies": "^7.0.0",
+    "workbox-window": "^7.0.0"
   }
 }

examples/vue-router/package.json

@@ -59,9 +59,9 @@
     "typescript": "^5.0.4",
     "vite": "^4.0.0",
     "vite-plugin-pwa": "workspace:*",
-    "workbox-core": "^6.5.4",
-    "workbox-precaching": "^6.5.4",
-    "workbox-routing": "^6.5.4",
-    "workbox-window": "^6.5.4"
+    "workbox-core": "^7.0.0",
+    "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0",
+    "workbox-window": "^7.0.0"
   }
 }

package.json

@@ -97,15 +97,15 @@
   },
   "peerDependencies": {
     "vite": "^3.1.0 || ^4.0.0",
-    "workbox-build": "^6.5.4",
-    "workbox-window": "^6.5.4"
+    "workbox-build": "^7.0.0",
+    "workbox-window": "^7.0.0"
   },
   "dependencies": {
     "debug": "^4.3.4",
     "fast-glob": "^3.2.12",
     "pretty-bytes": "^6.0.0",
-    "workbox-build": "^6.5.4",
-    "workbox-window": "^6.5.4"
+    "workbox-build": "^7.0.0",
+    "workbox-window": "^7.0.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.38.6",
@@ -115,7 +115,6 @@
     "@types/node": "^18.16.8",
     "@types/prompts": "^2.4.2",
     "@types/react": "^18.0.26",
-    "@types/workbox-build": "^5.0.1",
     "@typescript-eslint/eslint-plugin": "^5.46.0",
     "eslint": "^8.29.0",
     "esno": "0.16.3",
@@ -131,5 +130,8 @@
     "vite": "^4.0.0",
     "vitest": "^0.31.0",
     "vue": "^3.2.45"
+  },
+  "engines" : {
+    "node" : ">=16.0.0"
   }
 }