feat(core): show task graph of commands (#15440)

Co-authored-by: Philip Fulcher <philip@nrwl.io>

docs/generated/cli/affected-graph.md

@@ -129,6 +129,12 @@ Type: `number`
 
 Bind the project graph server to a specific port.
 
+### targets
+
+Type: `string`
+
+The target to show tasks for in the task graph
+
 ### uncommitted
 
 Type: `boolean`
@@ -147,6 +153,16 @@ Type: `boolean`
 
 Show version number
 
+### view
+
+Type: `string`
+
+Choices: [projects, tasks]
+
+Default: `projects`
+
+Choose whether to view the projects or task graph
+
 ### watch
 
 Type: `boolean`

docs/generated/cli/affected.md

@@ -97,6 +97,14 @@ Type: `string`
 
 Change the way Nx is calculating the affected command by providing directly changed files, list of files delimited by commas or spaces
 
+### graph
+
+Type: `boolean`
+
+Default: `false`
+
+Show the task graph of the command
+
 ### head
 
 Type: `string`

docs/generated/cli/exec.md

@@ -29,6 +29,14 @@ Type: `string`
 
 Exclude certain projects from being processed
 
+### graph
+
+Type: `boolean`
+
+Default: `false`
+
+Show the task graph of the command
+
 ### nx-bail
 
 Type: `boolean`

docs/generated/cli/graph.md

@@ -117,12 +117,28 @@ Type: `number`
 
 Bind the project graph server to a specific port.
 
+### targets
+
+Type: `string`
+
+The target to show tasks for in the task graph
+
 ### version
 
 Type: `boolean`
 
 Show version number
 
+### view
+
+Type: `string`
+
+Choices: [projects, tasks]
+
+Default: `projects`
+
+Choose whether to view the projects or task graph
+
 ### watch
 
 Type: `boolean`

docs/generated/cli/run-many.md

@@ -75,6 +75,14 @@ Type: `string`
 
 Exclude certain projects from being processed
 
+### graph
+
+Type: `boolean`
+
+Default: `false`
+
+Show the task graph of the command
+
 ### help
 
 Type: `boolean`

docs/generated/packages/nx/documents/affected-dep-graph.md

@@ -129,6 +129,12 @@ Type: `number`
 
 Bind the project graph server to a specific port.
 
+### targets
+
+Type: `string`
+
+The target to show tasks for in the task graph
+
 ### uncommitted
 
 Type: `boolean`
@@ -147,6 +153,16 @@ Type: `boolean`
 
 Show version number
 
+### view
+
+Type: `string`
+
+Choices: [projects, tasks]
+
+Default: `projects`
+
+Choose whether to view the projects or task graph
+
 ### watch
 
 Type: `boolean`

docs/generated/packages/nx/documents/affected.md

@@ -97,6 +97,14 @@ Type: `string`
 
 Change the way Nx is calculating the affected command by providing directly changed files, list of files delimited by commas or spaces
 
+### graph
+
+Type: `boolean`
+
+Default: `false`
+
+Show the task graph of the command
+
 ### head
 
 Type: `string`

docs/generated/packages/nx/documents/dep-graph.md

@@ -117,12 +117,28 @@ Type: `number`
 
 Bind the project graph server to a specific port.
 
+### targets
+
+Type: `string`
+
+The target to show tasks for in the task graph
+
 ### version
 
 Type: `boolean`
 
 Show version number
 
+### view
+
+Type: `string`
+
+Choices: [projects, tasks]
+
+Default: `projects`
+
+Choose whether to view the projects or task graph
+
 ### watch
 
 Type: `boolean`

docs/generated/packages/nx/documents/exec.md

@@ -29,6 +29,14 @@ Type: `string`
 
 Exclude certain projects from being processed
 
+### graph
+
+Type: `boolean`
+
+Default: `false`
+
+Show the task graph of the command
+
 ### nx-bail
 
 Type: `boolean`

docs/generated/packages/nx/documents/run-many.md

@@ -75,6 +75,14 @@ Type: `string`
 
 Exclude certain projects from being processed
 
+### graph
+
+Type: `boolean`
+
+Default: `false`
+
+Show the task graph of the command
+
 ### help
 
 Type: `boolean`

graph/client/src/app/feature-tasks/task-list.tsx

@@ -141,7 +141,7 @@ export function TaskList({
 }: TaskListProps) {
   const filteredProjects = projects
     .filter((project) =>
-      (project.data as any).targets.hasOwnProperty(selectedTarget)
+      (project.data as any).targets?.hasOwnProperty(selectedTarget)
     )
     .sort((a, b) => a.name.localeCompare(b.name));
   const appProjects = getProjectsByType('app', filteredProjects);