Feature/ri 7103 split UI (#4583)

ArtemHoruzhenko · web-flow · commit ff73f3984f19 · 2025-06-06T16:43:24.000+03:00
* RI-7103 add app info

* RI-7091 change env name to built-in one

* RI-7103 make appInfo available on runtime
diff --git a/redisinsight/ui/src/config/default.ts b/redisinsight/ui/src/config/default.ts
@@ -1,3 +1,5 @@
+import * as packageJson from '../../../package.json'
+
 const intEnv = (envName: string, defaultValue: number): number => {
   const value = parseInt(process?.env?.[envName] || '', 10)
 
@@ -44,6 +46,8 @@ export const defaultConfig = {
     ),
   },
   app: {
+    version: packageJson.version,
+    sha: process.env.GITHUB_SHA,
     env: process.env.NODE_ENV,
     type: process.env.RI_APP_TYPE,
     resourcesBaseUrl: process.env.RI_RESOURCES_BASE_URL ?? apiUrl, // todo: no usage found
diff --git a/redisinsight/ui/vite.config.mjs b/redisinsight/ui/vite.config.mjs
@@ -37,6 +37,18 @@ export default defineConfig({
     svgr({ include: ['**/*.svg?react'] }),
     reactClickToComponent(),
     ViteEjsPlugin(),
+    // Inject app info to window global object via custom plugin
+    {
+      name: 'app-info',
+      transformIndexHtml(html) {
+        const script = `<script>window.appInfo = ${JSON.stringify({
+          version: defaultConfig.app.version,
+          sha: defaultConfig.app.sha,
+        })};</script>`;
+
+        return html.replace(/<head>/, `<head>\n  ${script}`);
+      }
+    }
     // !isElectron && compression({
     //   include: [/\.(js)$/, /\.(css)$/],
     //   deleteOriginalAssets: true
