🚧 添加prg格式支持

Author: zty012

app/package.json

@@ -18,6 +18,7 @@
   "dependencies": {
     "@generouted/react-router": "^1.19.9",
     "@marsidev/react-turnstile": "^1.1.0",
+    "@msgpack/msgpack": "^3.1.1",
     "@octokit/rest": "^21.0.2",
     "@tauri-apps/api": "^2.1.1",
     "@tauri-apps/plugin-cli": "~2.2.0",

app/src/core/service/dataFileService/StageSaveManager.tsx

@@ -1,5 +1,6 @@
+import { encode } from "@msgpack/msgpack";
 import { Serialized } from "../../../types/node";
-import { createFolder, exists, writeTextFile } from "../../../utils/fs";
+import { createFolder, exists, writeFile, writeTextFile } from "../../../utils/fs";
 import { PathString } from "../../../utils/pathString";
 import { Stage } from "../../stage/Stage";
 import { StageHistoryManager } from "../../stage/stageManager/StageHistoryManager";
@@ -17,7 +18,11 @@ export namespace StageSaveManager {
    * @param errorCallback
    */
   export async function saveHandle(path: string, data: Serialized.File) {
-    await writeTextFile(path, JSON.stringify(data));
+    if (path.endsWith(".json")) {
+      await writeTextFile(path, JSON.stringify(data));
+    } else if (path.endsWith(".prg")) {
+      await writeFile(path, encode(data));
+    }
     isCurrentSaved = true;
   }
 

app/src/core/service/dataFileService/fileLoader.tsx

@@ -1,25 +1,26 @@
+import { decodeAsync } from "@msgpack/msgpack";
+import { Dialog } from "../../../components/dialog";
 import { Serialized } from "../../../types/node";
-import { exists, readTextFile } from "../../../utils/fs";
+import { exists, readFile, readTextFile } from "../../../utils/fs";
+import { PathString } from "../../../utils/pathString";
+import { isWeb } from "../../../utils/platform";
+import { Vector } from "../../dataStruct/Vector";
 import { Camera } from "../../stage/Camera";
 import { StageLoader } from "../../stage/StageLoader";
 import { StageHistoryManager } from "../../stage/stageManager/StageHistoryManager";
 import { StageManager } from "../../stage/stageManager/StageManager";
+import { CubicCatmullRomSplineEdge } from "../../stage/stageObject/association/CubicCatmullRomSplineEdge";
 import { LineEdge } from "../../stage/stageObject/association/LineEdge";
+import { MultiTargetUndirectedEdge } from "../../stage/stageObject/association/MutiTargetUndirectedEdge";
 import { ConnectPoint } from "../../stage/stageObject/entity/ConnectPoint";
 import { ImageNode } from "../../stage/stageObject/entity/ImageNode";
+import { PenStroke } from "../../stage/stageObject/entity/PenStroke";
+import { PortalNode } from "../../stage/stageObject/entity/PortalNode";
 import { Section } from "../../stage/stageObject/entity/Section";
+import { SvgNode } from "../../stage/stageObject/entity/SvgNode";
 import { TextNode } from "../../stage/stageObject/entity/TextNode";
 import { UrlNode } from "../../stage/stageObject/entity/UrlNode";
-import { PenStroke } from "../../stage/stageObject/entity/PenStroke";
-import { PortalNode } from "../../stage/stageObject/entity/PortalNode";
-import { PathString } from "../../../utils/pathString";
-import { isWeb } from "../../../utils/platform";
-import { Vector } from "../../dataStruct/Vector";
-import { CubicCatmullRomSplineEdge } from "../../stage/stageObject/association/CubicCatmullRomSplineEdge";
-import { MultiTargetUndirectedEdge } from "../../stage/stageObject/association/MutiTargetUndirectedEdge";
 import { RecentFileManager } from "./RecentFileManager";
-import { SvgNode } from "../../stage/stageObject/entity/SvgNode";
-import { Dialog } from "../../../components/dialog";
 
 /**
  * 将文件里的内容加载到舞台上
@@ -63,19 +64,23 @@ export namespace FileLoader {
       });
       return null;
     }
-    let content: string;
+    let data: any;
     try {
-      content = await readTextFile(path);
+      if (path.endsWith(".json")) {
+        data = JSON.parse(await readTextFile(path));
+      } else if (path.endsWith(".prg")) {
+        data = await decodeAsync(new Blob([await readFile(path)]).stream());
+      }
     } catch (e) {
+      console.error(e);
       Dialog.show({
         title: "打开文件失败",
         content: "打开文件失败：" + JSON.stringify(e),
         type: "error",
       });
       return null;
     }
-    const data = StageLoader.validate(JSON.parse(content));
-    return data;
+    return StageLoader.validate(data);
   }
 
   /**

app/src/pages/_app_menu.tsx

@@ -65,9 +65,13 @@ import { useTranslation } from "react-i18next";
 import { Dialog } from "../components/dialog";
 import { Panel } from "../components/panel";
 import { Popup } from "../components/popup";
+import { Vector } from "../core/dataStruct/Vector";
 import { Settings } from "../core/service/Settings";
+import { Controller } from "../core/service/controlService/controller/Controller";
 import { RecentFileManager } from "../core/service/dataFileService/RecentFileManager";
 import { StageSaveManager } from "../core/service/dataFileService/StageSaveManager";
+import { FileLoader } from "../core/service/dataFileService/fileLoader";
+import { GenerateFromFolderEngine } from "../core/service/dataGenerateService/generateFromFolderEngine/GenerateFromFolderEngine";
 import { ComplexityDetector } from "../core/service/dataManageService/ComplexityDetector";
 import { CopyEngine } from "../core/service/dataManageService/copyEngine/copyEngine";
 import { SoundService } from "../core/service/feedbackService/SoundService";
@@ -80,10 +84,6 @@ import { createFolder, exists } from "../utils/fs";
 import { PathString } from "../utils/pathString";
 import ComplexityResultPanel from "./_fixed_panel/_complexity_result_panel";
 import ExportSvgPanel from "./_popup_panel/_export_svg_panel";
-import { FileLoader } from "../core/service/dataFileService/fileLoader";
-import { Vector } from "../core/dataStruct/Vector";
-import { Controller } from "../core/service/controlService/controller/Controller";
-import { GenerateFromFolderEngine } from "../core/service/dataGenerateService/generateFromFolderEngine/GenerateFromFolderEngine";
 
 export default function AppMenu({ className = "", open = false }: { className?: string; open: boolean }) {
   const navigate = useNavigate();
@@ -256,22 +256,19 @@ export default function AppMenu({ className = "", open = false }: { className?:
           filters: isDesktop
             ? [
                 {
-                  name: "Project Graph",
+                  name: "JSON 格式，兼容旧版本",
                   extensions: ["json"],
                 },
+                {
+                  name: "新版 PRG 格式，文件更小",
+                  extensions: ["prg"],
+                },
               ]
             : [],
         });
     if (!path) {
       return;
     }
-    if (isDesktop && !path.endsWith(".json")) {
-      Dialog.show({
-        title: "请选择一个JSON文件",
-        type: "error",
-      });
-      return;
-    }
     try {
       await FileLoader.openFileByPath(path); // 已经包含历史记录重置功能
       // 更改file
@@ -330,9 +327,13 @@ export default function AppMenu({ className = "", open = false }: { className?:
           defaultPath: "新文件.json", // 提供一个默认的文件名
           filters: [
             {
-              name: "Project Graph",
+              name: "JSON 格式，兼容旧版本",
               extensions: ["json"],
             },
+            {
+              name: "新版 PRG 格式，文件更小",
+              extensions: ["prg"],
+            },
           ],
         });