@nx/angular 19.6.0-beta.0 → 19.6.0-beta.2
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +8 -8
- package/src/generators/application/files/nx-welcome/claimed/ng-module/src/app/nx-welcome.component.ts__tpl__ +808 -0
- package/src/generators/application/files/nx-welcome/claimed/standalone/src/app/nx-welcome.component.ts__tpl__ +811 -0
- package/src/generators/application/files/{ng-module → nx-welcome/not-configured/ng-module}/src/app/nx-welcome.component.ts__tpl__ +37 -66
- package/src/generators/application/files/{standalone-components → nx-welcome/not-configured/standalone}/src/app/nx-welcome.component.ts__tpl__ +39 -68
- package/src/generators/application/files/nx-welcome/unclaimed/ng-module/src/app/nx-welcome.component.ts__tpl__ +810 -0
- package/src/generators/application/files/nx-welcome/unclaimed/standalone/src/app/nx-welcome.component.ts__tpl__ +813 -0
- package/src/generators/application/lib/create-files.js +10 -0
- package/src/generators/application/schema.d.ts +1 -0
@@ -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:
|
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,
|
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
|
-
|
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="
|
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
|
-
|
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="
|
602
|
-
|
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
|
-
|
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
|
-
|
619
|
-
<span> Nx
|
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.
|
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
|
-
|
709
|
+
Build, test and lint your app
|
743
710
|
</summary>
|
744
|
-
<pre><span>#
|
745
|
-
nx
|
746
|
-
<span>#
|
747
|
-
nx
|
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 @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
|
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 @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 @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
|
-
|
775
|
+
Add UI library
|
803
776
|
</summary>
|
804
|
-
<pre><span>#
|
805
|
-
nx
|
806
|
-
<span>#
|
807
|
-
nx
|
808
|
-
<span># run e2e tests for current changes</span>
|
809
|
-
nx affected:e2e</pre>
|
777
|
+
<pre><span># Generate UI lib</span>
|
778
|
+
nx g @nx/angular:lib ui
|
779
|
+
<span># Add a component</span>
|
780
|
+
nx g @nx/angular:component ui/src/lib/button</pre>
|
810
781
|
</details>
|
811
782
|
</div>
|
812
783
|
<p id="love">
|
@@ -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:
|
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,
|
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
|
-
|
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
|
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="
|
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
|
-
|
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="
|
605
|
-
|
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
|
-
|
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
|
-
|
622
|
-
<span> Nx
|
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.
|
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
|
-
|
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
|
-
|
712
|
+
Build, test and lint your app
|
746
713
|
</summary>
|
747
|
-
<pre><span>#
|
748
|
-
nx
|
749
|
-
<span>#
|
750
|
-
nx
|
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 @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
|
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 @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 @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
|
-
|
778
|
+
Add UI library
|
806
779
|
</summary>
|
807
|
-
<pre><span>#
|
808
|
-
nx
|
809
|
-
<span>#
|
810
|
-
nx
|
811
|
-
<span># run e2e tests for current changes</span>
|
812
|
-
nx affected:e2e</pre>
|
780
|
+
<pre><span># Generate UI lib</span>
|
781
|
+
nx g @nx/angular:lib ui
|
782
|
+
<span># Add a component</span>
|
783
|
+
nx g @nx/angular:component ui/src/lib/button</pre>
|
813
784
|
</details>
|
814
785
|
</div>
|
815
786
|
<p id="love">
|