refactor: forbidden

src/api/forbiddens.ts

 import { useConfig } from "@/config";
+import { initStore } from "@/stores";
 
 const { lflistUrl } = useConfig();
 
-type Forbiddens = Map<number, number>;
+class Forbidden {
+  private data: Map<number, number> = new Map<number, number>();
+  public time: string = "?";
 
-export let forbiddenTime = "?";
-
-export async function initForbiddens(): Promise<void> {
+  public async init(): Promise<void> {
     const text = await (await fetch(lflistUrl)).text();
-  const { time, forbiddens } = extractForbiddensFromText(text);
-  forbiddenTime = time;
-  setForbiddens(forbiddens);
-}
+    const { time, forbiddens } = this.extractForbiddensFromText(text);
+    this.time = time;
+    this.setForbiddens(forbiddens);
+    initStore.forbidden = true;
+  }
 
-const forbiddensMap: Forbiddens = new Map<number, number>();
+  public set(cardId: number, limitCount: number): void {
+    this.data.set(cardId, limitCount);
+  }
 
-function setForbiddens(forbiddens: Forbiddens): void {
-  forbiddensMap.clear();
-  for (const [cardId, limitCount] of forbiddens) {
-    forbiddensMap.set(cardId, limitCount);
+  public get(id: number): number | undefined {
+    return this.data.get(id);
   }
-}
 
-export function getForbiddenInfo(id: number): number | undefined {
-  return forbiddensMap.get(id);
-}
+  private setForbiddens(forbiddens: Map<number, number>): void {
+    this.data.clear();
+    for (const [cardId, limitCount] of forbiddens) {
+      this.data.set(cardId, limitCount);
+    }
+  }
 
-function extractForbiddensFromText(text: string): {
+  private extractForbiddensFromText(text: string): {
     time: string;
-  forbiddens: Forbiddens;
-} {
+    forbiddens: Map<number, number>;
+  } {
+    // 解析文本行中的卡片信息
     function parseCardInfo(
       input: string,
     ): { cardId: number; limitCount: number } | null {
@@ -41,30 +46,37 @@ function extractForbiddensFromText(text: string): {
       }
       return null;
     }
+
     const lines = text.split("\n");
     const forbiddens = new Map<number, number>();
-
-  lines.shift(); // remove first line
-
     let time = "?";
 
+    // 移除第一行标题
+    lines.shift();
+
     for (const line of lines) {
       if (line.startsWith("#")) {
-      // do nothing
+        // 忽略注释行
       } else if (line.startsWith("!")) {
+        // 如果时间已经设置，退出循环
         if (time !== "?") {
-        // 已经读取完第一个禁限表的信息了，退出循环
           break;
         } else {
+          // 提取时间信息
           time = line.substring(1).trim();
         }
       } else {
         const cardInfo = parseCardInfo(line);
         if (cardInfo) {
+          // 将卡片信息添加到禁限表
           forbiddens.set(cardInfo.cardId, cardInfo.limitCount);
         }
       }
     }
 
+    // 返回时间和禁限表
     return { time, forbiddens };
+  }
 }
+
+export const forbidden = new Forbidden();

src/stores/initStore.ts

@@ -5,10 +5,11 @@ import { type NeosStore } from "./shared";
 export const initStore = proxy({
   sqlite: {
     progress: 0, // 0 -> 1
-  },
+  }, // ygodb
   decks: false,
   i18n: false,
   wasm: false,
+  forbidden: false, // 禁卡表
   // ...
   reset() {},
 } satisfies NeosStore);

src/ui/BuildDeck/CardDetail.tsx

@@ -8,9 +8,9 @@ import {
   extraCardTypes,
   isLinkMonster,
   isMonster,
+  isPendulumMonster,
   Race2StringCodeMap,
   Type2StringCodeMap,
-  isPendulumMonster,
 } from "@/common";
 import { CardEffectText, IconFont, ScrollableArea, YgoCard } from "@/ui/Shared";
 

src/ui/BuildDeck/index.tsx

@@ -26,7 +26,7 @@ import { LoaderFunction } from "react-router-dom";
 import { proxy, useSnapshot } from "valtio";
 import { subscribeKey } from "valtio/utils";
 
-import { type CardMeta, initForbiddens, searchCards } from "@/api";
+import { type CardMeta, searchCards } from "@/api";
 import { isToken } from "@/common";
 import { FtsConditions } from "@/middleware/sqlite/fts";
 import { deckStore, type IDeck, initStore } from "@/stores";
@@ -59,8 +59,13 @@ export const loader: LoaderFunction = async () => {
     });
   }
 
-  // 更新禁限卡表
-  await initForbiddens();
+  // 同时，等待禁卡表的加载
+  if (!initStore.forbidden) {
+    await new Promise<void>((rs) => {
+      subscribeKey(initStore, "forbidden", (done) => done && rs());
+    });
+  }
+
   return null;
 };
 

src/ui/Layout/index.tsx

@@ -9,6 +9,7 @@ import {
 } from "react-router-dom";
 import { useSnapshot } from "valtio";
 
+import { forbidden } from "@/api";
 import { useConfig } from "@/config";
 import { accountStore } from "@/stores";
 
@@ -28,6 +29,7 @@ export const loader: LoaderFunction = async () => {
   initDeck();
   initSqlite();
   initWASM();
+  forbidden.init();
   return null;
 };