wangjunxiao/cocos-mcp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复了一些挂载bug，将面板技术从纯html变更成了Vue3，界面更有好些，后期扩展更方便。增加了工具配置功能，可以自行选择需要使用的工具。

Browse Source
This commit is contained in:
root
2025-07-25 01:41:31 +08:00
parent f395b9f1bc
commit 7e238a0581
26 changed files with 4826 additions and 655 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
static/template/default/index.html
View File

@@ -1,64 +1,10 @@
<div class="mcp-server-panel">
<header>
<h2 id="panelTitle"></h2>
<h2 id="panelTitle">MCP 服务器</h2>
</header>
<section class="server-status">
<h3 id="serverStatusLabel"></h3>
<div class="status-info">
<ui-prop>
<ui-label id="serverStatusLabelProp" slot="label"></ui-label>
<ui-label id="serverStatusValue" slot="content" class="status-value" :class="statusClass"></ui-label>
</ui-prop>
<ui-prop v-if="serverRunning">
<ui-label id="connectedLabel" slot="label"></ui-label>
<ui-label id="connectedClients" slot="content"></ui-label>
</ui-prop>
</div>
</section>
<section class="server-controls">
<ui-button id="toggleServerBtn" @click="toggleServer" :disabled="isProcessing" class="primary"></ui-button>
</section>
<section class="server-settings">
<h3 id="settingsLabel"></h3>
<ui-prop>
<ui-label id="portLabel" slot="label"></ui-label>
<ui-num-input id="portInput" slot="content"
:min="1024" :max="65535" :step="1"
:disabled="serverRunning">
</ui-num-input>
</ui-prop>
<ui-prop>
<ui-label id="autoStartLabel" slot="label"></ui-label>
<ui-checkbox id="autoStartInput" slot="content"></ui-checkbox>
</ui-prop>
<ui-prop>
<ui-label id="debugLogLabel" slot="label"></ui-label>
<ui-checkbox id="debugLogInput" slot="content"></ui-checkbox>
</ui-prop>
<ui-prop>
<ui-label id="maxConnectionsLabel" slot="label"></ui-label>
<ui-num-input id="maxConnInput" slot="content"
:min="1" :max="100" :step="1">
</ui-num-input>
</ui-prop>
</section>
<section class="server-info" v-if="serverRunning">
<h3 id="connectionInfoLabel"></h3>
<div class="connection-details">
<ui-prop>
<ui-label id="httpUrlLabel" slot="label"></ui-label>
<ui-input id="httpUrlInput" slot="content" :value="httpUrl" readonly>
<ui-button id="copyBtn" slot="suffix" @click="copyUrl"></ui-button>
</ui-input>
</ui-prop>
</div>
</section>
<footer>
<ui-button id="saveSettingsBtn" @click="saveSettings" :disabled="!settingsChanged"></ui-button>
</footer>
<!-- Vue3 应用挂载点 -->
<div id="app">
<mcp-server-app></mcp-server-app>
</div>
</div>