更好的启动时错误提示

Author: clansty

MaiChartManager/Controllers/App/AppStatusController.cs

@@ -6,6 +6,7 @@ namespace MaiChartManager.Controllers.App;
 [Route("MaiChartManagerServlet/[action]Api")]
 public class AppStatusController(StaticSettings settings, ILogger<AppStatusController> logger) : ControllerBase
 {
+    [HttpGet]
     public IEnumerable<string> GetAppStartupErrors()
     {
         return StaticSettings.StartupErrorsList;

MaiChartManager/Front/src/App.tsx

@@ -3,6 +3,7 @@ import { dateZhCN, NConfigProvider, NDialogProvider, NMessageProvider, NNotifica
 import FeedbackErrorDialog from "@/components/FeedbackErrorDialog";
 import NeedPurchaseDialog from "@/components/NeedPurchaseDialog";
 import Index from "@/views/Index";
+import StartupErrorDialog from "@/components/StartupErrorDialog";
 
 export default defineComponent({
   render() {
@@ -14,6 +15,7 @@ export default defineComponent({
               <Index/>
               <FeedbackErrorDialog/>
               <NeedPurchaseDialog/>
+              <StartupErrorDialog/>
             </NMessageProvider>
           </NDialogProvider>
         </NNotificationProvider>

MaiChartManager/Front/src/client/apiGen.ts

@@ -642,6 +642,21 @@ export class Api<SecurityDataType extends unknown> extends HttpClient<SecurityDa
         ...params,
       }),
 
+    /**
+     * No description
+     *
+     * @tags AppStatus
+     * @name GetAppStartupErrors
+     * @request GET:/MaiChartManagerServlet/GetAppStartupErrorsApi
+     */
+    GetAppStartupErrors: (params: RequestParams = {}) =>
+      this.request<string[], any>({
+        path: `/MaiChartManagerServlet/GetAppStartupErrorsApi`,
+        method: "GET",
+        format: "json",
+        ...params,
+      }),
+
     /**
      * No description
      *
@@ -1745,5 +1760,28 @@ export class Api<SecurityDataType extends unknown> extends HttpClient<SecurityDa
         query: query,
         ...params,
       }),
+
+    /**
+     * No description
+     *
+     * @tags VrcProcess
+     * @name GenAllMusicPreviewMp3ForVrc
+     * @request POST:/MaiChartManagerServlet/GenAllMusicPreviewMp3ForVrcApi
+     */
+    GenAllMusicPreviewMp3ForVrc: (
+      data: {
+        targetDir?: string;
+        /** @format int32 */
+        maxConcurrency?: number;
+      },
+      params: RequestParams = {},
+    ) =>
+      this.request<void, any>({
+        path: `/MaiChartManagerServlet/GenAllMusicPreviewMp3ForVrcApi`,
+        method: "POST",
+        body: data,
+        type: ContentType.FormData,
+        ...params,
+      }),
   };
 }

MaiChartManager/Front/src/components/StartupErrorDialog.tsx

@@ -0,0 +1,40 @@
+import { defineComponent, PropType, ref, computed, watch } from 'vue';
+import { NFlex, NList, NListItem, NModal } from 'naive-ui';
+import useAsync from "@/hooks/useAsync";
+import api from "@/client/api";
+
+export default defineComponent({
+  // props: {
+  // },
+  setup(props, { emit }) {
+    const errors = useAsync(() => api.GetAppStartupErrors())
+    const show = ref(false)
+
+    watch(() => errors.data.value, value => {
+      if (!value) return
+      if (value.data?.length) {
+        show.value = true
+      }
+    })
+
+    return () => <NModal
+      preset="card"
+      class="w-[min(50vw,60em)] bg-red-1!"
+      title="启动过程中发生错误"
+      v-model:show={show.value}
+    >
+      <NFlex vertical class="max-h-70vh overflow-y-auto">
+        <NList showDivider={false}>
+          {errors.data.value?.data?.map((error) => {
+            return <NListItem>
+              <div class="text-0.9em">
+                {error}
+              </div>
+            </NListItem>
+          })}
+        </NList>
+        请尽量修复这些问题，否则 MaiChartManager 可能无法按预期工作
+      </NFlex>
+    </NModal>;
+  },
+});

MaiChartManager/Front/src/hooks/useAsync.ts

@@ -0,0 +1,28 @@
+import { AsyncComputedOnCancel, computedAsync } from '@vueuse/core';
+import { ref } from 'vue';
+
+export default <T>(evaluationCallback: (onCancel: AsyncComputedOnCancel) => T | Promise<T>, initialState: T | null = null, lazy = false) => {
+  const loading = ref(false);
+  const error = ref<Error | null>(null);
+  const reloadFlip = ref(false);
+  const data = computedAsync(async (onCancel: AsyncComputedOnCancel) => {
+    error.value = null;
+    void reloadFlip.value;
+    try {
+      return await evaluationCallback(onCancel);
+    }
+    catch (e: any) {
+      console.log(e);
+      error.value = e;
+    }
+  }, initialState, {
+    evaluating: loading,
+    lazy,
+  });
+  return {
+    data, error, loading,
+    refresh: () => {
+      reloadFlip.value = !reloadFlip.value;
+    },
+  };
+}