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

@fantaibao/ws-protocol

v1.1.3

Published

万流引力 桌面端 ↔ Web 控制台 WebSocket 协议契约(Zod schema + TS 类型 + 编解码)

Downloads

631

Readme

@fantaibao/ws-protocol

万流引力 桌面端(gravio-app) ↔ Web 控制台(wlyl_web) 之间的 WebSocket 协议契约。

  • Zod schema:运行时校验,desktop 服务端用
  • TS 类型:通过 z.infer 派生,两端都可以 import type
  • WsCodec:消息编解码(JSON.parse + schema 校验 + 错误处理)

使用

pnpm add @fantaibao/ws-protocol

desktop(带运行时校验)

import { WsCodec, WsEnvelopeSchema, type WsEnvelope } from '@fantaibao/ws-protocol'

const envelope = WsCodec.decode(rawString)  // 自动校验

web(仅类型,零运行时开销)

import type { WsEnvelope, WsAccountInfo, TaskKind } from '@fantaibao/ws-protocol'

const env: WsEnvelope = JSON.parse(rawString)  // 不带 zod,自己 trust 服务端

import type 在 TS 编译时被擦除,zod 不会进 web bundle。

改契约的工作流

# 1. 改 src/index.ts
vim src/index.ts

# 2. 自测 + 构建
pnpm typecheck && pnpm build

# 3. 升版本号 + 打 tag
pnpm version patch  # 或 minor / major
git push --follow-tags

# 4. 登录 npm 并发布
npm login
npm publish --access public

# 5. desktop 端升级
cd ~/dev/gravio-app
pnpm up @fantaibao/[email protected]

# 6. web 端同样动作
cd ~/dev/wlyl_web
pnpm up @fantaibao/[email protected]

任何一端不升版本号就锁在旧版本上,不会被偷偷漂移

版本规范

Semantic Versioning

  • major:删消息类型、改字段含义、改 PROTOCOL_VERSION
  • minor:新增消息类型、新增可选字段
  • patch:注释/JSDoc 改动、不影响行为的内部重构