chore: update dependencies (#563)

Author: userquin

client.d.ts

@@ -1,6 +1,6 @@
-import './vue'
-import './preact'
-import './react'
-import './svelte'
-import './solid'
-import './vanillajs'
+import './vue.d.ts'
+import './preact.d.ts'
+import './react.d.ts'
+import './svelte.d.ts'
+import './solid.d.ts'
+import './vanillajs.d.ts'

docs/.vitepress/contributors.ts

@@ -16,7 +16,7 @@ export interface CoreTeam {
   links?: SocialEntry[]
 }
 
-const createLinks = (tm: CoreTeam): CoreTeam => {
+function createLinks(tm: CoreTeam): CoreTeam {
   tm.links = [
     { icon: 'github', link: `https://github.com/${tm.github}` },
     { icon: 'twitter', link: `https://twitter.com/${tm.twitter}` },

docs/.vitepress/theme/components/GenerateSWCleanupOutdatedCaches.md

@@ -6,6 +6,7 @@ We strongly recommend you to **NOT** deactivate the option. If you are curious,
 
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({

docs/.vitepress/theme/components/GenerateSWSourceMap.md

@@ -6,6 +6,7 @@ If you want to generate the source map of your service worker, you can use this
 
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({

docs/.vitepress/theme/components/ReloadPrompt.vue

@@ -5,10 +5,10 @@ const needRefresh = ref(false)
 
 let updateServiceWorker: (() => Promise<void>) | undefined
 
-const onNeedRefresh = () => {
+function onNeedRefresh() {
   needRefresh.value = true
 }
-const close = async () => {
+async function close() {
   needRefresh.value = false
 }
 

docs/frameworks/sveltekit.md

@@ -64,7 +64,7 @@ As an example, when using [@sveltejs/adapter-static](https://github.com/sveltejs
 
 ::: details 1) add pwa.js script
 ```js
-import { copyFileSync } from 'fs'
+import { copyFileSync } from 'node:fs'
 import { resolveConfig } from 'vite'
 import { VitePWA } from 'vite-plugin-pwa'
 import { pwaConfiguration } from './pwa-configuration.js'
@@ -78,7 +78,7 @@ const swDestinations = [
   './build/',
 ]
 
-const buildPwa = async () => {
+async function buildPwa() {
   const config = await resolveConfig({ plugins: [VitePWA({ ...pwaConfiguration })] }, 'build', 'production')
   // when `vite-plugin-pwa` is present, use it to regenerate SW after rendering
   const pwaPlugin = config.plugins.find(i => i.name === 'vite-plugin-pwa')?.api

docs/frameworks/vue.md

@@ -63,7 +63,7 @@ const {
   updateServiceWorker,
 } = useRegisterSW()
 
-const close = async () => {
+async function close() {
   offlineReady.value = false
   needRefresh.value = false
 }

docs/guide/development.md

@@ -20,6 +20,7 @@ To enable the service worker on development, you only need to add the following
 
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({

docs/guide/faq.md

@@ -91,7 +91,8 @@ For example, using `vue-router`, you can register the service worker for `autoUp
 
 ```ts
 import type { Router } from 'vue-router'
-export const registerPWA = (router: Router) => {
+
+export function registerPWA(router: Router) {
   router.isReady().then(async () => {
     const { registerSW } = await import('virtual:pwa-register')
     registerSW({ immediate: true })
@@ -107,6 +108,7 @@ If you are using `prompt` strategy, you will need to load the `ReloadPrompt` com
 // src/App.vue
 <script setup lang='ts'>
 import { defineAsyncComponent } from 'vue'
+
 const ClientReloadPrompt = typeof window !== 'undefined'
   ? defineAsyncComponent(() => import('./ReloadPrompt.vue'))
   : null
@@ -160,10 +162,10 @@ const needRefresh = ref(false)
 
 let updateServiceWorker: (() => Promise<void>) | undefined
 
-const onNeedRefresh = () => {
+function onNeedRefresh() {
   needRefresh.value = true
 }
-const close = async () => {
+async function close() {
   needRefresh.value = false
 }
 

docs/guide/index.md

@@ -57,6 +57,7 @@ Edit your `vite.config.js / vite.config.ts` file and add the `vite-plugin-pwa`:
 
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({ registerType: 'autoUpdate' })
@@ -74,6 +75,7 @@ If you are **NOT** using `vite-plugin-pwa` version `0.12.2+`, there is a bug han
 If you're using a `vite-plugin-pwa` plugin version prior to `0.12.2`, you can fix the bug using this plugin configuration:
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({
@@ -91,6 +93,7 @@ export default defineConfig({
 If you want to check it in `dev`, add the `devOptions` option to the plugin configuration (you will have the [Web App Manifest](https://developer.mozilla.org/en-US/docs/Web/Manifest) and the generated service worker):
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({

docs/guide/inject-manifest.md

@@ -17,6 +17,7 @@ If you want to change the location and/or the service worker name, you will need
 For example, if your service worker is located at `/src/my-sw.js` you must configure it using:
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({

docs/guide/pwa-minimal-requirements.md

@@ -50,6 +50,7 @@ To configure the [Web App Manifest](https://developer.mozilla.org/en-US/docs/Web
 Following with the example, here a minimal configuration (you must provide all the icons and images):
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({

docs/guide/register-service-worker.md

@@ -9,6 +9,7 @@ title: Register Service Worker | Guide
 If you want to configure the `injectRegister` plugin option:
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({

docs/guide/service-worker-precache.md

@@ -37,6 +37,7 @@ You can find more information in the [Static assets handling](/guide/static-asse
 For example, if you need to add `ico`, `png` and `svg` resources in the example from the [Configuring vite-plugin-pwa - Guide](/guide/#configuring-vite-plugin-pwa) section, you will need to add `globPatterns` under `workbox` entry, since we're using the default `vite-plugin-pwa` strategy (`generateSW`):
 ```ts
 import { VitePWA } from 'vite-plugin-pwa'
+
 export default defineConfig({
   plugins: [
     VitePWA({

docs/scripts/assets.ts

@@ -1,6 +1,5 @@
 import fg from 'fast-glob'
 import fs from 'fs-extra'
-// import critical from 'critical'
 
 const firaFont = 'https://fonts.googleapis.com/css2?family=Fira+Code&display=swap'
 

docs/scripts/build.ts

@@ -3,7 +3,7 @@ import type { VitePluginPWAAPI } from 'vite-plugin-pwa'
 import { optimizePages } from './assets'
 import { pwa } from './pwa'
 
-export const buildEnd = async () => {
+export async function buildEnd() {
   await optimizePages()
   const config = await resolveConfig({ plugins: [pwa()] }, 'build', 'production')
   // when `vite-plugin-pwa` is presented, use it to regenerate SW after rendering

docs/scripts/pwa.ts

@@ -1,6 +1,6 @@
 import { VitePWA } from 'vite-plugin-pwa'
 
-export const pwa = () => {
+export function pwa() {
   return VitePWA({
     outDir: '.vitepress/dist',
     registerType: 'prompt',

docs/tsconfig.json

@@ -9,7 +9,7 @@
     "esModuleInterop": true,
     "incremental": false,
     "skipLibCheck": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "noUnusedLocals": true,
     "strictNullChecks": true,

docs/workbox/inject-manifest.md

@@ -85,7 +85,7 @@ const data = {
 
 const cacheName = cacheNames.runtime
 
-const buildStrategy = (): Strategy => {
+function buildStrategy(): Strategy {
   if (race) {
     class CacheNetworkRace extends Strategy {
       _handle(request: Request, handler: StrategyHandler): Promise<Response | undefined> {

examples/preact-router/client-test/sw.spec.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { expect, test } from '@playwright/test'
 
 const injectManifest = process.env.SW === 'true'

examples/preact-router/package.json

@@ -47,15 +47,15 @@
     "test": "nr test-build-claims && nr test-build-sw-claims"
   },
   "dependencies": {
-    "preact": "^10.10.6",
-    "preact-router": "^4.1.0"
+    "preact": "^10.17.1",
+    "preact-router": "^4.1.2"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.4.0",
-    "@rollup/plugin-replace": "^5.0.1",
+    "@preact/preset-vite": "^2.5.0",
+    "@rollup/plugin-replace": "^5.0.2",
     "https-localhost": "^4.7.1",
-    "rimraf": "^3.0.2",
-    "typescript": "^5.0.4",
+    "rimraf": "^5.0.1",
+    "typescript": "^5.2.2",
     "vite": "^4.0.0",
     "vite-plugin-pwa": "workspace:*",
     "workbox-core": "^7.0.0",

examples/preact-router/playwright.config.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { defineConfig, devices } from '@playwright/test'
 
 const url = 'http://localhost:4173'

examples/preact-router/test/build.test.ts

@@ -1,6 +1,8 @@
 import { existsSync, readFileSync } from 'node:fs'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+import process from 'node:process'
+
 import { describe, expect, it } from 'vitest'
 
 const _dirname = typeof __dirname !== 'undefined'
@@ -10,7 +12,7 @@ const _dirname = typeof __dirname !== 'undefined'
 const injectManifest = process.env.SW === 'true'
 const swName = `${injectManifest ? 'claims-sw.js' : 'sw.js'}`
 
-const resolvePath = (...paths: string[]) => {
+function resolvePath(...paths: string[]) {
   return resolve(_dirname, ...paths).replace(/\\/g, '/')
 }
 

examples/preact-router/vite.config.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { defineConfig } from 'vite'
 import preact from '@preact/preset-vite'
 import { VitePWA } from 'vite-plugin-pwa'

examples/react-router/client-test/sw.spec.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { expect, test } from '@playwright/test'
 
 const injectManifest = process.env.SW === 'true'

examples/react-router/package.json

@@ -49,20 +49,20 @@
   "dependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router": "^6.4.5",
+    "react-router": "^6.15.0",
     "react-router-config": "^5.1.1",
-    "react-router-dom": "^6.4.5"
+    "react-router-dom": "^6.15.0"
   },
   "devDependencies": {
-    "@rollup/plugin-replace": "^5.0.1",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
-    "@types/react-router-config": "^5.0.6",
+    "@rollup/plugin-replace": "^5.0.2",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-router-config": "^5.0.7",
     "@types/react-router-dom": "^5.3.3",
-    "@vitejs/plugin-react": "^4.0.0",
+    "@vitejs/plugin-react": "^4.0.4",
     "https-localhost": "^4.7.1",
-    "rimraf": "^3.0.2",
-    "typescript": "^5.0.4",
+    "rimraf": "^5.0.1",
+    "typescript": "^5.2.2",
     "vite": "^4.0.0",
     "vite-plugin-pwa": "workspace:*",
     "workbox-core": "^7.0.0",

examples/react-router/playwright.config.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { defineConfig, devices } from '@playwright/test'
 
 const url = 'http://localhost:4173'

examples/react-router/src/pages/About.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+
 function About() {
   // replaced dyanmicaly
   const date = '__DATE__'

examples/react-router/test/build.test.ts

@@ -1,6 +1,7 @@
 import { existsSync, readFileSync } from 'node:fs'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+import process from 'node:process'
 import { describe, expect, it } from 'vitest'
 
 const _dirname = typeof __dirname !== 'undefined'
@@ -10,7 +11,7 @@ const _dirname = typeof __dirname !== 'undefined'
 const injectManifest = process.env.SW === 'true'
 const swName = `${injectManifest ? 'claims-sw.js' : 'sw.js'}`
 
-const resolvePath = (...paths: string[]) => {
+function resolvePath(...paths: string[]) {
   return resolve(_dirname, ...paths).replace(/\\/g, '/')
 }
 

examples/react-router/vite.config.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import type { ManifestOptions, VitePWAOptions } from 'vite-plugin-pwa'

examples/solid-router/client-test/sw.spec.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { expect, test } from '@playwright/test'
 
 const injectManifest = process.env.SW === 'true'

examples/solid-router/package.json

@@ -47,17 +47,17 @@
     "test": "nr test-build-claims && nr test-build-sw-claims"
   },
   "dependencies": {
-    "solid-app-router": "^0.4.2",
-    "solid-js": "^1.6.4"
+    "@solidjs/router": "^0.8.3",
+    "solid-js": "^1.7.11"
   },
   "devDependencies": {
-    "@rollup/plugin-replace": "^5.0.1",
+    "@rollup/plugin-replace": "^5.0.2",
     "https-localhost": "^4.7.1",
-    "rimraf": "^3.0.2",
-    "typescript": "^5.0.4",
+    "rimraf": "^5.0.1",
+    "typescript": "^5.2.2",
     "vite": "^4.0.0",
     "vite-plugin-pwa": "workspace:*",
-    "vite-plugin-solid": "^2.5.0",
+    "vite-plugin-solid": "^2.7.0",
     "workbox-core": "^7.0.0",
     "workbox-precaching": "^7.0.0",
     "workbox-routing": "^7.0.0",

examples/solid-router/playwright.config.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { defineConfig, devices } from '@playwright/test'
 
 const url = 'http://localhost:4173'

examples/solid-router/src/app.tsx

@@ -1,6 +1,5 @@
-/* eslint-disable react/no-unknown-property */
 import type { Component } from 'solid-js'
-import { useRoutes } from 'solid-app-router'
+import { useRoutes } from '@solidjs/router'
 import { routes } from './routes'
 import styles from './app.module.css'
 import ReloadPrompt from './ReloadPrompt'

examples/solid-router/src/index.tsx

@@ -1,5 +1,5 @@
 import { render } from 'solid-js/web'
-import { Router } from 'solid-app-router'
+import { Router } from '@solidjs/router'
 import App from './app'
 
 render(

examples/solid-router/src/pages/about.tsx

@@ -1,4 +1,4 @@
-import { Link } from 'solid-app-router'
+import { Link } from '@solidjs/router'
 
 export default function About() {
   // replaced dyanmicaly

examples/solid-router/src/pages/hi/[name].data.ts

@@ -1,4 +1,4 @@
-import type { RouteDataFunc } from 'solid-app-router'
+import type { RouteDataFunc } from '@solidjs/router'
 
 const HiData: RouteDataFunc = (args) => {
   const name = args.params.name || ''