-
diff --git a/panel/index.js b/panel/index.js
index f662c04..f427e82 100644
--- a/panel/index.js
+++ b/panel/index.js
@@ -23,6 +23,24 @@ Editor.Panel.extend({
const btnCopy = this.shadowRoot.querySelector("#btnCopy");
const logView = this.shadowRoot.querySelector("#logConsole");
+ // 标签页元素
+ const tabMain = this.shadowRoot.querySelector("#tabMain");
+ const tabTest = this.shadowRoot.querySelector("#tabTest");
+ const panelMain = this.shadowRoot.querySelector("#panelMain");
+ const panelTest = this.shadowRoot.querySelector("#panelTest");
+
+ // 测试面板元素
+ const toolNameInput = this.shadowRoot.querySelector("#toolName");
+ const toolParamsTextarea = this.shadowRoot.querySelector("#toolParams");
+ const toolsList = this.shadowRoot.querySelector("#toolsList");
+ const testBtn = this.shadowRoot.querySelector("#testBtn");
+ const listToolsBtn = this.shadowRoot.querySelector("#listToolsBtn");
+ const clearBtn = this.shadowRoot.querySelector("#clearBtn");
+ const resultContent = this.shadowRoot.querySelector("#resultContent");
+
+ let tools = [];
+ const API_BASE = 'http://localhost:3456';
+
// 初始化
Editor.Ipc.sendToMain("mcp-bridge:get-server-state", (err, data) => {
if (data) {
@@ -32,6 +50,23 @@ Editor.Panel.extend({
}
});
+ // 标签页切换
+ tabMain.addEventListener("confirm", () => {
+ tabMain.classList.add("active");
+ tabTest.classList.remove("active");
+ panelMain.classList.add("active");
+ panelTest.classList.remove("active");
+ });
+
+ tabTest.addEventListener("confirm", () => {
+ tabTest.classList.add("active");
+ tabMain.classList.remove("active");
+ panelTest.classList.add("active");
+ panelMain.classList.remove("active");
+ // 自动获取工具列表
+ this.getToolsList();
+ });
+
btnToggle.addEventListener("confirm", () => {
Editor.Ipc.sendToMain("mcp-bridge:toggle-server", parseInt(portInput.value));
});
@@ -45,6 +80,7 @@ Editor.Panel.extend({
require("electron").clipboard.writeText(logView.innerText);
Editor.success("All logs copied!");
});
+
Editor.Ipc.sendToMain("mcp-bridge:get-server-state", (err, data) => {
if (data) {
portInput.value = data.config.port;
@@ -56,10 +92,218 @@ Editor.Panel.extend({
data.logs.forEach((log) => this.renderLog(log));
}
});
+
autoStartCheck.addEventListener("change", (event) => {
// event.target.value 在 ui-checkbox 中是布尔值
Editor.Ipc.sendToMain("mcp-bridge:set-auto-start", event.target.value);
});
+
+ // 测试面板事件
+ testBtn.addEventListener("confirm", () => this.testTool());
+ listToolsBtn.addEventListener("confirm", () => this.getToolsList());
+ clearBtn.addEventListener("confirm", () => this.clearResult());
+
+ // 获取工具列表
+ this.getToolsList = function() {
+ this.showResult('获取工具列表中...');
+
+ fetch(`${API_BASE}/list-tools`)
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ if (data.tools) {
+ tools = data.tools;
+ this.displayToolsList(tools);
+ this.showResult(`成功获取 ${tools.length} 个工具`, 'success');
+ } else {
+ this.showResult('获取工具列表失败：未找到工具数据', 'error');
+ }
+ })
+ .catch(error => {
+ this.showResult(`获取工具列表失败：${error.message}`, 'error');
+ });
+ };
+
+ // 显示工具列表
+ this.displayToolsList = function(tools) {
+ toolsList.innerHTML = '';
+
+ tools.forEach(tool => {
+ const toolItem = document.createElement('div');
+ toolItem.className = 'tool-item';
+ toolItem.textContent = `${tool.name} - ${tool.description}`;
+ toolItem.addEventListener('click', () => {
+ toolNameInput.value = tool.name;
+ // 尝试填充示例参数
+ this.fillExampleParams(tool);
+ });
+ toolsList.appendChild(toolItem);
+ });
+ };
+
+ // 填充示例参数
+ this.fillExampleParams = function(tool) {
+ let exampleParams = {};
+
+ switch (tool.name) {
+ case 'get_selected_node':
+ case 'save_scene':
+ case 'get_scene_hierarchy':
+ exampleParams = {};
+ break;
+
+ case 'set_node_name':
+ exampleParams = {
+ "id": "节点UUID",
+ "newName": "新节点名称"
+ };
+ break;
+
+ case 'update_node_transform':
+ exampleParams = {
+ "id": "节点UUID",
+ "x": 100,
+ "y": 100,
+ "scaleX": 1,
+ "scaleY": 1
+ };
+ break;
+
+ case 'create_scene':
+ exampleParams = {
+ "sceneName": "NewScene"
+ };
+ break;
+
+ case 'create_prefab':
+ exampleParams = {
+ "nodeId": "节点UUID",
+ "prefabName": "NewPrefab"
+ };
+ break;
+
+ case 'open_scene':
+ exampleParams = {
+ "url": "db://assets/NewScene.fire"
+ };
+ break;
+
+ case 'create_node':
+ exampleParams = {
+ "name": "NewNode",
+ "parentId": "父节点UUID",
+ "type": "empty"
+ };
+ break;
+
+ case 'manage_components':
+ exampleParams = {
+ "nodeId": "节点UUID",
+ "action": "add",
+ "componentType": "cc.Button"
+ };
+ break;
+
+ case 'manage_script':
+ exampleParams = {
+ "action": "create",
+ "path": "db://assets/scripts/TestScript.ts",
+ "content": "const { ccclass, property } = cc._decorator;\n\n@ccclass\nexport default class TestScript extends cc.Component {\n // LIFE-CYCLE CALLBACKS:\n\n onLoad () {}\n\n start () {}\n\n update (dt) {}\n}"
+ };
+ break;
+
+ case 'batch_execute':
+ exampleParams = {
+ "operations": [
+ {
+ "tool": "get_selected_node",
+ "params": {}
+ }
+ ]
+ };
+ break;
+
+ case 'manage_asset':
+ exampleParams = {
+ "action": "create",
+ "path": "db://assets/test.txt",
+ "content": "Hello, MCP!"
+ };
+ break;
+ }
+
+ toolParamsTextarea.value = JSON.stringify(exampleParams, null, 2);
+ };
+
+ // 测试工具
+ this.testTool = function() {
+ const toolName = toolNameInput.value.trim();
+ const toolParamsStr = toolParamsTextarea.value.trim();
+
+ if (!toolName) {
+ this.showResult('请输入工具名称', 'error');
+ return;
+ }
+
+ let toolParams;
+ try {
+ toolParams = toolParamsStr ? JSON.parse(toolParamsStr) : {};
+ } catch (error) {
+ this.showResult(`参数格式错误：${error.message}`, 'error');
+ return;
+ }
+
+ this.showResult('测试工具中...');
+
+ fetch(`${API_BASE}/call-tool`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({
+ name: toolName,
+ arguments: toolParams
+ })
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ if (data.error) {
+ this.showResult(`测试失败：${data.error}`, 'error');
+ } else {
+ this.showResult(JSON.stringify(data, null, 2), 'success');
+ }
+ })
+ .catch(error => {
+ this.showResult(`测试失败：${error.message}`, 'error');
+ });
+ };
+
+ // 显示结果
+ this.showResult = function(message, type = 'info') {
+ resultContent.value = message;
+
+ // 移除旧样式
+ resultContent.className = '';
+
+ // 添加新样式
+ if (type === 'error' || type === 'success') {
+ resultContent.className = type;
+ }
+ };
+
+ // 清空结果
+ this.clearResult = function() {
+ this.showResult('点击"测试工具"按钮开始测试');
+ };
},
renderLog(log) {
diff --git a/scene-script.js b/scene-script.js
index c4104a6..f28bddb 100644
--- a/scene-script.js
+++ b/scene-script.js
@@ -91,6 +91,10 @@ module.exports = {
"create-node": function (event, args) {
const { name, parentId, type } = args;
const scene = cc.director.getScene();
+ if (!scene || !cc.director.getRunningScene()) {
+ if (event.reply) event.reply(new Error("Scene not ready or loading."));
+ return;
+ }
let newNode = null;
@@ -119,24 +123,149 @@ module.exports = {
// 设置层级
let parent = parentId ? cc.engine.getInstanceById(parentId) : scene;
- if (newNode) {
+ if (parent) {
newNode.parent = parent;
- // 坐标居中处理（如果是 Canvas 子节点）
- if (parent.name === "Canvas") {
- newNode.setPosition(0, 0);
- } else {
- newNode.setPosition(cc.v2(cc.winSize.width / 2, cc.winSize.height / 2));
- }
-
- // 通知编辑器刷新
+ // 【优化】通知主进程场景变脏
Editor.Ipc.sendToMain("scene:dirty");
- Editor.Ipc.sendToAll("scene:node-created", {
- uuid: newNode.uuid,
- parentUuid: parent.uuid,
- });
+
+ // 【关键】使用 setTimeout 延迟通知 UI 刷新，让出主循环
+ setTimeout(() => {
+ Editor.Ipc.sendToAll("scene:node-created", {
+ uuid: newNode.uuid,
+ parentUuid: parent.uuid,
+ });
+ }, 10);
if (event.reply) event.reply(null, newNode.uuid);
}
},
+
+ "manage-components": function (event, args) {
+ const { nodeId, action, componentType, componentId, properties } = args;
+ let node = cc.engine.getInstanceById(nodeId);
+
+ if (!node) {
+ if (event.reply) event.reply(new Error("Node not found"));
+ return;
+ }
+
+ switch (action) {
+ case "add":
+ if (!componentType) {
+ if (event.reply) event.reply(new Error("Component type is required"));
+ return;
+ }
+
+ try {
+ // 解析组件类型
+ let compClass = null;
+ if (componentType.startsWith("cc.")) {
+ const className = componentType.replace("cc.", "");
+ compClass = cc[className];
+ } else {
+ // 尝试获取自定义组件
+ compClass = cc.js.getClassByName(componentType);
+ }
+
+ if (!compClass) {
+ if (event.reply) event.reply(new Error(`Component type not found: ${componentType}`));
+ return;
+ }
+
+ // 添加组件
+ const component = node.addComponent(compClass);
+
+ // 设置属性
+ if (properties) {
+ for (const [key, value] of Object.entries(properties)) {
+ if (component[key] !== undefined) {
+ component[key] = value;
+ }
+ }
+ }
+
+ Editor.Ipc.sendToMain("scene:dirty");
+ Editor.Ipc.sendToAll("scene:node-changed", { uuid: nodeId });
+
+ if (event.reply) event.reply(null, `Component ${componentType} added`);
+ } catch (err) {
+ if (event.reply) event.reply(new Error(`Failed to add component: ${err.message}`));
+ }
+ break;
+
+ case "remove":
+ if (!componentId) {
+ if (event.reply) event.reply(new Error("Component ID is required"));
+ return;
+ }
+
+ try {
+ // 查找并移除组件
+ const component = node.getComponentById(componentId);
+ if (component) {
+ node.removeComponent(component);
+ Editor.Ipc.sendToMain("scene:dirty");
+ Editor.Ipc.sendToAll("scene:node-changed", { uuid: nodeId });
+ if (event.reply) event.reply(null, "Component removed");
+ } else {
+ if (event.reply) event.reply(new Error("Component not found"));
+ }
+ } catch (err) {
+ if (event.reply) event.reply(new Error(`Failed to remove component: ${err.message}`));
+ }
+ break;
+
+ case "get":
+ try {
+ const components = node._components.map((c) => {
+ // 获取组件属性
+ const properties = {};
+ for (const key in c) {
+ if (typeof c[key] !== "function" &&
+ !key.startsWith("_") &&
+ c[key] !== undefined) {
+ try {
+ properties[key] = c[key];
+ } catch (e) {
+ // 忽略无法序列化的属性
+ }
+ }
+ }
+ return {
+ type: c.__typename,
+ uuid: c.uuid,
+ properties: properties
+ };
+ });
+ if (event.reply) event.reply(null, components);
+ } catch (err) {
+ if (event.reply) event.reply(new Error(`Failed to get components: ${err.message}`));
+ }
+ break;
+
+ default:
+ if (event.reply) event.reply(new Error(`Unknown component action: ${action}`));
+ break;
+ }
+ },
+
+ "get-component-properties": function (component) {
+ const properties = {};
+
+ // 遍历组件属性
+ for (const key in component) {
+ if (typeof component[key] !== "function" &&
+ !key.startsWith("_") &&
+ component[key] !== undefined) {
+ try {
+ properties[key] = component[key];
+ } catch (e) {
+ // 忽略无法序列化的属性
+ }
+ }
+ }
+
+ return properties;
+ },
};