56 lines
2.2 KiB
TypeScript
56 lines
2.2 KiB
TypeScript
import tailwindcss from '@tailwindcss/vite';
|
|
import react from '@vitejs/plugin-react';
|
|
import path from 'path';
|
|
import {defineConfig, loadEnv} from 'vite';
|
|
|
|
export default defineConfig(({mode}) => {
|
|
// Load all env vars (including non-VITE_ prefixed ones) so the Hasura secret
|
|
// stays server-side in the dev proxy and never reaches the client bundle.
|
|
const env = loadEnv(mode, process.cwd(), '');
|
|
const hasuraSecret = env.HASURA_ADMIN_SECRET || '';
|
|
|
|
return {
|
|
plugins: [react(), tailwindcss()],
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve(__dirname, '.'),
|
|
},
|
|
},
|
|
server: {
|
|
// HMR is disabled in AI Studio via DISABLE_HMR env var.
|
|
// Do not modify—file watching is disabled to prevent flickering during agent edits.
|
|
hmr: process.env.DISABLE_HMR !== 'true',
|
|
// Disable file watching when DISABLE_HMR is true to save CPU during agent edits.
|
|
watch: process.env.DISABLE_HMR === 'true' ? null : {},
|
|
// Proxy Hasura REST calls so the admin secret is injected server-side
|
|
// (kept out of the browser bundle) and CORS is avoided. The app calls e.g.
|
|
// /hasura/getordersummary?... -> https://api.workolik.com/api/rest/getordersummary?...
|
|
proxy: {
|
|
'/hasura': {
|
|
target: 'https://api.workolik.com',
|
|
changeOrigin: true,
|
|
secure: true,
|
|
rewrite: (p) => p.replace(/^\/hasura/, '/api/rest'),
|
|
configure: (proxy) => {
|
|
proxy.on('proxyReq', (proxyReq) => {
|
|
if (hasuraSecret) {
|
|
proxyReq.setHeader('x-hasura-admin-secret', hasuraSecret);
|
|
}
|
|
});
|
|
},
|
|
},
|
|
// Proxy the Fiesta REST API (fiesta.nearle.app). It is CORS-enabled, but
|
|
// routing through the dev server keeps the network tab consistent with
|
|
// /hasura and sidesteps any preflight surprises. The app calls e.g.
|
|
// /fiesta/live/api/v1/web/orders/getordersummary?... -> https://fiesta.nearle.app/live/api/v1/web/...
|
|
'/fiesta': {
|
|
target: 'https://fiesta.nearle.app',
|
|
changeOrigin: true,
|
|
secure: true,
|
|
rewrite: (p) => p.replace(/^\/fiesta/, ''),
|
|
},
|
|
},
|
|
},
|
|
};
|
|
});
|