import tailwindcss from "@tailwindcss/vite";import react from "@vitejs/plugin-react";import { tanstackRouter } from "@tanstack/router-plugin/vite";import { defineConfig } from "vite";const port = Number(process.env.PORT ?? 5173);export default defineConfig({    plugins: [        tanstackRouter(),        react({            babel: {                plugins: [["babel-plugin-react-compiler", { target: "19" }]],            },        }),        tailwindcss(),    ],    define: {        // In dev mode, tell the web app where the WebSocket server lives        "import.meta.env.VITE_WS_URL": JSON.stringify(process.env.VITE_WS_URL ?? ""),    },    experimental: {        enableNativePlugin: true,    },    resolve: {        tsconfigPaths: true,    },    server: {        port,        strictPort: true,        hmr: {            // Explicit config so Vite's HMR WebSocket connects reliably            // inside Electron's BrowserWindow. Vite 8 uses console.debug for            // connection logs — enable "Verbose" in DevTools to see them.            protocol: "ws",            host: "localhost",        },    },    build: {        outDir: "dist",        emptyOutDir: true,    },});