import { defineConfig } from "vite";
import { sveltekit } from "@sveltejs/kit/vite";

import tailwindcss from '@tailwindcss/vite'

const host = process.env.TAURI_DEV_HOST;

// Backend API URL for development proxy
const API_TARGET = process.env.API_URL || 'http://localhost:5000';

export default defineConfig(async () => ({
  plugins: [sveltekit(), tailwindcss()],
  clearScreen: false,
  server: {
    port: 1420,
    strictPort: true,
    host: host || false,
    hmr: host
      ? {
        protocol: "ws",
        host,
        port: 1421,
      }
      : undefined,
    watch: {
      ignored: ["**/src-tauri/**"],
    },
    // Proxy API requests to backend during development
    proxy: {
      '/api': {
        target: API_TARGET,
        changeOrigin: true,
        secure: false,
      }
    }
  },
}));