vite.config.ts

import { URL, fileURLToPath } from "node:url"
import { devtools } from "@tanstack/devtools-vite"
import { tanstackStart } from "@tanstack/react-start/plugin/vite"
import { nitro } from "nitro/vite"
import { defineConfig } from "vite"
import pkg from "./package.json" with { type: "json" }
import react from "@vitejs/plugin-react"
import { attachSignalingRoutes } from "./src/server/signalling/server.ts"
import { printWelcome } from "./src/utils/welcome.ts"
import fs from "node:fs"
import path from "node:path"

interface ViteServerConfig {
	host: string
	frontendPort: number
}

function getViteServerConfig(): ViteServerConfig {
	const defaultConfig: ViteServerConfig = {
		host: "0.0.0.0",
		frontendPort: 3000,
	}
	try {
		const configPath = path.resolve(
			import.meta.dirname,
			"src/server-config.json",
		)
		if (fs.existsSync(configPath)) {
			const raw: unknown = JSON.parse(fs.readFileSync(configPath, "utf-8"))
			if (raw && typeof raw === "object" && !Array.isArray(raw)) {
				const obj = raw as Record<string, unknown>
				const host =
					typeof obj.host === "string" ? obj.host : defaultConfig.host
				const frontendPort =
					typeof obj.frontendPort === "number" &&
					Number.isInteger(obj.frontendPort) &&
					obj.frontendPort >= 1 &&
					obj.frontendPort <= 65535
						? obj.frontendPort
						: defaultConfig.frontendPort
				return { host, frontendPort }
			}
		}
	} catch {}
	return defaultConfig
}
const serverConfig = getViteServerConfig()

// biome-ignore lint/suspicious/noExplicitAny: Vite server instance
const wireServer = (server: any) => {
	attachSignalingRoutes(server)
	server.httpServer?.once("listening", () => {
		const addr = server.httpServer?.address()
		const port =
			addr && typeof addr === "object" ? addr.port : serverConfig.frontendPort
		printWelcome(port)
	})
}

const config = defineConfig({
	define: {
		__APP_VERSION__: JSON.stringify(pkg.version),
		__FRONTEND_PORT__: JSON.stringify(serverConfig.frontendPort),
	},
	base: "/",
	resolve: {
		alias: {
			"@": fileURLToPath(new URL("./src", import.meta.url)),
		},
	},
	plugins: [
		{
			name: "rein-server",
			configureServer: wireServer,
			configurePreviewServer: wireServer,
		},
		devtools(),
		nitro({
			plugins: ["./src/server/nitro-plugin"],
			rollupConfig: {
				external: ["koffi", "x11"],
			},
		}),
		tanstackStart(),
		react({
			babel: {
				plugins: [["babel-plugin-react-compiler", {}]],
			},
		}),
	],
	ssr: {
		noExternal: ["tailwindcss", "@tailwindcss/postcss"],
	},
	server: {
		host: serverConfig.host === "0.0.0.0" ? true : serverConfig.host,
		port: serverConfig.frontendPort,
		watch: {
			ignored: ["**/server-config.json", "**/src/server-config.json"],
		},
	},
	build: {
		rollupOptions: {},
	},
})

export default config