Files
esengine/packages/core/tests/ECS/Serialization/SceneSerializer.test.ts
YHH a716d8006c fix(build): 修复 Web 构建组件注册和用户脚本打包问题 (#302)
* refactor(build): 重构 Web 构建管线,支持配置驱动的 Import Maps

- 重构 WebBuildPipeline 支持 split-bundles 和 single-bundle 两种构建模式
- 使用 module.json 的 isCore 字段识别核心模块,消除硬编码列表
- 动态生成 Import Map,从模块清单的 name 字段获取包名映射
- 动态扫描 module.json 文件,不再依赖固定模块列表
- 添加 HTTP 服务器启动脚本 (start-server.bat/sh) 支持 ESM 模块
- 更新 BuildSettingsPanel UI 支持新的构建模式选项
- 添加多语言支持 (zh/en/es)

* fix(build): 修复 Web 构建组件注册和用户脚本打包问题

主要修复:
- 修复组件反序列化时找不到类型的问题
- @ECSComponent 装饰器现在自动注册到 ComponentRegistry
- 添加未使用装饰器的组件警告
- 构建管线自动扫描用户脚本(无需入口文件)

架构改进:
- 解决 Decorators ↔ ComponentRegistry 循环依赖
- 新建 ComponentTypeUtils.ts 作为底层无依赖模块
- 移除冗余的防御性 register 调用
- 统一 ComponentType 定义位置

* refactor(build): 统一 WASM 配置架构,移除硬编码

- 新增 wasmConfig 统一配置替代 wasmPaths/wasmBindings
- wasmConfig.files 支持多候选源路径和明确目标路径
- wasmConfig.runtimePath 指定运行时加载路径
- 重构 _copyWasmFiles 使用统一配置
- HTML 生成使用配置中的 runtimePath
- 移除 physics-rapier2d 的冗余 WASM 配置(由 rapier2d 负责)
- IBuildFileSystem 新增 deleteFile 方法

* feat(build): 单文件构建模式完善和场景配置驱动

## 主要改动

### 单文件构建(single-file mode)
- 修复 WASM 初始化问题,支持 initSync 同步初始化
- 配置驱动的 WASM 识别,通过 wasmConfig.isEngineCore 标识核心引擎模块
- 从 wasmConfig.files 动态获取 JS 绑定路径,消除硬编码

### 场景配置
- 构建验证:必须选择至少一个场景才能构建
- 自动扫描:项目加载时扫描 scenes 目录
- 抽取 _filterScenesByWhitelist 公共方法统一过滤逻辑

### 构建面板优化
- availableScenes prop 传递场景列表
- 场景复选框可点击切换启用状态
- 移除动态 import,使用 prop 传入数据

* chore(build): 补充构建相关的辅助改动

- 添加 BuildFileSystemService 的 listFilesByExtension 优化
- 更新 module.json 添加 externalDependencies 配置
- BrowserRuntime 支持 wasmModule 参数传递
- GameRuntime 添加 loadSceneFromData 方法
- Rust 构建命令更新
- 国际化文案更新

* feat(build): 持久化构建设置到项目配置

## 设计架构

### ProjectService 扩展
- 新增 BuildSettingsConfig 接口定义构建配置字段
- ProjectConfig 添加 buildSettings 字段
- 新增 getBuildSettings / updateBuildSettings 方法

### BuildSettingsPanel
- 组件挂载时从 projectService 加载已保存配置
- 设置变化时自动保存(500ms 防抖)
- 场景选择状态与项目配置同步

### 配置保存位置
保存在项目的 ecs-editor.config.json 中:
- scenes: 选中的场景列表
- buildMode: 构建模式
- companyName/productName/version: 产品信息
- developmentBuild/sourceMap: 构建选项

* fix(editor): Ctrl+S 仅在主编辑区域触发保存场景

- 模态窗口打开时跳过(构建设置、设置、关于等)
- 焦点在 input/textarea/contenteditable 时跳过

* fix(tests): 修复 ECS 测试中 Component 注册问题

- 为所有测试 Component 类添加 @ECSComponent 装饰器
- 移除 beforeEach 中的 ComponentRegistry.reset() 调用
- 将内联 Component 类移到文件顶层以支持装饰器
- 更新测试预期值匹配新的组件类型名称
- 添加缺失的 HierarchyComponent 导入

所有 1388 个测试现已通过。
2025-12-10 18:23:29 +08:00

437 lines
16 KiB
TypeScript

import { SceneSerializer } from '../../../src/ECS/Serialization/SceneSerializer';
import { Scene } from '../../../src/ECS/Scene';
import { Component } from '../../../src/ECS/Component';
import { HierarchySystem } from '../../../src/ECS/Systems/HierarchySystem';
import { HierarchyComponent } from '../../../src/ECS/Components/HierarchyComponent';
import { ECSComponent } from '../../../src/ECS/Decorators';
import { ComponentRegistry, ComponentType } from '../../../src/ECS/Core/ComponentStorage';
import { Serializable, Serialize } from '../../../src/ECS/Serialization';
@ECSComponent('SceneSerTest_Position')
@Serializable({ version: 1 })
class PositionComponent extends Component {
@Serialize()
public x: number = 0;
@Serialize()
public y: number = 0;
constructor(x: number = 0, y: number = 0) {
super();
this.x = x;
this.y = y;
}
}
@ECSComponent('SceneSerTest_Velocity')
@Serializable({ version: 1 })
class VelocityComponent extends Component {
@Serialize()
public vx: number = 0;
@Serialize()
public vy: number = 0;
}
describe('SceneSerializer', () => {
let scene: Scene;
let componentRegistry: Map<string, ComponentType>;
beforeEach(() => {
scene = new Scene({ name: 'SceneSerializerTestScene' });
componentRegistry = ComponentRegistry.getAllComponentNames() as Map<string, ComponentType>;
});
afterEach(() => {
scene.end();
});
describe('serialize', () => {
test('should serialize scene to JSON string', () => {
scene.createEntity('Entity1').addComponent(new PositionComponent(10, 20));
scene.createEntity('Entity2').addComponent(new VelocityComponent());
const result = SceneSerializer.serialize(scene);
expect(typeof result).toBe('string');
const parsed = JSON.parse(result as string);
expect(parsed.name).toBe('SceneSerializerTestScene');
expect(parsed.entities.length).toBe(2);
});
test('should serialize scene to binary format', () => {
scene.createEntity('Entity');
const result = SceneSerializer.serialize(scene, { format: 'binary' });
expect(result).toBeInstanceOf(Uint8Array);
});
test('should include metadata when requested', () => {
scene.createEntity('Entity');
const result = SceneSerializer.serialize(scene, { includeMetadata: true });
const parsed = JSON.parse(result as string);
expect(parsed.metadata).toBeDefined();
expect(parsed.metadata.entityCount).toBe(1);
expect(parsed.timestamp).toBeDefined();
});
test('should pretty print JSON when requested', () => {
scene.createEntity('Entity');
const result = SceneSerializer.serialize(scene, { pretty: true });
expect(typeof result).toBe('string');
expect((result as string).includes('\n')).toBe(true);
expect((result as string).includes(' ')).toBe(true);
});
test('should serialize scene data', () => {
scene.sceneData.set('level', 5);
scene.sceneData.set('config', { difficulty: 'hard' });
const result = SceneSerializer.serialize(scene);
const parsed = JSON.parse(result as string);
expect(parsed.sceneData).toBeDefined();
expect(parsed.sceneData.level).toBe(5);
expect(parsed.sceneData.config.difficulty).toBe('hard');
});
test('should serialize with component filter', () => {
scene.createEntity('Entity1').addComponent(new PositionComponent());
scene.createEntity('Entity2').addComponent(new VelocityComponent());
const result = SceneSerializer.serialize(scene, {
components: [PositionComponent]
});
const parsed = JSON.parse(result as string);
// Only entities with PositionComponent should be included
expect(parsed.entities.length).toBe(1);
});
});
describe('deserialize', () => {
test('should deserialize scene from JSON string', () => {
scene.createEntity('Entity1').addComponent(new PositionComponent(100, 200));
const serialized = SceneSerializer.serialize(scene);
const newScene = new Scene({ name: 'NewScene' });
SceneSerializer.deserialize(newScene, serialized, { componentRegistry });
expect(newScene.entities.count).toBe(1);
const entity = newScene.findEntity('Entity1');
expect(entity).not.toBeNull();
expect(entity!.hasComponent(PositionComponent)).toBe(true);
const pos = entity!.getComponent(PositionComponent)!;
expect(pos.x).toBe(100);
expect(pos.y).toBe(200);
newScene.end();
});
test('should deserialize scene from binary format', () => {
scene.createEntity('BinaryEntity').addComponent(new PositionComponent(50, 75));
const serialized = SceneSerializer.serialize(scene, { format: 'binary' });
const newScene = new Scene({ name: 'NewScene' });
SceneSerializer.deserialize(newScene, serialized, { componentRegistry });
expect(newScene.entities.count).toBe(1);
const entity = newScene.findEntity('BinaryEntity');
expect(entity).not.toBeNull();
newScene.end();
});
test('should replace existing entities with strategy replace', () => {
scene.createEntity('Original');
const serialized = SceneSerializer.serialize(scene);
const targetScene = new Scene({ name: 'Target' });
targetScene.createEntity('Existing1');
targetScene.createEntity('Existing2');
expect(targetScene.entities.count).toBe(2);
SceneSerializer.deserialize(targetScene, serialized, {
strategy: 'replace',
componentRegistry
});
expect(targetScene.entities.count).toBe(1);
expect(targetScene.findEntity('Original')).not.toBeNull();
expect(targetScene.findEntity('Existing1')).toBeNull();
targetScene.end();
});
test('should merge with existing entities with strategy merge', () => {
scene.createEntity('FromSave');
const serialized = SceneSerializer.serialize(scene);
const targetScene = new Scene({ name: 'Target' });
targetScene.createEntity('Existing');
expect(targetScene.entities.count).toBe(1);
SceneSerializer.deserialize(targetScene, serialized, {
strategy: 'merge',
componentRegistry
});
expect(targetScene.entities.count).toBe(2);
expect(targetScene.findEntity('Existing')).not.toBeNull();
expect(targetScene.findEntity('FromSave')).not.toBeNull();
targetScene.end();
});
test('should restore scene data', () => {
scene.sceneData.set('weather', 'sunny');
scene.sceneData.set('time', 12.5);
const serialized = SceneSerializer.serialize(scene);
const newScene = new Scene({ name: 'NewScene' });
SceneSerializer.deserialize(newScene, serialized, { componentRegistry });
expect(newScene.sceneData.get('weather')).toBe('sunny');
expect(newScene.sceneData.get('time')).toBe(12.5);
newScene.end();
});
test('should call migration function when versions differ', () => {
scene.createEntity('Entity');
const serialized = SceneSerializer.serialize(scene);
// Manually modify version
const parsed = JSON.parse(serialized as string);
parsed.version = 0;
const modifiedSerialized = JSON.stringify(parsed);
const migrationFn = jest.fn((oldVersion, newVersion, data) => {
expect(oldVersion).toBe(0);
return data;
});
const newScene = new Scene({ name: 'NewScene' });
SceneSerializer.deserialize(newScene, modifiedSerialized, {
componentRegistry,
migration: migrationFn
});
expect(migrationFn).toHaveBeenCalled();
newScene.end();
});
test('should throw on invalid JSON', () => {
const newScene = new Scene({ name: 'NewScene' });
expect(() => {
SceneSerializer.deserialize(newScene, 'invalid json{{{', { componentRegistry });
}).toThrow();
newScene.end();
});
});
describe('validate', () => {
test('should validate correct save data', () => {
scene.createEntity('Entity');
const serialized = SceneSerializer.serialize(scene);
const result = SceneSerializer.validate(serialized as string);
expect(result.valid).toBe(true);
expect(result.version).toBe(1);
});
test('should return errors for missing version', () => {
const invalid = JSON.stringify({ entities: [], componentTypeRegistry: [] });
const result = SceneSerializer.validate(invalid);
expect(result.valid).toBe(false);
expect(result.errors).toContain('Missing version field');
});
test('should return errors for missing entities', () => {
const invalid = JSON.stringify({ version: 1, componentTypeRegistry: [] });
const result = SceneSerializer.validate(invalid);
expect(result.valid).toBe(false);
expect(result.errors).toContain('Missing or invalid entities field');
});
test('should return errors for missing componentTypeRegistry', () => {
const invalid = JSON.stringify({ version: 1, entities: [] });
const result = SceneSerializer.validate(invalid);
expect(result.valid).toBe(false);
expect(result.errors).toContain('Missing or invalid componentTypeRegistry field');
});
test('should handle JSON parse errors', () => {
const result = SceneSerializer.validate('not valid json');
expect(result.valid).toBe(false);
expect(result.errors).toBeDefined();
expect(result.errors![0]).toContain('JSON parse error');
});
});
describe('getInfo', () => {
test('should return info from save data', () => {
scene.name = 'InfoTestScene';
scene.createEntity('Entity1');
scene.createEntity('Entity2');
scene.createEntity('Entity3');
const serialized = SceneSerializer.serialize(scene);
const info = SceneSerializer.getInfo(serialized as string);
expect(info).not.toBeNull();
expect(info!.name).toBe('InfoTestScene');
expect(info!.entityCount).toBe(3);
expect(info!.version).toBe(1);
});
test('should return null for invalid data', () => {
const info = SceneSerializer.getInfo('invalid');
expect(info).toBeNull();
});
test('should include timestamp when present', () => {
scene.createEntity('Entity');
const serialized = SceneSerializer.serialize(scene, { includeMetadata: true });
const info = SceneSerializer.getInfo(serialized as string);
expect(info!.timestamp).toBeDefined();
});
});
describe('scene data serialization', () => {
test('should serialize Date objects', () => {
const date = new Date('2024-01-01T00:00:00Z');
scene.sceneData.set('createdAt', date);
const serialized = SceneSerializer.serialize(scene);
const parsed = JSON.parse(serialized as string);
expect(parsed.sceneData.createdAt.__type).toBe('Date');
});
test('should deserialize Date objects', () => {
const date = new Date('2024-01-01T00:00:00Z');
scene.sceneData.set('createdAt', date);
const serialized = SceneSerializer.serialize(scene);
const newScene = new Scene({ name: 'NewScene' });
SceneSerializer.deserialize(newScene, serialized, { componentRegistry });
const restoredDate = newScene.sceneData.get('createdAt');
expect(restoredDate).toBeInstanceOf(Date);
expect(restoredDate.getTime()).toBe(date.getTime());
newScene.end();
});
test('should serialize Map objects', () => {
const map = new Map([['key1', 'value1'], ['key2', 'value2']]);
scene.sceneData.set('mapping', map);
const serialized = SceneSerializer.serialize(scene);
const parsed = JSON.parse(serialized as string);
expect(parsed.sceneData.mapping.__type).toBe('Map');
});
test('should deserialize Map objects', () => {
const map = new Map([['key1', 'value1'], ['key2', 'value2']]);
scene.sceneData.set('mapping', map);
const serialized = SceneSerializer.serialize(scene);
const newScene = new Scene({ name: 'NewScene' });
SceneSerializer.deserialize(newScene, serialized, { componentRegistry });
const restoredMap = newScene.sceneData.get('mapping');
expect(restoredMap).toBeInstanceOf(Map);
expect(restoredMap.get('key1')).toBe('value1');
expect(restoredMap.get('key2')).toBe('value2');
newScene.end();
});
test('should serialize Set objects', () => {
const set = new Set([1, 2, 3]);
scene.sceneData.set('numbers', set);
const serialized = SceneSerializer.serialize(scene);
const parsed = JSON.parse(serialized as string);
expect(parsed.sceneData.numbers.__type).toBe('Set');
});
test('should deserialize Set objects', () => {
const set = new Set([1, 2, 3]);
scene.sceneData.set('numbers', set);
const serialized = SceneSerializer.serialize(scene);
const newScene = new Scene({ name: 'NewScene' });
SceneSerializer.deserialize(newScene, serialized, { componentRegistry });
const restoredSet = newScene.sceneData.get('numbers');
expect(restoredSet).toBeInstanceOf(Set);
expect(restoredSet.has(1)).toBe(true);
expect(restoredSet.has(2)).toBe(true);
expect(restoredSet.has(3)).toBe(true);
newScene.end();
});
});
describe('hierarchy serialization', () => {
test('should serialize and deserialize entity hierarchy', () => {
const hierarchySystem = new HierarchySystem();
scene.addSystem(hierarchySystem);
const root = scene.createEntity('Root');
const child1 = scene.createEntity('Child1');
const child2 = scene.createEntity('Child2');
hierarchySystem.setParent(child1, root);
hierarchySystem.setParent(child2, root);
const serialized = SceneSerializer.serialize(scene);
const newScene = new Scene({ name: 'NewScene' });
const newHierarchySystem = new HierarchySystem();
newScene.addSystem(newHierarchySystem);
SceneSerializer.deserialize(newScene, serialized, { componentRegistry });
const newRoot = newScene.findEntity('Root');
expect(newRoot).not.toBeNull();
const children = newHierarchySystem.getChildren(newRoot!);
expect(children.length).toBe(2);
newScene.end();
});
});
});