whattoplay/vite.config.ts

import react from "@vitejs/plugin-react";
import { defineConfig, loadEnv } from "vite";
import { handleSteamRefresh, handleConfigLoad } from "./server/steam-api.mjs";
import { handleGameAsset } from "./server/assets-api.mjs";

const apiMiddlewarePlugin = {
	name: "api-middleware",
	configureServer(server) {
		server.middlewares.use((req, res, next) => {
			const url = req.url ?? "";
			if (url.startsWith("/api/steam/refresh")) {
				return handleSteamRefresh(req, res);
			}
			if (url.startsWith("/api/config/load")) {
				return handleConfigLoad(req, res);
			}
			if (url.startsWith("/api/games/")) {
				return handleGameAsset(req, res);
			}
			next();
		});
	},
};

export default defineConfig(({ mode }) => {
	const env = loadEnv(mode, process.cwd(), "");

	return {
		// GitHub Pages: /whattoplay/
		// Uberspace: /
		base: env.VITE_BASE_PATH || "/whattoplay/",
		plugins: [react(), apiMiddlewarePlugin],
		server: {
			port: 5173,
			hmr: {
				overlay: true,
			},
			watch: {
				usePolling: true,
			},
		},
	};
});