Storybook Addon: Dependency Tree
Overview
Storybook Dependency Tree is a Storybook addon that visualizes the dependency hierarchy of each story in a tree view. This tool helps developers better understand and navigate the dependencies and dependents associated with their stories, making the development process more efficient.
Note: This project is a work in progress and is actively being developed.
Features
- Visual Dependency Mapping: Automatically loads and displays all dependencies for the currently open story, providing a clear and structured view similar to storybook-addon-deps.
- Dependents Visualization: In addition to dependencies, the addon also displays all dependents, helping you see which components rely on the current story.
- Seamless Integration: Integrates smoothly with Storybook, enhancing your development workflow.
- Runtime Execution: Runs at runtime without requiring any additional commands.
- Zero Configuration: No configuration is needed to get started.
Dependencies
- Dependency Loading: Powered by node-dependency-tree to accurately map and load dependencies.
- Tree View: Utilizes MUI X for a robust and interactive tree view experience.
Installation
To install the addon, run the following command in your project directory:
npm i storybook-dependency-tree