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

@mackwan84/dsh-ui-mockup-bundle

v0.3.0

Published

dsh-ui-mockup 安装层:把图像 Provider(DashScope 默认启用 + 火山方舟 + OpenAI 兼容网关)与 ui_mockup 工具挂载进 dsh profile 的 bundle patch

Readme

@mackwan84/dsh-ui-mockup-bundle

English

dsh-ui-mockup 的安装层:一个声明 dsh.bundle.patch 的 npm 包,把 @mackwan84/dsh-image-dashscope(百炼图像 Provider,默认启用)、 @mackwan84/dsh-image-volcengine(火山方舟图像 Provider,预置但 disabled: true)、 @mackwan84/dsh-image-openai-compat(OpenAI 兼容图像 Provider,预置但 disabled: true)与 @mackwan84/dsh-tool-ui-mockup(ui_mockup 工具)挂载进 profile 组合。

主要能力

  • 线框图、高保真方向稿与按方向精修;
  • 生成图卡片、风格锚点、生成历史与方向稿筛选;
  • 标注弹窗的矩形/画笔/箭头、选择/移动、显式删除与缩放;
  • DashScope / Volcengine / OpenAI 兼容网关、分层模型默认、凭据状态与连接测试。

完整功能、截图和已知限制见GitHub 项目 README

提供方切换

ctx.image 是单槽位服务,同一时刻只允许一个 Provider 生效。bundle 预置三行 Provider, 火山方舟与 OpenAI 兼容网关行默认 disabled: true。切换走设置面板「提供方与模型」页点卡片:插件把 id 定向的 disabled 翻转写入 DSH home 用户层(~/.dsh/cordis.patch.yml,launcher 实时 watch 并热重载组合),也可以手工编辑该文件:

- id: image-dashscope
  disabled: true
- id: image-volcengine
  disabled: false
- id: image-openai-compat
  disabled: true

设置窗口「UI 草图 · 提供方与模型」页经 provider/status 端点如实显示当前生效方 (端点读 image 槽位的 providerId,不从面板偏好推断)。热重载超过等待窗口时面板显示 “切换尚未完成”,并清除旧提供方的模型默认值,避免稍后落位时发送不兼容模型 ID。

安装

dsh plugin --profile web add @mackwan84/[email protected]

# 开发期(本仓库 checkout)
dsh plugin --profile web add /path/to/dsh-ui-mockup/bundle/ui-mockup

dsh plugin add 完成后自动检测 dsh.bundle 声明并挂载 patch 层;重启 dsh 即生效。

发布注意

运行根目录的 pnpm run publish:all:脚本先用 pnpm packworkspace:^ 转换为正式版本范围, 再按依赖顺序发布 @mackwan84/dsh-image、三个 Provider、@mackwan84/dsh-tool-ui-mockup 与本 bundle。不要直接对源码目录运行 npm publish