npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@zhin.js/adapter-sandbox

v5.0.5

Published

Zhin.js adapter for local testing and development

Downloads

1,323

Readme

@zhin.js/adapter-sandbox

Zhin.js Sandbox 适配器,基于 WebSocket 的本地测试适配器;浏览器端聊天 UI 在 Remote Console(Host 仅 Console API)中打开 Sandbox 窗口调试。

功能特性

  • Node Host:WebSocket /sandbox
  • 浏览器端 React 聊天 UI
  • 支持多客户端同时连接
  • 无需第三方平台账号,即开即用
  • 适合本地开发和插件调试

安装

pnpm add @zhin.js/adapter-sandbox

依赖

Sandbox 适配器需要以下服务插件:

  • @zhin.js/host-router — HTTP 服务(提供 Router 和 WebSocket)
  • @zhin.js/host-api — Host 侧 Console API(addEntry 注册 Sandbox 扩展)
  • @zhin.js/client — Remote Console 客户端 SDK(UI 在 zhin-console 仓库)

配置

推荐(与 minimal-bot 一致)endpoints: [],在 Remote Console 打开「沙盒」页时经 /sandbox WebSocket 自动创建 bot(如 sandbox-xxxx),无需在 yaml 里写 context: sandbox

# zhin.config.yml
endpoints: []

plugins:
  - "@zhin.js/adapter-sandbox"
  - "@zhin.js/host-router"
  - "@zhin.js/host-api"

可选:若需在启动时即在 bot 列表显示固定名称的离线占位 bot,可显式配置:

endpoints:
  - context: sandbox
    name: sandbox-bot

使用方式

  1. 启动 Zhin 实例:pnpm dev(终端会打印 Host 地址,一般为 http://127.0.0.1:8086
  2. 打开 Remote Console,API Base 与 Host 地址一致,Token 与 http.token / HTTP_TOKEN 一致
  3. 在 Console 沙盒 页连接后发送消息进行测试

每个浏览器客户端连接后创建 Sandbox Bot(无 yaml 固定名时为 sandbox-xxxx)。

通过 Router.ws("/sandbox")(插件 useContext("router") 自动挂载)建立连接。

消息格式

Sandbox 使用 JSON 消息格式:

{
  "type": "message",
  "id": "msg-001",
  "content": "你好",
  "timestamp": 1700000000000
}

适用场景

  • 本地开发调试插件逻辑
  • 测试命令和 AI 工具调用
  • 不依赖外部平台的功能验证

AI 工具

技能说明见 agent/skills/sandbox.md(本地沙箱调试约束)。

许可证

MIT License