init

vite.config.js

@@ -0,0 +1,71 @@
+import legacy from "@vitejs/plugin-legacy";
+import { fdir } from "fdir";
+import { resolve } from "node:path";
+import process from "node:process";
+import * as v from "valibot";
+import { defineConfig, loadEnv } from "vite";
+import manifestSRI from "vite-plugin-manifest-sri";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import valibot from "vite-plugin-valibot-env";
+
+const SLUG_THEME = "haiku-atelier-2024";
+const SRC_TYPESCRIPT_PATHS = new fdir()
+  .withBasePath()
+  .filter((path, isDirectory) => !isDirectory && !path.endsWith("d.ts"))
+  .withMaxDepth(0)
+  .crawl(`web/app/themes/${SLUG_THEME}/src/scripts`)
+  .withPromise();
+
+/* Voir le fichier vite.env.d.ts */
+const SCHEMA_ENVIRONNEMENT = v.object({
+  VITE_GLITCHTIP_NSD: v.pipe(v.string(), v.url(), v.readonly()),
+  VITE_MODE: v.pipe(v.string(), v.readonly()),
+  VITE_URL: v.pipe(v.string(), v.nonEmpty(), v.url(), v.readonly()),
+});
+
+export default defineConfig(async ({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "VITE");
+
+  return {
+    base: "/",
+    build: {
+      assetsDir: ".",
+      emptyOutDir: true,
+      /* Génère un fichier manifeste dans outDir */
+      manifest: true,
+      minify: env.VITE_MODE === "development",
+      outDir: resolve("./web/app/themes/haiku-atelier-2024/assets/js"),
+      reportCompressedSize: true,
+      rollupOptions: {
+        input: await SRC_TYPESCRIPT_PATHS,
+        output: {
+          assetFileNames: "[name].[hash].[extname]",
+          chunkFileNames: "[name].[hash].js",
+          compact: env.VITE_MODE === "production",
+          entryFileNames: "[name].js",
+          validate: true,
+        },
+        treeshake: "smallest",
+      },
+      sourcemap: env.VITE_MODE === "production",
+      target: "es2020",
+      write: true,
+    },
+    mode: env.VITE_MODE ?? "development",
+    plugins: [
+      // Permet de valider les variables d'environnements définies à partir d'un schéma Valibot
+      valibot(SCHEMA_ENVIRONNEMENT),
+      manifestSRI({ algorithms: ["sha512"] }),
+      nodePolyfills({
+        include: [],
+        protocolImports: true,
+      }),
+      legacy({
+        modernPolyfills: true,
+        modernTargets:
+          "chrome >0 and last 3 years, edge >0 and last 3 years, safari >0 and last 3 years, firefox >0 and last 3 years, and_chr >0 and last 3 years, and_ff >0 and last 3 years, ios >0 and last 3 years",
+        renderLegacyChunks: false,
+      }),
+    ],
+  };
+});