MCP 服务器

Cline Code Nexus

Cline 创建的用于验证 MCP 服务器功能的测试存储库。

Albo3

开发者工具

访问服务器

README

Cline Code Nexus

一个基于 Web 的代码片段管理器，使用 Bun、React、TypeScript 构建，并采用复古的 CS 1.6 主题进行样式设计。允许用户添加、查看、搜索、复制和删除代码片段，数据使用 localStorage 在本地持久化。

功能

添加 & 管理代码片段： 创建包含标题、代码块和语言选择的新代码片段。
列表 & 查看： 清晰地显示所有已保存的代码片段。
语法高亮： 使用 react-syntax-highlighter 高亮代码块，提高可读性。
复制到剪贴板： 通过专用按钮轻松复制代码片段。
删除代码片段： 通过确认步骤删除不需要的代码片段。
搜索/过滤： 通过搜索标题或语言（不区分大小写）快速查找代码片段。
本地持久化： 代码片段保存在浏览器的 localStorage 中，因此在会话之间保持不变。
UI 组件： 包括可重用的 Modal、Notification (Toast)、Tabs 和 StyledButton 组件。
样式： 使用 cs16.css 主题，呈现独特的外观。

技术栈

运行时/打包器/包管理器： Bun
语言： TypeScript
UI 库： React (使用 JSX)
样式： cs16.css & 内联样式
语法高亮： react-syntax-highlighter
持久化： 浏览器 localStorage

项目结构

cline-code-nexus/
├── .gitignore
├── bun.lockb
├── package.json
├── public/
│   └── index.html      # 主要 HTML 入口点
├── README.md           # 本文件
├── src/
│   ├── components/     # 可重用的 React 组件
│   │   ├── App.tsx         # 主要应用程序组件
│   │   ├── Modal.tsx       # 模态对话框组件
│   │   ├── Notification.tsx# 通知/Toast 组件
│   │   ├── SnippetForm.tsx # 用于添加代码片段的表单
│   │   ├── SnippetList.tsx # 显示代码片段的组件
│   │   ├── StyledButton.tsx# 标准化按钮
│   │   └── Tabs.tsx        # Tabs 组件
│   ├── index.tsx       # React 应用程序入口点
│   └── styles/         # CSS 文件
│       ├── cs16.css
│       └── style.css     # (当前未使用/被覆盖)
└── tsconfig.json       # TypeScript 配置

快速开始

前提条件

全局安装 Bun。

本地运行

克隆仓库：

git clone https://github.com/Albo3/cline-code-nexus.git
cd cline-code-nexus

安装依赖： (目前，仅使用 @types/* 等开发依赖项，但运行安装是一个好习惯)
```
bun install
```
启动开发服务器：
- 使用热重载（推荐）：
```
bun run --hot public/index.html
```
- 不使用热重载：
```
bun run public/index.html
```
打开浏览器并导航到 Bun 提供的 localhost URL（通常是 http://localhost:3000）。