feat: 启动错误收集与前端弹窗提示

Author: Applesaber

ChuChartManager/Controllers/AppStatusController.cs

@@ -0,0 +1,14 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace ChuChartManager.Controllers;
+
+[ApiController]
+[Route("api/[controller]/[action]")]
+public class AppStatusController : ControllerBase
+{
+    [HttpGet]
+    public ActionResult<IEnumerable<string>> GetStartupErrors()
+    {
+        return Ok(StaticSettings.Scanner?.Errors ?? []);
+    }
+}

ChuChartManager/Front/src/App.vue

@@ -3,6 +3,7 @@ import { ref, onMounted } from 'vue'
 import { modalShowing, GlobalElementsContainer } from '@munet/ui'
 import Sidebar from '@/components/Sidebar.vue'
 import StatusBar from '@/components/StatusBar.vue'
+import StartupErrorDialog from '@/components/StartupErrorDialog'
 import MusicList from '@/views/MusicList.vue'
 import Course from '@/views/Course/index'
 import ResourceManager from '@/views/ResourceManager/index'
@@ -44,6 +45,7 @@ const handleRefresh = () => {
     <Oobe v-if="isOobeWindow" :initStep="oobeInitStep" />
     <div v-else class="content-root" :class="{ 'modal-open': modalShowing }">
       <GlobalElementsContainer />
+      <StartupErrorDialog />
       <div class="main-layout">
         <Sidebar v-model:active="sidebarActive" @refresh="handleRefresh" />
         <div class="main-content">

ChuChartManager/Front/src/api/index.ts

@@ -60,6 +60,11 @@ export async function getMusicList(source?: string): Promise<MusicListItem[]> {
   return data
 }
 
+export async function getStartupErrors(): Promise<string[]> {
+  const { data } = await apiClient.get('/api/AppStatus/GetStartupErrors')
+  return data
+}
+
 export async function getSources(): Promise<string[]> {
   const { data } = await apiClient.get('/api/Music/GetSources')
   return data

ChuChartManager/Front/src/components/StartupErrorDialog.tsx

@@ -0,0 +1,34 @@
+import { defineComponent, onMounted, ref } from 'vue'
+import { Modal } from '@munet/ui'
+import { useI18n } from 'vue-i18n'
+import { getStartupErrors } from '@/api'
+
+export default defineComponent({
+  setup() {
+    const { t } = useI18n()
+    const show = ref(false)
+    const errors = ref<string[]>([])
+
+    onMounted(async () => {
+      errors.value = await getStartupErrors()
+      if (errors.value.length) show.value = true
+    })
+
+    return () => (
+      <Modal
+        width="min(85vw,40em)"
+        title={t('startup.errorTitle')}
+        v-model:show={show.value}
+      >
+        <div class="flex flex-col gap-2 max-h-60vh overflow-y-auto">
+          <div class="flex flex-col gap-1">
+            {errors.value.map(error => (
+              <div class="text-0.9em break-all">{error}</div>
+            ))}
+          </div>
+          <div class="op-60 mt-2">{t('startup.fixPrompt')}</div>
+        </div>
+      </Modal>
+    )
+  },
+})

ChuChartManager/Front/src/locales/en.yaml

@@ -58,6 +58,9 @@ about:
   title: About
   version: App Version
   gameVersion: Game Version
+startup:
+  errorTitle: Errors occurred during startup
+  fixPrompt: Please review and fix the issues above. Edit or remove the affected files manually if necessary.
 oobe:
   welcomeMessage: Welcome to ChuChartManager
   selectGameDir: Select Game Directory

ChuChartManager/Front/src/locales/ja.yaml

@@ -58,6 +58,9 @@ about:
   title: について
   version: アプリバージョン
   gameVersion: ゲームバージョン
+startup:
+  errorTitle: 起動時にエラーが発生しました
+  fixPrompt: 上記の問題を確認して修正してください。必要に応じて該当ファイルを手動で編集または削除してください。
 oobe:
   welcomeMessage: ChuChartManager へようこそ
   selectGameDir: ゲームディレクトリを選択

ChuChartManager/Front/src/locales/zh.yaml

@@ -58,6 +58,9 @@ about:
   title: 关于
   version: 应用版本
   gameVersion: 游戏版本
+startup:
+  errorTitle: 启动时发生错误
+  fixPrompt: 请检查并修复以上问题，必要时手动修改或删除对应文件。
 oobe:
   welcomeMessage: 欢迎使用 ChuChartManager
   selectGameDir: 选择游戏目录