@reus-able/frontend-helper-mcp 1.0.0 → 1.0.1

package/dist/index.js

@@ -1,15 +1,10 @@
 #!/usr/bin/env node
 import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
-import { SSEServerTransport } from '@modelcontextprotocol/sdk/server/sse.js';
 import { ListPromptsRequestSchema, GetPromptRequestSchema, } from '@modelcontextprotocol/sdk/types.js';
 import fs from 'fs/promises';
 import path from 'path';
-import yargs from 'yargs';
-import { hideBin } from 'yargs/helpers';
 import { fileURLToPath } from 'url';
-import express from 'express';
-import cors from 'cors';
 async function createServer(promptsDir) {
     const __dirname = path.dirname(fileURLToPath(import.meta.url));
     const packageJsonPath = path.resolve(__dirname, '../package.json');
@@ -78,66 +73,11 @@ async function createServer(promptsDir) {
 }
 async function main() {
     const __dirname = path.dirname(fileURLToPath(import.meta.url));
-    const packageJsonPath = path.resolve(__dirname, '../package.json');
-    const packageJson = JSON.parse(await fs.readFile(packageJsonPath, 'utf-8'));
-    const argv = await yargs(hideBin(process.argv))
-        .option('transport', {
-        alias: 't',
-        type: 'string',
-        choices: ['stdio', 'sse'],
-        default: 'stdio',
-        description: 'Transport mode (stdio or sse)',
-    })
-        .option('port', {
-        alias: 'p',
-        type: 'number',
-        default: 3000,
-        description: 'Port to listen on (only for sse transport)',
-    })
-        .help()
-        .parse();
     const promptsDir = path.resolve(__dirname, '../prompts');
-    if (argv.transport === 'sse') {
-        const app = express();
-        app.use(cors());
-        // Store active sessions: sessionId -> { server, transport }
-        const sessions = new Map();
-        app.get('/sse', async (req, res) => {
-            console.log(`New SSE connection from ${req.ip}`);
-            const mcpServer = await createServer(promptsDir);
-            const transport = new SSEServerTransport('/messages', res);
-            await mcpServer.connect(transport);
-            sessions.set(transport.sessionId, { server: mcpServer, transport });
-            transport.onclose = () => {
-                console.log(`Session closed: ${transport.sessionId}`);
-                sessions.delete(transport.sessionId);
-            };
-            await transport.start();
-        });
-        app.post('/messages', async (req, res) => {
-            const sessionId = req.query.sessionId;
-            if (!sessionId) {
-                res.status(400).send('Missing sessionId');
-                return;
-            }
-            const session = sessions.get(sessionId);
-            if (!session) {
-                res.status(404).send('Session not found');
-                return;
-            }
-            await session.transport.handlePostMessage(req, res);
-        });
-        app.listen(argv.port, () => {
-            console.log(`MCP Server running on SSE mode at http://localhost:${argv.port}/sse`);
-            console.log(`Prompts directory: ${promptsDir}`);
-        });
-    }
-    else {
-        console.error(`Starting MCP server serving prompts from: ${promptsDir}`);
-        const mcpServer = await createServer(promptsDir);
-        const transport = new StdioServerTransport();
-        await mcpServer.connect(transport);
-    }
+    console.error(`Starting MCP server serving prompts from: ${promptsDir}`);
+    const mcpServer = await createServer(promptsDir);
+    const transport = new StdioServerTransport();
+    await mcpServer.connect(transport);
 }
 main().catch((error) => {
     console.error('Fatal error:', error);

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "前端开发的一些cursor mcp工具集",
   "name": "@reus-able/frontend-helper-mcp",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "publishConfig": {
     "access": "public"
   },
@@ -24,16 +24,10 @@
   "license": "ISC",
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.25.1",
-    "cors": "^2.8.5",
-    "express": "^5.2.1",
-    "yargs": "^18.0.0",
     "zod": "^4.2.1"
   },
   "devDependencies": {
-    "@types/cors": "^2.8.19",
-    "@types/express": "^5.0.6",
     "@types/node": "^25.0.3",
-    "@types/yargs": "^17.0.35",
     "typescript": "^5.9.3"
   }
 }

package/prompts/code-refactor.md

@@ -0,0 +1,18 @@
+## 协助用户进行代码重构
+
+请你协助用户对声明的代码目录或文件进行重构，主要是识别出代码中是否存在重复的常量、工具函数或类型定义，并将其提取到对应的目录或文件中。
+
+重点在于：
+- 常量提取
+- 工具函数提取
+- 类型定义提取
+- 大型函数的拆分
+
+在计划中你需要：
+- 列出更改后需要调整的文件，按照目录树的方式展示
+
+
+**注意不要更改逻辑**
+
+项目代码接口参考：`.cursor/rules/project-structure.mdc`
+编码规范参考：`.cursor/rules/typescript-rules.mdc`

package/prompts/component-refactor.md

@@ -0,0 +1,22 @@
+## 组件结构重构
+你需要帮助用户进行组件结构重构，要求如下
+
+1. 视图层与逻辑层分离，即SFC中只负责视图渲染，逻辑抽离到hook中。
+1.1. 完善定义组件的常量、类型，将props，emit等类型也提取出来。
+1.2. 组件中的主要逻辑需要放在对应的useXXX.ts文件中，入参为组件的props，并导出useXXX hook。
+1.3. 组件中如果需要使用了其他的hook，你需要在SFC中组织他们的关系如果没有关系直接使用即可。
+1.4. 不需要显式定义hook的return类型，ts会自动推导。
+
+2. 组件声明周期处理
+2.1. 分离出来的hook内部不需要处理组件的声明周期，而是暴露出相应的生命周期钩子函数。
+2.2. 由SFC来处理组件的声明周期，如onMounted，onUnmounted等，而Watch可以保留在hook中
+
+3. 组件样式重构
+3.1. 对于style标签中的样式，如果是原生css写法请使用 tailwindcss 的@apply写法。
+
+4. 注意点
+** 不要设计逻辑的变更 **
+** 不要修改类名或者html结构 **
+** 注意不要破坏变量的响应式 **
+
+在实施前请在计划中列举你的改动点并严格遵守注意点。

package/prompts/git-commit.md

@@ -0,0 +1,10 @@
+## 协助用户提交当前变更
+
+请你帮助用户提交当前变更，并按照约定式 commit 规范进行 git commit
+你只需要分析用户的变更并生成commit message并commit
+
+要求：
+1. 一般情况下不允许改动任何要提交的文件
+2. 不需要手动跑lint指令，husky会处理
+3. 有时提交可能会报错，你需要分析报错原因并告知用户是否进行下一步操作，如果需要改动文件（例如修复lint错误，类型错误），需要获得用户同意后进行改动
+4. 如果改动了文件，需要告知用户哪里有改动，并且在用户确认后再提交

package/prompts/demo.md

@@ -1 +0,0 @@
-Hello from MCP Prompt