fix: 修复导出铺面时的诸多问题

.gitignore

@@ -5,5 +5,6 @@ riderModule.iml
 /_ReSharper.Caches/
 .vs
 *.user
+*.code-workspace
 /MaiChartManager/Resources/AquaMai.dll
 node_modules

MaiChartManager/Front/src/components/CopyToButton/index.tsx

@@ -2,7 +2,7 @@ import { computed, defineComponent, ref } from "vue";
 import api, { getUrl } from "@/client/api";
 import { globalCapture, selectedADir, selectedMusic, selectMusicId, showNeedPurchaseDialog, updateMusicList, version } from "@/store/refs";
 import { NButton, NButtonGroup, NDropdown, useDialog, useMessage } from "naive-ui";
-import { ZipReader } from "@zip.js/zip.js";
+import { BlobWriter, ZipReader } from "@zip.js/zip.js";
 import ChangeIdDialog from "./ChangeIdDialog";
 import getSubDirFile from "@/utils/getSubDirFile";
 import { useI18n } from 'vue-i18n';
@@ -106,17 +106,29 @@ export default defineComponent({
           }
           const zip = await fetch(url)
           const zipReader = new ZipReader(zip.body!);
-          const entries = zipReader.getEntriesGenerator();
-          for await (const entry of entries) {
-            console.log(entry.filename);
-            if (entry.filename.endsWith('/')) {
-              continue;
+          try {
+            const entries = zipReader.getEntriesGenerator();
+            for await (const entry of entries) {
+              console.log(entry.filename);
+              if (entry.filename.endsWith('/')) {
+                continue;
+              }
+              if (!entry.getData) {
+                continue;
+              }
+              const fileHandle = await getSubDirFile(folderHandle, entry.filename);
+              const writable = await fileHandle.createWritable();
+              try {
+                const blob = await entry.getData(new BlobWriter());
+                await writable.write(blob);
+              } finally {
+                await writable.close();
+              }
             }
-            const fileHandle = await getSubDirFile(folderHandle, entry.filename);
-            const writable = await fileHandle.createWritable();
-            await entry.getData!(writable);
+            message.success(t('message.exportSuccess'));
+          } finally {
+            await zipReader.close();
           }
-          message.success(t('message.exportSuccess'));
         } catch (e) {
           globalCapture(e, t('copy.exportError'))
         } finally {

MaiChartManager/Front/src/components/MusicList/BatchActionButton/remoteExport.tsx

@@ -0,0 +1,194 @@
+import { STEP } from "@/components/MusicList/BatchActionButton/index";
+import {
+  currentProcessItem,
+  progressAll,
+  progressCurrent,
+} from "@/components/MusicList/BatchActionButton/ProgressDisplay";
+import { MusicXmlWithABJacket } from "@/client/apiGen";
+import { BlobWriter, ZipReader } from "@zip.js/zip.js";
+import getSubDirFile from "@/utils/getSubDirFile";
+import {
+  MAIDATA_SUBDIR,
+  OPTIONS,
+} from "@/components/MusicList/BatchActionButton/ChooseAction";
+import { useNotification } from "naive-ui";
+import { getUrl } from "@/client/api";
+import { addVersionList, genreList } from "@/store/refs";
+import { t } from "@/locales";
+import { sanitizeFsSegment } from "@/utils/sanitizeFsName";
+
+export default async (
+  setStep: (step: STEP) => void,
+  musicList: MusicXmlWithABJacket[],
+  action: OPTIONS,
+  notify: ReturnType<typeof useNotification>,
+  dirOption: MAIDATA_SUBDIR,
+) => {
+  let folderHandle: FileSystemDirectoryHandle;
+  try {
+    folderHandle = await window.showDirectoryPicker({
+      id: "copyToSaveDir",
+      mode: "readwrite",
+    });
+  } catch (e) {
+    console.log(e);
+    return;
+  }
+
+  const getMaidataExportDir = (music: MusicXmlWithABJacket) => {
+    let parentDir = "";
+    switch (dirOption) {
+      case MAIDATA_SUBDIR.Genre:
+        parentDir =
+          genreList.value.find((genre) => genre.id === music.genreId)
+            ?.genreName || t("music.list.unknown");
+        break;
+      case MAIDATA_SUBDIR.Version:
+        parentDir =
+          addVersionList.value.find(
+            (version) => version.id === music.addVersionId,
+          )?.genreName || t("music.list.unknown");
+        break;
+    }
+
+    if (parentDir) {
+      parentDir = sanitizeFsSegment(parentDir, t("music.list.unknown"));
+    }
+
+    const suffix = music.id! > 1e4 && music.id! < 2e4 ? " [DX]" : "";
+    const safeTitle = sanitizeFsSegment(
+      music.name || t("music.list.unknown"),
+      t("music.list.unknown"),
+    );
+    const targetDir = `${safeTitle}${suffix}`;
+    return parentDir ? `${parentDir}/${targetDir}` : targetDir;
+  };
+
+  progressCurrent.value = 0;
+  progressAll.value = musicList.length;
+  currentProcessItem.value = "";
+
+  setStep(STEP.ProgressDisplay);
+
+  const getExportUrl = (music: MusicXmlWithABJacket) => {
+    switch (action) {
+      case OPTIONS.CreateNewOpt:
+        return `ExportOptApi/${music.assetDir}/${music.id}`;
+      case OPTIONS.CreateNewOptCompatible:
+        return `ExportOptApi/${music.assetDir}/${music.id}?removeEvents=true`;
+      case OPTIONS.CreateNewOptMa2_103:
+        return `ExportOptApi/${music.assetDir}/${music.id}?removeEvents=true&legacyFormat=true`;
+      case OPTIONS.ConvertToMaidata:
+        return `ExportAsMaidataApi/${music.assetDir}/${music.id}`;
+      case OPTIONS.ConvertToMaidataIgnoreVideo:
+        return `ExportAsMaidataApi/${music.assetDir}/${music.id}?ignoreVideo=true`;
+      default:
+        throw new Error(`Unsupported export action: ${action}`);
+    }
+  };
+
+  const getMaxParallelExports = () => {
+    const cpuThreads = Math.max(1, navigator.hardwareConcurrency || 4);
+
+    switch (action) {
+      case OPTIONS.ConvertToMaidata:
+        return Math.max(1, Math.floor(cpuThreads / 4));
+      case OPTIONS.ConvertToMaidataIgnoreVideo:
+        return Math.max(1, Math.floor(cpuThreads / 3));
+      default:
+        return Math.max(1, Math.floor(cpuThreads / 2));
+    }
+  };
+
+  const exportOne = async (music: MusicXmlWithABJacket) => {
+    const musicName = music.name || t("music.list.unknown");
+    currentProcessItem.value = musicName;
+
+    const maidataRootDir =
+      action === OPTIONS.ConvertToMaidata ||
+      action === OPTIONS.ConvertToMaidataIgnoreVideo
+        ? getMaidataExportDir(music)
+        : "";
+
+    try {
+      const response = await fetch(getUrl(getExportUrl(music)));
+      if (!response.ok || !response.body) {
+        throw new Error(
+          `Export request failed: ${response.status} ${response.statusText}`,
+        );
+      }
+
+      const zipReader = new ZipReader(response.body);
+      try {
+        let hasEntryError = false;
+        const entries = zipReader.getEntriesGenerator();
+        for await (const entry of entries) {
+          try {
+            if (entry.filename.endsWith("/") || !entry.getData) {
+              continue;
+            }
+
+            const filename = maidataRootDir
+              ? `${maidataRootDir}/${entry.filename}`
+              : entry.filename;
+
+            const fileHandle = await getSubDirFile(folderHandle, filename);
+            const writable = await fileHandle.createWritable();
+            try {
+              const blob = await entry.getData(new BlobWriter());
+              await writable.write(blob);
+            } finally {
+              await writable.close();
+            }
+          } catch (e) {
+            hasEntryError = true;
+            console.error("Failed to export zip entry", {
+              musicName,
+              sourceFile: entry.filename,
+              error: e,
+            });
+          }
+        }
+
+        if (hasEntryError) {
+          notify.error({
+            title: t("error.exportFailed"),
+            content: musicName,
+          });
+        }
+      } finally {
+        await zipReader.close();
+      }
+    } catch (e) {
+      console.error(e);
+      notify.error({
+        title: t("error.exportFailed"),
+        content: musicName,
+      });
+    }
+  };
+
+  let nextIndex = 0;
+  let completedCount = 0;
+  const workerCount = Math.min(musicList.length, getMaxParallelExports());
+
+  const worker = async () => {
+    while (true) {
+      const currentIndex = nextIndex++;
+      if (currentIndex >= musicList.length) {
+        return;
+      }
+
+      await exportOne(musicList[currentIndex]);
+      completedCount += 1;
+      progressCurrent.value = completedCount;
+    }
+  };
+
+  try {
+    await Promise.all(Array.from({ length: workerCount }, () => worker()));
+  } finally {
+    currentProcessItem.value = "";
+    setStep(STEP.None);
+  }
+};

MaiChartManager/Front/src/utils/getSubDirFile.ts

@@ -1,9 +1,25 @@
-export default async (folderHandle: FileSystemDirectoryHandle, fileName: string) => {
-  const pathParts = fileName.split('/');
+import { sanitizeFsSegment } from "@/utils/sanitizeFsName";
+
+export default async (
+  folderHandle: FileSystemDirectoryHandle,
+  fileName: string,
+) => {
+  const pathParts = fileName
+    .split("/")
+    .filter((part) => part.length > 0 && part !== "." && part !== "..")
+    .map((part) => sanitizeFsSegment(part));
+
+  if (pathParts.length === 0) {
+    throw new Error("Invalid file path");
+  }
 
   let dirHandle = folderHandle;
   for (let i = 0; i < pathParts.length - 1; i++) {
-    dirHandle = await dirHandle.getDirectoryHandle(pathParts[i], {create: true});
+    dirHandle = await dirHandle.getDirectoryHandle(pathParts[i], {
+      create: true,
+    });
   }
-  return await dirHandle.getFileHandle(pathParts[pathParts.length - 1], {create: true});
-}
+  return await dirHandle.getFileHandle(pathParts[pathParts.length - 1], {
+    create: true,
+  });
+};