Flea Flicker
ad9a178c89
Root cause: SW remained in waiting phase after redeploy, serving stale precached assets. Without skipWaiting/clientsClaim the old SW persisted and controlled the page even after a new SW was installed. Fixes blank-page regression where React never mounted on login.
74 lines
1.8 KiB
TypeScript
74 lines
1.8 KiB
TypeScript
import { defineConfig } from "vite";
|
|
import react from "@vitejs/plugin-react";
|
|
import tailwindcss from "@tailwindcss/vite";
|
|
import { VitePWA } from "vite-plugin-pwa";
|
|
|
|
export default defineConfig({
|
|
plugins: [
|
|
react(),
|
|
tailwindcss(),
|
|
VitePWA({
|
|
registerType: "autoUpdate",
|
|
includeAssets: ["favicon.svg", "apple-touch-icon.png"],
|
|
manifest: {
|
|
name: "Groom Book",
|
|
short_name: "GroomBook",
|
|
description: "Pet grooming business management",
|
|
theme_color: "#4f8a6f",
|
|
background_color: "#ffffff",
|
|
display: "standalone",
|
|
scope: "/",
|
|
start_url: "/",
|
|
icons: [
|
|
{
|
|
src: "pwa-192x192.png",
|
|
sizes: "192x192",
|
|
type: "image/png",
|
|
},
|
|
{
|
|
src: "pwa-512x512.png",
|
|
sizes: "512x512",
|
|
type: "image/png",
|
|
},
|
|
{
|
|
src: "pwa-512x512.png",
|
|
sizes: "512x512",
|
|
type: "image/png",
|
|
purpose: "any maskable",
|
|
},
|
|
],
|
|
},
|
|
workbox: {
|
|
skipWaiting: true,
|
|
clientsClaim: true,
|
|
globPatterns: ["**/*.{js,css,html,ico,png,svg,woff2}"],
|
|
navigateFallbackDenylist: [
|
|
/^\/api\/auth\//,
|
|
],
|
|
runtimeCaching: [
|
|
{
|
|
urlPattern: /^http.*\/api\/(?!auth\/).*/i,
|
|
handler: "NetworkFirst",
|
|
options: {
|
|
cacheName: "api-cache",
|
|
expiration: {
|
|
maxEntries: 100,
|
|
maxAgeSeconds: 60 * 60 * 24, // 24 hours
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
}),
|
|
],
|
|
server: {
|
|
port: 5173,
|
|
proxy: {
|
|
"/api": {
|
|
target: "http://localhost:3000",
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
},
|
|
});
|