Feature/runtime cdn and plugin loader (#240)

* feat(ui): 完善 UI 布局系统和编辑器可视化工具

* refactor: 移除 ModuleRegistry,统一使用 PluginManager 插件系统

* fix: 修复 CodeQL 警告并提升测试覆盖率

* refactor: 分离运行时入口点,解决 runtime bundle 包含 React 的问题

* fix(ci): 添加 editor-core 和 editor-runtime 到 CI 依赖构建步骤

* docs: 完善 ServiceContainer 文档,新增 Symbol.for 模式和 @InjectProperty 说明

* fix(ci): 修复 type-check 失败问题

* fix(ci): 修复类型检查失败问题

* fix(ci): 修复类型检查失败问题

* fix(ci): behavior-tree 构建添加 @tauri-apps 外部依赖

* fix(ci): behavior-tree 添加 @tauri-apps/plugin-fs 类型依赖

* fix(ci): platform-web 添加缺失的 behavior-tree 依赖

* fix(lint): 移除正则表达式中不必要的转义字符
This commit is contained in:
YHH
2025-11-27 20:42:46 +08:00
committed by GitHub
parent 71869b1a58
commit 107439d70c
367 changed files with 10661 additions and 12473 deletions

View File

@@ -1,96 +0,0 @@
/**
* Tilemap Inspector Provider - Custom inspector for TilemapComponent
*/
import React from 'react';
import { Edit3 } from 'lucide-react';
import type { IInspectorProvider, InspectorContext } from '@esengine/editor-core';
import { MessageHub } from '@esengine/editor-core';
import { Core } from '@esengine/ecs-framework';
import type { TilemapComponent } from '@esengine/tilemap';
interface TilemapInspectorData {
entityId: string;
component: TilemapComponent;
}
export class TilemapInspectorProvider implements IInspectorProvider<TilemapInspectorData> {
readonly id = 'tilemap-component-inspector';
readonly name = 'Tilemap Component Inspector';
readonly priority = 100;
canHandle(target: unknown): target is TilemapInspectorData {
if (typeof target !== 'object' || target === null) return false;
const obj = target as Record<string, unknown>;
return 'entityId' in obj && 'component' in obj &&
obj.component !== null &&
typeof obj.component === 'object' &&
'width' in (obj.component as Record<string, unknown>) &&
'height' in (obj.component as Record<string, unknown>) &&
'tileWidth' in (obj.component as Record<string, unknown>);
}
render(data: TilemapInspectorData, context: InspectorContext): React.ReactElement {
const { entityId, component } = data;
const handleEditClick = () => {
// Emit event to open tilemap editor
const messageHub = Core.services.resolve(MessageHub);
messageHub?.publish('tilemap:edit', { entityId });
// Open the tilemap editor panel
messageHub?.publish('dynamic-panel:open', { panelId: 'tilemap-editor', title: 'Tilemap Editor' });
};
return (
<div className="entity-inspector">
<div className="inspector-section">
<div className="section-title">Tilemap</div>
<div className="property-row">
<label>Size</label>
<span>{component.width} × {component.height}</span>
</div>
<div className="property-row">
<label>Tile Size</label>
<span>{component.tileWidth} × {component.tileHeight}</span>
</div>
<div className="property-row">
<label>Tileset</label>
<span>{component.tilesets[0]?.source || 'None'}</span>
</div>
<div className="property-row">
<label>Layers</label>
<span>{component.layers.length}</span>
</div>
<div style={{ marginTop: '12px' }}>
<button
onClick={handleEditClick}
style={{
display: 'flex',
alignItems: 'center',
gap: '6px',
padding: '8px 12px',
width: '100%',
border: 'none',
borderRadius: '4px',
background: 'var(--accent-color, #0078d4)',
color: 'white',
cursor: 'pointer',
fontSize: '12px',
fontWeight: 500,
}}
>
<Edit3 size={14} />
Edit Tilemap
</button>
</div>
</div>
</div>
);
}
}