vite-pwa · userquin · Jul 6, 2022 · Jul 2, 2022 · Jul 2, 2022 · Jul 2, 2022
diff --git a/.eslintignore b/.eslintignore
@@ -1,2 +1,7 @@
+build/
 dist/
+dev-dist/
+node_modules/
 *.svelte
+*.d.ts
+!.vitepress/dist/
diff --git a/docs/.vitepress/components.d.ts b/docs/.vitepress/components.d.ts
@@ -1,6 +1,6 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/vue-next/pull/3399
+// Read more: https://github.com/vuejs/core/pull/3399
 import '@vue/runtime-core'
 
 declare module '@vue/runtime-core' {
@@ -20,6 +20,7 @@ declare module '@vue/runtime-core' {
     RouterView: typeof import('vue-router')['RouterView']
     RunExamples: typeof import('./theme/components/RunExamples.md')['default']
     SsrSsg: typeof import('./theme/components/SsrSsg.md')['default']
+    TypeScriptError2307: typeof import('./theme/components/TypeScriptError2307.md')['default']
   }
 }
 

diff --git a/docs/.vitepress/theme/components/TypeScriptError2307.md b/docs/.vitepress/theme/components/TypeScriptError2307.md
@@ -0,0 +1,16 @@
+If your **TypeScript** build step or **IDE** complain about not being able to find modules or type definitions on imports, add the following to the `compilerOptions.types` array of your `tsconfig.json`:
+
+```json
+{
+  "compilerOptions": {
+    "types": [
+      "vite-plugin-pwa/client"
+    ]
+  }
+}
+```
+
+Or you can add the following reference in any of your `d.ts` files (for example, in `vite-env.d.ts` or `global.d.ts`):
+```ts
+/// <reference types="vite-plugin-pwa/client" />
+```
diff --git a/docs/deployment/apache.md b/docs/deployment/apache.md
@@ -1,5 +1,6 @@
 ---
 title: Apache Http Server 2.4+ | Deployment
+next: Getting Started | Workbox
 ---
 
 # Apache Http Server 2.4+

diff --git a/docs/deployment/index.md b/docs/deployment/index.md
@@ -1,5 +1,6 @@
 ---
 title: Getting Started | Deploy
+prev: Astro | Examples
 ---
 
 # Getting Started

diff --git a/docs/examples/astro.md b/docs/examples/astro.md
@@ -1,5 +1,6 @@
 ---
 title: Astro | Examples
+next: Getting Started | Deploy
 ---
 
 # Astro

diff --git a/docs/examples/index.md b/docs/examples/index.md
@@ -1,5 +1,6 @@
 ---
 title: Getting Started | Examples
+prev: Astro | Frameworks
 ---
 
 # Getting Started
@@ -75,7 +76,7 @@ A common pitfall is to select `Offline` option, then restart the example project
 If you click the browser `Refresh` button, you can inspect `Application > Network` tab on `dev tools` to check that the `Service Worker` is serving all assets instead request them to the server.
 
 ::: danger
-Don't do a `hard refresh` since this will force the browser to go to the server, and then you will get `No internet connection` page on the browser.
+Don't do a `hard refresh` since it will force the browser to go to the server, and then you will get `No internet connection` page.
 :::
 
 ## Available Examples Projects

diff --git a/docs/frameworks/astro.md b/docs/frameworks/astro.md
@@ -1,5 +1,6 @@
 ---
 title: Astro | Frameworks
+next: Getting Started | Examples
 ---
 
 # Astro

diff --git a/docs/frameworks/index.md b/docs/frameworks/index.md
@@ -1,5 +1,6 @@
 ---
 title: Getting Started | Frameworks
+prev: FAQ | Guide
 ---
 
 # Getting Started
@@ -19,6 +20,10 @@ This plugin is Framework-agnostic and so you can use it with Vanilla JavaScript,
 
 ## Type declarations
 
+::: tip
+<TypeScriptError2307 />
+:::
+
 ```ts
 declare module 'virtual:pwa-register' {
   export interface RegisterSWOptions {

diff --git a/docs/frameworks/preact.md b/docs/frameworks/preact.md
@@ -12,6 +12,10 @@ You will need to add `workbox-window` as a `dev` dependency to your `Vite` proje
 
 ## Type declarations
 
+::: tip
+<TypeScriptError2307 />
+:::
+
 ```ts
 declare module 'virtual:pwa-register/preact' {
   // @ts-expect-error ignore when preact/hooks is not installed

diff --git a/docs/frameworks/react.md b/docs/frameworks/react.md
@@ -12,6 +12,10 @@ You will need to add `workbox-window` as a `dev` dependency to your `Vite` proje
 
 ## Type declarations
 
+::: tip
+<TypeScriptError2307 />
+:::
+
 ```ts
 declare module 'virtual:pwa-register/react' {
   // @ts-expect-error ignore when react is not installed

diff --git a/docs/frameworks/solidjs.md b/docs/frameworks/solidjs.md
@@ -12,6 +12,10 @@ You will need to add `workbox-window` as a `dev` dependency to your `Vite` proje
 
 ## Type declarations
 
+::: tip
+<TypeScriptError2307 />
+:::
+
 ```ts
 declare module 'virtual:pwa-register/solid' {
   // @ts-expect-error ignore when solid-js is not installed

diff --git a/docs/frameworks/svelte.md b/docs/frameworks/svelte.md
@@ -12,6 +12,10 @@ You will need to add `workbox-window` as a `dev` dependency to your `Vite` proje
 
 ## Type declarations
 
+::: tip
+<TypeScriptError2307 />
+:::
+
 ```ts
 declare module 'virtual:pwa-register/svelte' {
   // @ts-expect-error ignore when svelte is not installed

diff --git a/docs/frameworks/vue.md b/docs/frameworks/vue.md
@@ -10,6 +10,10 @@ You can use the built-in `Vite` virtual module `virtual:pwa-register/vue` for `V
 
 ### Type declarations
 
+::: tip
+<TypeScriptError2307 />
+:::
+
 ```ts
 declare module 'virtual:pwa-register/vue' {
   // @ts-expect-error ignore when vue is not installed

diff --git a/docs/guide/faq.md b/docs/guide/faq.md
@@ -1,22 +1,13 @@
 ---
 title: FAQ | Guide
+next: Getting Started | Frameworks
 ---
 
 # FAQ
 
 ## IDE errors 'Cannot find module' (ts2307)
 
-If your TypeScript build step or IDE complain about not being able to find modules or type definitions on imports, add the following to the `compilerOptions.types` array of your `tsconfig.json`:
-
-```json
-{
-  "compilerOptions": {
-    "types": [
-      "vite-plugin-pwa/client"
-    ]
-  }
-}
-```
+<TypeScriptError2307 />
 
 ## Web app manifest and 401 status code (Unauthorized)
 

diff --git a/docs/guide/register-service-worker.md b/docs/guide/register-service-worker.md
@@ -57,7 +57,7 @@ When configuring `injectRegister: 'script'` in the plugin configuration, the plu
 
 ::: details **/registerSW.js**
 ```js
-if('serviceWorker' in navigator) {
+if ('serviceWorker' in navigator) {
   window.addEventListener('load', () => {
     navigator.serviceWorker.register('/sw.js', { scope: '/' })
   })

diff --git a/docs/guide/service-worker-precache.md b/docs/guide/service-worker-precache.md
@@ -42,7 +42,7 @@ export default defineConfig({
     VitePWA({
       registerType: 'autoUpdate',
       workbox: {
-          globPatterns: ['**/*{js,css,html,ico,png,svg}']  
+        globPatterns: ['**/*{js,css,html,ico,png,svg}']
       }
     })
   ]

diff --git a/docs/package.json b/docs/package.json
@@ -9,23 +9,23 @@
     "serve": "npm run build && serve .vitepress/dist"
   },
   "dependencies": {
-    "@vueuse/core": "^8.5.0",
-    "@vueuse/shared": "^8.5.0",
+    "@vueuse/core": "^8.7.5",
+    "@vueuse/shared": "^8.7.5",
     "vue": "^3.2.37"
   },
   "devDependencies": {
     "@types/fs-extra": "^9.0.13",
     "@vitejs/plugin-vue": "^2.3.3",
-    "@vueuse/core": "^8.5.0",
-    "esbuild-register": "^3.3.2",
-    "eslint": "^8.16.0",
+    "@vueuse/core": "^8.7.5",
+    "esbuild-register": "^3.3.3",
+    "eslint": "^8.19.0",
     "fast-glob": "^3.2.11",
     "fs-extra": "^10.1.0",
     "https-localhost": "^4.7.1",
-    "typescript": "^4.6.4",
-    "unocss": "^0.38.1",
-    "unplugin-vue-components": "^0.19.5",
-    "vite": "^2.9.9",
+    "typescript": "^4.7.4",
+    "unocss": "^0.38.2",
+    "unplugin-vue-components": "^0.19.9",
+    "vite": "^2.9.13",
     "vite-plugin-pwa": "workspace:*",
     "vitepress": "^1.0.0-alpha.4",
     "workbox-window": "^6.5.3"

diff --git a/docs/workbox/index.md b/docs/workbox/index.md
@@ -1,5 +1,8 @@
 ---
 title: Getting Started | Workbox
+prev:
+  text: Apache Http Server 2.4+ | Deployment
+  link: /deployment/apache
 ---
 
 # Getting Started

diff --git a/examples/preact-router/package.json b/examples/preact-router/package.json
@@ -25,17 +25,17 @@
     "serve": "serve dist"
   },
   "dependencies": {
-    "preact": "^10.7.2",
+    "preact": "^10.8.2",
     "preact-router": "^4.0.1"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.2.0",
+    "@preact/preset-vite": "^2.3.0",
     "@rollup/plugin-replace": "^4.0.0",
     "cross-env": "^7.0.3",
     "https-localhost": "^4.7.1",
     "rimraf": "^3.0.2",
-    "typescript": "^4.6.4",
-    "vite": "^2.9.9",
+    "typescript": "^4.7.4",
+    "vite": "^2.9.13",
     "vite-plugin-pwa": "workspace:*",
     "workbox-core": "^6.5.3",
     "workbox-precaching": "^6.5.3",

diff --git a/examples/react-router/package.json b/examples/react-router/package.json
@@ -25,24 +25,24 @@
     "serve": "serve dist"
   },
   "dependencies": {
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-router": "^6.3.0",
     "react-router-config": "^5.1.1",
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^4.0.0",
-    "@types/react": "^18.0.9",
-    "@types/react-dom": "^18.0.4",
+    "@types/react": "^18.0.14",
+    "@types/react-dom": "^18.0.5",
     "@types/react-router-config": "^5.0.6",
     "@types/react-router-dom": "^5.3.3",
     "@vitejs/plugin-react-refresh": "^1.3.6",
     "cross-env": "^7.0.3",
     "https-localhost": "^4.7.1",
     "rimraf": "^3.0.2",
-    "typescript": "^4.6.4",
-    "vite": "^2.9.9",
+    "typescript": "^4.7.4",
+    "vite": "^2.9.13",
     "vite-plugin-pwa": "workspace:*",
     "workbox-core": "^6.5.3",
     "workbox-precaching": "^6.5.3",

diff --git a/examples/solid-router/package.json b/examples/solid-router/package.json
@@ -26,15 +26,15 @@
   },
   "dependencies": {
     "solid-app-router": "^0.3.3",
-    "solid-js": "^1.4.2"
+    "solid-js": "^1.4.5"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^4.0.0",
     "cross-env": "^7.0.3",
     "https-localhost": "^4.7.1",
     "rimraf": "^3.0.2",
-    "typescript": "^4.6.4",
-    "vite": "^2.9.9",
+    "typescript": "^4.7.4",
+    "vite": "^2.9.13",
     "vite-plugin-pwa": "workspace:*",
     "vite-plugin-solid": "^2.2.6",
     "workbox-core": "^6.5.3",

diff --git a/examples/svelte-routify/package.json b/examples/svelte-routify/package.json
@@ -27,19 +27,19 @@
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^4.0.0",
-    "@roxi/routify": "^2.18.6",
-    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.44",
+    "@roxi/routify": "^2.18.8",
+    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49",
     "@tsconfig/svelte": "^3.0.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.16.0",
+    "eslint": "^8.19.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "https-localhost": "^4.7.1",
     "rimraf": "^3.0.2",
     "svelte": "^3.48.0",
-    "svelte-check": "^2.7.1",
-    "svelte-preprocess": "^4.10.6",
-    "typescript": "^4.6.4",
-    "vite": "^2.9.9",
+    "svelte-check": "^2.8.0",
+    "svelte-preprocess": "^4.10.7",
+    "typescript": "^4.7.4",
+    "vite": "^2.9.13",
     "vite-plugin-pwa": "workspace:*",
     "workbox-core": "^6.5.3",
     "workbox-precaching": "^6.5.3",

diff --git a/examples/sveltekit-pwa/package.json b/examples/sveltekit-pwa/package.json
@@ -32,19 +32,19 @@
     "@rollup/plugin-replace": "^4.0.0",
     "@sveltejs/adapter-static": "next",
     "@sveltejs/kit": "next",
-    "@typescript-eslint/eslint-plugin": "^5.25.0",
-    "@typescript-eslint/parser": "^5.25.0",
+    "@typescript-eslint/eslint-plugin": "^5.30.3",
+    "@typescript-eslint/parser": "^5.30.3",
     "cross-env": "^7.0.3",
-    "eslint": "^8.16.0",
+    "eslint": "^8.19.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "https-localhost": "^4.7.1",
     "minimist": "^1.2.6",
     "rimraf": "^3.0.2",
     "svelte": "^3.48.0",
-    "svelte-check": "^2.7.1",
-    "svelte-preprocess": "^4.10.6",
+    "svelte-check": "^2.8.0",
+    "svelte-preprocess": "^4.10.7",
     "tslib": "^2.4.0",
-    "typescript": "^4.6.4",
+    "typescript": "^4.7.4",
     "vite-plugin-pwa": "workspace:*",
     "workbox-core": "^6.5.3",
     "workbox-precaching": "^6.5.3",

diff --git a/examples/sveltekit-pwa/pwa.js b/examples/sveltekit-pwa/pwa.js
@@ -36,7 +36,7 @@ const buildPwa = async() => {
 		console.log('Generating PWA...')
 		await pwaPlugin.generateSW()
 		webmanifestDestinations.forEach(d => {
-			copyFileSync('./.svelte-kit/output/client/_app/manifest.webmanifest', `${d}/manifest.webmanifest`)
+			copyFileSync('./.svelte-kit/output/client/_app/immutable/manifest.webmanifest', `${d}/manifest.webmanifest`)
 		})
 		// don't copy workbox, svelte kit will copy it
 		if (pwaConfiguration.strategies === 'injectManifest') {

diff --git a/examples/vue-basic-cdn/package.json b/examples/vue-basic-cdn/package.json
@@ -15,11 +15,11 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^4.0.0",
     "@vitejs/plugin-vue": "^2.3.3",
-    "@vueuse/core": "^8.5.0",
+    "@vueuse/core": "^8.7.5",
     "cross-env": "^7.0.3",
     "https-localhost": "^4.7.1",
-    "typescript": "^4.6.4",
-    "vite": "^2.9.9",
+    "typescript": "^4.7.4",
+    "vite": "^2.9.13",
     "vite-plugin-pwa": "workspace:*"
   }
 }