@flowgram-vue/history-storage 0.2.0

package/dist/index.js

@@ -0,0 +1,302 @@
+import { definePluginCreator } from '@flowgram-vue/core';
+import { inject, injectable, ContainerModule } from 'inversify';
+import { DisposableCollection } from '@flowgram-vue/utils';
+import { HistoryManager, HistoryStackChangeType, HistoryStack } from '@flowgram-vue/history';
+import Dexie, { liveQuery } from 'dexie';
+import { groupBy } from 'lodash-es';
+import { reactive, watchEffect, toValue } from 'vue';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var HistoryDatabase = class extends Dexie {
+  constructor(databaseName = "ide-history-storage") {
+    super(databaseName);
+    this.resourceStorageLimit = 100;
+    this.version(1).stores({
+      history: "++id, &uuid, resourceURI",
+      operation: "++id, &uuid, historyId, uri, resourceURI"
+    });
+  }
+  /**
+   * 某个uri下所有的history记录
+   * @param resourceURI 资源uri
+   * @returns
+   */
+  allHistoryByResourceURI(resourceURI) {
+    return this.history.where({ resourceURI }).toArray();
+  }
+  /**
+   * 根据uuid获取历史
+   * @param uuid
+   * @returns
+   */
+  getHistoryByUUID(uuid) {
+    return this.history.get({ uuid });
+  }
+  /**
+   * 某个uri下所有的operation记录
+   * @param resourceURI 资源uri
+   * @returns
+   */
+  allOperationByResourceURI(resourceURI) {
+    return this.operation.where({ resourceURI }).toArray();
+  }
+  /**
+   * 添加历史记录
+   * @param history 历史记录
+   * @param operations 操作记录
+   * @returns
+   */
+  addHistoryRecord(history, operations) {
+    return this.transaction("rw", this.history, this.operation, async () => {
+      const count = await this.history.where({ resourceURI: history.resourceURI }).count();
+      if (count >= this.resourceStorageLimit) {
+        const limit = count - this.resourceStorageLimit;
+        const items = await this.history.where({ resourceURI: history.resourceURI }).limit(limit).toArray();
+        const ids = items.map((i) => i.id);
+        const uuid = items.map((i) => i.uuid);
+        await Promise.all([
+          this.history.bulkDelete(ids),
+          ...uuid.map(async (uuid2) => {
+            await this.operation.where({ historyId: uuid2 }).delete();
+          })
+        ]);
+      }
+      return Promise.all([this.history.add(history), this.operation.bulkAdd(operations)]);
+    });
+  }
+  /**
+   * 更新历史记录
+   * @param historyRecord
+   * @returns
+   */
+  async updateHistoryByUUID(uuid, historyRecord) {
+    const history = await this.getHistoryByUUID(uuid);
+    if (!history) {
+      console.warn("no history record found");
+      return;
+    }
+    return this.history.update(history.id, historyRecord);
+  }
+  /**
+   * 添加操作记录
+   * @param record 操作记录
+   * @returns
+   */
+  addOperationRecord(record) {
+    return this.operation.add(record);
+  }
+  /**
+   * 更新操作记录
+   * @param record 操作记录
+   * @returns
+   */
+  async updateOperationRecord(record) {
+    const op = await this.operation.where({ uuid: record.uuid }).first();
+    if (!op) {
+      console.warn("no operation record found");
+      return;
+    }
+    return this.operation.put({
+      id: op.id,
+      ...record
+    });
+  }
+  /**
+   * 重置数据库
+   * @returns
+   */
+  reset() {
+    return this.transaction("rw", this.history, this.operation, async () => {
+      await Promise.all(this.tables.map((table) => table.clear()));
+    });
+  }
+  /**
+   * 清空某个资源下所有的数据
+   * @param resourceURI
+   * @returns
+   */
+  resetByResourceURI(resourceURI) {
+    return this.transaction("rw", this.history, this.operation, async () => {
+      await Promise.all(this.tables.map((table) => table.where({ resourceURI }).delete()));
+    });
+  }
+};
+
+// src/history-storage-manager.ts
+var HistoryStorageManager = class {
+  constructor() {
+    this._toDispose = new DisposableCollection();
+  }
+  /**
+   * 初始化
+   * @param ctx
+   */
+  onInit(_ctx, opts) {
+    this.db = new HistoryDatabase(opts?.databaseName);
+    if (opts?.resourceStorageLimit) {
+      this.db.resourceStorageLimit = opts.resourceStorageLimit;
+    }
+    this._toDispose.push(
+      this.historyManager.historyStack.onChange((event) => {
+        if (event.type === HistoryStackChangeType.ADD) {
+          const [history, operations] = this.historyItemToRecord(event.service, event.value);
+          this.db.addHistoryRecord(history, operations).catch(console.error);
+        }
+        if ([HistoryStackChangeType.ADD_OPERATION, HistoryStackChangeType.UPDATE_OPERATION].includes(
+          event.type
+        )) {
+          const {
+            service,
+            value: { historyItem }
+          } = event;
+          this.db.updateHistoryByUUID(historyItem.id, {
+            resourceJSON: service.getSnapshot() || ""
+          }).catch(console.error);
+        }
+        if (event.type === HistoryStackChangeType.ADD_OPERATION) {
+          const operationRecord = this.historyOperationToRecord(
+            event.value.historyItem,
+            event.value.operation
+          );
+          this.db.addOperationRecord(operationRecord).catch(console.error);
+        }
+        if (event.type === HistoryStackChangeType.UPDATE_OPERATION) {
+          const operationRecord = this.historyOperationToRecord(
+            event.value.historyItem,
+            event.value.operation
+          );
+          this.db.updateOperationRecord(operationRecord).catch(console.error);
+        }
+      })
+    );
+  }
+  /**
+   * 内存历史转数据表记录
+   * @param historyItem
+   * @returns
+   */
+  historyItemToRecord(historyService, historyItem) {
+    const operations = historyItem.operations.map(
+      (op) => this.historyOperationToRecord(historyItem, op)
+    );
+    return [
+      {
+        uuid: historyItem.id,
+        timestamp: historyItem.timestamp,
+        type: historyItem.type,
+        resourceURI: historyItem.uri?.toString() || "",
+        resourceJSON: historyService.getSnapshot() || ""
+      },
+      operations
+    ];
+  }
+  /**
+   * 内存操作转数据表操作
+   * @param historyItem
+   * @param op
+   * @returns
+   */
+  historyOperationToRecord(historyItem, op) {
+    return {
+      uuid: op.id,
+      type: op.type,
+      timestamp: op.timestamp,
+      label: op.label || "",
+      uri: op?.uri?.toString() || "",
+      resourceURI: historyItem.uri?.toString() || "",
+      description: op.description || "",
+      value: JSON.stringify(op.value),
+      historyId: historyItem.id
+    };
+  }
+  /**
+   * 销毁
+   */
+  dispose() {
+    this._toDispose.dispose();
+  }
+};
+__decorateClass([
+  inject(HistoryManager)
+], HistoryStorageManager.prototype, "historyManager", 2);
+HistoryStorageManager = __decorateClass([
+  injectable()
+], HistoryStorageManager);
+var HistoryStorageContainerModule = new ContainerModule((bind) => {
+  bind(HistoryStorageManager).toSelf().inSingletonScope();
+});
+
+// src/create-history-storage-plugin.ts
+var createHistoryStoragePlugin = definePluginCreator({
+  onBind: ({ bind, rebind }) => {
+  },
+  onInit(ctx, opts) {
+    const historyStorageManager = ctx.get(HistoryStorageManager);
+    historyStorageManager.onInit(ctx, opts);
+  },
+  onDispose(ctx) {
+    const historyStorageManager = ctx.get(HistoryStorageManager);
+    historyStorageManager.dispose();
+  },
+  containerModules: [HistoryStorageContainerModule]
+});
+function useStorageHistoryItems(historyStorageManager, resourceURI) {
+  const state = reactive({
+    items: []
+  });
+  watchEffect((onCleanup) => {
+    const uri = toValue(resourceURI);
+    const observable = liveQuery(async () => {
+      const [historyItems, operations] = await Promise.all([
+        historyStorageManager.db.allHistoryByResourceURI(uri),
+        historyStorageManager.db.allOperationByResourceURI(uri)
+      ]);
+      const grouped = groupBy(
+        operations.map((o) => ({
+          id: o.uuid,
+          timestamp: o.timestamp,
+          type: o.type,
+          label: o.label,
+          description: o.description,
+          value: o.value ? JSON.parse(o.value) : void 0,
+          uri: o.uri,
+          historyId: o.historyId
+        })),
+        "historyId"
+      );
+      return historyItems.sort((a, b) => b.id - a.id).map(
+        (historyItem) => ({
+          id: historyItem.uuid,
+          type: historyItem.type,
+          timestamp: historyItem.timestamp,
+          operations: grouped[historyItem.uuid] || [],
+          time: HistoryStack.dateFormat(historyItem.timestamp),
+          uri: historyItem.resourceURI
+        })
+      );
+    });
+    const subscription = observable.subscribe({
+      next: (value) => {
+        state.items = value || [];
+      },
+      error: (err) => {
+        console.error(err);
+      }
+    });
+    onCleanup(() => subscription.unsubscribe());
+  });
+  return state;
+}
+
+export { HistoryDatabase, HistoryStorageContainerModule, HistoryStorageManager, createHistoryStoragePlugin, useStorageHistoryItems };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/history-database.ts","../src/history-storage-manager.ts","../src/history-storage-container-module.ts","../src/create-history-storage-plugin.ts","../src/use-storage-hisotry-items.ts"],"names":["uuid"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport Dexie, { type Table } from 'dexie';\n\nimport { HistoryOperationRecord, HistoryRecord } from './types';\n\n/**\n * 历史数据库\n */\nexport class HistoryDatabase extends Dexie {\n  readonly history: Table<HistoryRecord>;\n\n  readonly operation: Table<HistoryOperationRecord>;\n\n  resourceStorageLimit: number = 100;\n\n  constructor(databaseName: string = 'ide-history-storage') {\n    super(databaseName);\n    this.version(1).stores({\n      history: '++id, &uuid, resourceURI',\n      operation: '++id, &uuid, historyId, uri, resourceURI',\n    });\n  }\n\n  /**\n   * 某个uri下所有的history记录\n   * @param resourceURI 资源uri\n   * @returns\n   */\n  allHistoryByResourceURI(resourceURI: string) {\n    return this.history.where({ resourceURI }).toArray();\n  }\n\n  /**\n   * 根据uuid获取历史\n   * @param uuid\n   * @returns\n   */\n  getHistoryByUUID(uuid: string) {\n    return this.history.get({ uuid });\n  }\n\n  /**\n   * 某个uri下所有的operation记录\n   * @param resourceURI 资源uri\n   * @returns\n   */\n  allOperationByResourceURI(resourceURI: string) {\n    return this.operation.where({ resourceURI }).toArray();\n  }\n\n  /**\n   * 添加历史记录\n   * @param history 历史记录\n   * @param operations 操作记录\n   * @returns\n   */\n  addHistoryRecord(history: HistoryRecord, operations: HistoryOperationRecord[]) {\n    return this.transaction('rw', this.history, this.operation, async () => {\n      const count = await this.history.where({ resourceURI: history.resourceURI }).count();\n      if (count >= this.resourceStorageLimit) {\n        const limit = count - this.resourceStorageLimit;\n        const items = await this.history\n          .where({ resourceURI: history.resourceURI })\n          .limit(limit)\n          .toArray();\n        const ids = items.map(i => i.id);\n        const uuid = items.map(i => i.uuid);\n        await Promise.all([\n          this.history.bulkDelete(ids),\n          ...uuid.map(async uuid => {\n            await this.operation.where({ historyId: uuid }).delete();\n          }),\n        ]);\n      }\n\n      return Promise.all([this.history.add(history), this.operation.bulkAdd(operations)]);\n    });\n  }\n\n  /**\n   * 更新历史记录\n   * @param historyRecord\n   * @returns\n   */\n  async updateHistoryByUUID(uuid: string, historyRecord: Partial<HistoryRecord>) {\n    const history = await this.getHistoryByUUID(uuid);\n    if (!history) {\n      console.warn('no history record found');\n      return;\n    }\n    return this.history.update(history.id, historyRecord);\n  }\n\n  /**\n   * 添加操作记录\n   * @param record 操作记录\n   * @returns\n   */\n  addOperationRecord(record: HistoryOperationRecord) {\n    return this.operation.add(record);\n  }\n\n  /**\n   * 更新操作记录\n   * @param record 操作记录\n   * @returns\n   */\n  async updateOperationRecord(record: HistoryOperationRecord) {\n    const op = await this.operation.where({ uuid: record.uuid }).first();\n    if (!op) {\n      console.warn('no operation record found');\n      return;\n    }\n    return this.operation.put({\n      id: op.id,\n      ...record,\n    });\n  }\n\n  /**\n   * 重置数据库\n   * @returns\n   */\n  reset() {\n    return this.transaction('rw', this.history, this.operation, async () => {\n      await Promise.all(this.tables.map(table => table.clear()));\n    });\n  }\n\n  /**\n   * 清空某个资源下所有的数据\n   * @param resourceURI\n   * @returns\n   */\n  resetByResourceURI(resourceURI: string) {\n    return this.transaction('rw', this.history, this.operation, async () => {\n      await Promise.all(this.tables.map(table => table.where({ resourceURI }).delete()));\n    });\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { DisposableCollection } from '@flowgram-vue/utils';\nimport {\n  HistoryItem,\n  HistoryManager,\n  HistoryOperation,\n  HistoryStackChangeType,\n  HistoryService,\n  HistoryStackAddOperationEvent,\n  HistoryStackUpdateOperationEvent,\n} from '@flowgram-vue/history';\nimport { PluginContext } from '@flowgram-vue/core';\n\nimport { HistoryOperationRecord, HistoryRecord, HistoryStoragePluginOptions } from './types';\nimport { HistoryDatabase } from './history-database';\n\n/**\n * 历史存储管理\n */\n@injectable()\nexport class HistoryStorageManager {\n  private _toDispose = new DisposableCollection();\n\n  db: HistoryDatabase;\n\n  @inject(HistoryManager)\n  protected historyManager: HistoryManager;\n\n  /**\n   * 初始化\n   * @param ctx\n   */\n  onInit(_ctx: PluginContext, opts: HistoryStoragePluginOptions) {\n    this.db = new HistoryDatabase(opts?.databaseName);\n\n    if (opts?.resourceStorageLimit) {\n      this.db.resourceStorageLimit = opts.resourceStorageLimit;\n    }\n\n    this._toDispose.push(\n      this.historyManager.historyStack.onChange(event => {\n        if (event.type === HistoryStackChangeType.ADD) {\n          const [history, operations] = this.historyItemToRecord(event.service, event.value);\n          this.db.addHistoryRecord(history, operations).catch(console.error);\n        }\n\n        // operation merge的时候需要更新snapshot\n        if (\n          [HistoryStackChangeType.ADD_OPERATION, HistoryStackChangeType.UPDATE_OPERATION].includes(\n            event.type,\n          )\n        ) {\n          const {\n            service,\n            value: { historyItem },\n          } = event as HistoryStackAddOperationEvent | HistoryStackUpdateOperationEvent;\n          // 更新快照\n          this.db\n            .updateHistoryByUUID(historyItem.id, {\n              resourceJSON: service.getSnapshot() || '',\n            })\n            .catch(console.error);\n        }\n\n        if (event.type === HistoryStackChangeType.ADD_OPERATION) {\n          const operationRecord: HistoryOperationRecord = this.historyOperationToRecord(\n            event.value.historyItem,\n            event.value.operation,\n          );\n          this.db.addOperationRecord(operationRecord).catch(console.error);\n        }\n        if (event.type === HistoryStackChangeType.UPDATE_OPERATION) {\n          const operationRecord: HistoryOperationRecord = this.historyOperationToRecord(\n            event.value.historyItem,\n            event.value.operation,\n          );\n          this.db.updateOperationRecord(operationRecord).catch(console.error);\n        }\n      }),\n    );\n  }\n\n  /**\n   * 内存历史转数据表记录\n   * @param historyItem\n   * @returns\n   */\n  historyItemToRecord(\n    historyService: HistoryService,\n    historyItem: HistoryItem,\n  ): [HistoryRecord, HistoryOperationRecord[]] {\n    const operations = historyItem.operations.map(op =>\n      this.historyOperationToRecord(historyItem, op),\n    );\n\n    return [\n      {\n        uuid: historyItem.id,\n        timestamp: historyItem.timestamp,\n        type: historyItem.type,\n        resourceURI: historyItem.uri?.toString() || '',\n        resourceJSON: historyService.getSnapshot() || '',\n      },\n      operations,\n    ];\n  }\n\n  /**\n   * 内存操作转数据表操作\n   * @param historyItem\n   * @param op\n   * @returns\n   */\n  historyOperationToRecord(historyItem: HistoryItem, op: HistoryOperation): HistoryOperationRecord {\n    return {\n      uuid: op.id,\n      type: op.type,\n      timestamp: op.timestamp,\n      label: op.label || '',\n      uri: op?.uri?.toString() || '',\n      resourceURI: historyItem.uri?.toString() || '',\n      description: op.description || '',\n      value: JSON.stringify(op.value),\n      historyId: historyItem.id,\n    };\n  }\n\n  /**\n   * 销毁\n   */\n  dispose() {\n    this._toDispose.dispose();\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { ContainerModule } from 'inversify';\n\nimport { HistoryStorageManager } from './history-storage-manager';\n\nexport const HistoryStorageContainerModule = new ContainerModule(bind => {\n  bind(HistoryStorageManager).toSelf().inSingletonScope();\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram-vue/core';\n\nimport { HistoryStoragePluginOptions } from './types';\nimport { HistoryStorageManager } from './history-storage-manager';\nimport { HistoryStorageContainerModule } from './history-storage-container-module';\n\nexport const createHistoryStoragePlugin = definePluginCreator<HistoryStoragePluginOptions>({\n  onBind: ({ bind, rebind }) => {},\n  onInit(ctx, opts): void {\n    const historyStorageManager = ctx.get<HistoryStorageManager>(HistoryStorageManager);\n    historyStorageManager.onInit(ctx, opts);\n  },\n  onDispose(ctx) {\n    const historyStorageManager = ctx.get<HistoryStorageManager>(HistoryStorageManager);\n    historyStorageManager.dispose();\n  },\n  containerModules: [HistoryStorageContainerModule],\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { liveQuery } from 'dexie';\nimport { groupBy } from 'lodash-es';\nimport { reactive, toValue, watchEffect } from 'vue';\nimport type { MaybeRefOrGetter } from 'vue';\nimport { HistoryItem, HistoryOperation, HistoryStack } from '@flowgram-vue/history';\n\nimport { HistoryStorageManager } from './history-storage-manager';\n\nexport function useStorageHistoryItems(\n  historyStorageManager: HistoryStorageManager,\n  resourceURI: MaybeRefOrGetter<string>\n): {\n  items: HistoryItem[];\n} {\n  const state = reactive<{ items: HistoryItem[] }>({\n    items: [],\n  });\n\n  watchEffect((onCleanup) => {\n    const uri = toValue(resourceURI);\n    const observable = liveQuery(async () => {\n      const [historyItems, operations] = await Promise.all([\n        historyStorageManager.db.allHistoryByResourceURI(uri),\n        historyStorageManager.db.allOperationByResourceURI(uri),\n      ]);\n\n      const grouped = groupBy<HistoryOperation>(\n        operations.map((o) => ({\n          id: o.uuid,\n          timestamp: o.timestamp,\n          type: o.type,\n          label: o.label,\n          description: o.description,\n          value: o.value ? JSON.parse(o.value) : undefined,\n          uri: o.uri,\n          historyId: o.historyId,\n        })),\n        'historyId'\n      );\n      return historyItems\n        .sort((a, b) => (b.id as number) - (a.id as number))\n        .map(\n          (historyItem) =>\n            ({\n              id: historyItem.uuid,\n              type: historyItem.type,\n              timestamp: historyItem.timestamp,\n              operations: grouped[historyItem.uuid] || [],\n              time: HistoryStack.dateFormat(historyItem.timestamp),\n              uri: historyItem.resourceURI,\n            }) as HistoryItem\n        );\n    });\n\n    const subscription = observable.subscribe({\n      next: (value) => {\n        state.items = value || [];\n      },\n      error: (err) => {\n        console.error(err);\n      },\n    });\n\n    onCleanup(() => subscription.unsubscribe());\n  });\n\n  return state;\n}\n"]}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@flowgram-vue/history-storage",
+  "version": "0.2.0",
+  "type": "module",
+  "license": "MIT",
+  "homepage": "https://flowgram.ai/",
+  "repository": "https://github.com/Crayon-hua/flowgram-vue",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "dependencies": {
+    "dexie": "4.0.4",
+    "inversify": "^6.0.1",
+    "lodash-es": "^4.17.21",
+    "nanoid": "^5.0.9",
+    "reflect-metadata": "~0.2.2",
+    "@flowgram-vue/core": "0.2.0",
+    "@flowgram-vue/history": "0.2.0",
+    "@flowgram-vue/utils": "0.2.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.0.0",
+    "fake-indexeddb": "5.0.2",
+    "jsdom": "^26.1.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4",
+    "vue": "^3.5.18",
+    "@flowgram-vue/build-config": "0.2.0",
+    "@flowgram-vue/eslint-config": "0.2.0",
+    "@flowgram-vue/ts-config": "0.2.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "flowgram-build",
+    "test": "vitest run",
+    "lint": "eslint .",
+    "ts-check": "tsc --noEmit",
+    "type-check": "tsc --noEmit",
+    "build:fast": "flowgram-build --fast",
+    "build:watch": "flowgram-build --watch"
+  },
+  "module": "./dist/index.js"
+}

package/src/__mocks__/index.ts

@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export const MOCK_RESOURCE_URI1 = 'resource-uri1'
+export const MOCK_RESOURCE_URI2 = 'resource-uri2'
+
+export const MOCK_HISTORY1 = {
+  resourceURI: MOCK_RESOURCE_URI1,
+  uuid: 'history1',
+  timestamp: 111,
+  type: 'push',
+  resourceJSON: 'resourceJSON',
+}
+
+export const MOCK_HISTORY2 = {
+  resourceURI: MOCK_RESOURCE_URI2,
+  uuid: 'history2',
+  timestamp: 111,
+  type: 'push',
+  resourceJSON: 'resourceJSON',
+}
+
+export const MOCK_OPERATION1 = {
+  historyId: 'history1',
+  uri: 'test-1',
+  uuid: 'operation1',
+  type: 'addFromNode',
+  value: 'value1',
+  resourceURI: MOCK_RESOURCE_URI1,
+  label: 'operation1-label',
+  description: 'operation1-description',
+  timestamp: 1,
+}
+
+export const MOCK_OPERATION2 = {
+  historyId: 'history1',
+  uri: 'test-2',
+  uuid: 'operation2',
+  type: 'deleteFromNode',
+  value: 'value2',
+  resourceURI: MOCK_RESOURCE_URI1,
+  label: 'operation2-label',
+  description: 'operation2-description',
+  timestamp: 2,
+}
+
+export const MOCK_OPERATION3 = {
+  historyId: 'history1',
+  uri: 'test-3',
+  uuid: 'operation3',
+  type: 'addText',
+  value: 'value3',
+  resourceURI: MOCK_RESOURCE_URI1,
+  label: 'operation3-label',
+  description: 'operation3-description',
+  timestamp: 3,
+}

package/src/__tests__/history-database.test.ts

@@ -0,0 +1,118 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { describe, it, beforeEach } from 'vitest';
+import { cloneDeep, omit } from 'lodash-es';
+
+import { HistoryOperationRecord, HistoryRecord } from '../types';
+import { HistoryDatabase } from '../history-database';
+import {
+  MOCK_HISTORY1,
+  MOCK_HISTORY2,
+  MOCK_OPERATION1,
+  MOCK_OPERATION2,
+  MOCK_OPERATION3,
+  MOCK_RESOURCE_URI1,
+} from '../__mocks__';
+
+describe('history-database', () => {
+  let db: HistoryDatabase;
+  let history1: HistoryRecord;
+  let history2: HistoryRecord;
+  let operation1: HistoryOperationRecord;
+  let operation2: HistoryOperationRecord;
+
+  beforeEach(async () => {
+    db = new HistoryDatabase();
+    await db.reset();
+    history1 = cloneDeep(MOCK_HISTORY1);
+    history2 = cloneDeep(MOCK_HISTORY2);
+    operation1 = cloneDeep(MOCK_OPERATION1);
+    operation2 = cloneDeep(MOCK_OPERATION2);
+  });
+
+  it('addHistoryRecord allHistoryByResourceURI allOperationByResourceURI', async () => {
+    const operations = [operation1, operation2];
+    const res = await db.addHistoryRecord(history1, operations);
+    await db.addHistoryRecord(history2, []);
+    expect(res.length).toEqual(2);
+    const [dbHistory] = await db.allHistoryByResourceURI(MOCK_RESOURCE_URI1);
+    expect(MOCK_HISTORY1).toEqual(omit(dbHistory, ['id']));
+    const dbOperations = await db.allOperationByResourceURI(MOCK_RESOURCE_URI1);
+    expect(operations).toEqual(dbOperations.map((o) => omit(o, ['id'])));
+
+    const operation3 = cloneDeep(MOCK_OPERATION3);
+
+    await db.addOperationRecord(operation3);
+
+    const dbOperations3 = await db.allOperationByResourceURI(MOCK_RESOURCE_URI1);
+    expect([MOCK_OPERATION1, MOCK_OPERATION2, MOCK_OPERATION3]).toEqual(
+      dbOperations3.map((o) => omit(o, ['id']))
+    );
+  });
+
+  it('getHistoryByUUID', async () => {
+    await db.addHistoryRecord(history1, []);
+    const res = await db.getHistoryByUUID(history1.uuid);
+    expect(omit(res, ['id'])).toEqual(MOCK_HISTORY1);
+  });
+
+  it('updateHistoryByUUID', async () => {
+    await db.addHistoryRecord(history1, []);
+    const dbHistory = await db.getHistoryByUUID(history1.uuid);
+    if (!dbHistory) {
+      throw new Error('no dbHistory');
+    }
+    const resourceJSON = 'newResourceJSON';
+    await db.updateHistoryByUUID(dbHistory.uuid, {
+      resourceJSON,
+    });
+    const [dbHistory1] = await db.allHistoryByResourceURI(MOCK_RESOURCE_URI1);
+    expect(dbHistory1.resourceJSON).toEqual(resourceJSON);
+  });
+
+  it('addOperationRecord', async () => {
+    await db.addOperationRecord(operation1);
+    await db.addOperationRecord(operation2);
+    const dbOperations = await db.allOperationByResourceURI(MOCK_RESOURCE_URI1);
+    expect([MOCK_OPERATION1, MOCK_OPERATION2]).toEqual(dbOperations.map((o) => omit(o, ['id'])));
+  });
+
+  it('updateOperationRecord', async () => {
+    await db.addOperationRecord(operation1);
+    await db.allOperationByResourceURI(MOCK_RESOURCE_URI1);
+
+    await db.updateOperationRecord({ ...MOCK_OPERATION2, uuid: MOCK_OPERATION1.uuid });
+
+    const [dbUpdatedOperation1] = await db.allOperationByResourceURI(MOCK_RESOURCE_URI1);
+    expect(omit(MOCK_OPERATION2, ['uuid'])).toEqual(omit(dbUpdatedOperation1, ['id', 'uuid']));
+  });
+
+  it('reset', async () => {
+    await db.addHistoryRecord(history1, [operation1, operation2]);
+    await db.reset();
+    const dbOperation = await db.allOperationByResourceURI(MOCK_RESOURCE_URI1);
+    const dbHistory = await db.allHistoryByResourceURI(MOCK_RESOURCE_URI1);
+    expect(dbOperation.length).toEqual(0);
+    expect(dbHistory.length).toEqual(0);
+  });
+
+  it('resetByResourceURI', async () => {
+    await db.addHistoryRecord(history1, [operation1, operation2]);
+    await db.resetByResourceURI(MOCK_RESOURCE_URI1);
+    const dbOperation = await db.allOperationByResourceURI(MOCK_RESOURCE_URI1);
+    const dbHistory = await db.allHistoryByResourceURI(MOCK_RESOURCE_URI1);
+    expect(dbOperation.length).toEqual(0);
+    expect(dbHistory.length).toEqual(0);
+  });
+
+  it('resourceStorageLimit', async () => {
+    db.resourceStorageLimit = 1;
+    await db.addHistoryRecord(history1, []);
+    await db.addHistoryRecord(history2, []);
+    const res = await db.allHistoryByResourceURI(MOCK_RESOURCE_URI1);
+    expect(res.length).toEqual(1);
+  });
+});

package/src/create-history-storage-plugin.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { definePluginCreator } from '@flowgram-vue/core';
+
+import { HistoryStoragePluginOptions } from './types';
+import { HistoryStorageManager } from './history-storage-manager';
+import { HistoryStorageContainerModule } from './history-storage-container-module';
+
+export const createHistoryStoragePlugin = definePluginCreator<HistoryStoragePluginOptions>({
+  onBind: ({ bind, rebind }) => {},
+  onInit(ctx, opts): void {
+    const historyStorageManager = ctx.get<HistoryStorageManager>(HistoryStorageManager);
+    historyStorageManager.onInit(ctx, opts);
+  },
+  onDispose(ctx) {
+    const historyStorageManager = ctx.get<HistoryStorageManager>(HistoryStorageManager);
+    historyStorageManager.dispose();
+  },
+  containerModules: [HistoryStorageContainerModule],
+});