vite.config.ts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tailwindcss from '@tailwindcss/vite';
import { readFileSync } from 'fs';
import { resolve } from 'path';

// Read root package.json for app version
const rootPackageJson = JSON.parse(
  readFileSync(resolve(__dirname, '../../package.json'), 'utf-8')
);
const appVersion = rootPackageJson.version;

const base = process.env.VITE_BASE_URL
  ? process.env.VITE_BASE_URL.endsWith('/')
    ? process.env.VITE_BASE_URL
    : `${process.env.VITE_BASE_URL}/`
  : '/';

// In dev mode, resolve workspace packages to their source files
// This allows hot-reload without needing to rebuild packages
const isDev = process.env.NODE_ENV !== 'production';
const packagesPath = resolve(__dirname, '../../packages');

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [tailwindcss(), react()],
  resolve: {
    alias: {
      // In dev mode, resolve @fluxby/* packages to source files for hot-reload
      ...(isDev && {
        '@fluxby/shared': resolve(packagesPath, 'shared/src/index.ts'),
      }),
    },
  },
  server: {
    port: 5177, // Landing page port
    // Headers required for SharedArrayBuffer (needed for SQLite WASM in the proxied /app)
    headers: {
      'Cross-Origin-Opener-Policy': 'same-origin',
      'Cross-Origin-Embedder-Policy': 'require-corp',
    },
    proxy: {
      // Proxy /app to the web app dev server
      // The web app is configured with base: '/app/' so we forward requests directly
      '/app': {
        target: 'http://localhost:5178',
        changeOrigin: true,
        // Enable WebSocket proxy for Vite HMR (Hot Module Replacement)
        // Without this, CSS updates via HMR won't work when accessing /app through the proxy
        ws: true,
      },
      // Proxy API calls for developers building their own interfaces
      '/api': {
        target: 'http://localhost:3001',
        changeOrigin: true,
      },
    },
  },
  build: {
    outDir: 'dist',
  },
  base, // Dynamic base path for deployment (GitHub Pages)
  define: {
    __APP_VERSION__: JSON.stringify(appVersion),
  },
});