Dev/subtiltle docker support (#21)

* fix(Docker): 修复了docker构建时无法读到 git 信息的问题

* fix: 纠正构建版本信息中的拼写错误

* feat(subtitle): 在Docker环境下显示"Docker 构建"副标题

* 优化副标题逻辑

---------

Co-authored-by: x6eull <[email protected]>

Author: XmmShp

Dockerfile

@@ -5,6 +5,7 @@ COPY ./package*.json ./
 COPY ./.npmrc ./
 RUN npm install
 COPY . .
+ENV VITE_IS_DOCKER_ENVIRONMENT=true
 ENV VITE_ENABLE_RUNTIME_CONFIG=true
 RUN npm run build
 

vite.config.ts

@@ -3,18 +3,28 @@ import react from '@vitejs/plugin-react-swc';
 /**@ts-ignore */
 import { execSync } from 'node:child_process';
 
-function sh(cmd: string) {
-  return execSync(cmd, { encoding: 'utf-8' }).trim();
+function sh(cmd: string, fallback = '[unknown]') {
+  try {
+    return execSync(cmd, { encoding: 'utf-8' }).trim();
+  } catch {
+    return fallback;
+  }
 }
+/**@ts-ignore */
+const isDocker: boolean = process.env.VITE_IS_DOCKER_ENVIRONMENT?.match(/true|1/i);
 const headSha = sh('git rev-parse HEAD');
 const headCommitCount = sh('git rev-list --count HEAD');
 const headBranch = sh('git rev-parse --abbrev-ref HEAD');
-const anyChanges = sh('git status --porcelain -uall').length > 0;
+const anyChanges = sh('git status --porcelain -uall', '').length > 0;
+const BUILD_INFO = isDocker ? '使用 Docker 构建' : `构建版本 {${headCommitCount}${anyChanges ? '*' : ''}}`;
+
 // https://vitejs.dev/config/
 export default defineConfig({
   define: {
-    'import.meta.env.VITE_BUILD_INFO': JSON.stringify(`构建版本 ${headCommitCount}${anyChanges ? '*' : ''}`),
-    'import.meta.env.VITE_BUILD_INFO_DETAIL': JSON.stringify(`${anyChanges ? '有未提交的更改\n' : ''}branch: ${headBranch}\ncommit: ${headSha}`),
+    'import.meta.env.VITE_BUILD_INFO': JSON.stringify(BUILD_INFO),
+    'import.meta.env.VITE_BUILD_INFO_DETAIL': JSON.stringify(
+      `${anyChanges ? '有未提交的更改\n' : ''}提交总数: ${headCommitCount}\nbranch: ${headBranch}\ncommit: ${headSha}`
+    ),
   },
   plugins: [react()],
   css: {