mirror of
https://github.com/tiennm99/loto.git
synced 2026-10-11 12:19:05 +00:00
tiennm99
918fb1cda9
Workbox's CacheFirst rule for /audio/*.mp3 used a 30-day age-based TTL. Approximate LRU by dropping to 7d — a voice clip stays cached as long as it's played at least once a week, otherwise it falls out and re-fetches on next play. Each clip is <200KB and same-origin so the re-fetch cost is negligible. Also flip purgeOnQuotaError so the runtime cache yields first under storage pressure. Default voice precache (vite.config.js additionalManifestEntries) unaffected — it's a separate workbox flow with its own revision.
104 lines
4.0 KiB
JavaScript
104 lines
4.0 KiB
JavaScript
import { readFileSync } from "node:fs";
|
||
import { sveltekit } from "@sveltejs/kit/vite";
|
||
import tailwindcss from "@tailwindcss/vite";
|
||
import { SvelteKitPWA } from "@vite-pwa/sveltekit";
|
||
import { defineConfig, loadEnv } from "vite";
|
||
|
||
// Precache the default voice's clips so the app is fully offline-capable
|
||
// on first install (without bloating the install with every voice).
|
||
// Alternate voices fall through to runtime CacheFirst on first play.
|
||
// `audio-manifest.js` is the single source of truth for voice ids; we
|
||
// duplicate the read here because vite.config can't import .svelte.js.
|
||
const audioManifest = JSON.parse(
|
||
readFileSync("./static/audio/manifest.json", "utf8"),
|
||
);
|
||
const defaultVoiceId = audioManifest.voices[0].id;
|
||
const clipNames = [
|
||
...Array.from({ length: 90 }, (_, i) => String(i + 1)),
|
||
"cho",
|
||
"kinh",
|
||
];
|
||
const defaultVoicePrecacheEntries = clipNames.map((n) => ({
|
||
url: `/audio/${defaultVoiceId}/${n}.mp3`,
|
||
// Workbox needs a revision string to invalidate stale clips.
|
||
// Bump the prefix when audio is regenerated.
|
||
revision: `audio-v1-${defaultVoiceId}-${n}`,
|
||
}));
|
||
|
||
export default defineConfig(({ mode }) => {
|
||
// .env.local lives outside process.env at config-eval time; loadEnv reads it.
|
||
const env = loadEnv(mode, process.cwd(), "");
|
||
const isCodeserver = process.env.VITE_DEV_PROFILE === "codeserver";
|
||
const host = env.CODESERVER_HOST;
|
||
const port = Number(env.CODESERVER_PORT ?? 3000);
|
||
|
||
return {
|
||
plugins: [
|
||
tailwindcss(),
|
||
sveltekit(),
|
||
SvelteKitPWA({
|
||
// Do NOT add `skipWaiting` without a reload-prompt UI — it would
|
||
// swap the SW mid-game and lose state.
|
||
registerType: "autoUpdate",
|
||
// Ship a hand-written manifest so the icons/theme stay aligned
|
||
// with /static; the plugin can also generate one but mixing is
|
||
// confusing.
|
||
strategies: "generateSW",
|
||
manifest: false,
|
||
workbox: {
|
||
globPatterns: ["**/*.{js,css,html,svg,png,woff2,webmanifest}"],
|
||
maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
|
||
// App shell + DEFAULT voice clips → guaranteed offline. Other
|
||
// voices fall through to the CacheFirst runtime rule below
|
||
// (cached on first play, offline thereafter).
|
||
additionalManifestEntries: defaultVoicePrecacheEntries,
|
||
runtimeCaching: [
|
||
{
|
||
urlPattern: /\/audio\/.*\.mp3$/,
|
||
handler: "CacheFirst",
|
||
options: {
|
||
cacheName: "loto-audio",
|
||
expiration: {
|
||
// Headroom for future voice growth: 4× current 184 clips.
|
||
maxEntries: 400,
|
||
// 7d (was 30d). A clip stays cached as long as it gets
|
||
// played at least once a week. Voices that go unused
|
||
// for 7d fall out and re-fetch on next play —
|
||
// approximates LRU without a custom workbox plugin.
|
||
// Each clip <200KB so re-fetch cost is negligible.
|
||
maxAgeSeconds: 60 * 60 * 24 * 7,
|
||
// Belt-and-suspenders for the rare quota-pressure case
|
||
// (lots of voices precached + other origins competing).
|
||
purgeOnQuotaError: true,
|
||
},
|
||
// Audio is same-origin → no need to allow opaque (0).
|
||
cacheableResponse: { statuses: [200] },
|
||
},
|
||
},
|
||
],
|
||
},
|
||
devOptions: { enabled: false },
|
||
}),
|
||
],
|
||
server: {
|
||
port,
|
||
host: true,
|
||
strictPort: true,
|
||
// Always allow the codeserver host if .env.local sets one — covers
|
||
// both `npm run dev` (no proxy config) and `npm run dev:codeserver`.
|
||
...(host ? { allowedHosts: [host] } : {}),
|
||
// HMR through the proxy only in the explicit codeserver profile.
|
||
...(isCodeserver && host
|
||
? {
|
||
hmr: {
|
||
host,
|
||
protocol: "wss",
|
||
clientPort: 443,
|
||
path: `/absproxy/${port}/`,
|
||
},
|
||
}
|
||
: {}),
|
||
},
|
||
};
|
||
});
|