antfu / antfu/node-modules-inspector

Support before/after comparsion

Open
#43 1 comment 7 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
2.9k
Forks
90
Avg merge
2d 3h
Merged PRs (30d)
9

Description

Goal:

  • To compare before and after, after an optimization or upgrade

Features:

  • Payload Source
    • In Dev mode
      • The user could click a button to snapshot the current data in the localStorage indexed (with a version hash)
      • Next time when user has a new payload, it will compare with the previous stored payload.
    • In production build
      • Maybe could allow user to download the payload or write to somewhere, were they could bundle the reference payload into the static build app.
      • In config, they could specify the path of data to load.
    • In Stackblitz
      • Maybe the same as in Dev Mode? We could support multiple named data.
  • Visualization
    • Have a report filed with RED and GREEN to indicate what is removed and added.
    • Present them in the graph (maybe a dedicated view)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names no files, tests, or entry points, so first map the existing dev-mode payload flow and visualization view. Define the supported payload sources and comparison presentation before implementation; done should include a usable before/after report covering the stated development, production, and StackBlitz cases.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
devtools, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.