From 314bea1759de5e9a768534752ac67e2901090eda Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Hornych?= <lukashornych@proton.me>
Date: Fri, 8 Nov 2024 21:37:07 +0100
Subject: [PATCH] fix(#230): version built assets to allow immutable cache

---
 vite.config.ts | 101 +++++++++++++++++++++++++++++++++----------------
 1 file changed, 68 insertions(+), 33 deletions(-)

diff --git a/vite.config.ts b/vite.config.ts
index 77b96701..46b01a0c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -3,42 +3,77 @@ import vue from '@vitejs/plugin-vue'
 import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
 // Utilities
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import { fileURLToPath, URL } from 'node:url'
+import XXH, { HashObject } from 'xxhashjs'
+
+const hasher: HashObject = XXH.h64()
+
+function resolveEvitaLabVersionSuffix(env: Record<string, string>): string {
+    const actualVersion: string = env.VITE_BUILD_VERSION
+    let normalizedVersion: string
+    if (actualVersion == undefined || actualVersion.length === 0) {
+        normalizedVersion = 'dev'
+    } else {
+        normalizedVersion = actualVersion
+    }
+    return hasher
+        .update(normalizedVersion)
+        .digest()
+        .toString(16)
+}
 
 // https://vitejs.dev/config/
-export default defineConfig({
-    plugins: [
-        vue({
-            template: { transformAssetUrls }
-        }),
-        // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
-        vuetify({
-            autoImport: true,
-            styles: {
-                configFile: 'src/styles/settings.scss'
+export default defineConfig(({ mode }) => {
+    // Load env file based on `mode` in the current working directory.
+    // Set the third parameter to '' to load all env regardless of the `VITE_` prefix.
+    const env: Record<string, string> = loadEnv(mode, process.cwd(), '')
+    const evitaLabVersionSuffix: string = resolveEvitaLabVersionSuffix(env)
+
+    return {
+        plugins: [
+            vue({
+                template: { transformAssetUrls }
+            }),
+            // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
+            vuetify({
+                autoImport: true,
+                styles: {
+                    configFile: 'src/styles/settings.scss'
+                }
+            })
+        ],
+        build: {
+            rollupOptions: {
+                output: {
+                    // add evitaLab version to the generated files to control cache
+                    // between different evitaLab version from the same server hostname
+                    chunkFileNames: `assets/[name]-[hash]-${evitaLabVersionSuffix}.js`,
+                    entryFileNames: `assets/[name]-${evitaLabVersionSuffix}.js`,
+                    assetFileNames: `assets/[name]-[hash]-${evitaLabVersionSuffix}[extname]`
+                }
             }
-        })
-    ],
-    define: { 'process.env': {} },
-    resolve: {
-        alias: {
-            '@': fileURLToPath(new URL('./src', import.meta.url))
         },
-        extensions: [
-            '.js',
-            '.json',
-            '.jsx',
-            '.mjs',
-            '.ts',
-            '.tsx',
-            '.vue'
-        ]
-    },
-    server: {
-        port: 3000,
-        strictPort: true,
-        host: true
-    },
-    base: '/lab'
+        define: { 'process.env': {} },
+        resolve: {
+            alias: {
+                '@': fileURLToPath(new URL('./src', import.meta.url))
+            },
+            extensions: [
+                '.js',
+                '.json',
+                '.jsx',
+                '.mjs',
+                '.ts',
+                '.tsx',
+                '.vue'
+            ]
+        },
+        server: {
+            port: 3000,
+            strictPort: true,
+            host: true
+        },
+        base: '/lab'
+    }
 })