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

mimo-code-clock-plugin

v0.1.0

Published

MiMoCode TUI plugin that renders a live clock in the session sidebar

Readme

mimo-code-clock-plugin

MiMoCode TUI 插件:在会话侧边栏中显示实时时钟(HH:MM:SS + 日期),样式与内置 Context 区块一致。

安装

方式一:内置插件管理器

在 MiMoCode 中打开命令面板(Ctrl+K)→ Plugins: Install → 输入包名 mimo-code-clock-plugin,可选 global/local 作用域,回车安装。

方式二:手动编辑 tui.json

在 ~/.config/mimocode/tui.json(全局)或项目 .mimocode/tui.json 中添加:

{
  "plugin": ["mimo-code-clock-plugin@^0.1.0"]
}

重启 MiMoCode 生效。

建议始终带版本范围(如 @^0.1.0)。原因见下方「升级」一节。

升级

MiMoCode 对 npm 插件没有自动更新机制:插件首次安装后缓存在全局缓存目录中,之后每次启动直接复用,不会访问 npm 检查新版本。

升级到新版本的正确做法:

  1. 改 tui.json 中的版本号(推荐):缓存目录按 spec 字符串区分,把 mimo-code-clock-plugin@^0.1.0 改成 mimo-code-clock-plugin@^0.2.0 后重启,会触发重新下载安装
  2. 删除缓存:删除全局缓存目录下 packages/ 里对应的插件目录后重启,会重新拉取最新版

本地开发

npm install        # 安装依赖
npm run typecheck  # 类型检查
npm run check      # 类型检查 + esbuild 语法校验
npm run deploy     # 部署源码到 ~/.config/mimocode/tui/clock.tsx(本机直用)
npm run all        # 校验 + 部署一步到位

部署后重启 MiMoCode 生效(TUI 插件仅在启动时扫描加载)。

发布新版本(维护者)

npm version patch   # 或 minor / major
npm publish

prepublishOnly 钩子会先跑类型检查和语法校验。发布后用户按「升级」一节操作即可获取新版。

实现说明

  • 入口 exports["./tui"] 指向 .tsx 源码,由 MiMoCode 宿主转译(与内置插件同管线),不做预打包
  • solid-js 声明为 peerDependency,由 npm 安装时自动带入
  • 通过 api.slots.register 注入 sidebar_content 插槽,order: 101 排在内置 Context(100) 之后、CWD(125) 之前
  • 标题格式与内置 Context 一致:<b> 加粗 + 主题正文色;时间用主题色 primary,日期用 textMuted