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

dsh-sticky-note

v1.0.0

Published

A draggable sticky note for dsh web: a floating memo window that expands into an editable notepad and collapses into a small draggable icon. Single global note, position and content persist across reloads.

Readme

dsh-sticky-note

dsh(DeepSeek Harness)Web 的悬浮备忘录插件:双悬浮窗设计——主窗口管理条目列表,点击条目在旁打开正文窗口;两窗互相磁吸,各自可拖动、调大小、关闭、置顶。正文支持 Markdown。

功能

  • 条目列表:一条一条排列,显示独立主标题;支持新建、删除、置顶(📌 置顶条目前置)
  • 双悬浮窗:主窗口 = 列表;点击条目在旁打开第二个悬浮窗显示全文,切换条目即换内容
  • 互相磁吸:拖动任一窗口靠近另一窗口自动贴齐吸附,拖开即分离;刷新后吸附关系自动还原
  • 各自可拖动 / 调大小 / 单独关闭 / 单独置顶
    • 标题栏拖动窗口,右下角拖拽缩放,位置尺寸自动记忆
    • 主窗口红点 = 整体收起为 📝 图标;正文窗红点 = 只关正文窗(条目保留)
    • 每个窗口独立图钉:置顶时浮在所有界面之上(含 dsh 弹窗),关闭后落到弹窗之下
  • Markdown 正文:默认渲染预览(标题 / 粗斜体 / 代码块 / 列表 / 引用 / 分隔线 / 链接),✎ 编辑进入源码模式,渲染为 React 元素、无 XSS 风险
  • 快捷键Alt+M 展开 / 收起(输入框聚焦时不触发)
  • 持久化:条目内容、置顶、窗口位置 / 尺寸 / 开关、吸附关系全部保存在本地,刷新、重启不丢;旧版单条数据自动迁移
  • 主题跟随:使用 dsh 设计令牌,浅色 / 深色主题自动适配;界面文案中英双语

安装

# 本地目录安装(link)
dsh plugin --profile web add ./dsh-sticky-note

# npm 安装(发布后)
dsh plugin --profile web add dsh-sticky-note

安装后重启 dsh web 服务即可生效。

使用

  • 首次打开:右下角出现 📝 图标,单击展开主窗口
  • 新建:主窗口点「+ 新建备忘」,自动进入编辑并聚焦标题
  • 查看:点击列表条目,正文窗口打开显示 Markdown 渲染内容;✎ 编辑源码,「完成」回到预览
  • 收起 / 关闭:主窗口红点整体收起;正文窗红点只关正文窗
  • 拖动 / 调大小:按住标题栏拖动,右下角 grip 缩放;两窗靠近自动磁吸贴齐
  • 置顶:条目级(条目上 📌)与窗口级(标题栏 📌)分别置顶
  • 切换:任意时刻按 Alt+M 展开 / 收起

说明

  • 插件为纯客户端实现,数据存于浏览器 localStorage,不经过服务端
  • 所有会话共享同一份备忘录

License

MIT