open-index/open-npm huggingface dataset:
npm package: @leeonfield/code-editor
Description: code editor
Author: leeonfield
Latest version: 0.1.0


## Demo
```shell
npm install
npm start
```
## Usage

```js
import Editor from "@leeonfield/code-editor"
 <Editor
  style={{ height: "500px", width: "800px" }}
  data="consoe.log('hello world')"
  mode="javascript"
  onChange={this.handleData}
  height="100%"
/>
```
npm package: @leeonfield/editor-plugin-video
Description: Video Plugin for TOAST UI Editor
Author: leeonfield
Latest version: 0.2.1

# Video Plugin for TOAST UI Editor

> This is a plugin of [TOAST UI Editor](https://github.com/nhn/tui.editor/tree/master/apps/editor) to embed video in Editor

[![npm version](https://img.shields.io/npm/v/@leeonfield/editor-plugin-video.svg)](https://www.npmjs.com/package/@leeonfield/editor-plugin-video)

## Support video list and code language
- embed iframe
  - [x] [YouTube](http://youtube.com/): youtube
  - [x] [Tecent Video](http://v.qq.com/): qq
  - [x] [Bilibili](http://bilibili.com/): bilibili
  - [x] [Youku](http://youku.com/): youku
- video source
  - [x] Mp4: source-mp4
  - [x] OGG: source-ogg
  - [x] Youku: source-avi

## 📦 Usage npm

To use the plugin, [`@toast-ui/editor`](https://github.com/nhn/tui.editor/tree/master/apps/editor) must be installed.

> Ref. [Getting Started](https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/getting-started.md)

### Install

```sh
$ npm install @leeonfield/editor-plugin-video -S
```

### Import Plugin

#### ES Modules

```js
import videoPlugin from '@leeonfield/editor-plugin-video';
```

#### CommonJS

```js
const videoPlugin = require('@leeonfield/editor-plugin-video');
```

#### Use in Editor

```js
// ...

import Editor from '@toast-ui/editor';
import videoPlugin from '@leeonfield/editor-plugin-video';

const editor = new Editor({
  // ...
  plugins: [videoPlugin]
});

```



#### Use in Viewer

```js
// ...

import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer';
import videoPlugin from '@leeonfield/editor-plugin-video';

// ...

const viewer = new Viewer({
  // ...
  plugins: [videoPlugin]
});
```

or

```js
// ...

import Editor from '@toast-ui/editor';
import videoPlugin from '@leeonfield/editor-plugin-video';

// ...

const viewer = Editor.factory({
  // ...
  viewer: true,
  plugins: [videoPlugin]
});
```

### Custom Video list


```js
// ...

import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer';
import videoPlugin from '@leeonfield/editor-plugin-video';

// ...

const viewer = new Viewer({
    // ...
    plugins: [
      [
        videoPlugin,
        {
          list: {
            youtube: 'http://player.youku.com/embed/',
          },
        },
      ],
    ],
  });
```

### embed video in markdown

````
``` youtube
GveTAk727mM
```
````

### video source
````
```source-mp4
video-source
```
````
npm package: @leeonfield/json-schema-editor-visual
Description: jsonschema editor
Latest version: 1.2.2

> Fork feature:
> - support import template data


# json-schema-editor-visual
A json-schema editor of high efficient and easy-to-use, base on React.

## Usage
```shell
npm install @leeonfield/json-schema-editor-visual
```

```js
const option = {}
import 'antd/dist/antd.css'
require('json-schema-editor-visual/dist/main.css')
const schemaEditor = require("json-schema-editor-visual/dist/main.js");
const SchemaEditor = schemaEditor(option)

render(
    <SchemaEditor />,
  document.getElementById('root')
)
```

## Option Object

| name | desc                                 | default |
| ---- | ------------------------------------ | ------- |
| `lg` | language, support `en_US` or `zh_CN` | en_US   |

## SchemaEditor Props

| name         | type     | default | desc               |
| ------------ | -------- | ------- | ------------------ |
| `data`       | string   | null    | the data of editor |
| `onChange`   | function | null    |
| `showEditor` | boolean  | false   |
npm package: @leeonfield/tui-editor-viewer
Description: view editor for tui-editor content
Author: leeonfield
Latest version: 0.0.3


## 
`npm install -S @leeonfield/tui-editor-viewer`
## Usage

```js
import Viewer  from "@leeonfield/tui-editor-viewer";
const markdown = `
## title part

> quote content

**Bold content**
`
<Viewer value={markdown}/>
```
npm package: @leeonfield/ykit
Description: 现代 JavaScript 应用构建工具
Latest version: 2.4.0

## @leeonfield/ykit

>分叉原因：因开发需要，需要对当前的 ykit 的一些功能进行 fix 以及功能扩展，官方反馈比较慢。

### ChangeLog
- add: 增加 devHost，在 ykit 配置文件中 server 配置增加 devHost 配置，用于开发机环境开发自定义 host（当前 ykit 中的静态资源 host 配置写死了 127.0.0.1，不适用于开发机开发）




# YKit [![CircleCI](https://circleci.com/gh/YMFE/ykit.svg?style=shield)](https://circleci.com/gh/YMFE/ykit)

[ENGLISH DOC](./README-en.md)

YKit 是一个基于 Webpack 的打包工具，它利用插件机制封装了各种 JavaScript 应用的配置，选择和安装合适的插件即可开始构建你的应用。

## 特性

- 通过 init 命令快速初始化各种环境
- 封装各类配置，减少搭建环境工作量
- 包含 hot-reload 的本地 server

## 安装

- latest 稳定版: `[sudo] npm install ykit -g`
- 或者选择基于 Webpack@3.8.1 的最新版本：`[sudo] npm install ykit@next -g`

## 快速开始


1. 创建目录 `mkdir ykit-app && cd ykit-app`
2. 初始化工程 `ykit init`
3. 启动服务 `ykit s -p 3000`
4. 用浏览器访问 `http://127.0.0.1:3000/index.html`

初始化结束后，项目中会生成一个名为 `ykit.js` 的配置文件：

```javascript
module.exports = {
    plugins: [],
    config: {
        export: ['./scripts/index.js', './styles/index.css'],
        modifyWebpackConfig: function (baseConfig) {
            // 更改 Webpack 配置
            return baseConfig;
        }
    },
    hooks: {},
    commands: []
};
```

## 配置文件选项

- **plugins** - 插件是对一类配置和功能的封装，通过安装插件可以快速搭建开发环境
- **config.exports** - 资源入口
- **config.modifyWebpackConfig** - 用来更改 Webpack 现有配置的函数
- **hooks** - 打包过程钩子
- **commands** - 自定义命令

## 范例

通过插件快速搭建不同类型的应用，可参考以下示例。

- [ykit-starter-yo][2]
- [ykit-starter-react][3]
- [ykit-starter-vue][4]
- [ykit-starter-antd][5]

## 文档

访问 [ykit.ymfe.org][1] 来获取更多 YKit 的文档。

[1]: https://ykit.ymfe.org/
[2]: https://github.com/roscoe054/ykit-starter-yo
[3]: https://github.com/roscoe054/ykit-starter-react
[4]: https://github.com/roscoe054/ykit-starter-vue
[5]: https://github.com/roscoe054/ykit-starter-antd
npm package: @leeoohoo/ui-apps-devkit
Description: ChatOS UI Apps DevKit (CLI + templates + sandbox) for building installable ChatOS UI Apps plugins.
Latest version: 0.1.14

# ChatOS UI Apps DevKit

一个可通过 npm 安装的 DevKit，用来：

- 生成 UI Apps 插件工程（脚手架）
- 在本地沙箱里运行/调试 `module` 应用（Host API mock）
- 校验 `plugin.json` 与路径边界
- 打包/安装到本机 ChatOS（用户插件目录：`<stateDir>/ui_apps/plugins`；`stateDir = <stateRoot>/<hostApp>`）

## 安装

```bash
npm i -g @leeoohoo/ui-apps-devkit
```

或直接用 npx：

```bash
npx @leeoohoo/ui-apps-devkit chatos-uiapp --help
```

## 快速开始

```bash
chatos-uiapp init my-first-uiapp
cd my-first-uiapp
npm install
npm run dev
```

## 沙箱能力

- 模拟 `module mount()` 与 `host.*` API
- 右上角 Theme 切换（light/dark/system），用于测试 `host.theme.onChange` 与样式响应
- Inspect 面板展示 `host.context` 与 `--ds-*` tokens
- 右上角 `AI Config` 可配置 `API Key / Base URL / Model ID`，用于在沙箱内调用真实模型并测试应用 MCP（需配置 `ai.mcp`）

## 模板

```bash
chatos-uiapp init --list-templates
chatos-uiapp init my-app --template basic
chatos-uiapp init my-app --template notepad
```

- `basic`：最小可运行骨架（含 `host.chat.*` / `ctx.llm.complete()` 示例）
- `notepad`：完整示例应用（文件夹/标签/搜索/后端持久化）

完成开发后：

```bash
npm run validate
npm run pack
npm run install:chatos
```

## MCP 依赖（必读）

- ChatOS 导入插件时会排除 `node_modules/`，MCP server 运行时无法读取随包依赖。
- MCP server 只要引入第三方依赖（如 `@modelcontextprotocol/sdk`、`zod`），就必须在 build 阶段 **bundle 成单文件**，并在 `plugin.json` 的 `ai.mcp.entry` 指向 bundle 产物。
- 如果 MCP 启动报错 `Cannot find package '@modelcontextprotocol/sdk'`，说明依赖未被 bundle 或 vendoring 到插件目录。
- 或者完全使用 Node 内置模块，或把依赖源码 vendoring 到插件目录内。

## 生成项目结构（约定）

生成的工程里，**可安装产物**固定在 `plugin/` 目录：

```
my-first-uiapp/
  docs/                # 协议文档（随工程分发）
  chatos.config.json   # DevKit 配置（pluginDir/appId）
  plugin/              # 直接导入/安装到 ChatOS 的插件目录
    plugin.json
    backend/           # (可选) Electron main 进程后端
    apps/<appId>/      # module 前端 + AI 贡献（MCP/Prompt）
```

## CLI

- `chatos-uiapp init <dir>`：生成工程
- `chatos-uiapp dev`：启动本地运行沙箱（支持文件变更自动重载）
- `chatos-uiapp validate`：校验 manifest 与路径边界
- `chatos-uiapp pack`：打包 `.zip`（用于 ChatOS 导入）
- `chatos-uiapp install`：复制到本机 ChatOS 用户插件目录
npm package: @leep-frog/sound-play
Description: An sound player for NodeJS.
Author: nomadhoc
Latest version: 1.2.5

> This fork simply updates the Windows audio player to wait for the player to
finish buffering instead of just sleeping for one second as sometimes buffering
takes more than one second which results in the audio clip getting cut short.

# sound-play

_Dead simple sound player for Node -- because it should be simple._

```javascript
const sound = require("sound-play");
sound.play("file.mp3");
```
- Native solution. Does not require third-party application to work on `Windows` and `MacOS`.

- Support `.wav`, `.mp3` and other extensions.


# Install

```
npm install sound-play
```

```
yarn add sound-play
```

# Examples

### Relative path

```javascript
sound.play("file.mp3");
```

or

```javascript
const path = require("path");
const filePath = path.join(__dirname, "file.mp3");
sound.play(filePath);
```

### Adjusting Volume

```javascript
/**
 * 0   = silent
 * 0.5 = default
 * 1   = max volume
 */
volume = 0.1;
sound.play("file.mp3", volume);
```

### Absolute path

```javascript
sound.play("C:\\file.mp3");
```

### Promise

```javascript
sound.play("file.mp3").then((response) => console.log("done"));
```

### Async/await

```javascript
try {
  await sound.play("file.mp3");
  console.log("done");
} catch (error) {
  console.error(error);
}
```

# License

MIT
npm package: @leepowellcouk/http-1.1-methods
Description: Common methods for HTTP/1.1 
Author: Lee Powell
Latest version: 2.0.0

# HTTP/1.1 Methods
Common methods for HTTP/1.1

## Installation

```bash
$ npm install @leepowellcouk/http-1.1-methods --save
```

## Usage

```javascript
var methods = require('@leepowellcouk/http-1.1-methods');

methods.forEach( /* ... */ );
```
npm package: @leepowellcouk/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 1.1.0-rc.4

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @leermao/install-mcp
Description: A CLI tool to install and manage MCP servers.
Author: Dhravya Shah
Latest version: 1.0.12

# Install MCP CLI

### A CLI tool to install and manage MCP servers.

Installing MCPs is a huge pain, so I made a CLI tool to make it easier.

## Usage

Just run
`npx install-mcp '<command>' --client <client>`

Also works with SSE URLs
`npx install-mcp '<url>' --client <client>`

where `<client>` is one of the following:

- `claude`
- `cline`
- `roo-cline`
- `windsurf`
- `witsy`
- `enconvo`

## License

MIT