Skip to content

Usage by Packages

Coming Soon

This feature is currently under development and is not yet available. This page describes the planned functionality so you can prepare your project when it ships.

Overview

Usage by Packages will give you a package-level breakdown of component usage across a monorepo. Instead of seeing aggregate counts for the entire repository, you will be able to drill into each individual package — apps/web, packages/checkout, libs/shared-ui, and so on — and understand exactly how components from your design system are distributed across them.

Planned Features

Per-Package Usage Breakdown

Each package in your monorepo will have its own row in the dashboard, showing:

  • Total component instances found within that package
  • Number of distinct component types used
  • Which components are most used locally vs. across the repo

Cross-Package Dependency View

See which components are shared across multiple packages, making it easy to assess the blast radius of API changes or deprecations before they happen.

Package Adoption Heatmap

A visual overview of how thoroughly each package adopts the design system, helping you identify packages that are lagging behind or relying on bespoke UI code instead of shared components.

Filtering and Sorting

Slice the data by package name, component name, or usage volume — and sort by any column to surface the most relevant information for your current task.

How It Will Work

The feature will build on the same raw-report scan output that Code Owners already uses. No additional configuration will be required — React Scanner Studio will automatically detect monorepo package boundaries by looking for package.json files within the scanned directory tree.

Stay Updated

See Also

  • Code Owners — Already available: map component usage to your CODEOWNERS file
  • Configuration Options — Set up the raw-report processor needed by advanced dashboard features
  • scan — Scan command reference

Released under the MIT License.