9ed05f3fc0
Improves the image request logic by making it possible to check if an image is cached. In case an image is cached, it does not need to be put into the image queue because it won't be sent to the server.
93 lines
3.0 KiB
TypeScript
93 lines
3.0 KiB
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
|
|
import path from 'path';
|
|
import { defineConfig } from 'vite';
|
|
import react from '@vitejs/plugin-react-swc';
|
|
import viteTsconfigPaths from 'vite-tsconfig-paths';
|
|
import legacy from '@vitejs/plugin-legacy';
|
|
import { nodePolyfills } from 'vite-plugin-node-polyfills';
|
|
import { VitePWA } from 'vite-plugin-pwa';
|
|
import 'dotenv/config';
|
|
|
|
// eslint-disable-next-line import/no-default-export
|
|
export default defineConfig(({ command }) => ({
|
|
base: command === 'serve' ? process.env.VITE_SUBPATH || './' : './',
|
|
build: {
|
|
outDir: 'build',
|
|
},
|
|
server: {
|
|
port: Number(process.env.PORT),
|
|
allowedHosts: process.env.ALLOWED_HOSTS.split(',').map((s) => s.trim()),
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve(import.meta.dirname, './src'),
|
|
},
|
|
},
|
|
optimizeDeps: {
|
|
include: ['@mui/material/Tooltip'],
|
|
},
|
|
plugins: [
|
|
react(),
|
|
viteTsconfigPaths(),
|
|
legacy({
|
|
modernPolyfills: [
|
|
'es/array/to-spliced',
|
|
'es/array/to-sorted',
|
|
'es/array/find-last',
|
|
'es/array/find-last-index',
|
|
'es/object/group-by',
|
|
],
|
|
}),
|
|
nodePolyfills({
|
|
include: ['assert'],
|
|
}),
|
|
// Only setup image runtime caching
|
|
VitePWA({
|
|
registerType: 'autoUpdate',
|
|
manifest: false, // Use existing manifest
|
|
devOptions: {
|
|
enabled: true,
|
|
},
|
|
workbox: {
|
|
globPatterns: [],
|
|
runtimeCaching: [
|
|
{
|
|
urlPattern: ({ request, url }) => {
|
|
if (request.destination === 'image') {
|
|
return true;
|
|
}
|
|
|
|
const { pathname } = url;
|
|
return (
|
|
pathname.match(/\/chapter\/[0-9]+\/page\/[0-9]+/g) ||
|
|
pathname.match(/\/manga\/[0-9]+\/thumbnail/g) ||
|
|
pathname.includes('/extension/icon/')
|
|
);
|
|
},
|
|
handler: 'CacheFirst',
|
|
options: {
|
|
cacheName: 'image-cache',
|
|
expiration: {
|
|
maxEntries: 10000,
|
|
purgeOnQuotaError: true,
|
|
},
|
|
cacheableResponse: {
|
|
statuses: [0, 200],
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
}),
|
|
],
|
|
}));
|