@reus-able/frontend-helper-mcp 1.1.1 → 1.1.3

package/dist/index.js

@@ -1,115 +1,115 @@
 #!/usr/bin/env node
-import { McpServer as R } from "@modelcontextprotocol/sdk/server/mcp.js";
-import { StdioServerTransport as F } from "@modelcontextprotocol/sdk/server/stdio.js";
-import c from "fs/promises";
+import { McpServer as F } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport as x } from "@modelcontextprotocol/sdk/server/stdio.js";
+import m from "fs/promises";
 import a from "path";
-import { fileURLToPath as p } from "url";
-import { ListPromptsRequestSchema as P, GetPromptRequestSchema as x, ListResourcesRequestSchema as $, ReadResourceRequestSchema as M, ListToolsRequestSchema as C, CallToolRequestSchema as L } from "@modelcontextprotocol/sdk/types.js";
-import N from "fs";
-function T(e) {
+import { fileURLToPath as f } from "url";
+import { ListPromptsRequestSchema as $, GetPromptRequestSchema as P, ListResourcesRequestSchema as E, ReadResourceRequestSchema as L, ListToolsRequestSchema as M, CallToolRequestSchema as T } from "@modelcontextprotocol/sdk/types.js";
+import C from "fs";
+function _(e) {
   try {
-    return N.statSync(e).isDirectory();
+    return C.statSync(e).isDirectory();
   } catch {
     return !1;
   }
 }
-function u(e, t, o = 8) {
+function p(e, n, s = 8) {
   let r = e;
-  for (let n = 0; n <= o; n++) {
-    const s = a.resolve(r, t);
-    if (T(s)) return s;
+  for (let t = 0; t <= s; t++) {
+    const o = a.resolve(r, n);
+    if (_(o)) return o;
     const i = a.dirname(r);
     if (i === r) break;
     r = i;
   }
 }
-function y() {
+function k() {
   const e = process.env.MCP_COMMAND_PROMPTS_DIR ?? process.env.MCP_PROMPTS_DIR;
   if (e) return e;
-  const t = a.dirname(p(import.meta.url)), o = u(
-    t,
+  const n = a.dirname(f(import.meta.url)), s = p(
+    n,
     "resources/command-prompts"
   );
-  if (o) return o;
-  const r = u(
+  if (s) return s;
+  const r = p(
     process.cwd(),
     "resources/command-prompts"
   );
   return r || a.resolve(process.cwd(), "resources/command-prompts");
 }
-function _() {
+function h() {
   const e = process.env.MCP_SKILLS_DIR;
   if (e) return e;
-  const t = a.dirname(p(import.meta.url)), o = u(t, "resources/skills");
-  if (o) return o;
-  const r = u(process.cwd(), "resources/skills");
+  const n = a.dirname(f(import.meta.url)), s = p(n, "resources/skills");
+  if (s) return s;
+  const r = p(process.cwd(), "resources/skills");
   return r || a.resolve(process.cwd(), "resources/skills");
 }
-async function d(e) {
+async function w(e) {
   try {
-    return await c.access(e), (await c.readdir(e)).filter(
-      (o) => [".txt", ".md", ".json"].includes(a.extname(o).toLowerCase())
+    return await m.access(e), (await m.readdir(e)).filter(
+      (s) => [".txt", ".md", ".json"].includes(a.extname(s).toLowerCase())
     );
-  } catch (t) {
-    return console.error(`Error accessing prompts directory ${e}:`, t), [];
+  } catch (n) {
+    return console.error(`Error accessing prompts directory ${e}:`, n), [];
   }
 }
 function D(e) {
   return !(!e || e.includes("..") || e.includes("/") || e.includes("\\"));
 }
-function q(e) {
-  const t = e.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
-  if (!t) return {};
-  const o = {};
-  for (const r of t[1].split(`
+function N(e) {
+  const n = e.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
+  if (!n) return {};
+  const s = {};
+  for (const r of n[1].split(`
 `)) {
-    const n = r.trim();
-    if (!n) continue;
-    const s = n.match(/^([A-Za-z0-9_-]+):\s*(.*)\s*$/);
-    if (!s) continue;
-    const i = s[1], m = s[2];
-    i === "name" && (o.name = m), i === "description" && (o.description = m);
+    const t = r.trim();
+    if (!t) continue;
+    const o = t.match(/^([A-Za-z0-9_-]+):\s*(.*)\s*$/);
+    if (!o) continue;
+    const i = o[1], c = o[2];
+    i === "name" && (s.name = c), i === "description" && (s.description = c);
   }
-  return o;
+  return s;
 }
-async function w(e) {
+async function v(e) {
   try {
-    await c.access(e);
-    const o = (await c.readdir(e, { withFileTypes: !0 })).filter((n) => n.isDirectory()).map((n) => n.name), r = [];
-    for (const n of o) {
-      const s = a.join(e, n, "SKILL.md");
+    await m.access(e);
+    const s = (await m.readdir(e, { withFileTypes: !0 })).filter((t) => t.isDirectory()).map((t) => t.name), r = [];
+    for (const t of s) {
+      const o = a.join(e, t, "SKILL.md");
       try {
-        const i = await c.readFile(s, "utf-8"), m = q(i);
+        const i = await m.readFile(o, "utf-8"), c = N(i);
         r.push({
-          dirName: n,
-          name: m.name,
-          description: m.description,
-          filePath: s
+          dirName: t,
+          name: c.name,
+          description: c.description,
+          filePath: o
         });
       } catch {
         continue;
       }
     }
-    return r.sort((n, s) => n.dirName.localeCompare(s.dirName)), r;
-  } catch (t) {
-    return console.error(`Error accessing skills directory ${e}:`, t), [];
+    return r.sort((t, o) => t.dirName.localeCompare(o.dirName)), r;
+  } catch (n) {
+    return console.error(`Error accessing skills directory ${e}:`, n), [];
   }
 }
-async function E(e, t) {
-  if (!D(t)) return;
-  const r = (await w(e)).find((s) => s.dirName === t || s.name === t);
+async function I(e, n) {
+  if (!D(n)) return;
+  const r = (await v(e)).find((o) => o.dirName === n || o.name === n);
   if (!r) return;
-  const n = await c.readFile(r.filePath, "utf-8");
-  return { entry: r, markdown: n };
+  const t = await m.readFile(r.filePath, "utf-8");
+  return { entry: r, markdown: t };
 }
-async function v(e, t) {
-  return (await d(e)).find((r) => a.parse(r).name === t);
+async function S(e, n) {
+  return (await w(e)).find((r) => a.parse(r).name === n);
 }
-function f(e) {
-  const t = a.extname(e).toLowerCase();
-  return t === ".md" ? "text/markdown" : t === ".json" ? "application/json" : "text/plain";
+function y(e) {
+  const n = a.extname(e).toLowerCase();
+  return n === ".md" ? "text/markdown" : n === ".json" ? "application/json" : "text/plain";
 }
-const S = {
+const R = {
   "code-refactor": {
     name: "代码重构",
     description: "对代码进行结构调整，不改变功能逻辑"
@@ -126,26 +126,35 @@ const S = {
     name: "安装技能",
     description: "安装mcp中定义的技能"
   }
+}, j = {
+  "vue-components": {
+    name: "Vue组件编写规范",
+    description: "对于Vue组件的编写规范"
+  },
+  "vue-hooks": {
+    name: "Vue钩子函数编写规范",
+    description: "对于Vue组件中的钩子函数的编写规范"
+  }
 };
-function j(e) {
-  const t = y();
-  e.server.setRequestHandler(P, async () => {
+function q(e) {
+  const n = k();
+  e.server.setRequestHandler($, async () => {
     try {
-      return { prompts: (await d(t)).map((n) => {
-        const s = a.parse(n).name;
+      return { prompts: (await w(n)).map((t) => {
+        const o = a.parse(t).name;
         return {
-          name: s,
-          description: S[s]?.description || `Content of ${n}`
+          name: o,
+          description: R[o]?.description || `Content of ${t}`
         };
       }) };
-    } catch (o) {
-      return console.error("Error listing prompts:", o), { prompts: [] };
+    } catch (s) {
+      return console.error("Error listing prompts:", s), { prompts: [] };
     }
-  }), e.server.setRequestHandler(x, async (o) => {
-    const r = o.params.name;
+  }), e.server.setRequestHandler(P, async (s) => {
+    const r = s.params.name;
     try {
-      const n = await v(t, r);
-      if (!n)
+      const t = await S(n, r);
+      if (!t)
         throw new Error(`Prompt not found: ${r}`);
       return {
         messages: [
@@ -153,58 +162,104 @@ function j(e) {
             role: "user",
             content: {
               type: "text",
-              text: await c.readFile(a.join(t, n), "utf-8")
+              text: await m.readFile(a.join(n, t), "utf-8")
             }
           }
         ]
       };
-    } catch (n) {
-      throw new Error(`Failed to load prompt ${r}: ${n}`);
+    } catch (t) {
+      throw new Error(`Failed to load prompt ${r}: ${t}`);
     }
   });
 }
 function H(e) {
-  const t = y();
-  e.server.setRequestHandler($, async () => {
+  const n = k(), s = h();
+  e.server.setRequestHandler(E, async () => {
     try {
-      return { resources: (await d(t)).map((n) => {
-        const s = a.parse(n).name, i = f(n);
+      const t = (await w(n)).map((i) => {
+        const c = a.parse(i).name, l = y(i);
         return {
-          uri: `prompt://${s}`,
-          name: s,
-          mimeType: i,
-          description: S[s]?.description || `Content of ${n}`
+          uri: `prompt://${c}`,
+          name: c,
+          mimeType: l,
+          description: R[c]?.description || `Content of ${i}`
         };
-      }) };
-    } catch (o) {
-      return console.error("Error listing resources:", o), { resources: [] };
+      });
+      let o = [];
+      try {
+        o = (await m.readdir(s, { withFileTypes: !0 })).filter((c) => c.isDirectory()).map((c) => {
+          const l = c.name;
+          return {
+            uri: `skill://skill-${l}`,
+            name: l,
+            mimeType: "text/markdown",
+            description: j[l]?.description || `Skill ${l}`
+          };
+        });
+      } catch (i) {
+        console.error("Error listing skills:", i);
+      }
+      return { resources: [...t, ...o] };
+    } catch (r) {
+      return console.error("Error listing resources:", r), { resources: [] };
     }
   }), e.server.setRequestHandler(
-    M,
-    async (o) => {
-      const r = o.params.uri, n = r.replace(/^prompt:\/\//, "");
+    L,
+    async (r) => {
+      const t = r.params.uri;
       try {
-        const s = await v(t, n);
-        if (!s)
-          throw new Error(`Resource not found: ${r}`);
-        const i = await c.readFile(a.join(t, s), "utf-8"), m = f(s);
-        return {
-          contents: [
-            {
-              uri: r,
-              mimeType: m,
-              text: i
+        const o = t.indexOf("://");
+        if (o === -1)
+          throw new Error(`Invalid URI format: ${t}`);
+        const i = t.substring(0, o), c = t.substring(o + 3);
+        switch (i) {
+          case "skill": {
+            const l = a.join(s, c.replace("skill-", ""), "SKILL.md");
+            try {
+              await m.access(l);
+            } catch {
+              throw new Error(`Resource not found: ${t}`);
             }
-          ]
-        };
-      } catch (s) {
-        throw new Error(`Failed to read resource ${r}: ${s}`);
+            const u = await m.readFile(l, "utf-8");
+            return {
+              contents: [
+                {
+                  uri: t,
+                  mimeType: "text/markdown",
+                  text: u
+                }
+              ]
+            };
+          }
+          case "prompt": {
+            const l = await S(n, c);
+            if (!l)
+              throw new Error(`Resource not found: ${t}`);
+            const u = await m.readFile(
+              a.join(n, l),
+              "utf-8"
+            ), d = y(l);
+            return {
+              contents: [
+                {
+                  uri: t,
+                  mimeType: d,
+                  text: u
+                }
+              ]
+            };
+          }
+          default:
+            throw new Error(`Unsupported resource protocol: ${i}`);
+        }
+      } catch (o) {
+        throw new Error(`Failed to read resource ${t}: ${o}`);
       }
     }
   );
 }
-function I(e) {
-  const t = _(), o = {
+function O(e) {
+  const n = h(), s = {
     name: "get_skill",
     description: "按名称获取 resources/skills 下的 SKILL.md 内容",
     inputSchema: {
@@ -219,10 +274,10 @@ function I(e) {
     },
     annotations: { readOnlyHint: !0, idempotentHint: !0 }
   };
-  e.server.setRequestHandler(C, async () => ({ tools: [o] })), e.server.setRequestHandler(L, async (r) => {
+  e.server.setRequestHandler(M, async () => ({ tools: [s] })), e.server.setRequestHandler(T, async (r) => {
     if (r.params.name === "get_skill") {
-      const n = r.params.arguments, s = n && typeof n == "object" && typeof n.name == "string" ? n.name : void 0;
-      if (!s)
+      const t = r.params.arguments, o = t && typeof t == "object" && typeof t.name == "string" ? t.name : void 0;
+      if (!o)
         return {
           content: [
             {
@@ -233,21 +288,21 @@ function I(e) {
           isError: !0
         };
       try {
-        const i = await E(t, s);
+        const i = await I(n, o);
         if (!i) {
-          const h = (await w(t)).map((l) => {
-            const k = [l.dirName, l.name].filter(Boolean).join(", "), g = l.description ? ` - ${l.description}` : "";
-            return `- ${k}${g}`;
+          const l = (await v(n)).map((u) => {
+            const d = [u.dirName, u.name].filter(Boolean).join(", "), g = u.description ? ` - ${u.description}` : "";
+            return `- ${d}${g}`;
           }).join(`
 `);
           return {
             content: [
               {
                 type: "text",
-                text: `Skill not found: ${s}
+                text: `Skill not found: ${o}
 
 Available skills:
-` + (h || "- (none)")
+` + (l || "- (none)")
               }
             ],
             isError: !0
@@ -284,11 +339,11 @@ Available skills:
     };
   });
 }
-async function O() {
-  const e = a.dirname(p(import.meta.url)), t = a.resolve(e, "../package.json"), o = JSON.parse(await c.readFile(t, "utf-8")), r = new R(
+async function b() {
+  const e = a.dirname(f(import.meta.url)), n = a.resolve(e, "../package.json"), s = JSON.parse(await m.readFile(n, "utf-8")), r = new F(
     {
-      name: o.name,
-      version: o.version
+      name: s.name,
+      version: s.version
     },
     {
       capabilities: {
@@ -298,13 +353,13 @@ async function O() {
       }
     }
   );
-  return j(r), H(r), I(r), r;
+  return q(r), H(r), O(r), r;
 }
-async function b() {
+async function K() {
   console.error("Starting MCP server serving...");
-  const e = await O(), t = new F();
-  await e.connect(t);
+  const e = await b(), n = new x();
+  await e.connect(n);
 }
-b().catch((e) => {
+K().catch((e) => {
   console.error("Fatal error:", e), process.exit(1);
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "前端开发的一些cursor mcp工具集",
   "name": "@reus-able/frontend-helper-mcp",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "publishConfig": {
     "access": "public"
   },

package/resources/command-prompts/component-build.md

@@ -0,0 +1,12 @@
+## 组件编写
+你需要帮助用户进行组件结构重构
+
+### 1. 确认组件重构要求
+
+首先，查看是否存在 `skill-vue-components` 资源。
+**如果有，则按照该资源的要求进行组件结构重构。**
+
+**否则，立即终止并告知用户：“组件编写规范获取失败”**
+
+### 2. 实施组件编写
+根据以上要求，实施组件编写。

package/resources/command-prompts/component-refactor.md

@@ -1,6 +1,13 @@
 ## 组件结构重构
-你需要帮助用户进行组件结构重构，要求如下
+你需要帮助用户进行组件结构重构
 
+### 1. 确认组件重构要求
+
+首先，查看是否存在 `skill-vue-components` 资源。
+**如果有，则按照该资源的要求进行组件结构重构。**
+
+**否则，遵循以下要求：**
+```
 1. 视图层与逻辑层分离，即SFC中只负责视图渲染，逻辑抽离到hook中。
 1.1. 完善定义组件的常量、类型，将props，emit等类型也提取出来。
 1.2. 组件中的主要逻辑需要放在对应的useXXX.ts文件中，入参为组件的props，并导出useXXX hook。
@@ -18,5 +25,15 @@
 ** 不要设计逻辑的变更 **
 ** 不要修改类名或者html结构 **
 ** 注意不要破坏变量的响应式 **
+```
 
-在实施前请在计划中列举你的改动点并严格遵守注意点。
+### 2. 列出重构计划
+根据以上要求，列出组件结构重构的计划。
+计划大纲如下：
+1. 重构基准
+    如果存在 `/helper/vue-components` 资源则输出 `/helper/vue-components`；
+    否则输出 `备用组件结构重构规范`
+2. 当前组件分析
+3. 重构改动点以及修改后的文件结构
+4. 注意事项
+5. 实施步骤