Settings: add code version

src/overrides.d.ts

@@ -3,6 +3,10 @@
 interface ImportMetaEnv {
   readonly BUILT_AT: string;
   readonly PACKAGE_VERSION: string;
+  /**
+   * The code reversion. It's recommended to be the git commit sha.
+   */
+  readonly VITE_CODE_VERSION?: string;
 }
 
 interface ImportMeta {

src/settings/Settings.tsx

@@ -346,6 +346,18 @@ const Settings: ParentComponent = (props) => {
             </Show>
           </ListItem>
           <Divider />
+          {import.meta.env.VITE_CODE_VERSION ? (
+            <>
+              <ListItem>
+                <ListItemText secondary={import.meta.env.VITE_CODE_VERSION}>
+                  {t("version.code")}
+                </ListItemText>
+              </ListItem>
+              <Divider />
+            </>
+          ) : (
+            <></>
+          )}
         </li>
         {import.meta.env.DEV ? (
           <li>

src/settings/i18n/en.json

@@ -12,6 +12,7 @@
   "updates.ready": "An update is ready, restart the Tutu to apply",
   "updates.no": "No updates",
   "version": "Using v{{packageVersion}} (built on {{builtAt}}, {{buildMode}})",
+  "version.code": "Code Version",
   "Language": "Language",
   "Region": "Region",
   "lang.auto": "(Auto) {{detected}}",

src/settings/i18n/zh-Hans.json

@@ -12,6 +12,7 @@
   "updates.ready": "更新已准备好，下次开启会启动新版本",
   "updates.no": "已是最新版本",
   "version": "正在使用 v{{packageVersion}} ({{builtAt}}构建, {{buildMode}})",
+  "version.code": "代码版本",
   "Language": "语言",
   "Region": "区域",
   "lang.auto": "（自动）{{detected}}",