import { defineConfig, Plugin } from "vite";
import react from "@vitejs/plugin-react";
import { viteSingleFile } from "vite-plugin-singlefile";
import { resolve } from "path";
// Get the app to build from environment variable
const app = process.env.APP;
if (!app) {
throw new Error("APP environment variable must be set");
}
// Plugin to rename the output file and remove the nested directory structure
function renameOutput(): Plugin {
return {
name: "rename-output",
enforce: "post",
generateBundle(_, bundle) {
// Find the HTML file and rename it
for (const fileName of Object.keys(bundle)) {
if (fileName.endsWith("index.html")) {
const chunk = bundle[fileName];
chunk.fileName = `${app}.html`;
delete bundle[fileName];
bundle[`${app}.html`] = chunk;
break;
}
}
},
};
}
export default defineConfig({
plugins: [react(), viteSingleFile(), renameOutput()],
build: {
outDir: resolve(__dirname, "../pkg/github/ui_dist"),
emptyOutDir: false,
rollupOptions: {
input: resolve(__dirname, `src/apps/${app}/index.html`),
},
},
});
