Chromatic Usage Tool

This tool is not affiliated with Chromatic.

This tool is designed to help you parse the usage report that you can download from the Billing page on your Chromatic Dashboard. It converts the CSV into several graphs that can help you better understand how your team is consuming snapshots.

Graphs:

• Cumulative snapshots over time
  • By app
  • Skipped snapshots (TurboSnaps) vs total snapshots
• Daily snapshots by app
• % of snapshots skipped
  • Per day
  • By app

Usage

1. Clone the repo
2. Run pnpm install
3. Run pnpm dev
4. Teach the tool how to convert from Chromatic's app IDs to names. Click the "settings" link in the top right corner and follow the directions on screen.
5. Download the CSV from your Chromatic billing page.
6. Upload the CSV to the tool's main page.

TODO:

• Setup CI
• Add file upload and parse
  • add contents to DB
  • clear on new file upload
• Convert app IDs to names
• Store app ID -> name in DB
  • prompt for it if needed
• Add graphs for the usage
• Add column for total snapshots per build
• Add error checking when you upload a CSV that the apps exist. Direct people to settings.
• Refresh on upload

Data views

• Use of snapshots over time for this month
  • cumulative
  • by app
  • trend line
• Compare skipped snapshots to total snapshots
  • overall
  • by app
• some kind of per-branch analysis?
  • what branches were the most expensive?
  • were there any stand-outs?
• Compare use of snapshots between month
  • overall
  • by app