feat(graph): display expanded task inputs

[MaxKless]

This PR adds a list of inputs per task to the graph UI:


It also lists dependencies' & external inputs in separate sections:

Implementation

We've expanded the nx graph command. graph.ts - getExpandedTaskInputs will use the new HashPlanner to calculate all files that contribute to a project's inputs. Because expanding inputs for all projects is potentially time-consuming, we try to do it lazily.

• When showing the graph via nx graph, we have a live server started in graph.ts. When queried, this calculcates the expanded inputs for only one task.
• When showing the graph in Nx Console, dev mode or e2es, we don't have a live server. That means we need to eagerly calculate all inputs and store them, just like with the project & task graph.

This lazy loading sets the task input request apart from the project & task graph requests made in the graph UI. Those are made once when loading a route. By contrast, the individual task inputs are loaded when opening the task tooltip. This required us to break out of the loader pattern somewhat to get the task inputs.

We could adapt this approach to load all task inputs per route, which would probably result in a lot of unused computation (because we don't expect folks to actually click on all the different task inputs). It would, however, be more in line with how we're currently doing things and result in cleaner code.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Updated (UTC)
nx-dev	⬜️ Ignored (Inspect)	Visit Preview	Oct 16, 2023 7:03am

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 2b3e3ed. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 6 targets

• nx affected --target=e2e --base=6857155822105a3c6a7cedf0b67c76ff4df3d535 --head=2b3e3ed4e15e091578706efd602fa67c08aef0ba --parallel=1
• nx affected --targets=lint,test,build --base=6857155822105a3c6a7cedf0b67c76ff4df3d535 --head=2b3e3ed4e15e091578706efd602fa67c08aef0ba --parallel=3
• nx run-many -t check-imports check-commit check-lock-files check-codeowners documentation --parallel=1 --no-dte
• nx-cloud record -- nx format:check --base=6857155822105a3c6a7cedf0b67c76ff4df3d535 --head=2b3e3ed4e15e091578706efd602fa67c08aef0ba
• nx documentation --no-dte
• nx affected -t e2e-macos --parallel=1 --base=6857155822105a3c6a7cedf0b67c76ff4df3d535 --head=2b3e3ed4e15e091578706efd602fa67c08aef0ba

---

Sent with 💌 from NxCloud.

[Cammisuli]

This should be replaced by the rust functionality that is going to be built out soon. But for now it's fine to have here. I'll replace this when the new function is ready.

[Cammisuli]

We're going to have a follow up PR to replace the expandInputs function with a rust one to match the task hasher.

We also should take a look at the actual performance of the task view in the graph because it's quite bloated and slow. But we'll do that in a future PR as well.

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.