91 lines
3.2 KiB
TypeScript
91 lines
3.2 KiB
TypeScript
import react from '@vitejs/plugin-react';
|
|
import { defineConfig, loadEnv, type Plugin, type ProxyOptions } from 'vite';
|
|
import { VitePWA } from 'vite-plugin-pwa';
|
|
|
|
// Web build: public at https://dev.aggtaa.com/m/, the reverse proxy strips "/m" (X-Forwarded-Prefix).
|
|
// Capacitor build (--mode capacitor): served from the app bundle root.
|
|
//
|
|
// Env (mobile-client/.env or process env):
|
|
// PORT dev/preview server port (default 10003)
|
|
// ALLOWED_HOSTS comma-separated public host names (default dev.aggtaa.com)
|
|
// BACKEND_URL local dev only: server-be address (default http://127.0.0.1:10002)
|
|
const WEB_BASE = '/m/';
|
|
|
|
/** The proxy strips /m; put it back so Vite's base-aware dev and preview servers find the files. */
|
|
function restoreStrippedBase(): Plugin {
|
|
const rewrite = (req: { url?: string }, _res: unknown, next: () => void) => {
|
|
const url = req.url ?? '/';
|
|
if (!url.startsWith(WEB_BASE) && !url.startsWith('/api/') && url !== '/api') req.url = WEB_BASE.slice(0, -1) + url;
|
|
next();
|
|
};
|
|
return {
|
|
name: 'cardy-restore-stripped-base',
|
|
configureServer: (server) => void server.middlewares.use(rewrite),
|
|
configurePreviewServer: (server) => void server.middlewares.use(rewrite),
|
|
};
|
|
}
|
|
|
|
export default defineConfig(({ mode }) => {
|
|
const env = loadEnv(mode, process.cwd(), '');
|
|
const capacitor = mode === 'capacitor';
|
|
|
|
// Local development without the reverse proxy: /api/* -> server-be with /api stripped.
|
|
const proxy: Record<string, ProxyOptions> = {
|
|
'/api': {
|
|
target: env.BACKEND_URL || 'http://127.0.0.1:10002',
|
|
rewrite: (path) => path.replace(/^\/api/, '') || '/',
|
|
headers: { 'X-Forwarded-Prefix': '/api' },
|
|
},
|
|
};
|
|
const server = {
|
|
host: true,
|
|
port: Number(env.PORT) || 10003,
|
|
strictPort: true,
|
|
allowedHosts: (env.ALLOWED_HOSTS || 'dev.aggtaa.com').split(',').map((h) => h.trim()),
|
|
proxy,
|
|
};
|
|
|
|
return {
|
|
base: capacitor ? './' : WEB_BASE,
|
|
plugins: [
|
|
react(),
|
|
restoreStrippedBase(),
|
|
VitePWA({
|
|
disable: capacitor,
|
|
registerType: 'autoUpdate',
|
|
injectRegister: 'auto',
|
|
includeAssets: ['icon.svg'],
|
|
manifest: {
|
|
name: 'Cardy',
|
|
short_name: 'Cardy',
|
|
description: 'Discount cards',
|
|
theme_color: '#0f1115',
|
|
background_color: '#0f1115',
|
|
display: 'standalone',
|
|
orientation: 'portrait',
|
|
start_url: '.',
|
|
scope: '.',
|
|
icons: [
|
|
{ src: 'icon.svg', sizes: 'any', type: 'image/svg+xml', purpose: 'any' },
|
|
{ src: 'icon.svg', sizes: 'any', type: 'image/svg+xml', purpose: 'maskable' },
|
|
],
|
|
},
|
|
workbox: {
|
|
globPatterns: ['**/*.{js,css,html,svg,wasm,webmanifest}'],
|
|
// bwip-js and the zxing wasm module are large but needed offline.
|
|
maximumFileSizeToCacheInBytes: 8 * 1024 * 1024,
|
|
navigateFallback: 'index.html',
|
|
navigateFallbackDenylist: [/^\/api(\/|$)/],
|
|
},
|
|
}),
|
|
],
|
|
build: {
|
|
outDir: capacitor ? 'dist-capacitor' : 'dist',
|
|
emptyOutDir: true,
|
|
chunkSizeWarningLimit: 1100,
|
|
},
|
|
server,
|
|
preview: server,
|
|
};
|
|
});
|