DEV Community

Cover image for Try the planner in your browser
VX
VX

Posted on Originally published at vznjs.github.io

Try the planner in your browser

The fastest way to learn how a cache decides is to poke it. The
playground is vx's real planner, the same code the CLI runs, bundled for
the browser. Nothing to install.

The playground: four packages, a Run button and the plan.

What you can do

  • Edit a source file, and see the tasks whose inputs it touches turn into misses, plus every task downstream.
  • Change an env var a task declares, and see its key move.
  • Change a config, and see the resolved task change with it.

diagram

The planner plans: it runs no command and writes no file. A test holds
the page's planner to the CLI's, so what you see there is what
vx would say.

The same plan at home

On your own repository the page's answer is one command:

vx run build test --all --dry
Enter fullscreen mode Exit fullscreen mode

and --dry=json gives the plan as data.

Open the playground →

Learn more: The playground.


Originally published on the vx blog. vx is an MIT task runner and build cache for JS monorepos: github.com/vznjs/vx.

Written with AI assistance.

Top comments (0)