依赖图 · 图表设计

TypeScript 单仓 · 依赖结构

TypeScript 单仓依赖图:shared-types 四方扇入,utils 回指一处环 rank 分层依赖图:web 与 admin 两个入口,shared-types 以四个依赖方成为结构故事;utils 回指 shared-types 构成唯一环(回边虚线标注 CYCLE),zod 为外部依赖 RANK 0 RANK 1 RANK 2 RANK 3 CYCLE APP 0 IN web apps/web APP 0 IN admin apps/admin SVC 2 IN api services/api PKG 2 IN ui-kit packages/ui-kit PKG 4 IN shared-types packages/shared-types SVC 1 IN db services/db PKG 1 IN tokens packages/tokens PKG 1 IN utils packages/utils EXT 1 IN zod v3.23 · npm 图例 内部包 外部 / 第三方 叶子(无出边) 环(回边) 徽章即扇入——树表达不了汇聚

焦点

恰好 2 个:环回边 + CYCLE 标签

唯一的回边(utils 回指 shared-types)连同它的标签就是全部焦点预算;环触碰的两个节点保持常规处理——accent 落在节点上就把预算花错了地方。

读法

rank 分层,前向边向下

  • 按依赖深度排行:入口在顶、被依赖者在下;前向边只向下或同层横走
  • 右上徽章即扇入——shared-types 的 4 IN 是全图的结构故事
  • 唯一的向上回边是环,虚线 5,4 绕外侧走并标 CYCLE

口径

每个节点是一个包,不是一个文件

数据是纯树(人人单亲、无环)就用树形图,明说换类型;外部依赖带版本与来源(v3.23 · npm),不留隐式。