[Feat] mcp server (#528)

Author: Aias00

.github/workflows/build.yml

@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 16.x, 18.x]
+        node-version: [12.x, 14.x, 16.x, 18.x, 20.x]
     steps:
       - uses: actions/checkout@v2
       - name: Use Node.js ${{ matrix.node-version }}
@@ -22,5 +22,5 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - run: npm install
       - run: npm run lint
-        if: matrix.node-version == '18.x'
+        if: matrix.node-version == '20.x'
       - run: npm run build --if-present

.gitignore

@@ -24,3 +24,6 @@ package-lock.json
 # visual studio
 .history
 dist/*
+
+# Private individual user cursor rules
+.cursor/rules/_*.mdc

src/common/router.js

@@ -95,6 +95,13 @@ export const getRouterData = (app) => {
         () => import("../layouts/BasicLayout"),
       ),
     },
+    "/plug/Mcp/mcpServer": {
+      component: dynamicWrapper(
+        app,
+        ["mcpServer"],
+        () => import("../routes/Plugin/McpServer"),
+      ),
+    },
     "/home": {
       component: dynamicWrapper(app, [], () => import("../routes/Home")),
     },

src/locales/en-US.json

@@ -24,11 +24,23 @@
   "SHENYU.COMMON.SURE": "Sure",
   "SHENYU.COMMON.CALCEL": "Cancel",
   "SHENYU.COMMON.RULE.NAME": "RuleName",
+  "SHENYU.COMMON.TOOL.NAME": "ToolName",
+  "SHENYU.COMMON.RULE.HANDLE": "Handle",
+  "SHENYU.COMMON.TOOL.REQUESTMETHOD": "RequestMethod",
+  "SHENYU.COMMON.TOOL.REQUESTURI": "RequestURI",
+  "SHENYU.COMMON.TOOL.REQUESTPARAMS": "RequestParams",
+  "SHENYU.COMMON.TOOL.REQUESTCONFIG": "RequestConfig",
   "SHENYU.COMMON.SYN": "Synchronous",
+  "SHENYU.COMMON.PREVIEW": "Preview",
   "SHENYU.COMMON.ADD.RULE": "Add",
+  "SHENYU.COMMON.ADD.TOOL": "Add",
   "SHENYU.COMMON.ADD": "Add",
   "SHENYU.COMMON.COPY": "Copy",
   "SHENYU.COMMON.INPUTNAME": "InputName",
+  "SHENYU.COMMON.INPUTDESCRIPTION": "InputDescription",
+  "SHENYU.COMMON.INPUTREQUESTCONFIG": "InputRequestConfig",
+  "SHENYU.COMMON.INPUTREQUESTMETHOD": "InputRequestMethod",
+  "SHENYU.COMMON.INPUTREQUESTURI": "InputRequestURI",
   "SHENYU.COMMON.TYPE": "Type",
   "SHENYU.COMMON.INPUTTYPE": "InputType",
   "SHENYU.COMMON.SELECTOR.TYPE.FULL": "full",
@@ -37,6 +49,10 @@
   "SHENYU.COMMON.MATCHTYPE": "MatchType",
   "SHENYU.COMMON.INPUTMATCHTYPE": "MatchMode",
   "SHENYU.COMMON.CONDITION": "Conditions",
+  "SHENYU.COMMON.PARAMETER": "Parameter",
+  "SHENYU.COMMON.PARAMETER.NAME": "ParamName",
+  "SHENYU.COMMON.PARAMETER.TYPE": "ParamType",
+  "SHENYU.COMMON.PARAMETER.DESCRIPTION": "ParamDescription",
   "SHENYU.COMMON.DEAL": "Handler",
   "SHENYU.COMMON.DEAL.COMPONENT": "Component Handler",
   "SHENYU.COMMON.DEAL.CUSTOM": "Custom Handler",
@@ -81,15 +97,23 @@
   "SHENYU.MENU.SYSTEM.MANAGMENT.NAMESPACE": "Namespace",
   "SHENYU.MENU.CONFIG.MANAGMENT": "BasicConfig",
   "SHENYU.PLUGIN.SELECTOR.LIST.TITLE": "SelectorList",
+  "SHENYU.PLUGIN.SERVER.LIST.TITLE": "ServerList",
   "SHENYU.PLUGIN.SELECTOR.LIST.ADD": "Add",
   "SHENYU.PLUGIN.SELECTOR.BATCH.OPENED": "Batch Opened",
   "SHENYU.PLUGIN.SELECTOR.BATCH.CLOSED": "Batch Closed",
   "SHENYU.PLUGIN.SELECTOR.RULE.LIST": "RulesList",
+  "SHENYU.PLUGIN.SELECTOR.TOOL.LIST": "ToolList",
   "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.NAME": "Name",
+  "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.DESCRIPTION": "Description",
+  "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.REQUESTCONFIG": "RequestConfig",
+  "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.REQUESTMETHOD": "RequestMethod",
+  "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.REQUESTURI": "RequestURI",
   "SHENYU.PLUGIN.SEARCH.SELECTOR.NAME": "Name",
   "SHENYU.PLUGIN.SEARCH.RULE.NAME": "RuleName",
+  "SHENYU.PLUGIN.SEARCH.TOOL.NAME": "ToolName",
   "SHENYU.PLUGIN.SEARCH.RULE.COPY": "Copy Rule",
   "SHENYU.SELECTOR.NAME": "Selector",
+  "SHENYU.SERVER.NAME": "Server",
   "SHENYU.SELECTOR.COPY": "Copy Selector",
   "SHENYU.SELECTOR.CONTINUE": "Continued",
   "SHENYU.SELECTOR.PRINTLOG": "PrintLogs",
@@ -100,6 +124,7 @@
   "SHENYU.SELECTOR.INPUTORDER": "You can fill in the numeric flag execution order between 1 and 1000",
   "SHENYU.SELECTOR.SOURCE.PLACEHOLDER": "Please select the selector you want to copy",
   "SHENYU.RULE.NAME": "Rules",
+  "SHENYU.TOOL.NAME": "Tools",
   "SHENYU.RULE.SOURCE.PLACEHOLDER": "Please select the rule you want to copy",
   "SHENYU.COMMON.LOAD": "LoadPlugins",
   "SHENYU.COMMON.LOADSTRATEGY": "LoadStrategy",

src/locales/zh-CN.json

@@ -23,11 +23,23 @@
   "SHENYU.COMMON.SURE": "确认",
   "SHENYU.COMMON.CALCEL": "取消",
   "SHENYU.COMMON.RULE.NAME": "规则名称",
+  "SHENYU.COMMON.TOOL.NAME": "工具名称",
+  "SHENYU.COMMON.RULE.HANDLE": "处理",
+  "SHENYU.COMMON.TOOL.REQUESTMETHOD": "请求方法",
+  "SHENYU.COMMON.TOOL.REQUESTURI": "请求URI",
+  "SHENYU.COMMON.TOOL.REQUESTPARAMS": "请求参数",
+  "SHENYU.COMMON.TOOL.REQUESTCONFIG": "请求配置",
   "SHENYU.COMMON.SYN": "同步自定义",
+  "SHENYU.COMMON.PREVIEW": "预览",
   "SHENYU.COMMON.ADD.RULE": "添加规则",
+  "SHENYU.COMMON.ADD.TOOL": "添加工具",
   "SHENYU.COMMON.ADD": "新增",
   "SHENYU.COMMON.COPY": "复制",
   "SHENYU.COMMON.INPUTNAME": "请输入名称",
+  "SHENYU.COMMON.INPUTDESCRIPTION": "请输入描述",
+  "SHENYU.COMMON.INPUTREQUESTCONFIG": "请输入请求配置",
+  "SHENYU.COMMON.INPUTREQUESTMETHOD": "请输入请求方法",
+  "SHENYU.COMMON.INPUTREQUESTURI": "请输入请求URI",
   "SHENYU.COMMON.TYPE": "类型",
   "SHENYU.COMMON.INPUTTYPE": "请输入类型",
   "SHENYU.COMMON.SELECTOR.TYPE.FULL": "全流量",
@@ -36,6 +48,10 @@
   "SHENYU.COMMON.MATCHTYPE": "匹配方式",
   "SHENYU.COMMON.INPUTMATCHTYPE": "请选择匹配方式",
   "SHENYU.COMMON.CONDITION": "条件",
+  "SHENYU.COMMON.PARAMETER": "参数",
+  "SHENYU.COMMON.PARAMETER.NAME": "参数名称",
+  "SHENYU.COMMON.PARAMETER.TYPE": "参数类型",
+  "SHENYU.COMMON.PARAMETER.DESCRIPTION": "参数描述",
   "SHENYU.COMMON.DEAL": "处理",
   "SHENYU.COMMON.DEAL.COMPONENT": "组件处理",
   "SHENYU.COMMON.DEAL.CUSTOM": "自定义处理",
@@ -82,15 +98,23 @@
   "SHENYU.MENU.CONFIG.MANAGMENT": "基础配置",
   "SHENYU.MENU.SYSTEM.MANAGMENT.NAMESPACE": "命名空间管理",
   "SHENYU.PLUGIN.SELECTOR.LIST.TITLE": "选择器列表",
+  "SHENYU.PLUGIN.SERVER.LIST.TITLE": "服务列表",
   "SHENYU.PLUGIN.SELECTOR.LIST.ADD": "添加选择器",
   "SHENYU.PLUGIN.SELECTOR.BATCH.OPENED": "批量开启",
   "SHENYU.PLUGIN.SELECTOR.BATCH.CLOSED": "批量关闭",
   "SHENYU.PLUGIN.SELECTOR.RULE.LIST": "选择器规则列表",
+  "SHENYU.PLUGIN.SELECTOR.TOOL.LIST": "选择器工具列表",
   "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.NAME": "名称",
+  "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.DESCRIPTION": "描述",
+  "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.REQUESTCONFIG": "请求配置",
+  "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.REQUESTMETHOD": "请求方法",
+  "SHENYU.PLUGIN.SELECTOR.LIST.COLUMN.REQUESTURI": "请求URI",
   "SHENYU.PLUGIN.SEARCH.SELECTOR.NAME": "选择器名称",
   "SHENYU.PLUGIN.SEARCH.RULE.NAME": "规则名称",
+  "SHENYU.PLUGIN.SEARCH.TOOL.NAME": "工具名称",
   "SHENYU.PLUGIN.SEARCH.RULE.COPY": "复制规则",
   "SHENYU.SELECTOR.NAME": "选择器",
+  "SHENYU.SERVER.NAME": "服务",
   "SHENYU.SELECTOR.COPY": "复制选择器",
   "SHENYU.SELECTOR.CONTINUE": "继续后续选择器",
   "SHENYU.SELECTOR.PRINTLOG": "打印日志",
@@ -101,6 +125,7 @@
   "SHENYU.SELECTOR.INPUTORDER": "可以填写1-1000之间的数字标志执行先后顺序",
   "SHENYU.SELECTOR.SOURCE.PLACEHOLDER": "请选择需要复制的选择器",
   "SHENYU.RULE.NAME": "规则",
+  "SHENYU.TOOL.NAME": "工具",
   "SHENYU.RULE.SOURCE.PLACEHOLDER": "请选择需要复制的规则",
   "SHENYU.COMMON.LOAD": "负载",
   "SHENYU.COMMON.LOADSTRATEGY": "负载策略",

src/models/mcpServer.js

@@ -0,0 +1,85 @@
+import { message } from "antd";
+import {
+  fetchMcpServer,
+  addMcpServer,
+  updateMcpServer,
+  deleteMcpServer,
+} from "../services/api";
+import { getIntlContent } from "../utils/IntlUtils";
+
+export default {
+  namespace: "mcpServer",
+
+  state: {
+    list: [],
+    total: 0,
+    currentPage: 1,
+    pageSize: 12,
+  },
+
+  effects: {
+    *fetch({ payload }, { call, put }) {
+      const response = yield call(fetchMcpServer, payload);
+      if (response) {
+        yield put({
+          type: "saveList",
+          payload: {
+            list: response.data,
+            total: response.total,
+            currentPage: payload.currentPage,
+            pageSize: payload.pageSize,
+          },
+        });
+      }
+    },
+    *add({ payload, callback }, { call, put }) {
+      const response = yield call(addMcpServer, payload);
+      if (response) {
+        message.success(getIntlContent("SHENYU.COMMON.RESPONSE.ADD.SUCCESS"));
+        yield put({ type: "reload" });
+      }
+      if (callback) callback();
+    },
+    *update({ payload, callback }, { call, put }) {
+      const response = yield call(updateMcpServer, payload);
+      if (response) {
+        message.success(
+          getIntlContent("SHENYU.COMMON.RESPONSE.UPDATE.SUCCESS"),
+        );
+        yield put({ type: "reload" });
+      }
+      if (callback) callback();
+    },
+    *delete({ payload, callback }, { call, put }) {
+      const response = yield call(deleteMcpServer, payload);
+      if (response) {
+        message.success(
+          getIntlContent("SHENYU.COMMON.RESPONSE.DELETE.SUCCESS"),
+        );
+        yield put({ type: "reload" });
+      }
+      if (callback) callback();
+    },
+    *reload(_, { put, select }) {
+      const { currentPage, pageSize } = yield select(
+        (state) => state.mcpServer,
+      );
+      yield put({
+        type: "fetch",
+        payload: { currentPage, pageSize },
+      });
+    },
+  },
+
+  reducers: {
+    saveList(state, { payload }) {
+      return {
+        ...state,
+        list: payload.list,
+        total: payload.total,
+        currentPage: payload.currentPage,
+        pageSize: payload.pageSize,
+      };
+    },
+  },
+};

src/routes/Plugin/Common/Selector.js

@@ -1725,7 +1725,7 @@ class AddModal extends Component {
       <Modal
         width="1100px"
         centered
-        title={getIntlContent("SHENYU.SELECTOR.NAME")}
+        title={this.props.modalTitle || getIntlContent("SHENYU.SELECTOR.NAME")}
         // visible here defaults to true, because the visibility of modal is determined by the popup attribute in index.js
         visible
         okText={getIntlContent("SHENYU.COMMON.SURE")}