From bc2bae150063632f084c2597deea07310ad27a7f Mon Sep 17 00:00:00 2001
From: Anna Viklund <annamariaviklund@gmail.com>
Date: Wed, 31 Jan 2024 22:20:18 +0100
Subject: [PATCH] Use latest commit hash instead of package.json version

---
 ui/package.json                                  |  1 -
 ui/src/components/header/beta-info/beta-info.tsx |  4 ++--
 ui/tsconfig.json                                 |  2 +-
 ui/vite-env.d.ts                                 |  2 ++
 ui/vite.config.ts                                | 10 ++++++++--
 ui/yarn.lock                                     | 10 ----------
 6 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/ui/package.json b/ui/package.json
index a5789f66e..ed3112a1a 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -36,7 +36,6 @@
     "react-router-dom": "^6.8.2",
     "typescript": "^4.4.2",
     "vite": "^4.5.0",
-    "vite-plugin-package-version": "^1.1.0",
     "vite-tsconfig-paths": "^4.2.1"
   },
   "scripts": {
diff --git a/ui/src/components/header/beta-info/beta-info.tsx b/ui/src/components/header/beta-info/beta-info.tsx
index a2f5f77cf..1956c314c 100644
--- a/ui/src/components/header/beta-info/beta-info.tsx
+++ b/ui/src/components/header/beta-info/beta-info.tsx
@@ -4,7 +4,7 @@ import styles from './beta-info.module.scss'
 const COPY = {
   LABEL: 'Beta',
   INFO: 'More info about beta status goes here?',
-  VERSION: import.meta.env.PACKAGE_VERSION, // Read version from package.json
+  VERSION: `Build ${__COMMIT_HASH__}`,
 }
 
 export const BetaInfo = () => {
@@ -13,7 +13,7 @@ export const BetaInfo = () => {
       <Tooltip content={COPY.INFO}>
         <div className={styles.badge}>{COPY.LABEL}</div>
       </Tooltip>
-      <span className={styles.version}>Version {COPY.VERSION}</span>
+      <span className={styles.version}>{COPY.VERSION}</span>
     </div>
   )
 }
diff --git a/ui/tsconfig.json b/ui/tsconfig.json
index ea83dc4fb..9ce6beeeb 100644
--- a/ui/tsconfig.json
+++ b/ui/tsconfig.json
@@ -18,5 +18,5 @@
     "baseUrl": "src",
     "types": ["vite/client", "vite-plugin-svgr/client"]
   },
-  "include": ["src"]
+  "include": ["src", "vite-env.d.ts"]
 }
diff --git a/ui/vite-env.d.ts b/ui/vite-env.d.ts
index 11f02fe2a..ea0f70cb8 100644
--- a/ui/vite-env.d.ts
+++ b/ui/vite-env.d.ts
@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+
+declare const __COMMIT_HASH__: string
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index e8e0ba412..e18387773 100644
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -1,10 +1,14 @@
 import react from '@vitejs/plugin-react'
+import childProcees from 'child_process'
 import { defineConfig } from 'vite'
 import eslint from 'vite-plugin-eslint'
-import version from 'vite-plugin-package-version'
 import svgr from 'vite-plugin-svgr'
 import viteTsconfigPaths from 'vite-tsconfig-paths'
 
+const commitHash = childProcees
+  .execSync('git rev-parse --short HEAD')
+  .toString()
+
 export default defineConfig({
   base: '/',
   build: {
@@ -15,8 +19,10 @@ export default defineConfig({
     viteTsconfigPaths(),
     svgr({ include: '**/*.svg?react' }),
     eslint({ exclude: ['/virtual:/**', 'node_modules/**'] }),
-    version(),
   ],
+  define: {
+    __COMMIT_HASH__: JSON.stringify(commitHash),
+  },
   server: {
     open: true,
     port: 3000,
diff --git a/ui/yarn.lock b/ui/yarn.lock
index d37d4ab50..32c4b2f7c 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -6583,7 +6583,6 @@ __metadata:
     typescript: "npm:^4.4.2"
     vite: "npm:^4.5.0"
     vite-plugin-eslint: "npm:^1.8.1"
-    vite-plugin-package-version: "npm:^1.1.0"
     vite-plugin-svgr: "npm:^4.1.0"
     vite-tsconfig-paths: "npm:^4.2.1"
   languageName: unknown
@@ -15895,15 +15894,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite-plugin-package-version@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "vite-plugin-package-version@npm:1.1.0"
-  peerDependencies:
-    vite: ">=2.0.0-beta.69"
-  checksum: fb646bcc666746579cdb96dd81bc91c989f99176071d43b66588ed554f3d3c492b10a3b27ef715a2d6a5a2a52d2f776dd7365ccc6034dc65f2c65208236af38a
-  languageName: node
-  linkType: hard
-
 "vite-plugin-svgr@npm:^4.1.0":
   version: 4.1.0
   resolution: "vite-plugin-svgr@npm:4.1.0"