build: refactor vite plugins to emit files (@fehmer)

Author: fehmer

frontend/vite-plugins/version-file.ts

@@ -1,20 +1,15 @@
 import { Plugin } from "vite";
-import path from "node:path";
-import { existsSync, mkdirSync, writeFileSync } from "node:fs";
 export function versionFile(options: { clientVersion: string }): Plugin {
   return {
     name: "generate-version-json",
     apply: "build",
 
-    closeBundle() {
-      const distPath = path.resolve("./dist");
-      if (!existsSync(distPath)) {
-        mkdirSync(distPath, { recursive: true });
-      }
-
-      const versionJson = JSON.stringify({ version: options.clientVersion });
-      const versionPath = path.resolve(distPath, "version.json");
-      writeFileSync(versionPath, versionJson);
+    generateBundle() {
+      this.emitFile({
+        type: "asset",
+        source: JSON.stringify({ version: options.clientVersion }),
+        fileName: "version.json",
+      });
     },
   };
 }

frontend/vite.config.ts

@@ -81,6 +81,7 @@ function getPlugins({
   const plugins: PluginOption[] = [
     envConfig({ isDevelopment, clientVersion, env }),
     languageHashes({ skip: isDevelopment }),
+    versionFile({ clientVersion }),
     checker({
       typescript: {
         tsconfigPath: path.resolve(__dirname, "./tsconfig.json"),
@@ -105,7 +106,6 @@ function getPlugins({
   const prodPlugins: PluginOption[] = [
     fontPreview(),
     fontawesomeSubset(),
-    versionFile({ clientVersion }),
     ViteMinifyPlugin(),
     VitePWA({
       // injectRegister: "networkfirst",