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-git-panel

v0.1.5

Published

DSH web GUI git panel: local/remote branches with ahead/behind, one-click branch switch / pull / fetch, and a GitLens-style commit graph.

Downloads

918

Readme

dsh-git-panel

English · Español

DSH Web GUI 的 Git 面板插件:分支管理(切换 / 拉取 / 抓取 / 重命名 / 删除 / 合并)+ GitLens 风格的提交图谱。

功能

  • 分支面板(聊天区右侧):
    • 本地分支:当前分支高亮,显示相对上游的 ↑ahead / ↓behind双击切换分支(当前分支双击为拉取)
    • 远程分支:双击检出(自动创建本地跟踪分支)
    • 右键菜单:重命名 / 删除 / 合并至当前分支(远程分支为删除远程分支)
    • 一键拉取当前分支、全部抓取git fetch --all --prune
  • 分支胶囊(输入框上方):显示当前分支,点击展开本地分支列表快速切换
  • Git 图谱:提交 DAG 泳道图(lane 算法),三栏标题(线图 / 提交 / 分支),提交列左右两侧可拖拽调宽(宽度持久化),点击节点查看提交详情;虚拟化渲染——只绘制可视区域,大仓库滚动流畅
  • 写操作条(面板顶部,位于标签页下方):
    • 提交:输入提交信息回车即 git add -A && git commit -m
    • 推送:一键 git push 当前分支
    • 暂存 / 恢复暂存git stash push(可带说明)/ git stash pop
    • 状态:显示当前工作区变更文件数(git status --porcelain
  • 变更文件 + diff:写操作条下方列出未提交的变更文件(状态码 + 路径),点击任意文件查看与 HEAD 的完整 diff——提交前先过一眼改了什么
  • 图谱提交操作:点击图谱中的提交节点,可一键 cherry-pick 到当前分支撤销该提交git revert --no-edit
  • 多语言:自动跟随 DSH Web 界面语言(中文 / 英文),西班牙语浏览器自动切换西班牙语,默认简体中文
  • 跟随当前会话工作目录:切换项目会话自动重新绑定
  • 明暗主题跟随 DSH Web GUI

界面预览

分支面板(本地/远程分支、ahead/behind、双击切换、右键菜单):

分支面板

分支胶囊(输入框上方快速切换分支):

分支胶囊

提交图谱(三栏可拖拽列宽、虚拟化滚动):

提交图谱

安装

dsh plugin --profile web add dsh-git-panel

重启 dsh web,打开绑定 git 仓库的项目会话,聊天区右侧出现「Git 面板」。

本地开发时可用 dsh plugin --profile web add link:/path/to/dsh-git-panel 以链接方式安装,修改源码后 npm run build 并刷新页面即可生效。

反馈

使用中遇到问题或有功能建议?欢迎到 GitHub Issues 反馈,帮助我们把插件做得更好。

License

MIT