CocosPlugin/esengine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
* 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 个测试现已通过。
This commit is contained in:
YHH
2025-12-10 18:23:29 +08:00
committed by GitHub
parent 1b0d38edce
commit a716d8006c
67 changed files with 3671 additions and 1455 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
packages/core/tests/ECS/Systems/EntitySystem.test.ts
View File

@@ -5,8 +5,10 @@ import { Scene } from '../../../src/ECS/Scene';
import { Matcher } from '../../../src/ECS/Utils/Matcher';
import { GlobalEventBus } from '../../../src/ECS/Core/EventBus';
import { TypeSafeEventSystem } from '../../../src/ECS/Core/EventSystem';
import { ECSComponent } from '../../../src/ECS/Decorators';
// 测试组件
@ECSComponent('EntitySysTest_TestComponent')
class TestComponent extends Component {
public value: number = 0;
@@ -17,6 +19,45 @@ class TestComponent extends Component {
}
}
// 额外测试组件 - 用于内联测试
@ECSComponent('EntitySysTest_TagComponent2')
class TagComponent2 extends Component {}
@ECSComponent('EntitySysTest_NonExistent')
class NonExistentComponent extends Component {}
@ECSComponent('EntitySysTest_ClickComponent')
class ClickComponent extends Component {
public element: string;
constructor(element: string = '') {
super();
this.element = element;
}
}
@ECSComponent('EntitySysTest_A')
class AComponent extends Component {}
@ECSComponent('EntitySysTest_B')
class BComponent extends Component {}
@ECSComponent('EntitySysTest_C')
class CComponent extends Component {
public aId: number;
public bId: number;
constructor(aId: number = 0, bId: number = 0) {
super();
this.aId = aId;
this.bId = bId;
}
}
@ECSComponent('EntitySysTest_D')
class DComponent extends Component {}
@ECSComponent('EntitySysTest_TagComponent')
class TagComponent extends TestComponent {}
// 测试事件
interface TestEvent {
id: number;
@@ -441,13 +482,8 @@ describe('EntitySystem', () => {
});
it('在系统 process 中添加组件时应立即触发其他系统的 onAdded', () => {
// 使用独立的场景，避免 beforeEach 创建的实体干扰
// Use independent scene to avoid interference from beforeEach entities
const testScene = new Scene();
// 组件定义
class TagComponent extends TestComponent {}
// SystemA: 匹配 TestComponent + TagComponent
class SystemA extends EntitySystem {
public onAddedEntities: Entity[] = [];
@@ -499,12 +535,8 @@ describe('EntitySystem', () => {
});
it('同一帧内添加后移除组件，onAdded 和 onRemoved 都应触发', () => {
// 使用独立的场景，避免 beforeEach 创建的实体干扰
// Use independent scene to avoid interference from beforeEach entities
const testScene = new Scene();
class TagComponent extends TestComponent {}
class TrackingSystemWithTag extends EntitySystem {
public onAddedEntities: Entity[] = [];
public onRemovedEntities: Entity[] = [];
@@ -585,9 +617,8 @@ describe('EntitySystem', () => {
// Use independent scene to avoid interference from beforeEach entities
const testScene = new Scene();
// 使用独立的组件类，避免继承带来的问题
// Use independent component class to avoid inheritance issues
class TagComponent2 extends Component {}
// 使用文件顶部定义的 TagComponent2
// Use TagComponent2 defined at file top
class SystemA extends EntitySystem {
public onAddedEntities: Entity[] = [];
@@ -747,8 +778,7 @@ describe('EntitySystem', () => {
});
it('requireComponent 应该在组件不存在时抛出错误', () => {
class NonExistentComponent extends Component {}
// 使用文件顶部定义的 NonExistentComponent
expect(() => {
helperSystem.testRequireComponent(entity, NonExistentComponent);
}).toThrow();
@@ -834,13 +864,7 @@ describe('EntitySystem', () => {
// 使用独立场景 | Use independent scene
const testScene = new Scene();
class ClickComponent extends Component {
public element: string;
constructor(element: string) {
super();
this.element = element;
}
}
// 使用文件顶部定义的 ClickComponent
const testEntity = testScene.createEntity('panel');
@@ -858,13 +882,7 @@ describe('EntitySystem', () => {
// 使用独立场景 | Use independent scene
const testScene = new Scene();
class ClickComponent extends Component {
public element: string;
constructor(element: string) {
super();
this.element = element;
}
}
// 使用文件顶部定义的 ClickComponent
// 添加一个监听该组件的系统 | Add a system that listens to this component
class ClickSystem extends EntitySystem {
@@ -903,13 +921,7 @@ describe('EntitySystem', () => {
// 使用独立场景 | Use independent scene
const testScene = new Scene();
class ClickComponent extends Component {
public element: string;
constructor(element: string) {
super();
this.element = element;
}
}
// 使用文件顶部定义的 ClickComponent
// 这个系统在 onAdded 中移除组件（模拟可能的用户代码）
// This system removes component in onAdded (simulating possible user code)
@@ -950,25 +962,14 @@ describe('EntitySystem', () => {
// 模拟 lawn-mower-demo 的场景 | Simulate lawn-mower-demo scenario
const testScene = new Scene();
// 组件定义 | Component definitions
class A extends Component {}
class B extends Component {}
class C extends Component {
public aId: number;
public bId: number;
constructor(aId: number, bId: number) {
super();
this.aId = aId;
this.bId = bId;
}
}
class D extends Component {}
// 使用顶层已装饰的组件类 | Use top-level decorated component classes
// AComponent, BComponent, CComponent, DComponent
// ASystem: 匹配 A + D | Matches A + D
class ASystem extends EntitySystem {
public onAddedEntities: Entity[] = [];
constructor() {
super(Matcher.all(A, D));
super(Matcher.all(AComponent, DComponent));
}
protected override onAdded(entity: Entity): void {
console.log('ASystem onAdded:', entity.name);
@@ -980,7 +981,7 @@ describe('EntitySystem', () => {
class BSystem extends EntitySystem {
public onAddedEntities: Entity[] = [];
constructor() {
super(Matcher.all(B, D));
super(Matcher.all(BComponent, DComponent));
}
protected override onAdded(entity: Entity): void {
console.log('BSystem onAdded:', entity.name);
@@ -992,21 +993,21 @@ describe('EntitySystem', () => {
// CSystem: Adds D component to A and B entities in process
class CSystem extends EntitySystem {
constructor() {
super(Matcher.all(C));
super(Matcher.all(CComponent));
}
protected override process(entities: readonly Entity[]): void {
for (const entity of entities) {
const c = entity.getComponent(C);
const c = entity.getComponent(CComponent);
if (c) {
const a = this.scene!.findEntityById(c.aId);
if (a && !a.hasComponent(D)) {
if (a && !a.hasComponent(DComponent)) {
console.log('CSystem: Adding D to Entity A');
a.addComponent(new D());
a.addComponent(new DComponent());
}
const b = this.scene!.findEntityById(c.bId);
if (b && !b.hasComponent(D)) {
if (b && !b.hasComponent(DComponent)) {
console.log('CSystem: Adding D to Entity B');
b.addComponent(new D());
b.addComponent(new DComponent());
}
}
}
@@ -1015,17 +1016,17 @@ describe('EntitySystem', () => {
// DSystem: 在 lateProcess 中移除 D 组件
// DSystem: Removes D component in lateProcess
class DSystem extends EntitySystem {
class DSystemImpl extends EntitySystem {
public lateProcessEntities: Entity[] = [];
constructor() {
super(Matcher.all(D));
super(Matcher.all(DComponent));
}
protected override lateProcess(entities: readonly Entity[]): void {
console.log('DSystem lateProcess, entities count:', entities.length);
for (const entity of entities) {
console.log('DSystem removing D from:', entity.name);
this.lateProcessEntities.push(entity);
const d = entity.getComponent(D);
const d = entity.getComponent(DComponent);
if (d) {
entity.removeComponent(d);
}
@@ -1038,7 +1039,7 @@ describe('EntitySystem', () => {
const aSystem = new ASystem();
const bSystem = new BSystem();
const cSystem = new CSystem();
const dSystem = new DSystem();
const dSystem = new DSystemImpl();
testScene.addSystem(aSystem);
testScene.addSystem(bSystem);
@@ -1047,13 +1048,13 @@ describe('EntitySystem', () => {
// 创建实体 | Create entities
const entity1 = testScene.createEntity('Entity1');
entity1.addComponent(new A());
entity1.addComponent(new AComponent());
const entity2 = testScene.createEntity('Entity2');
entity2.addComponent(new B());
entity2.addComponent(new BComponent());
const entity3 = testScene.createEntity('Entity3');
entity3.addComponent(new C(entity1.id, entity2.id));
entity3.addComponent(new CComponent(entity1.id, entity2.id));
// 执行一帧 | Execute one frame
testScene.update();
@@ -1071,8 +1072,8 @@ describe('EntitySystem', () => {
// D 组件应该在 lateProcess 中被移除
// D component should be removed in lateProcess
expect(entity1.hasComponent(D)).toBe(false);
expect(entity2.hasComponent(D)).toBe(false);
expect(entity1.hasComponent(DComponent)).toBe(false);
expect(entity2.hasComponent(DComponent)).toBe(false);
testScene.removeSystem(aSystem);
testScene.removeSystem(bSystem);