From 3f3cb16979311e4b6a9d1b124059435d1467b0e5 Mon Sep 17 00:00:00 2001 From: userquin Date: Thu, 2 Nov 2023 14:31:40 +0100 Subject: [PATCH] chore: check web manifest via precaching --- config/pwa.ts | 4 ++-- service-worker/sw.ts | 12 ++++++------ 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/config/pwa.ts b/config/pwa.ts index f0708d19..abbc523c 100644 --- a/config/pwa.ts +++ b/config/pwa.ts @@ -13,8 +13,8 @@ export const pwa: VitePWANuxtOptions = { includeManifestIcons: false, manifest: false, injectManifest: { - globPatterns: ['**/*.{js,json,css,html,txt,svg,png,ico,webp,woff,woff2,ttf,eot,otf,wasm}'], - globIgnores: ['emojis/**', 'shiki/**', 'manifest**.webmanifest', 'pwa-*.png', 'maskable-icon.png', 'shortcuts/**', 'screenshots/**'], + globPatterns: ['**/*.{js,json,css,html,txt,svg,png,ico,webp,woff,woff2,ttf,eot,otf,wasm,webmanifest}'], + globIgnores: ['emojis/**', 'shiki/**'/* , 'manifest**.webmanifest', 'pwa-*.png', 'maskable-icon.png', 'shortcuts/**', 'screenshots/**' */], manifestTransforms: [(entries) => { const manifest = entries.map((entry) => { if (entry.url.length > 1 && entry.url[0] !== '/') diff --git a/service-worker/sw.ts b/service-worker/sw.ts index b5939bee..df909d6b 100644 --- a/service-worker/sw.ts +++ b/service-worker/sw.ts @@ -3,7 +3,7 @@ import { cleanupOutdatedCaches, createHandlerBoundToURL, precacheAndRoute } from 'workbox-precaching' import { NavigationRoute, registerRoute } from 'workbox-routing' import { CacheableResponsePlugin } from 'workbox-cacheable-response' -import { NetworkFirst, StaleWhileRevalidate } from 'workbox-strategies' +import { StaleWhileRevalidate } from 'workbox-strategies' import { ExpirationPlugin } from 'workbox-expiration' import { onNotificationClick, onPush } from './web-push-notifications' @@ -33,7 +33,7 @@ if (import.meta.env.DEV) // deny api and server page calls let denylist: undefined | RegExp[] if (import.meta.env.PROD) { - const pwaIcons = /^\/(pwa-.*|maskable-icon|shortcuts\/.*|screenshots\/.*)\.(png|webp)/ + // const pwaIcons = /^\/(pwa-.*|maskable-icon|shortcuts\/.*|screenshots\/.*)\.(png|webp)/ denylist = [ /^\/api\//, /^\/login\//, @@ -47,14 +47,14 @@ if (import.meta.env.PROD) { // exclude sw: if the user navigates to it, fallback to index.html /^\/sw\.js$/, // exclude web manifest icons - pwaIcons, + // pwaIcons, // exclude web manifest: has its own cache, if the user navigates to it, fallback to index.html - /^\/manifest-(.*)\.webmanifest$/, + /// ^\/manifest-(.*)\.webmanifest$/, ] // only cache pages and external assets on local build + start or in production // include webmanifest and images cache - registerRoute( + /* registerRoute( ({ request, sameOrigin, url }) => sameOrigin && (( request.destination === 'manifest' && url.pathname.startsWith('/manifest-') @@ -73,7 +73,7 @@ if (import.meta.env.PROD) { new ExpirationPlugin({ maxEntries: 100 }), ], }), - ) + ) */ // include shiki cache registerRoute( ({ sameOrigin, url }) =>