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

@koishi-ce/plugin-insight

v1.1.4

Published

Show plugin dependency graph for Koishi

Downloads

905

Readme

@koishi-ce/plugin-insight

简体中文 | English

插件依赖图插件,移植自上游 koishijs/webui 的 plugins/insight。它把 cordis 运行时的拓扑结构——插件的 fork 关系与服务注入关系——推送给前端,以力导向图直观呈现整个应用的依赖网络。

功能与页面

  • 「依赖图」页面:路由 /graph(order 550),用力导向图渲染当前运行时:
    • 实线边表示插件调用 / fork 关系;
    • 虚线边表示服务注入(必需依赖)关系。
  • 节点属性:
    • weight:取该 scope 的 disposables 数量,影响节点视觉权重;
    • isGroup / isRoot:分组节点与根应用(App)标记;
    • services:该节点上下文中注册的服务名列表。
  • 完全可复用、部分可复用与不可复用三类插件按不同的连线形态区分展示。

配置项

本插件无需配置。

用法

需要先启用 console(@koishi-ce/plugin-console)。安装:

bun add @koishi-ce/plugin-insight

也可以在控制台的插件市场中直接安装。随后在配置文件中启用:

plugins:
  insight: {}

备注

  • 提供 insight 数据服务(nodes + edges);监听 internal/fork、internal/runtime、internal/service、internal/status 内部事件,防抖后整体刷新图数据。
  • 无指令、无数据表。

许可证

AGPL-3.0。版权归 Shigma 及 Koishijs 贡献者(上游)与 Koishi-CE 贡献者,见 NOTICE。上游仓库:koishijs/webui 的 plugins/insight。


English

Plugin dependency graph plugin, ported from plugins/insight of the upstream koishijs/webui repository. It pushes the cordis runtime topology — plugin fork relations and service injections — to the frontend, rendered as a force-directed graph.

Features and Pages

  • "Dependency Graph" page: route /graph (order 550), a force-directed graph of the current runtime:
    • Solid edges: plugin call / fork relations.
    • Dashed edges: service injection (required dependencies).
  • Node attributes: weight (number of disposables, affecting visual weight), isGroup / isRoot flags, and services (service names registered in that scope).
  • Fully reusable, partially reusable, and non-reusable plugins are drawn with distinct edge patterns.

Configuration

None.

Usage

Requires console (@koishi-ce/plugin-console) to be enabled first.

bun add @koishi-ce/plugin-insight

The plugin can also be installed from the console plugin market, then enabled in the config file:

plugins:
  insight: {}

Notes

  • Provides the insight data service (nodes + edges); refreshes (debounced) on internal/fork, internal/runtime, internal/service, and internal/status events. No commands, no tables.

License

AGPL-3.0. Copyright belongs to Shigma and Koishijs contributors (upstream) and Koishi-CE contributors; see NOTICE. Upstream: koishijs/webui, plugins/insight.