jan/web-app/vite.config.web.ts
2025-10-02 00:47:38 +07:00

110 lines
3.4 KiB
TypeScript

import { defineConfig, Plugin } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
import path from 'path'
import { TanStackRouterVite } from '@tanstack/router-plugin/vite'
// Plugin to inject GA scripts in HTML
function injectGoogleAnalytics(): Plugin {
return {
name: 'inject-google-analytics',
transformIndexHtml(html) {
const gaMeasurementId = process.env.GA_MEASUREMENT_ID
// Only inject GA scripts if GA_MEASUREMENT_ID is set
if (!gaMeasurementId) {
// Remove placeholder if no GA ID
return html.replace(/\s*<!-- INJECT_GOOGLE_ANALYTICS -->\n?/g, '')
}
const gaScripts = `<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=${gaMeasurementId}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){ dataLayer.push(arguments); }
gtag('consent','default',{
ad_storage:'denied',
analytics_storage:'denied',
ad_user_data:'denied',
ad_personalization:'denied',
wait_for_update:500
});
gtag('js', new Date());
gtag('config', '${gaMeasurementId}', {
debug_mode: (location.hostname === 'localhost'),
send_page_view: false
});
</script>`
return html.replace('<!-- INJECT_GOOGLE_ANALYTICS -->', gaScripts)
},
}
}
export default defineConfig({
plugins: [
TanStackRouterVite({
target: 'react',
autoCodeSplitting: true,
routeFileIgnorePattern: '.((test).ts)|test-page',
}),
react(),
tailwindcss(),
injectGoogleAnalytics(),
],
build: {
outDir: './dist-web',
emptyOutDir: true,
rollupOptions: {
external: [
// Exclude Tauri packages from web bundle
'@tauri-apps/api',
'@tauri-apps/plugin-http',
'@tauri-apps/plugin-fs',
'@tauri-apps/plugin-shell',
'@tauri-apps/plugin-clipboard-manager',
'@tauri-apps/plugin-dialog',
'@tauri-apps/plugin-os',
'@tauri-apps/plugin-process',
'@tauri-apps/plugin-updater',
'@tauri-apps/plugin-deep-link',
'@tauri-apps/api/event',
'@tauri-apps/api/path',
'@tauri-apps/api/window',
'@tauri-apps/api/webviewWindow',
],
},
target: 'esnext',
},
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
define: {
IS_TAURI: JSON.stringify(process.env.IS_TAURI),
// Platform detection constants for web version
IS_WEB_APP: JSON.stringify(true),
// Disable auto-updater on web (not applicable)
AUTO_UPDATER_DISABLED: JSON.stringify(true),
IS_DEV: JSON.stringify(false),
IS_MACOS: JSON.stringify(false),
IS_WINDOWS: JSON.stringify(false),
IS_LINUX: JSON.stringify(false),
IS_IOS: JSON.stringify(false),
IS_ANDROID: JSON.stringify(false),
PLATFORM: JSON.stringify('web'),
VERSION: JSON.stringify(process.env.npm_package_version || '1.0.0'),
POSTHOG_KEY: JSON.stringify(process.env.POSTHOG_KEY || ''),
POSTHOG_HOST: JSON.stringify(process.env.POSTHOG_HOST || ''),
GA_MEASUREMENT_ID: JSON.stringify(process.env.GA_MEASUREMENT_ID),
MODEL_CATALOG_URL: JSON.stringify(process.env.MODEL_CATALOG_URL || ''),
},
server: {
port: 3001,
strictPort: true,
},
// Enable SPA mode - fallback to index.html for all routes
appType: 'spa',
})