Function useScriptList

src/pages/options/routes/script/ScriptEditor.tsx:227–335

()

const scriptCodeDAO = new ScriptCodeDAO();

function useScriptList() {
  const [selectedScript, setSelectSciptButtonAndTab] = useState<string>("");
  const [editors, setEditors] = useState<EditorState[]>([]);
  const [canLoadScript, setCanLoadScript] = useState<boolean>(false);
  const [scriptList, setScriptList] = useState<Script[]>([]);
  // 监听后台消息更新状态
  useEffect(() => {
    const pageApi = {
      async installScript(data: TInstallScript) {
        const latest = await scriptDAO.all();
        const latestMap = new Map(latest.map((script) => [script.uuid, script]));
        setScriptList((list) => {
          const newList: Script[] = [];
          for (const entry of list) {
            if (entry.uuid !== data.script.uuid) {
              const latestScript = latestMap.get(entry.uuid);
              if (latestScript) {
                newList.push({
                  ...entry,
                  sort: latestScript.sort,
                  name: latestScript.name,
                  updatetime: latestScript.updatetime,
                  status: latestScript.status,
                });
              }
            }
          }
          const installedScript = latestMap.get(data.script.uuid);
          if (installedScript) {
            newList.push(installedScript);
          }
          newList.sort((a, b) => a.sort - b.sort);
          return newList;
        });
      },
      deleteScripts(data: TDeleteScript[]) {
        const dels = new Set(data.map((script) => script.uuid));
        setEditors((prev) => {
          const newList: EditorState[] = [];
          for (const editor of prev) {
            if (!dels.has(editor.script.uuid)) {
              newList.push(editor);
            }
          }
          // 关键修复：确保关闭后仍有一个 Tab 是激活的
          if (newList.length > 0 && !newList.some((e) => e.active)) {
            newList[0] = { ...newList[0], active: true };
            setSelectSciptButtonAndTab(newList[0].script.uuid);
          }
          return newList;
        });
        setScriptList((list) => {
          return list.filter((script) => !dels.has(script.uuid));
        });
      },
      enableScripts(data: TEnableScript[]) {
        const enableMap = new Map(data.map((e) => [e.uuid, e.enable]));
        setScriptList((list) => {