refactor(editor): 提取行为树编辑器为独立包并重构编辑器架构 (#216)
* refactor(editor): 提取行为树编辑器为独立包并重构编辑器架构 * feat(editor): 添加插件市场功能 * feat(editor): 重构插件市场以支持版本管理和ZIP打包 * feat(editor): 重构插件发布流程并修复React渲染警告 * fix(plugin): 修复插件发布和市场的路径不一致问题 * feat: 重构插件发布流程并添加插件删除功能 * fix(editor): 完善插件删除功能并修复多个关键问题 * fix(auth): 修复自动登录与手动登录的竞态条件问题 * feat(editor): 重构插件管理流程 * feat(editor): 支持 ZIP 文件直接发布插件 - 新增 PluginSourceParser 解析插件源 - 重构发布流程支持文件夹和 ZIP 两种方式 - 优化发布向导 UI * feat(editor): 插件市场支持多版本安装 - 插件解压到项目 plugins 目录 - 新增 Tauri 后端安装/卸载命令 - 支持选择任意版本安装 - 修复打包逻辑,保留完整 dist 目录结构 * feat(editor): 个人中心支持多版本管理 - 合并同一插件的不同版本 - 添加版本历史展开/折叠功能 - 禁止有待审核 PR 时更新插件 * fix(editor): 修复 InspectorRegistry 服务注册 - InspectorRegistry 实现 IService 接口 - 注册到 Core.services 供插件使用 * feat(behavior-tree-editor): 完善插件注册和文件操作 - 添加文件创建模板和操作处理器 - 实现右键菜单创建行为树功能 - 修复文件读取权限问题(使用 Tauri 命令) - 添加 BehaviorTreeEditorPanel 组件 - 修复 rollup 配置支持动态导入 * feat(plugin): 完善插件构建和发布流程 * fix(behavior-tree-editor): 完整恢复编辑器并修复 Toast 集成 * fix(behavior-tree-editor): 修复节点选中、连线跟随和文件加载问题并优化性能 * fix(behavior-tree-editor): 修复端口连接失败问题并优化连线样式 * refactor(behavior-tree-editor): 移除调试面板功能简化代码结构 * refactor(behavior-tree-editor): 清理冗余代码合并重复逻辑 * feat(behavior-tree-editor): 完善编辑器核心功能增强扩展性 * fix(lint): 修复ESLint错误确保CI通过 * refactor(behavior-tree-editor): 优化编辑器工具栏和编译器功能 * refactor(behavior-tree-editor): 清理技术债务,优化代码质量 * fix(editor-app): 修复字符串替换安全问题
This commit is contained in:
@@ -56,7 +56,13 @@ const userProjectPlugin = () => ({
|
||||
// 处理从 /@user-project/ 模块导入的相对路径
|
||||
if (importer && importer.startsWith('/@user-project/')) {
|
||||
if (id.startsWith('./') || id.startsWith('../')) {
|
||||
const importerDir = path.dirname(importer.substring('/@user-project'.length));
|
||||
// 移除importer中的查询参数
|
||||
let cleanImporter = importer;
|
||||
const queryIndex = importer.indexOf('?');
|
||||
if (queryIndex !== -1) {
|
||||
cleanImporter = importer.substring(0, queryIndex);
|
||||
}
|
||||
const importerDir = path.dirname(cleanImporter.substring('/@user-project'.length));
|
||||
let resolvedPath = path.join(importerDir, id);
|
||||
resolvedPath = resolvedPath.replace(/\\/g, '/');
|
||||
|
||||
@@ -85,7 +91,14 @@ const userProjectPlugin = () => ({
|
||||
},
|
||||
load(id: string) {
|
||||
if (id.startsWith('/@user-project/')) {
|
||||
const relativePath = decodeURIComponent(id.substring('/@user-project'.length));
|
||||
// 移除查询参数(用于缓存失效)
|
||||
let cleanId = id;
|
||||
const queryIndex = id.indexOf('?');
|
||||
if (queryIndex !== -1) {
|
||||
cleanId = id.substring(0, queryIndex);
|
||||
}
|
||||
|
||||
const relativePath = decodeURIComponent(cleanId.substring('/@user-project'.length));
|
||||
|
||||
let projectPath: string | null = null;
|
||||
for (const [, p] of userProjectPathMap) {
|
||||
@@ -200,7 +213,13 @@ const userProjectPlugin = () => ({
|
||||
}
|
||||
},
|
||||
scripts: {
|
||||
build: 'tsc',
|
||||
clean: 'rimraf bin dist tsconfig.tsbuildinfo',
|
||||
prebuild: 'npm run clean',
|
||||
build: 'npm run build:tsc && npm run copy:css && npm run build:rollup',
|
||||
'build:tsc': 'tsc',
|
||||
'copy:css': 'node scripts/copy-css.js',
|
||||
'build:rollup': 'rollup -c',
|
||||
dev: 'rollup -c -w',
|
||||
watch: 'tsc --watch'
|
||||
},
|
||||
peerDependencies: {
|
||||
@@ -211,7 +230,14 @@ const userProjectPlugin = () => ({
|
||||
'@esengine/behavior-tree': `^${behaviorTreeVersion}`
|
||||
},
|
||||
devDependencies: {
|
||||
'typescript': '^5.8.3'
|
||||
'typescript': '^5.8.3',
|
||||
'@rollup/plugin-commonjs': '^28.0.1',
|
||||
'@rollup/plugin-node-resolve': '^15.3.0',
|
||||
'rollup': '^4.28.1',
|
||||
'rollup-plugin-copy': '^3.5.0',
|
||||
'rollup-plugin-dts': '^6.1.1',
|
||||
'rollup-plugin-postcss': '^4.0.2',
|
||||
'rimraf': '^6.0.1'
|
||||
}
|
||||
};
|
||||
fs.writeFileSync(
|
||||
@@ -493,6 +519,109 @@ ${pluginName}/
|
||||
`;
|
||||
fs.writeFileSync(path.join(pluginPath, 'README.md'), readme);
|
||||
|
||||
// 创建 scripts 目录并生成 copy-css.js
|
||||
const scriptsDir = path.join(pluginPath, 'scripts');
|
||||
fs.mkdirSync(scriptsDir, { recursive: true });
|
||||
|
||||
const copyCssJs = `import { readdirSync, statSync, copyFileSync, mkdirSync } from 'fs';
|
||||
import { join, dirname, relative } from 'path';
|
||||
|
||||
function copyCSS(srcDir, destDir) {
|
||||
const files = readdirSync(srcDir);
|
||||
|
||||
for (const file of files) {
|
||||
const srcPath = join(srcDir, file);
|
||||
const stat = statSync(srcPath);
|
||||
|
||||
if (stat.isDirectory()) {
|
||||
copyCSS(srcPath, destDir);
|
||||
} else if (file.endsWith('.css')) {
|
||||
const relativePath = relative('src', srcPath);
|
||||
const destPath = join(destDir, relativePath);
|
||||
|
||||
mkdirSync(dirname(destPath), { recursive: true });
|
||||
copyFileSync(srcPath, destPath);
|
||||
console.log(\`Copied: \${relativePath}\`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
copyCSS('src', 'bin');
|
||||
console.log('CSS files copied successfully!');
|
||||
`;
|
||||
fs.writeFileSync(path.join(scriptsDir, 'copy-css.js'), copyCssJs);
|
||||
|
||||
// 生成 rollup.config.cjs
|
||||
const rollupConfig = `const resolve = require('@rollup/plugin-node-resolve');
|
||||
const commonjs = require('@rollup/plugin-commonjs');
|
||||
const dts = require('rollup-plugin-dts').default;
|
||||
const postcss = require('rollup-plugin-postcss');
|
||||
|
||||
const external = [
|
||||
'react',
|
||||
'react/jsx-runtime',
|
||||
'zustand',
|
||||
'zustand/middleware',
|
||||
'lucide-react',
|
||||
'@esengine/ecs-framework',
|
||||
'@esengine/editor-core',
|
||||
'@esengine/behavior-tree',
|
||||
'tsyringe',
|
||||
'@tauri-apps/api/core',
|
||||
'@tauri-apps/plugin-dialog'
|
||||
];
|
||||
|
||||
module.exports = [
|
||||
// ES模块构建
|
||||
{
|
||||
input: 'bin/index.js',
|
||||
output: {
|
||||
file: 'dist/index.js',
|
||||
format: 'es',
|
||||
sourcemap: true,
|
||||
exports: 'named',
|
||||
inlineDynamicImports: true
|
||||
},
|
||||
plugins: [
|
||||
resolve({
|
||||
extensions: ['.js', '.jsx']
|
||||
}),
|
||||
postcss({
|
||||
inject: true,
|
||||
minimize: false
|
||||
}),
|
||||
commonjs()
|
||||
],
|
||||
external,
|
||||
onwarn(warning, warn) {
|
||||
if (warning.code === 'CIRCULAR_DEPENDENCY' || warning.code === 'THIS_IS_UNDEFINED') {
|
||||
return;
|
||||
}
|
||||
warn(warning);
|
||||
}
|
||||
},
|
||||
|
||||
// 类型定义构建
|
||||
{
|
||||
input: 'bin/index.d.ts',
|
||||
output: {
|
||||
file: 'dist/index.d.ts',
|
||||
format: 'es'
|
||||
},
|
||||
plugins: [
|
||||
dts({
|
||||
respectExternal: true
|
||||
})
|
||||
],
|
||||
external: [
|
||||
...external,
|
||||
/\\.css$/
|
||||
]
|
||||
}
|
||||
];
|
||||
`;
|
||||
fs.writeFileSync(path.join(pluginPath, 'rollup.config.cjs'), rollupConfig);
|
||||
|
||||
res.statusCode = 200;
|
||||
res.end(JSON.stringify({ success: true, path: pluginPath }));
|
||||
} catch (err: any) {
|
||||
|
||||
Reference in New Issue
Block a user