✨ 备份文件可以限制文件数量

Author: Littlefean

app/src-tauri/src/lib.rs

@@ -16,6 +16,27 @@ fn exists(path: String) -> bool {
     std::path::Path::new(&path).exists()
 }
 
+/// 读取文件夹中的文件列表
+#[tauri::command]
+fn read_folder(path: String) -> Vec<String> {
+    let mut files = Vec::new();
+    for entry in std::fs::read_dir(path).unwrap() {
+        let entry = entry.unwrap();
+        if entry.path().is_file() {
+            files.push(entry.file_name().to_str().unwrap().to_string());
+        }
+    }
+    files
+}
+
+/// 删除文件
+#[tauri::command]
+fn delete_file(path: String) -> Result<(), String> {
+    std::fs::remove_file(path).map_err(|e| e.to_string())?;
+    Ok(())
+}
+
+
 /// 读取文件，返回字符串
 #[tauri::command]
 fn read_text_file(path: String) -> String {
@@ -129,6 +150,8 @@ pub fn run() {
         })
         .invoke_handler(tauri::generate_handler![
             read_text_file,
+            read_folder,
+            delete_file,
             write_text_file,
             exists,
             read_file_base64,

app/src/core/service/Settings.tsx

@@ -72,6 +72,7 @@ export namespace Settings {
     autoBackup: boolean;
     autoBackupInterval: number;
     autoBackupDraftPath: string;
+    autoBackupLimitCount: number;
     generateTextNodeByStringTabCount: number; // 仅在生成节点面板中使用
     // 控制相关
     enableCollision: boolean; // 暂无
@@ -187,6 +188,7 @@ export namespace Settings {
     autoBackup: true,
     autoBackupInterval: 600,
     autoBackupDraftPath: "",
+    autoBackupLimitCount: 10,
     generateTextNodeByStringTabCount: 4,
     // 控制相关
     enableCollision: true,

app/src/core/service/controlService/secretKeysEngine/secretKeysEngine.tsx

@@ -1,6 +1,6 @@
 import { v4 } from "uuid";
 import { Direction } from "../../../../types/directions";
-import { createFolder } from "../../../../utils/fs";
+import { createFolder, readFolder } from "../../../../utils/fs";
 import { averageColors, Color } from "../../../dataStruct/Color";
 import { Queue } from "../../../dataStruct/Queue";
 import { Vector } from "../../../dataStruct/Vector";
@@ -26,13 +26,12 @@ import { ViewFlashEffect } from "../../feedbackService/effectEngine/concrete/Vie
 import { AutoLayoutFastTree } from "../autoLayoutEngine/autoLayoutFastTreeMode";
 import { MultiTargetUndirectedEdge } from "../../../stage/stageObject/association/MutiTargetUndirectedEdge";
 import { Random } from "../../../algorithm/random";
-import { Dialog } from "../../../../components/dialog";
-import { SvgNode } from "../../../stage/stageObject/entity/SvgNode";
 
 interface SecretKeyItem {
   name: string;
   func: () => void;
   explain?: string;
+  isHidden?: boolean;
 }
 
 /**
@@ -65,6 +64,9 @@ export class SecretKeysEngine {
   public getAllSecretKeysList(): { keys: string; name: string; explain: string }[] {
     const result = [];
     for (const key in this.keyPressedTable) {
+      if (this.keyPressedTable[key].isHidden) {
+        continue;
+      }
       result.push({
         keys: key,
         name: this.keyPressedTable[key].name,
@@ -170,6 +172,7 @@ export class SecretKeysEngine {
     },
     "* * *": {
       name: "切换专注模式",
+      isHidden: true,
       async func() {
         Settings.set("isClassroomMode", !(await Settings.get("isClassroomMode")));
       },
@@ -530,6 +533,7 @@ export class SecretKeysEngine {
     // },
     "b o y n e x t d o o r": {
       name: "创建传送门",
+      isHidden: true,
       func: () => {
         Stage.effectMachine.addEffect(ViewFlashEffect.SaveFile());
         const uuid = v4();
@@ -548,18 +552,21 @@ export class SecretKeysEngine {
     },
     "c o l l a b o r a t e": {
       name: "开始协作",
+      isHidden: true,
       func: () => {
         CollaborationEngine.openStartCollaborationPanel();
       },
     },
     "c r e a t e f o l d e r w i n": {
       name: "在D盘创建“111”文件夹",
+      isHidden: true,
       func: () => {
         createFolder("D:\\111\\111");
       },
     },
     "r o l l i n g 1": {
       name: "摄像机开始疯狂缩放",
+      isHidden: true,
       func: () => {
         let tick = 0;
         setInterval(() => {
@@ -571,6 +578,7 @@ export class SecretKeysEngine {
     },
     "t r e e r e c t": {
       name: "获取选中根节点的整个树的外接矩形",
+      isHidden: true,
       func: () => {
         Stage.effectMachine.addEffect(ViewFlashEffect.SaveFile());
         const selectNode = StageManager.getSelectedEntities()[0];
@@ -585,6 +593,7 @@ export class SecretKeysEngine {
     },
     "a l t": {
       name: "将所有选中的根节点所对应的树进行垂直对齐",
+      isHidden: true,
       func: () => {
         const selectNodes = StageManager.getSelectedEntities().filter((node) => node instanceof ConnectableEntity);
         if (selectNodes.length === 0) {
@@ -595,6 +604,7 @@ export class SecretKeysEngine {
     },
     "m v e t": {
       name: "将选中的根节点对应的树移动到摄像机位置",
+      isHidden: true,
       func: () => {
         AutoLayoutFastTree.moveTreeRectTo(
           StageManager.getSelectedEntities()[0] as ConnectableEntity,
@@ -613,6 +623,7 @@ export class SecretKeysEngine {
     },
     "c r p + +": {
       name: "将选中的CR曲线增加控制点",
+      isHidden: true,
       func() {
         const selectedCREdge = StageManager.getSelectedAssociations().filter(
           (edge) => edge instanceof CublicCatmullRomSplineEdge,
@@ -647,6 +658,7 @@ export class SecretKeysEngine {
     },
     "= = =": {
       name: "将选中的可连接实体添加多源无向边",
+      isHidden: true,
       explain: "测试中",
       func() {
         const selectedNodes = StageManager.getSelectedEntities().filter((node) => node instanceof ConnectableEntity);
@@ -730,33 +742,21 @@ export class SecretKeysEngine {
     },
     "contextmenu e r r o r": {
       name: "手动测试",
+      isHidden: true,
       explain: "触发手动报错，用于观察红色的弹窗是否正常显示、内部报错文字是否可以复制等操作",
       func() {
         setTimeout(() => {
           throw new Error("您用秘籍键触发了手动报错，用于观察红色的弹窗是否正常显示、内部报错文字是否可以复制等操作");
         }, 1000);
       },
     },
-    "s v g s v g": {
-      name: "测试创建svg节点",
-      explain: "测试创建svg节点，后续会删除",
+    "g e t f o l d e r": {
+      name: "获取文件夹路径下的文件",
+      explain: "未来即将删除",
+      isHidden: true,
       func() {
-        Dialog.show({
-          title: "创建svg",
-          input: true,
-          content: "请输入svg内容",
-        }).then(({ button, value }) => {
-          if (button === "确定" && value) {
-            const svgNode = new SvgNode({
-              uuid: v4(),
-              content: value,
-              location: [Camera.location.x, Camera.location.y],
-              size: [100, 100],
-              color: [0, 0, 0, 0],
-            });
-            StageManager.addEntity(svgNode);
-          }
-        });
+        const files = readFolder("D:\\");
+        console.log(files);
       },
     },
   };

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

@@ -4,6 +4,7 @@ import { PathString } from "../../../utils/pathString";
 import { Stage } from "../../stage/Stage";
 import { StageHistoryManager } from "../../stage/stageManager/StageHistoryManager";
 import { ViewFlashEffect } from "../feedbackService/effectEngine/concrete/ViewFlashEffect";
+import { AutoBackupEngine } from "./autoSaveBackupEngine/autoBackupEngine";
 
 /**
  * 管理所有和保存相关的内容
@@ -72,8 +73,7 @@ export namespace StageSaveManager {
     }
     // 不能有冒号，空格，斜杠
     const dateTime = PathString.getTime();
-    const fatherDirPath = PathString.dirPath(Stage.path.getFilePath());
-    const backupFolderPath = `${fatherDirPath}${PathString.getSep()}backup_${PathString.getFileNameFromPath(Stage.path.getFilePath())}`;
+    const backupFolderPath = AutoBackupEngine.getBackupFolderPath();
     if (!(await exists(backupFolderPath))) {
       const created = await createFolder(backupFolderPath);
       if (!created) {

app/src/core/service/dataFileService/autoSaveBackupEngine/autoBackupEngine.tsx

@@ -1,3 +1,4 @@
+import { deleteFile, readFolder } from "../../../../utils/fs";
 import { PathString } from "../../../../utils/pathString";
 import { isWeb } from "../../../../utils/platform";
 import { Stage } from "../../../stage/Stage";
@@ -13,6 +14,7 @@ export class AutoBackupEngine {
   autoBackupInterval: number = 30 * 60 * 1000; // 30分钟
   autoBackupDraftPath: string = "";
   private lastAutoBackupTime: number = performance.now();
+  autoBackupLimitCount: number = 10;
 
   init() {
     Settings.watch("autoBackup", (value) => {
@@ -24,6 +26,9 @@ export class AutoBackupEngine {
     Settings.watch("autoBackupDraftPath", (value) => {
       this.autoBackupDraftPath = value;
     });
+    Settings.watch("autoBackupLimitCount", (value) => {
+      this.autoBackupLimitCount = value;
+    });
   }
 
   public mainTick() {
@@ -42,9 +47,38 @@ export class AutoBackupEngine {
         StageSaveManager.backupHandle(backupDraftPath, StageDumper.dump());
       } else {
         StageSaveManager.backupHandleWithoutCurrentPath(StageDumper.dump(), false);
+        this.limitBackupFilesAndDeleteOld(this.autoBackupLimitCount);
       }
       // 更新时间
       this.lastAutoBackupTime = now;
     }
   }
+
+  /**
+   * 获取当前场景对应的备份文件夹路径
+   * @returns
+   */
+  static getBackupFolderPath() {
+    const fatherDirPath = PathString.dirPath(Stage.path.getFilePath());
+    return `${fatherDirPath}${PathString.getSep()}backup_${PathString.getFileNameFromPath(Stage.path.getFilePath())}`;
+  }
+
+  /**
+   * 限制备份文件的数量，并删除旧的备份文件
+   * @param maxCount
+   */
+  public async limitBackupFilesAndDeleteOld(maxCount: number) {
+    //
+    const backupFolderPath = AutoBackupEngine.getBackupFolderPath();
+    const backupFiles = (await readFolder(backupFolderPath))
+      .map((value) => backupFolderPath + PathString.getSep() + value)
+      .filter((value) => value.endsWith(".backup.json"))
+      .sort();
+    if (backupFiles.length > maxCount) {
+      // 开始限制
+      for (let i = 0; i < backupFiles.length - maxCount; i++) {
+        await deleteFile(backupFiles[i]);
+      }
+    }
+  }
 }

app/src/locales/zh_CN.yml

@@ -299,6 +299,10 @@ settings:
       windows系统注意使用反斜杠
       例如：C:\\Users\\username\\Documents\\DraftBackup
       结尾不要带路径分隔符
+  autoBackupLimitCount:
+    title: 自动备份最大数量
+    description: |
+      自动备份的最大数量，超过此数量将会删除旧的备份文件
   scaleExponent:
     title: 视角缩放速度
     description: |

app/src/pages/settings/automation.tsx

@@ -1,4 +1,4 @@
-import { Database, Folder, HardDrive, HardDriveDownload, Hourglass, Tag } from "lucide-react";
+import { Database, FileStack, Folder, HardDrive, HardDriveDownload, Hourglass, Tag } from "lucide-react";
 import { SettingField } from "../../components/Field";
 
 // 其实应该改成快捷操作相关
@@ -12,6 +12,7 @@ export default function AutoNamer() {
       <SettingField icon={<Hourglass />} settingKey="autoSaveInterval" type="slider" min={1} max={60} step={1} />
       <SettingField icon={<Database />} settingKey="autoBackup" type="switch" />
       <SettingField icon={<Hourglass />} settingKey="autoBackupInterval" type="slider" min={60} max={6000} step={60} />
+      <SettingField icon={<FileStack />} settingKey="autoBackupLimitCount" type="slider" min={1} max={500} step={1} />
       <SettingField icon={<Folder />} settingKey="autoBackupDraftPath" type="text" />
     </>
   );

app/src/utils/fs.tsx

@@ -15,6 +15,27 @@ export async function exists(path: string): Promise<boolean> {
   }
 }
 
+/**
+ * 返回一个目录的子文件列表
+ * @param path 绝对路径
+ * @returns 返回每一个文件的绝对路径
+ */
+export async function readFolder(path: string): Promise<string[]> {
+  if (isWeb) {
+    return [];
+  } else {
+    return invoke("read_folder", { path });
+  }
+}
+
+export async function deleteFile(path: string): Promise<boolean> {
+  if (isWeb) {
+    return false;
+  } else {
+    return invoke("delete_file", { path });
+  }
+}
+
 /**
  * 读取文本文件内容
  * @param path 文件路径