a716d8006c
* 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 个测试现已通过。
281 lines
10 KiB
TypeScript
281 lines
10 KiB
TypeScript
import { Entity } from '../../src/ECS/Entity';
|
||
import { Component } from '../../src/ECS/Component';
|
||
import { Scene } from '../../src/ECS/Scene';
|
||
import { ECSComponent } from '../../src/ECS/Decorators';
|
||
|
||
// 测试组件类
|
||
@ECSComponent('EntityTest_PositionComponent')
|
||
class TestPositionComponent extends Component {
|
||
public x: number = 0;
|
||
public y: number = 0;
|
||
|
||
constructor(...args: unknown[]) {
|
||
super();
|
||
const [x = 0, y = 0] = args as [number?, number?];
|
||
this.x = x;
|
||
this.y = y;
|
||
}
|
||
}
|
||
|
||
@ECSComponent('EntityTest_HealthComponent')
|
||
class TestHealthComponent extends Component {
|
||
public health: number = 100;
|
||
|
||
constructor(...args: unknown[]) {
|
||
super();
|
||
const [health = 100] = args as [number?];
|
||
this.health = health;
|
||
}
|
||
}
|
||
|
||
@ECSComponent('EntityTest_VelocityComponent')
|
||
class TestVelocityComponent extends Component {
|
||
public vx: number = 0;
|
||
public vy: number = 0;
|
||
|
||
constructor(...args: unknown[]) {
|
||
super();
|
||
const [vx = 0, vy = 0] = args as [number?, number?];
|
||
this.vx = vx;
|
||
this.vy = vy;
|
||
}
|
||
}
|
||
|
||
@ECSComponent('EntityTest_RenderComponent')
|
||
class TestRenderComponent extends Component {
|
||
public visible: boolean = true;
|
||
|
||
constructor(...args: unknown[]) {
|
||
super();
|
||
const [visible = true] = args as [boolean?];
|
||
this.visible = visible;
|
||
}
|
||
}
|
||
|
||
describe('Entity - 组件缓存优化测试', () => {
|
||
let entity: Entity;
|
||
let scene: Scene;
|
||
|
||
beforeEach(() => {
|
||
scene = new Scene();
|
||
entity = scene.createEntity('TestEntity');
|
||
});
|
||
|
||
describe('基本功能测试', () => {
|
||
test('应该能够创建实体', () => {
|
||
expect(entity.name).toBe('TestEntity');
|
||
expect(entity.id).toBeGreaterThanOrEqual(0);
|
||
expect(entity.components.length).toBe(0);
|
||
expect(entity.scene).toBe(scene);
|
||
});
|
||
|
||
test('应该能够添加组件', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
const addedComponent = entity.addComponent(position);
|
||
|
||
expect(addedComponent).toBe(position);
|
||
expect(entity.components.length).toBe(1);
|
||
expect(entity.components[0]).toBe(position);
|
||
expect(entity.hasComponent(TestPositionComponent)).toBe(true);
|
||
});
|
||
|
||
test('应该能够获取组件', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
entity.addComponent(position);
|
||
|
||
const retrieved = entity.getComponent(TestPositionComponent);
|
||
expect(retrieved).toBe(position);
|
||
expect(retrieved?.x).toBe(10);
|
||
expect(retrieved?.y).toBe(20);
|
||
});
|
||
|
||
test('应该能够检查组件存在性', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
entity.addComponent(position);
|
||
|
||
expect(entity.hasComponent(TestPositionComponent)).toBe(true);
|
||
expect(entity.hasComponent(TestHealthComponent)).toBe(false);
|
||
});
|
||
|
||
test('应该能够移除组件', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
entity.addComponent(position);
|
||
|
||
entity.removeComponent(position);
|
||
expect(entity.components.length).toBe(0);
|
||
expect(entity.hasComponent(TestPositionComponent)).toBe(false);
|
||
expect(entity.getComponent(TestPositionComponent)).toBeNull();
|
||
});
|
||
});
|
||
|
||
describe('多组件管理测试', () => {
|
||
test('应该能够管理多个不同类型的组件', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
const health = new TestHealthComponent(150);
|
||
const velocity = new TestVelocityComponent(5, -3);
|
||
|
||
entity.addComponent(position);
|
||
entity.addComponent(health);
|
||
entity.addComponent(velocity);
|
||
|
||
expect(entity.components.length).toBe(3);
|
||
expect(entity.hasComponent(TestPositionComponent)).toBe(true);
|
||
expect(entity.hasComponent(TestHealthComponent)).toBe(true);
|
||
expect(entity.hasComponent(TestVelocityComponent)).toBe(true);
|
||
});
|
||
|
||
test('应该能够正确获取多个组件', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
const health = new TestHealthComponent(150);
|
||
const velocity = new TestVelocityComponent(5, -3);
|
||
|
||
entity.addComponent(position);
|
||
entity.addComponent(health);
|
||
entity.addComponent(velocity);
|
||
|
||
const retrievedPosition = entity.getComponent(TestPositionComponent);
|
||
const retrievedHealth = entity.getComponent(TestHealthComponent);
|
||
const retrievedVelocity = entity.getComponent(TestVelocityComponent);
|
||
|
||
expect(retrievedPosition).toBe(position);
|
||
expect(retrievedHealth).toBe(health);
|
||
expect(retrievedVelocity).toBe(velocity);
|
||
});
|
||
|
||
test('应该能够批量添加组件', () => {
|
||
const components = [
|
||
new TestPositionComponent(10, 20),
|
||
new TestHealthComponent(150),
|
||
new TestVelocityComponent(5, -3)
|
||
];
|
||
|
||
const addedComponents = entity.addComponents(components);
|
||
|
||
expect(addedComponents.length).toBe(3);
|
||
expect(entity.components.length).toBe(3);
|
||
expect(addedComponents[0]).toBe(components[0]);
|
||
expect(addedComponents[1]).toBe(components[1]);
|
||
expect(addedComponents[2]).toBe(components[2]);
|
||
});
|
||
|
||
test('应该能够移除所有组件', () => {
|
||
entity.addComponent(new TestPositionComponent(10, 20));
|
||
entity.addComponent(new TestHealthComponent(150));
|
||
entity.addComponent(new TestVelocityComponent(5, -3));
|
||
|
||
entity.removeAllComponents();
|
||
|
||
expect(entity.components.length).toBe(0);
|
||
expect(entity.hasComponent(TestPositionComponent)).toBe(false);
|
||
expect(entity.hasComponent(TestHealthComponent)).toBe(false);
|
||
expect(entity.hasComponent(TestVelocityComponent)).toBe(false);
|
||
});
|
||
});
|
||
|
||
describe('性能优化验证', () => {
|
||
test('位掩码应该正确工作', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
const health = new TestHealthComponent(150);
|
||
|
||
entity.addComponent(position);
|
||
entity.addComponent(health);
|
||
|
||
// 位掩码应该反映组件的存在
|
||
expect(entity.hasComponent(TestPositionComponent)).toBe(true);
|
||
expect(entity.hasComponent(TestHealthComponent)).toBe(true);
|
||
expect(entity.hasComponent(TestVelocityComponent)).toBe(false);
|
||
});
|
||
|
||
test('索引映射应该正确维护', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
const health = new TestHealthComponent(150);
|
||
const velocity = new TestVelocityComponent(5, -3);
|
||
|
||
entity.addComponent(position);
|
||
entity.addComponent(health);
|
||
entity.addComponent(velocity);
|
||
|
||
// 获取组件应该通过索引映射快速完成
|
||
const retrievedPosition = entity.getComponent(TestPositionComponent);
|
||
const retrievedHealth = entity.getComponent(TestHealthComponent);
|
||
const retrievedVelocity = entity.getComponent(TestVelocityComponent);
|
||
|
||
expect(retrievedPosition).toBe(position);
|
||
expect(retrievedHealth).toBe(health);
|
||
expect(retrievedVelocity).toBe(velocity);
|
||
});
|
||
|
||
test('组件获取性能应该良好', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
const health = new TestHealthComponent(150);
|
||
const velocity = new TestVelocityComponent(5, -3);
|
||
const render = new TestRenderComponent(true);
|
||
|
||
entity.addComponent(position);
|
||
entity.addComponent(health);
|
||
entity.addComponent(velocity);
|
||
entity.addComponent(render);
|
||
|
||
// 测试大量获取操作的性能
|
||
const iterations = 1000;
|
||
const startTime = performance.now();
|
||
|
||
for (let i = 0; i < iterations; i++) {
|
||
entity.getComponent(TestPositionComponent);
|
||
entity.getComponent(TestHealthComponent);
|
||
entity.getComponent(TestVelocityComponent);
|
||
entity.getComponent(TestRenderComponent);
|
||
}
|
||
|
||
const endTime = performance.now();
|
||
const duration = endTime - startTime;
|
||
|
||
// 1000次 * 4个组件 = 4000次获取操作应该在合理时间内完成
|
||
// 性能记录：实体操作性能数据，不设硬阈值避免CI不稳定
|
||
});
|
||
});
|
||
|
||
describe('边界情况测试', () => {
|
||
test('获取不存在的组件应该返回null', () => {
|
||
const result = entity.getComponent(TestPositionComponent);
|
||
expect(result).toBeNull();
|
||
});
|
||
|
||
test('不应该允许添加重复类型的组件', () => {
|
||
const position1 = new TestPositionComponent(10, 20);
|
||
const position2 = new TestPositionComponent(30, 40);
|
||
|
||
entity.addComponent(position1);
|
||
|
||
expect(() => {
|
||
entity.addComponent(position2);
|
||
}).toThrow();
|
||
});
|
||
|
||
test('移除不存在的组件应该安全处理', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
|
||
expect(() => {
|
||
entity.removeComponent(position);
|
||
}).not.toThrow();
|
||
});
|
||
|
||
test('调试信息应该正确反映实体状态', () => {
|
||
const position = new TestPositionComponent(10, 20);
|
||
const health = new TestHealthComponent(150);
|
||
|
||
entity.addComponent(position);
|
||
entity.addComponent(health);
|
||
|
||
const debugInfo = entity.getDebugInfo();
|
||
|
||
expect(debugInfo.name).toBe('TestEntity');
|
||
expect(debugInfo.id).toBeGreaterThanOrEqual(0);
|
||
expect(debugInfo.componentCount).toBe(2);
|
||
expect(debugInfo.componentTypes).toContain('EntityTest_PositionComponent');
|
||
expect(debugInfo.componentTypes).toContain('EntityTest_HealthComponent');
|
||
expect(debugInfo.cacheBuilt).toBe(true);
|
||
});
|
||
});
|
||
});
|