From ccd4b1c543794b44ceaead1872a056df72cc2a7d Mon Sep 17 00:00:00 2001
From: unimu-cc <kkcarson1874@gmail.com>
Date: Sun, 18 Feb 2024 22:25:16 +0800
Subject: [PATCH] fix: debug mode information

---
 src/components/DiagramFrame/Debug/Debug.vue |  4 +--
 vite.config.js                              | 34 +++++++++++++--------
 2 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/components/DiagramFrame/Debug/Debug.vue b/src/components/DiagramFrame/Debug/Debug.vue
index e934eefa2..6e3daf84f 100644
--- a/src/components/DiagramFrame/Debug/Debug.vue
+++ b/src/components/DiagramFrame/Debug/Debug.vue
@@ -14,8 +14,8 @@
 <script>
 import Icon from "@/components/Icon/Icon.vue";
 
-const commitHash = "process.env.VUE_APP_GIT_HASH";
-const gitBranch = "process.env.VUE_APP_GIT_BRANCH";
+const commitHash = import.meta.env.VITE_APP_GIT_HASH;
+const gitBranch = import.meta.env.VITE_APP_GIT_BRANCH;
 export default {
   name: "Debug",
   components: { Icon },
diff --git a/vite.config.js b/vite.config.js
index 47deb8c60..4f39e0a1c 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,12 +1,21 @@
-import { resolve } from 'path';
-import { defineConfig } from 'vite';
-import createVuePlugin from '@vitejs/plugin-vue';
-import { execSync } from 'child_process';
-import svgLoader from 'vite-svg-loader';
+import { resolve } from "path";
+import { defineConfig } from "vite";
+import createVuePlugin from "@vitejs/plugin-vue";
+import { execSync } from "child_process";
+import svgLoader from "vite-svg-loader";
+
+process.env.VITE_APP_GIT_HASH = execSync("git rev-parse --short HEAD")
+  .toString()
+  .trim();
+process.env.VITE_APP_GIT_BRANCH = execSync("git branch --show-current")
+  .toString()
+  .trim();
 
 function getCypressHtmlFiles() {
-  const cypressFolder = resolve(__dirname, 'cy');
-  const strings = execSync(`find ${cypressFolder} -name '*.html'`).toString().split('\n');
+  const cypressFolder = resolve(__dirname, "cy");
+  const strings = execSync(`find ${cypressFolder} -name '*.html'`)
+    .toString()
+    .split("\n");
   // remove empty string
   strings.pop();
   return strings;
@@ -17,13 +26,13 @@ console.log(cypressHtmlFiles);
 export default defineConfig({
   build: {
     rollupOptions: {
-      input: ['index.html', 'embed.html', ...cypressHtmlFiles],
+      input: ["index.html", "embed.html", ...cypressHtmlFiles],
     },
   },
   resolve: {
     alias: {
-      'vue': '@vue/compat',
-      '@': resolve(__dirname, './src')
+      vue: "@vue/compat",
+      "@": resolve(__dirname, "./src"),
     },
   },
   plugins: [
@@ -39,11 +48,10 @@ export default defineConfig({
     svgLoader(),
   ],
   test: {
-    environment: 'jsdom',
+    environment: "jsdom",
     globals: true,
     deps: {
-      inline: ['@vue/test-utils'],
+      inline: ["@vue/test-utils"],
     },
   },
 });
-