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 个测试现已通过。
429 lines
15 KiB
TypeScript
429 lines
15 KiB
TypeScript
import { Entity } from '../../src/ECS/Entity';
|
||
import { Component } from '../../src/ECS/Component';
|
||
import { Scene } from '../../src/ECS/Scene';
|
||
import { SceneManager } from '../../src/ECS/SceneManager';
|
||
import { EEntityLifecyclePolicy } from '../../src/ECS/Core/EntityLifecyclePolicy';
|
||
import { ECSComponent } from '../../src/ECS/Decorators';
|
||
|
||
// 测试组件
|
||
@ECSComponent('Persistent_PositionComponent')
|
||
class PositionComponent extends Component {
|
||
public x: number;
|
||
public y: number;
|
||
|
||
constructor(x: number = 0, y: number = 0) {
|
||
super();
|
||
this.x = x;
|
||
this.y = y;
|
||
}
|
||
}
|
||
|
||
@ECSComponent('Persistent_PlayerComponent')
|
||
class PlayerComponent extends Component {
|
||
public name: string;
|
||
public score: number;
|
||
|
||
constructor(name: string = 'Player', score: number = 0) {
|
||
super();
|
||
this.name = name;
|
||
this.score = score;
|
||
}
|
||
}
|
||
|
||
@ECSComponent('Persistent_EnemyComponent')
|
||
class EnemyComponent extends Component {
|
||
public type: string;
|
||
|
||
constructor(type: string = 'normal') {
|
||
super();
|
||
this.type = type;
|
||
}
|
||
}
|
||
|
||
// 测试场景
|
||
class TestScene extends Scene {
|
||
public initializeCalled = false;
|
||
|
||
override initialize(): void {
|
||
this.initializeCalled = true;
|
||
}
|
||
}
|
||
|
||
describe('PersistentEntity - 持久化实体测试', () => {
|
||
describe('Entity.setPersistent', () => {
|
||
let scene: Scene;
|
||
|
||
beforeEach(() => {
|
||
scene = new Scene();
|
||
});
|
||
|
||
test('默认实体应为 SceneLocal 策略', () => {
|
||
const entity = scene.createEntity('NormalEntity');
|
||
|
||
expect(entity.lifecyclePolicy).toBe(EEntityLifecyclePolicy.SceneLocal);
|
||
expect(entity.isPersistent).toBe(false);
|
||
});
|
||
|
||
test('setPersistent() 应标记实体为持久化', () => {
|
||
const entity = scene.createEntity('Player');
|
||
entity.setPersistent();
|
||
|
||
expect(entity.lifecyclePolicy).toBe(EEntityLifecyclePolicy.Persistent);
|
||
expect(entity.isPersistent).toBe(true);
|
||
});
|
||
|
||
test('setPersistent() 应支持链式调用', () => {
|
||
const entity = scene.createEntity('Player').setPersistent();
|
||
entity.addComponent(new PositionComponent(100, 200));
|
||
|
||
expect(entity.isPersistent).toBe(true);
|
||
expect(entity.hasComponent(PositionComponent)).toBe(true);
|
||
});
|
||
|
||
test('setSceneLocal() 应恢复为默认策略', () => {
|
||
const entity = scene.createEntity('Player');
|
||
entity.setPersistent();
|
||
expect(entity.isPersistent).toBe(true);
|
||
|
||
entity.setSceneLocal();
|
||
expect(entity.isPersistent).toBe(false);
|
||
expect(entity.lifecyclePolicy).toBe(EEntityLifecyclePolicy.SceneLocal);
|
||
});
|
||
});
|
||
|
||
describe('Scene.findPersistentEntities', () => {
|
||
let scene: Scene;
|
||
|
||
beforeEach(() => {
|
||
scene = new Scene();
|
||
});
|
||
|
||
test('应返回所有持久化实体', () => {
|
||
// 创建混合实体
|
||
const player = scene.createEntity('Player').setPersistent();
|
||
const enemy1 = scene.createEntity('Enemy1');
|
||
const gameManager = scene.createEntity('GameManager').setPersistent();
|
||
const enemy2 = scene.createEntity('Enemy2');
|
||
|
||
const persistentEntities = scene.findPersistentEntities();
|
||
|
||
expect(persistentEntities.length).toBe(2);
|
||
expect(persistentEntities).toContain(player);
|
||
expect(persistentEntities).toContain(gameManager);
|
||
expect(persistentEntities).not.toContain(enemy1);
|
||
expect(persistentEntities).not.toContain(enemy2);
|
||
});
|
||
|
||
test('没有持久化实体时应返回空数组', () => {
|
||
scene.createEntity('Enemy1');
|
||
scene.createEntity('Enemy2');
|
||
|
||
const persistentEntities = scene.findPersistentEntities();
|
||
|
||
expect(persistentEntities).toEqual([]);
|
||
});
|
||
});
|
||
|
||
describe('Scene.extractPersistentEntities', () => {
|
||
let scene: Scene;
|
||
|
||
beforeEach(() => {
|
||
scene = new Scene();
|
||
});
|
||
|
||
test('应提取并从场景中移除持久化实体', () => {
|
||
const player = scene.createEntity('Player').setPersistent();
|
||
player.addComponent(new PositionComponent(100, 200));
|
||
|
||
const enemy = scene.createEntity('Enemy');
|
||
|
||
expect(scene.entities.count).toBe(2);
|
||
|
||
const extracted = scene.extractPersistentEntities();
|
||
|
||
expect(extracted.length).toBe(1);
|
||
expect(extracted[0]).toBe(player);
|
||
expect(scene.entities.count).toBe(1);
|
||
expect(scene.findEntity('Player')).toBeNull();
|
||
expect(scene.findEntity('Enemy')).toBe(enemy);
|
||
});
|
||
|
||
test('提取后实体的 scene 引用应为 null', () => {
|
||
const player = scene.createEntity('Player').setPersistent();
|
||
|
||
const extracted = scene.extractPersistentEntities();
|
||
|
||
expect(extracted[0].scene).toBeNull();
|
||
});
|
||
|
||
test('提取后实体的组件数据应保留', () => {
|
||
const player = scene.createEntity('Player').setPersistent();
|
||
player.addComponent(new PositionComponent(100, 200));
|
||
player.addComponent(new PlayerComponent('Hero', 999));
|
||
|
||
const extracted = scene.extractPersistentEntities();
|
||
|
||
// 组件数据应保留（虽然 scene 为 null，组件缓存仍有效）
|
||
expect(extracted[0].components.length).toBe(2);
|
||
});
|
||
});
|
||
|
||
describe('Scene.receiveMigratedEntities', () => {
|
||
test('应将迁移的实体添加到新场景', () => {
|
||
const sourceScene = new Scene();
|
||
const targetScene = new Scene();
|
||
|
||
// 在源场景创建持久化实体
|
||
const player = sourceScene.createEntity('Player').setPersistent();
|
||
player.addComponent(new PositionComponent(100, 200));
|
||
player.addComponent(new PlayerComponent('Hero', 500));
|
||
|
||
// 提取并迁移
|
||
const extracted = sourceScene.extractPersistentEntities();
|
||
targetScene.receiveMigratedEntities(extracted);
|
||
|
||
// 验证实体已迁移
|
||
expect(targetScene.entities.count).toBe(1);
|
||
expect(targetScene.findEntity('Player')).toBe(player);
|
||
expect(player.scene).toBe(targetScene);
|
||
});
|
||
|
||
test('迁移后组件数据应完整保留', () => {
|
||
const sourceScene = new Scene();
|
||
const targetScene = new Scene();
|
||
|
||
const player = sourceScene.createEntity('Player').setPersistent();
|
||
player.addComponent(new PositionComponent(100, 200));
|
||
player.addComponent(new PlayerComponent('Hero', 999));
|
||
|
||
const extracted = sourceScene.extractPersistentEntities();
|
||
targetScene.receiveMigratedEntities(extracted);
|
||
|
||
// 验证组件数据
|
||
const migratedPlayer = targetScene.findEntity('Player')!;
|
||
const position = migratedPlayer.getComponent(PositionComponent);
|
||
const playerComp = migratedPlayer.getComponent(PlayerComponent);
|
||
|
||
expect(position).not.toBeNull();
|
||
expect(position!.x).toBe(100);
|
||
expect(position!.y).toBe(200);
|
||
expect(playerComp).not.toBeNull();
|
||
expect(playerComp!.name).toBe('Hero');
|
||
expect(playerComp!.score).toBe(999);
|
||
});
|
||
|
||
test('迁移后实体应能被查询系统找到', () => {
|
||
const sourceScene = new Scene();
|
||
const targetScene = new Scene();
|
||
|
||
const player = sourceScene.createEntity('Player').setPersistent();
|
||
player.addComponent(new PositionComponent(100, 200));
|
||
|
||
const extracted = sourceScene.extractPersistentEntities();
|
||
targetScene.receiveMigratedEntities(extracted);
|
||
|
||
// 通过查询系统查找
|
||
const result = targetScene.queryAll(PositionComponent);
|
||
expect(result.entities.length).toBe(1);
|
||
expect(result.entities[0]).toBe(player);
|
||
});
|
||
});
|
||
|
||
describe('SceneManager 场景切换迁移', () => {
|
||
let sceneManager: SceneManager;
|
||
|
||
beforeEach(() => {
|
||
sceneManager = new SceneManager();
|
||
});
|
||
|
||
afterEach(() => {
|
||
sceneManager.destroy();
|
||
});
|
||
|
||
test('场景切换时应自动迁移持久化实体', () => {
|
||
// 设置初始场景
|
||
const scene1 = new TestScene();
|
||
sceneManager.setScene(scene1);
|
||
|
||
// 创建持久化实体和普通实体
|
||
const player = scene1.createEntity('Player').setPersistent();
|
||
player.addComponent(new PositionComponent(100, 200));
|
||
player.addComponent(new PlayerComponent('Hero', 500));
|
||
|
||
const enemy = scene1.createEntity('Enemy');
|
||
enemy.addComponent(new EnemyComponent('boss'));
|
||
|
||
expect(scene1.entities.count).toBe(2);
|
||
|
||
// 切换到新场景
|
||
const scene2 = new TestScene();
|
||
sceneManager.setScene(scene2);
|
||
|
||
// 验证：player 应迁移到新场景，enemy 应被销毁
|
||
expect(scene2.entities.count).toBe(1);
|
||
expect(scene2.findEntity('Player')).toBe(player);
|
||
expect(scene2.findEntity('Enemy')).toBeNull();
|
||
expect(player.scene).toBe(scene2);
|
||
});
|
||
|
||
test('迁移后组件状态应保持不变', () => {
|
||
const scene1 = new TestScene();
|
||
sceneManager.setScene(scene1);
|
||
|
||
const player = scene1.createEntity('Player').setPersistent();
|
||
player.addComponent(new PositionComponent(100, 200));
|
||
const playerComp = player.addComponent(new PlayerComponent('Hero', 500));
|
||
|
||
// 修改组件状态
|
||
playerComp.score = 999;
|
||
|
||
// 切换场景
|
||
const scene2 = new TestScene();
|
||
sceneManager.setScene(scene2);
|
||
|
||
// 验证组件状态
|
||
const migratedPlayer = scene2.findEntity('Player')!;
|
||
const position = migratedPlayer.getComponent(PositionComponent);
|
||
const migratedPlayerComp = migratedPlayer.getComponent(PlayerComponent);
|
||
|
||
expect(position!.x).toBe(100);
|
||
expect(position!.y).toBe(200);
|
||
expect(migratedPlayerComp!.score).toBe(999);
|
||
});
|
||
|
||
test('多个持久化实体应全部迁移', () => {
|
||
const scene1 = new TestScene();
|
||
sceneManager.setScene(scene1);
|
||
|
||
const player = scene1.createEntity('Player').setPersistent();
|
||
const audioManager = scene1.createEntity('AudioManager').setPersistent();
|
||
const gameState = scene1.createEntity('GameState').setPersistent();
|
||
const enemy = scene1.createEntity('Enemy'); // 普通实体
|
||
|
||
expect(scene1.entities.count).toBe(4);
|
||
|
||
const scene2 = new TestScene();
|
||
sceneManager.setScene(scene2);
|
||
|
||
expect(scene2.entities.count).toBe(3);
|
||
expect(scene2.findEntity('Player')).toBe(player);
|
||
expect(scene2.findEntity('AudioManager')).toBe(audioManager);
|
||
expect(scene2.findEntity('GameState')).toBe(gameState);
|
||
expect(scene2.findEntity('Enemy')).toBeNull();
|
||
});
|
||
|
||
test('没有持久化实体时场景切换应正常工作', () => {
|
||
const scene1 = new TestScene();
|
||
sceneManager.setScene(scene1);
|
||
|
||
scene1.createEntity('Enemy1');
|
||
scene1.createEntity('Enemy2');
|
||
|
||
const scene2 = new TestScene();
|
||
sceneManager.setScene(scene2);
|
||
|
||
expect(scene2.entities.count).toBe(0);
|
||
});
|
||
|
||
test('延迟场景切换应正确迁移持久化实体', () => {
|
||
const scene1 = new TestScene();
|
||
sceneManager.setScene(scene1);
|
||
|
||
const player = scene1.createEntity('Player').setPersistent();
|
||
player.addComponent(new PlayerComponent('Hero', 100));
|
||
|
||
// 延迟加载
|
||
const scene2 = new TestScene();
|
||
sceneManager.loadScene(scene2);
|
||
|
||
// 此时还未切换
|
||
expect(sceneManager.currentScene).toBe(scene1);
|
||
expect(scene1.findEntity('Player')).toBe(player);
|
||
|
||
// 触发更新，执行延迟切换
|
||
sceneManager.update();
|
||
|
||
// 验证迁移
|
||
expect(sceneManager.currentScene).toBe(scene2);
|
||
expect(scene2.findEntity('Player')).toBe(player);
|
||
expect(player.scene).toBe(scene2);
|
||
});
|
||
|
||
test('连续场景切换应正确迁移持久化实体', () => {
|
||
const scene1 = new TestScene();
|
||
sceneManager.setScene(scene1);
|
||
|
||
const player = scene1.createEntity('Player').setPersistent();
|
||
|
||
// 第一次切换
|
||
const scene2 = new TestScene();
|
||
sceneManager.setScene(scene2);
|
||
expect(scene2.findEntity('Player')).toBe(player);
|
||
|
||
// 第二次切换
|
||
const scene3 = new TestScene();
|
||
sceneManager.setScene(scene3);
|
||
expect(scene3.findEntity('Player')).toBe(player);
|
||
|
||
// 第三次切换
|
||
const scene4 = new TestScene();
|
||
sceneManager.setScene(scene4);
|
||
expect(scene4.findEntity('Player')).toBe(player);
|
||
expect(player.scene).toBe(scene4);
|
||
});
|
||
});
|
||
|
||
describe('边界情况', () => {
|
||
test('实体销毁后不应被迁移', () => {
|
||
const sceneManager = new SceneManager();
|
||
const scene1 = new TestScene();
|
||
sceneManager.setScene(scene1);
|
||
|
||
const player = scene1.createEntity('Player').setPersistent();
|
||
player.destroy();
|
||
|
||
const scene2 = new TestScene();
|
||
sceneManager.setScene(scene2);
|
||
|
||
expect(scene2.entities.count).toBe(0);
|
||
sceneManager.destroy();
|
||
});
|
||
|
||
test('动态切换持久化状态应生效', () => {
|
||
const sceneManager = new SceneManager();
|
||
const scene1 = new TestScene();
|
||
sceneManager.setScene(scene1);
|
||
|
||
const entity = scene1.createEntity('DynamicEntity');
|
||
expect(entity.isPersistent).toBe(false);
|
||
|
||
// 动态设为持久化
|
||
entity.setPersistent();
|
||
expect(entity.isPersistent).toBe(true);
|
||
|
||
const scene2 = new TestScene();
|
||
sceneManager.setScene(scene2);
|
||
|
||
expect(scene2.findEntity('DynamicEntity')).toBe(entity);
|
||
sceneManager.destroy();
|
||
});
|
||
|
||
test('动态取消持久化状态应生效', () => {
|
||
const sceneManager = new SceneManager();
|
||
const scene1 = new TestScene();
|
||
sceneManager.setScene(scene1);
|
||
|
||
const entity = scene1.createEntity('DynamicEntity').setPersistent();
|
||
|
||
// 动态取消持久化
|
||
entity.setSceneLocal();
|
||
|
||
const scene2 = new TestScene();
|
||
sceneManager.setScene(scene2);
|
||
|
||
expect(scene2.findEntity('DynamicEntity')).toBeNull();
|
||
sceneManager.destroy();
|
||
});
|
||
});
|
||
});
|