@nx/angular 19.6.0-canary.20240809-d3747e0 → 19.6.0-canary.20240814-6d83ae2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. package/esm2022/src/runtime/nx/data-persistence.mjs +9 -4
  2. package/esm2022/testing/src/testing-utils.mjs +5 -3
  3. package/fesm2022/nx-angular-testing.mjs +4 -2
  4. package/fesm2022/nx-angular-testing.mjs.map +1 -1
  5. package/fesm2022/nx-angular.mjs +8 -3
  6. package/fesm2022/nx-angular.mjs.map +1 -1
  7. package/package.json +8 -8
  8. package/src/executors/module-federation-dev-server/lib/normalize-options.js +4 -0
  9. package/src/executors/module-federation-dev-server/module-federation-dev-server.impl.js +6 -1
  10. package/src/generators/application/files/nx-welcome/claimed/ng-module/src/app/nx-welcome.component.ts__tpl__ +808 -0
  11. package/src/generators/application/files/nx-welcome/claimed/standalone/src/app/nx-welcome.component.ts__tpl__ +811 -0
  12. package/src/generators/application/files/{ng-module → nx-welcome/not-configured/ng-module}/src/app/nx-welcome.component.ts__tpl__ +37 -66
  13. package/src/generators/application/files/{standalone-components → nx-welcome/not-configured/standalone}/src/app/nx-welcome.component.ts__tpl__ +39 -68
  14. package/src/generators/application/files/nx-welcome/unclaimed/ng-module/src/app/nx-welcome.component.ts__tpl__ +810 -0
  15. package/src/generators/application/files/nx-welcome/unclaimed/standalone/src/app/nx-welcome.component.ts__tpl__ +813 -0
  16. package/src/generators/application/lib/create-files.js +10 -0
  17. package/src/generators/application/schema.d.ts +1 -0
  18. package/src/generators/ng-add/migrators/projects/e2e.migrator.js +1 -1
  19. package/src/generators/ng-add/migrators/projects/project.migrator.d.ts +2 -0
  20. package/src/generators/ng-add/migrators/projects/project.migrator.js +38 -1
  21. package/src/runtime/nx/data-persistence.d.ts +8 -3
  22. package/testing/src/testing-utils.d.ts +4 -2
package/src/generators/application/files/{ng-module → nx-welcome/not-configured/ng-module}/src/app/nx-welcome.component.ts__tpl__ RENAMED
@@ -67,7 +67,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
67
67
  color: rgba(229, 231, 235, 1);
68
68
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
69
69
  'Liberation Mono', 'Courier New', monospace;
70
- overflow: scroll;
70
+ overflow: auto;
71
71
  padding: 0.5rem 0.75rem;
72
72
  }
73
73
  .shadow {
@@ -158,10 +158,15 @@ import { Component, ViewEncapsulation } from '@angular/core';
158
158
  #middle-content {
159
159
  align-items: flex-start;
160
160
  display: grid;
161
- gap: 4rem;
162
161
  grid-template-columns: 1fr;
163
162
  margin-top: 3.5rem;
164
163
  }
164
+ #middle-content #middle-left-content {
165
+ display: flex;
166
+ flex-direction: column;
167
+ gap: 2rem;
168
+ }
169
+
165
170
  #learning-materials {
166
171
  padding: 2.5rem 2rem;
167
172
  }
@@ -203,7 +208,6 @@ import { Component, ViewEncapsulation } from '@angular/core';
203
208
  opacity, box-shadow, transform, filter, backdrop-filter,
204
209
  -webkit-backdrop-filter;
205
210
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
206
- transition-duration: 150ms;
207
211
  }
208
212
  .list-item-link > span > span {
209
213
  color: rgba(107, 114, 128, 1);
@@ -216,7 +220,6 @@ import { Component, ViewEncapsulation } from '@angular/core';
216
220
  opacity, box-shadow, transform, filter, backdrop-filter,
217
221
  -webkit-backdrop-filter;
218
222
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
219
- transition-duration: 150ms;
220
223
  }
221
224
  .list-item-link svg:last-child {
222
225
  height: 1rem;
@@ -227,9 +230,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
227
230
  }
228
231
  .list-item-link:hover {
229
232
  color: rgba(255, 255, 255, 1);
230
- background-color: hsla(162, 47%, 50%, 1);
231
- }
232
- .list-item-link:hover > span {
233
+ background-color: hsla(162, 55%, 33%, 1);
233
234
  }
234
235
  .list-item-link:hover > span > span {
235
236
  color: rgba(243, 244, 246, 1);
@@ -237,8 +238,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
237
238
  .list-item-link:hover svg:last-child {
238
239
  transform: translateX(0.25rem);
239
240
  }
240
- #other-links {
241
- }
241
+
242
242
  .button-pill {
243
243
  padding: 1.5rem 2rem;
244
244
  margin-bottom: 2rem;
@@ -420,6 +420,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
420
420
  }
421
421
  #middle-content {
422
422
  grid-template-columns: repeat(2, minmax(0, 1fr));
423
+ gap: 4rem;
423
424
  }
424
425
  }
425
426
  </style>
@@ -468,6 +469,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
468
469
  </div>
469
470
  <!-- MIDDLE CONTENT -->
470
471
  <div id="middle-content">
472
+ <div id="middle-left-content">
471
473
  <div id="learning-materials" class="rounded shadow">
472
474
  <h2>Learning materials</h2>
473
475
  <a href="https://nx.dev/getting-started/intro?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
@@ -564,7 +566,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
564
566
  />
565
567
  </svg>
566
568
  </a>
567
- <a href="https://nx.dev/angular-tutorial/1-code-generation?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
569
+ <a href="<%= tutorialUrl %>" target="_blank" rel="noreferrer" class="list-item-link">
568
570
  <svg
569
571
  fill="none"
570
572
  stroke="currentColor"
@@ -596,41 +598,22 @@ import { Component, ViewEncapsulation } from '@angular/core';
596
598
  />
597
599
  </svg>
598
600
  </a>
599
- <a href="https://nxplaybook.com/?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
601
+ </div>
602
+ <a id="nx-repo" class="button-pill rounded shadow" href="https://github.com/nrwl/nx?utm_source=nx-project" target="_blank" rel="noreferrer">
600
603
  <svg
601
- fill="none"
602
- stroke="currentColor"
604
+ fill="currentColor"
605
+ role="img"
603
606
  viewBox="0 0 24 24"
604
607
  xmlns="http://www.w3.org/2000/svg"
605
608
  >
606
- <path d="M12 14l9-5-9-5-9 5 9 5z" />
607
- <path
608
- d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"
609
- />
610
609
  <path
611
- stroke-linecap="round"
612
- stroke-linejoin="round"
613
- stroke-width="2"
614
- d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"
610
+ d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
615
611
  />
616
612
  </svg>
617
613
  <span>
618
- Video courses
619
- <span> Nx custom courses </span>
614
+ Nx is open source
615
+ <span> Love Nx? Give us a star! </span>
620
616
  </span>
621
- <svg
622
- fill="none"
623
- stroke="currentColor"
624
- viewBox="0 0 24 24"
625
- xmlns="http://www.w3.org/2000/svg"
626
- >
627
- <path
628
- stroke-linecap="round"
629
- stroke-linejoin="round"
630
- stroke-width="2"
631
- d="M9 5l7 7-7 7"
632
- />
633
- </svg>
634
617
  </a>
635
618
  </div>
636
619
  <div id="other-links">
@@ -700,24 +683,8 @@ import { Component, ViewEncapsulation } from '@angular/core';
700
683
  running:
701
684
  </p>
702
685
  <pre>nx connect</pre>
703
- <a href="https://nx.app/?utm_source=nx-project" target="_blank" rel="noreferrer"> What is Nx Cloud? </a>
686
+ <a href="https://nx.dev/nx-cloud?utm_source=nx-project" target="_blank" rel="noreferrer"> What is Nx Cloud? </a>
704
687
  </div>
705
- <a id="nx-repo" class="button-pill rounded shadow" href="https://github.com/nrwl/nx?utm_source=nx-project" target="_blank" rel="noreferrer">
706
- <svg
707
- fill="currentColor"
708
- role="img"
709
- viewBox="0 0 24 24"
710
- xmlns="http://www.w3.org/2000/svg"
711
- >
712
- <path
713
- d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
714
- />
715
- </svg>
716
- <span>
717
- Nx is open source
718
- <span> Love Nx? Give us a star! </span>
719
- </span>
720
- </a>
721
688
  </div>
722
689
  </div>
723
690
  <!-- COMMANDS -->
@@ -739,12 +706,16 @@ import { Component, ViewEncapsulation } from '@angular/core';
739
706
  d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
740
707
  />
741
708
  </svg>
742
- Add UI library
709
+ Build, test and lint your app
743
710
  </summary>
744
- <pre><span># Generate UI lib</span>
745
- nx g &#64;nx/angular:lib ui
746
- <span># Add a component</span>
747
- nx g &#64;nx/angular:component ui/src/lib/button</pre>
711
+ <pre><span># Build</span>
712
+ nx build <%= appName %>
713
+ <span># Test</span>
714
+ nx test <%= appName %>
715
+ <span># Lint</span>
716
+ nx lint <%= appName %>
717
+ <span># Run them together!</span>
718
+ nx run-many -p <%= appName %> -t build test lint</pre>
748
719
  </details>
749
720
  <details>
750
721
  <summary>
@@ -763,8 +734,9 @@ nx g &#64;nx/angular:component ui/src/lib/button</pre>
763
734
  </svg>
764
735
  View project details
765
736
  </summary>
766
- <pre>nx show project <%= appName %> --web</pre>
737
+ <pre>nx show project <%= appName %></pre>
767
738
  </details>
739
+
768
740
  <details>
769
741
  <summary>
770
742
  <svg
@@ -784,6 +756,7 @@ nx g &#64;nx/angular:component ui/src/lib/button</pre>
784
756
  </summary>
785
757
  <pre>nx graph</pre>
786
758
  </details>
759
+
787
760
  <details>
788
761
  <summary>
789
762
  <svg
@@ -799,14 +772,12 @@ nx g &#64;nx/angular:component ui/src/lib/button</pre>
799
772
  d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
800
773
  />
801
774
  </svg>
802
- Run affected commands
775
+ Add UI library
803
776
  </summary>
804
- <pre><span># see what&apos;s been affected by changes</span>
805
- nx affected:graph
806
- <span># run tests for current changes</span>
807
- nx affected:test
808
- <span># run e2e tests for current changes</span>
809
- nx affected:e2e</pre>
777
+ <pre><span># Generate UI lib</span>
778
+ nx g &#64;nx/angular:lib ui
779
+ <span># Add a component</span>
780
+ nx g &#64;nx/angular:component ui/src/lib/button</pre>
810
781
  </details>
811
782
  </div>
812
783
  <p id="love">
package/src/generators/application/files/{standalone-components → nx-welcome/not-configured/standalone}/src/app/nx-welcome.component.ts__tpl__ RENAMED
@@ -70,7 +70,7 @@ import { CommonModule } from '@angular/common';
70
70
  color: rgba(229, 231, 235, 1);
71
71
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
72
72
  'Liberation Mono', 'Courier New', monospace;
73
- overflow: scroll;
73
+ overflow: auto;
74
74
  padding: 0.5rem 0.75rem;
75
75
  }
76
76
  .shadow {
@@ -161,10 +161,14 @@ import { CommonModule } from '@angular/common';
161
161
  #middle-content {
162
162
  align-items: flex-start;
163
163
  display: grid;
164
- gap: 4rem;
165
164
  grid-template-columns: 1fr;
166
165
  margin-top: 3.5rem;
167
166
  }
167
+ #middle-content #middle-left-content {
168
+ display: flex;
169
+ flex-direction: column;
170
+ gap: 2rem;
171
+ }
168
172
  #learning-materials {
169
173
  padding: 2.5rem 2rem;
170
174
  }
@@ -206,7 +210,6 @@ import { CommonModule } from '@angular/common';
206
210
  opacity, box-shadow, transform, filter, backdrop-filter,
207
211
  -webkit-backdrop-filter;
208
212
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
209
- transition-duration: 150ms;
210
213
  }
211
214
  .list-item-link > span > span {
212
215
  color: rgba(107, 114, 128, 1);
@@ -219,7 +222,6 @@ import { CommonModule } from '@angular/common';
219
222
  opacity, box-shadow, transform, filter, backdrop-filter,
220
223
  -webkit-backdrop-filter;
221
224
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
222
- transition-duration: 150ms;
223
225
  }
224
226
  .list-item-link svg:last-child {
225
227
  height: 1rem;
@@ -230,18 +232,16 @@ import { CommonModule } from '@angular/common';
230
232
  }
231
233
  .list-item-link:hover {
232
234
  color: rgba(255, 255, 255, 1);
233
- background-color: hsla(162, 47%, 50%, 1);
234
- }
235
- .list-item-link:hover > span {
235
+ background-color: hsla(162, 55%, 33%, 1);
236
236
  }
237
+
237
238
  .list-item-link:hover > span > span {
238
239
  color: rgba(243, 244, 246, 1);
239
240
  }
240
241
  .list-item-link:hover svg:last-child {
241
242
  transform: translateX(0.25rem);
242
243
  }
243
- #other-links {
244
- }
244
+
245
245
  .button-pill {
246
246
  padding: 1.5rem 2rem;
247
247
  margin-bottom: 2rem;
@@ -423,6 +423,7 @@ import { CommonModule } from '@angular/common';
423
423
  }
424
424
  #middle-content {
425
425
  grid-template-columns: repeat(2, minmax(0, 1fr));
426
+ gap: 4rem
426
427
  }
427
428
  }
428
429
  </style>
@@ -471,6 +472,7 @@ import { CommonModule } from '@angular/common';
471
472
  </div>
472
473
  <!-- MIDDLE CONTENT -->
473
474
  <div id="middle-content">
475
+ <div id="middle-left-content">
474
476
  <div id="learning-materials" class="rounded shadow">
475
477
  <h2>Learning materials</h2>
476
478
  <a href="https://nx.dev/getting-started/intro?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
@@ -505,7 +507,7 @@ import { CommonModule } from '@angular/common';
505
507
  />
506
508
  </svg>
507
509
  </a>
508
- <a href="https://nx.dev/blog/?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
510
+ <a href="https://nx.dev/blog?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
509
511
  <svg
510
512
  fill="none"
511
513
  stroke="currentColor"
@@ -567,7 +569,7 @@ import { CommonModule } from '@angular/common';
567
569
  />
568
570
  </svg>
569
571
  </a>
570
- <a href="https://nx.dev/angular-tutorial/1-code-generation?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
572
+ <a href="<%= tutorialUrl %>" target="_blank" rel="noreferrer" class="list-item-link">
571
573
  <svg
572
574
  fill="none"
573
575
  stroke="currentColor"
@@ -599,41 +601,22 @@ import { CommonModule } from '@angular/common';
599
601
  />
600
602
  </svg>
601
603
  </a>
602
- <a href="https://nxplaybook.com/?utm_source=nx-project" target="_blank" rel="noreferrer" class="list-item-link">
604
+ </div>
605
+ <a id="nx-repo" class="button-pill rounded shadow" href="https://github.com/nrwl/nx?utm_source=nx-project" target="_blank" rel="noreferrer">
603
606
  <svg
604
- fill="none"
605
- stroke="currentColor"
607
+ fill="currentColor"
608
+ role="img"
606
609
  viewBox="0 0 24 24"
607
610
  xmlns="http://www.w3.org/2000/svg"
608
611
  >
609
- <path d="M12 14l9-5-9-5-9 5 9 5z" />
610
- <path
611
- d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"
612
- />
613
612
  <path
614
- stroke-linecap="round"
615
- stroke-linejoin="round"
616
- stroke-width="2"
617
- d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"
613
+ d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
618
614
  />
619
615
  </svg>
620
616
  <span>
621
- Video courses
622
- <span> Nx custom courses </span>
617
+ Nx is open source
618
+ <span> Love Nx? Give us a star! </span>
623
619
  </span>
624
- <svg
625
- fill="none"
626
- stroke="currentColor"
627
- viewBox="0 0 24 24"
628
- xmlns="http://www.w3.org/2000/svg"
629
- >
630
- <path
631
- stroke-linecap="round"
632
- stroke-linejoin="round"
633
- stroke-width="2"
634
- d="M9 5l7 7-7 7"
635
- />
636
- </svg>
637
620
  </a>
638
621
  </div>
639
622
  <div id="other-links">
@@ -703,28 +686,12 @@ import { CommonModule } from '@angular/common';
703
686
  running:
704
687
  </p>
705
688
  <pre>nx connect</pre>
706
- <a href="https://nx.app/?utm_source=nx-project" target="_blank" rel="noreferrer"> What is Nx Cloud? </a>
689
+ <a href="https://nx.dev/nx-cloud?utm_source=nx-project" target="_blank" rel="noreferrer"> What is Nx Cloud? </a>
707
690
  </div>
708
- <a id="nx-repo" class="button-pill rounded shadow" href="https://github.com/nrwl/nx?utm_source=nx-project" target="_blank" rel="noreferrer">
709
- <svg
710
- fill="currentColor"
711
- role="img"
712
- viewBox="0 0 24 24"
713
- xmlns="http://www.w3.org/2000/svg"
714
- >
715
- <path
716
- d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
717
- />
718
- </svg>
719
- <span>
720
- Nx is open source
721
- <span> Love Nx? Give us a star! </span>
722
- </span>
723
- </a>
724
691
  </div>
725
692
  </div>
726
693
  <!-- COMMANDS -->
727
- <div id="commands" class="rounded shadow">
694
+ <div id="commands" class="rounded shadow">
728
695
  <h2>Next steps</h2>
729
696
  <p>Here are some things you can do with Nx:</p>
730
697
  <details>
@@ -742,12 +709,16 @@ import { CommonModule } from '@angular/common';
742
709
  d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
743
710
  />
744
711
  </svg>
745
- Add UI library
712
+ Build, test and lint your app
746
713
  </summary>
747
- <pre><span># Generate UI lib</span>
748
- nx g &#64;nx/angular:lib ui
749
- <span># Add a component</span>
750
- nx g &#64;nx/angular:component ui/src/lib/button</pre>
714
+ <pre><span># Build</span>
715
+ nx build
716
+ <span># Test</span>
717
+ nx test
718
+ <span># Lint</span>
719
+ nx lint
720
+ <span># Run them together!</span>
721
+ nx run-many -t build test lint</pre>
751
722
  </details>
752
723
  <details>
753
724
  <summary>
@@ -766,8 +737,9 @@ nx g &#64;nx/angular:component ui/src/lib/button</pre>
766
737
  </svg>
767
738
  View project details
768
739
  </summary>
769
- <pre>nx show project <%= appName %> --web</pre>
740
+ <pre>nx show project <%= appName %></pre>
770
741
  </details>
742
+
771
743
  <details>
772
744
  <summary>
773
745
  <svg
@@ -787,6 +759,7 @@ nx g &#64;nx/angular:component ui/src/lib/button</pre>
787
759
  </summary>
788
760
  <pre>nx graph</pre>
789
761
  </details>
762
+
790
763
  <details>
791
764
  <summary>
792
765
  <svg
@@ -802,14 +775,12 @@ nx g &#64;nx/angular:component ui/src/lib/button</pre>
802
775
  d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
803
776
  />
804
777
  </svg>
805
- Run affected commands
778
+ Add UI library
806
779
  </summary>
807
- <pre><span># see what&apos;s been affected by changes</span>
808
- nx affected:graph
809
- <span># run tests for current changes</span>
810
- nx affected:test
811
- <span># run e2e tests for current changes</span>
812
- nx affected:e2e</pre>
780
+ <pre><span># Generate UI lib</span>
781
+ nx g &#64;nx/angular:lib ui
782
+ <span># Add a component</span>
783
+ nx g &#64;nx/angular:component ui/src/lib/button</pre>
813
784
  </details>
814
785
  </div>
815
786
  <p id="love">