open-index/open-npm huggingface dataset:
npm package: @penggy/vue-context-menu
Description: Vue 2.0 右键菜单组件，菜单内容可以随意自定义
Author: penggy
Latest version: 1.0.3

# vue-context-menu

> Vue 2.0 右键菜单组件，菜单内容可以随意自定义

![Preview](https://github.com/binggg/vue-context-menu/blob/master/demo/assets/demo.jpeg?raw=true)

## 安装
```
npm install @penggy/vue-context-menu
```

## 在线Demo

## 使用

### 1. 注册组件

#### 方式1 利用插件方式全局注册

```javascript
import VueContextMenu from '@penggy/vue-context-menu'
import Vue from 'vue'

Vue.use(VueContextMenu)
```
#### 方式2 局部注册

```javascript
import { component as VueContextMenu } from '@penggy/vue-context-menu'

export default {
  // ...
  components: {
    'vue-context-menu': VueContextMenu
  }
}
```

#### 方式3 独立版本引入，自动全局注册
> 前提是 vue 也是独立版本通过script标签引入

```html
<script src="./node_modules/dist/vue-context-menu.js"></script>
```

### 2. 模版语法
```html
 <context-menu class="right-menu"
    :target="contextMenuTarget"
    :show="contextMenuVisible"
    @update:show="(show) => contextMenuVisible = show">
    <a href="javascript:;" @click="copyMsg">复制</a>
    <a href="javascript:;" @click="quoteMsg">引用</a>
    <a href="javascript:;" @click="deleteMsg">删除</a>
</context-menu>
```

## Props

| 参数                    | 说明  | 类型 | 可选值 | 默认值 |
|-------------------------|-------|------|--------|--------|
| target | 触发右键事件的元素  | Element | -      | -      |
| show | 是否显示右键菜单  | Boolean | -      | false      |


## Events

| 事件名                    | 说明  | 事件参数
|-------------------------|-------|------|
| update:show | 右键菜单显示/隐藏时触发  | 是否显示 |


## 注意

如果target是某个兄弟元素，可以使用 `$refs`来访问，但是注意请在父组件mounted 之后获取。

参考 https://cn.vuejs.org/v2/guide/components.html#子组件索引


## ChangeLog
- [1.0.1] 2017-07-10
  - 修复 target 为空时可能出错的bug

- [1.0.0] 2017-06-23
  - 实现右键菜单基本功能

## Development Setup

``` bash
# install deps
npm install

# serve demo at localhost:8080
npm run dev

# build library and demo
npm run build

# build library
npm run build:library

# build demo
npm run build:demo
```

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2017 赵兵
npm package: @pengian/feishu-bot-server
Description: A Feishu bot MCP server to send messages to feishu
Latest version: 1.0.1

# Feishu MCP Server

一个基于 MCP (Model Context Protocol) 的飞书机器人服务器，支持通过 Webhook 发送消息到飞书。

## 功能特点

- 支持通过 Webhook 发送消息到飞书
- 支持多种传输协议（stdio/SSE）
- 自动端口选择，避免端口冲突
- 支持多种文本样式：
  - 加粗：`**text**`
  - 斜体：`*text*`
  - 删除线：`~~text~~`
  - 行内代码：`` `code` ``
  - 链接：`[text](url)`
  - 换行：`\n`
  - 引用：`> text`
  - 字体颜色：`<font color='green'>绿色文本</font>`

## 安装

1. 安装依赖：
```bash
npm install
```

2. 构建项目：
```bash
# 构建 stdio 版本
npm run build:stdio

# 构建 SSE 版本
npm run build:sse
```

## 配置

### 环境变量

项目使用 `.env` 文件管理环境变量。你可以复制 `.env.example` 文件并重命名为 `.env`：

```bash
cp .env.example .env
```

然后编辑 `.env` 文件，配置以下环境变量：

- `FEISHU_WEBHOOK_URL`：飞书机器人的 Webhook URL（必需）
- `PORT`：SSE 传输协议的起始端口（默认：`3000`）

你也可以在运行时通过命令行设置环境变量：

```bash
# stdio 模式
export FEISHU_WEBHOOK_URL=your_webhook_url
node dist/stdio/index.js

# SSE 模式
export FEISHU_WEBHOOK_URL=your_webhook_url
export PORT=3000
node dist/sse/index.js
```

### 获取飞书 Webhook URL

1. 登录飞书

2. 创建机器人应用

![工作台](./docs/images/1.png)

![创建机器人](./docs/images/2.png)

![配置webHook](./docs/images/3.png)

![获取webHook URL](./docs/images/4.png)

![配置消息发送](./docs/images/5.png)

![配置消息发送变量](./docs/images/6.png)

3. 获取步骤2的webHook URL，并配置到 `env` 环境变量中

## 使用方法

### 使用 stdio 传输协议(推荐)

```json
{
  "mcpServers": {
    "feishu-bot-server": {
      "command": "npx",
      "args": [
        "@pengian/feishu-bot-server"
      ],
      "env": {
        "FEISHU_WEBHOOK_URL": "<your_webhook_url>"
      },
      "transportType": "stdio"
    }
  }
}
```

### 使用 SSE 传输协议(未完成)

```bash
export FEISHU_WEBHOOK_URL=your_webhook_url
export PORT=3000  # 可选，默认从3000开始寻找可用端口
node dist/sse/index.js
```

### 发送消息示例

```typescript
// 发送文本消息
{
  "name": "send_message",
  "arguments": {
    "subject": "测试消息",
    "content": "这是一条**加粗**的测试消息\n> 这是一段引用\n<font color='green'>这是绿色文本</font>"
  }
}
```

## 开发

### 项目结构

```
src/
  ├── core/           # 核心业务逻辑
  │   └── FeishuService.ts
  ├── transport/      # 传输协议实现
  │   ├── Transport.ts
  │   ├── StdioTransport.ts
  │   └── SseTransport.ts
  ├── stdio/          # stdio 入口
  │   └── index.ts
  └── sse/            # SSE 入口
      └── index.ts
```

### 开发命令

- `npm run build:stdio`：构建 stdio 版本
- `npm run build:sse`：构建 SSE 版本
- `npm run build`：构建所有版本
- `npm run dev:stdio`：开发模式运行 stdio 版本
- `npm run dev:sse`：开发模式运行 SSE 版本
- `npm test`：运行测试
- `npm run lint`：代码检查

## 贡献

欢迎提交 Issue 和 Pull Request！

## 许可证

MIT
npm package: @pengian/o
Description: O is a terminal tool that simplifies the npm project management.
Author: Pengian
Latest version: 2.1.1

# o

## Installation

```bash
npm install -g @pengian/o
```

## Usage

```bash
# In the node's project, enter `o` can run the `npm run start or dev or serve` directly!
o
# Download the git repo and auto install npm dependencies by recommend packageManager,
# ofter then it will auto register in the project list, you can use `o <repoName>` to
# open this repo by VsCode.
o https://www.github.com...

# List the projectList by `o list`
o list

# If you want to add exsiting node's repo, just use `o add` in the repo's dir,
# you can also set a alias to the repo by `o add -a <alias>`
o add -a <alias>

#When you want to delete repo in preojectList, please use `o remove <name>`
o remove <name>
```
npm package: @pengian/travel-planner-server
Description: A Model Context Protocol server for travel planner
Latest version: 0.2.0

# travel-planner-server MCP Server

A Model Context Protocol server

This is a TypeScript-based MCP server that implements a simple notes system. It demonstrates core MCP concepts by providing:

- Resources representing text notes with URIs and metadata
- Tools for creating new notes
- Prompts for generating summaries of notes

## Features

### Resources
- List and access notes via `note://` URIs
- Each note has a title, content and metadata
- Plain text mime type for simple content access

### Tools
- `create_note` - Create new text notes
  - Takes title and content as required parameters
  - Stores note in server state

### Prompts
- `summarize_notes` - Generate a summary of all stored notes
  - Includes all note contents as embedded resources
  - Returns structured prompt for LLM summarization

## Development

Install dependencies:
```bash
npm install
```

Build the server:
```bash
npm run build
```

For development with auto-rebuild:
```bash
npm run watch
```

## Installation

To use with Claude Desktop, add the server config:

On MacOS: `~/Library/Application Support/Claude/claude_desktop_config.json`
On Windows: `%APPDATA%/Claude/claude_desktop_config.json`

```json
{
  "mcpServers": {
    "travel-planner-server": {
      "command": "/path/to/travel-planner-server/build/index.js"
    }
  }
}
```

### Debugging

Since MCP servers communicate over stdio, debugging can be challenging. We recommend using the [MCP Inspector](https://github.com/modelcontextprotocol/inspector), which is available as a package script:

```bash
npm run inspector
```

The Inspector will provide a URL to access debugging tools in your browser.