DepSpy

Full-stack Development, UX Design

Project Source

ByteDance Youth Camp 2023 Sumemr

Collaborators

Ziping Li, Bowen Tan, Hanling Yang, Qilin Pan, Yiying Liu, Peican Lin

Project Year

2023

DepSpy (Dependence Spy) has the ability to dive into analyze and monitor other npm/yarn/pnpm dependencies at any depth, and provides various visual interaction pages for state synchronization, as well as local CLI and online querying.
UI interface of DepSpy

LIVE DEMO

🌐 Support both local CLI and online query modes.

gif_00
gif_08

🌍 Support internationalization and dark mode.

gif_09
gif_06

πŸͺ΄ Utilizes tree + pruning instead of directed graph, supports arbitrary expanding and collapsing nodes, with a clearer structure, avoid the messy and complicated arrow pointing of directed graph.

gif_01

πŸ‘¨πŸ‘©πŸ‘§πŸ‘¦ Provides multiple display methods, including collapsible trees, package size block diagrams, and collapse lists.

gif_02

πŸ› οΈ Supports analyzing co-dependencies and cyclic dependencies, searching for sub-dependencies, viewing dependency info and size, etc.

gif_03
gif_04