Skip to content

Commit a854efe

Browse files
petrukipetruki
committed
Optimized bundle: improved components and cleaned modules
1 parent c113d0e commit a854efe

File tree

20 files changed

+92
-361
lines changed

20 files changed

+92
-361
lines changed

‎angular.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -54,12 +54,12 @@
5454
"sourceMap": false,
5555
"namedChunks": false,
5656
"extractLicenses": true,
57-
"vendorChunk": false,
57+
"vendorChunk": true,
5858
"buildOptimizer": true,
5959
"budgets": [
6060
{
6161
"type": "initial",
62-
"maximumWarning": "3mb",
62+
"maximumWarning": "2mb",
6363
"maximumError": "5mb"
6464
},
6565
{
@@ -84,12 +84,12 @@
8484
"sourceMap": false,
8585
"namedChunks": false,
8686
"extractLicenses": true,
87-
"vendorChunk": false,
87+
"vendorChunk": true,
8888
"buildOptimizer": true,
8989
"budgets": [
9090
{
9191
"type": "initial",
92-
"maximumWarning": "3mb",
92+
"maximumWarning": "2mb",
9393
"maximumError": "5mb"
9494
},
9595
{

‎src/app/dashboard-module/dashboard.module.ts‎

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,11 @@
11
import { NgModule } from '@angular/core';
2-
import { CommonModule } from '@angular/common';
32

43
import { DashboardRoutingModule } from './dashboard.routing';
5-
import { AppMaterialModule } from '../shared/app-material.module';
6-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
7-
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
8-
import { ToasterModule } from '../_helpers/toaster/toaster.module';
94
import { DomainRouteService } from '../services/domain-route.service';
105

116
@NgModule({
127
imports: [
13-
FormsModule,
14-
CommonModule,
15-
NgbModule,
16-
ReactiveFormsModule,
178
DashboardRoutingModule,
18-
AppMaterialModule,
19-
ToasterModule
209
],
2110
providers: [
2211
DomainRouteService

‎src/app/dashboard-module/domain-module/domain.module.ts‎

Lines changed: 4 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -1,95 +1,17 @@
11
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
2-
import { CommonModule } from '@angular/common';
3-
import { DomainComponent } from './domain/domain.component';
42

53
import { DomainRoutingModule } from './domain.routing';
6-
import { DomainDetailComponent } from './domain-detail/domain-detail.component';
7-
import { ChangelogComponent } from './changelog/changelog.component';
8-
import { ComponentsComponent, ComponentEditDialogComponent } from './components/components.component';
9-
import { EnvironmentsComponent } from './environments/environments.component';
10-
import { GroupListComponent } from './group/group-list/group-list.component';
11-
import { GroupPreviewComponent } from './group/group-preview/group-preview.component';
12-
import { GroupDetailComponent } from './group/group-detail/group-detail.component';
134

14-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
15-
import { ClipboardModule } from '@angular/cdk/clipboard';
16-
import { ConfigListComponent } from './config/config-list/config-list.component';
17-
import { ConfigPreviewComponent } from './config/config-preview/config-preview.component';
18-
import { ConfigDetailComponent } from './config/config-detail/config-detail.component';
19-
import { StrategyDetailComponent, ChangeLogDialogComponent } from './config/strategy-detail/strategy-detail.component';
20-
import { StrategyListComponent } from './config/strategy-list/strategy-list.component';
21-
import { EnvironmentConfigComponent } from './environment-config/environment-config.component';
22-
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
23-
import { GroupCreateComponent } from './group/group-create/group-create.component';
24-
import { ConfigCreateComponent } from './config/config-create/config-create.component';
25-
import { ToasterModule } from 'src/app/_helpers/toaster/toaster.module';
26-
import { NgbdModalConfirmComponent } from 'src/app/_helpers/confirmation-dialog';
27-
import { StrategyCreateComponent } from './config/strategy-create/strategy-create.component';
28-
import { StrategyCloneComponent } from './config/strategy-clone/strategy-clone.component';
29-
import { BaseChartDirective } from '../../../libs/ng2-charts/src/lib/base-chart.directive';
30-
import { DomainSnapshotComponent } from './domain/domain-snapshot/domain-snapshot.component';
31-
import { TeamInviteDialogComponent } from './team-module/team-invite-dialog/team-invite-dialog.component';
325
import { DomainRouteService } from 'src/app/services/domain-route.service';
33-
import { DomainTransferDialogComponent } from './domain/domain-transfer/domain-transfer-dialog.component';
34-
import { MetricModule } from './metric-module/metric.module';
35-
import { SpecialCharacterDirective } from './common/special.char.directive';
36-
import { AppMaterialModule } from 'src/app/shared/app-material.module';
37-
import { RelayDetailComponent, RelayVerificationDialogComponent } from './config/relay-detail/relay-detail.component';
38-
import { ExtSlackComponent } from './ext-slack/ext-slack.component';
39-
import { SlackSettingsComponent } from './ext-slack/slack-settings/slack-settings.component';
40-
import { ExtGitOpsComponent } from './ext-gitops/ext-gitops.component';
41-
import { GitOpsEnvSelectionComponent } from './ext-gitops/gitops-env-selection/gitops-env-selection.component';
42-
import { GitOpsUpdateTokensComponent } from './ext-gitops/gitops-update-tokens/gitops-update-tokens.component';
43-
import { BlockUIComponent } from 'src/app/shared/block-ui/block-ui.component';
6+
import { DatePipe } from '@angular/common';
447

458
@NgModule({
469
imports: [
47-
BlockUIComponent,
48-
FormsModule,
49-
ReactiveFormsModule,
50-
NgbModule,
51-
CommonModule,
52-
ClipboardModule,
53-
DomainRoutingModule,
54-
AppMaterialModule,
55-
ToasterModule,
56-
BaseChartDirective,
57-
MetricModule,
58-
DomainComponent,
59-
DomainDetailComponent,
60-
ChangelogComponent,
61-
ComponentsComponent,
62-
EnvironmentsComponent,
63-
GroupListComponent,
64-
GroupPreviewComponent,
65-
GroupDetailComponent,
66-
ConfigListComponent,
67-
ConfigPreviewComponent,
68-
ConfigDetailComponent,
69-
RelayDetailComponent,
70-
StrategyDetailComponent,
71-
StrategyListComponent,
72-
EnvironmentConfigComponent,
73-
GroupCreateComponent,
74-
ConfigCreateComponent,
75-
NgbdModalConfirmComponent,
76-
StrategyCreateComponent,
77-
StrategyCloneComponent,
78-
ComponentEditDialogComponent,
79-
TeamInviteDialogComponent,
80-
ChangeLogDialogComponent,
81-
RelayVerificationDialogComponent,
82-
DomainSnapshotComponent,
83-
DomainTransferDialogComponent,
84-
SpecialCharacterDirective,
85-
ExtSlackComponent,
86-
SlackSettingsComponent,
87-
ExtGitOpsComponent,
88-
GitOpsEnvSelectionComponent,
89-
GitOpsUpdateTokensComponent
10+
DomainRoutingModule
9011
],
9112
providers: [
92-
DomainRouteService
13+
DomainRouteService,
14+
DatePipe
9315
],
9416
schemas: [CUSTOM_ELEMENTS_SCHEMA]
9517
})

‎src/app/dashboard-module/domain-module/metric-module/metric.module.ts‎

Lines changed: 2 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,9 @@
11
import { NgModule } from '@angular/core';
2-
import { CommonModule } from '@angular/common';
3-
import { MetricComponent } from './metric/metric.component';
4-
import { MetricStatisticsComponent, SwitcherDataStatsDialogComponent } from './metric-statistics/metric-statistics.component';
5-
import { MetricDataComponent } from './metric-data/metric-data.component';
6-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
7-
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
8-
import { BaseChartDirective } from '../../../../libs/ng2-charts/src/lib/base-chart.directive';
92
import { MetricRoutingModule } from './metric.routing';
10-
import { MetricFilterComponent } from './metric-filter/metric-filter.component';
11-
import { Metric } from 'src/app/model/metric';
12-
import { ElementAutocompleteComponent } from '../common/element-autocomplete/element-autocomplete.component';
13-
import { AppMaterialModule } from 'src/app/shared/app-material.module';
143

154
@NgModule({
16-
exports: [
17-
MetricComponent,
18-
MetricStatisticsComponent,
19-
MetricDataComponent,
20-
ElementAutocompleteComponent
21-
],
225
imports: [
23-
MetricRoutingModule,
24-
CommonModule,
25-
FormsModule,
26-
ReactiveFormsModule,
27-
NgbModule,
28-
AppMaterialModule,
29-
BaseChartDirective,
30-
MetricComponent,
31-
MetricStatisticsComponent,
32-
MetricDataComponent,
33-
SwitcherDataStatsDialogComponent,
34-
MetricFilterComponent,
35-
ElementAutocompleteComponent
36-
],
37-
providers: [Metric],
6+
MetricRoutingModule
7+
]
388
})
399
export class MetricModule { }

‎src/app/dashboard-module/domain-module/metric-module/metric/metric.component.ts‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Subject, Observable } from 'rxjs';
33
import { map, takeUntil } from 'rxjs/operators';
44
import { ConsoleLogger } from 'src/app/_helpers/console-logger';
55
import { RouterErrorHandler } from 'src/app/_helpers/router-error-handler';
6-
import { MatDialog } from '@angular/material/dialog';
6+
import { MatDialog, MatDialogModule } from '@angular/material/dialog';
77
import { MetricFilterComponent } from '../metric-filter/metric-filter.component';
88
import { Metric } from 'src/app/model/metric';
99
import { MetricService } from 'src/app/services/metric.service';
@@ -16,6 +16,8 @@ import { MatButton } from '@angular/material/button';
1616
import { MatIcon } from '@angular/material/icon';
1717
import { MetricStatisticsComponent } from '../metric-statistics/metric-statistics.component';
1818
import { MetricDataComponent } from '../metric-data/metric-data.component';
19+
import { MatNativeDateModule } from '@angular/material/core';
20+
import { MAT_TOOLTIP_DEFAULT_OPTIONS } from '@angular/material/tooltip';
1921

2022
@Component({
2123
selector: 'app-metric',
@@ -24,7 +26,12 @@ import { MetricDataComponent } from '../metric-data/metric-data.component';
2426
'../../common/css/detail.component.css',
2527
'./metric.component.css'
2628
],
27-
imports: [NgClass, MatButton, MatIcon, NgbNav, NgbNavItem, NgbNavLink, NgbNavLinkBase, NgbNavContent, MetricStatisticsComponent, MetricDataComponent, NgbNavOutlet]
29+
imports: [NgClass, MatButton, MatIcon, NgbNav, NgbNavItem, NgbNavLink, NgbNavLinkBase,
30+
NgbNavContent, MetricStatisticsComponent, MetricDataComponent, NgbNavOutlet, MatDialogModule, MatNativeDateModule
31+
],
32+
providers: [
33+
{ provide: MAT_TOOLTIP_DEFAULT_OPTIONS, useValue: { showDelay: 250, hideDelay: 5, touchendHideDelay: 5, touchGestures: 'auto' } }
34+
]
2835
})
2936
export class MetricComponent implements OnInit, OnDestroy {
3037
private readonly activatedRoute = inject(ActivatedRoute);

‎src/app/dashboard-module/domain-module/team-module/team-detail/team-detail.component.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<app-block-ui [isBlocked]="blockuiEnabled" [message]="blockuiMessage" [showSpinner]="true">
12
@if (!loading) {
23
<div style="padding-top: 20px;">
34
<section [ngClass]="classStatus">
@@ -78,4 +79,5 @@
7879
}
7980
</section>
8081
</div>
81-
}
82+
}
83+
<app-block-ui [isBlocked]="blockuiEnabled" [message]="blockuiMessage" [showSpinner]="true"></app-block-ui>

‎src/app/dashboard-module/domain-module/team-module/team-detail/team-detail.component.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ import { NgbNav, NgbNavItem, NgbNavLink, NgbNavLinkBase, NgbNavContent, NgbNavOu
2020
import { TeamMembersComponent } from '../team-members/team-members.component';
2121
import { TeamPermissionsComponent } from '../team-permissions/team-permissions.component';
2222
import { TeamPendingMembersComponent } from '../team-pending-members/team-pending-members.component';
23+
import { BlockUIComponent } from 'src/app/shared/block-ui/block-ui.component';
2324

2425
@Component({
2526
selector: 'app-team-detail',
@@ -31,7 +32,7 @@ import { TeamPendingMembersComponent } from '../team-pending-members/team-pendin
3132
],
3233
imports: [NgClass, MatFormField, MatLabel, MatInput, FormsModule, NgStyle, ReactiveFormsModule, MatError, MatSlideToggle,
3334
MatButton, MatIcon, NgbNav, NgbNavItem, NgbNavLink, NgbNavLinkBase, NgbNavContent, TeamMembersComponent,
34-
TeamPermissionsComponent, TeamPendingMembersComponent, NgbNavOutlet
35+
TeamPermissionsComponent, TeamPendingMembersComponent, NgbNavOutlet, BlockUIComponent
3536
]
3637
})
3738
export class TeamDetailComponent extends DetailComponent implements OnInit, OnDestroy {

‎src/app/dashboard-module/domain-module/team-module/team-permissions/team-permissions.component.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<app-block-ui [isBlocked]="blockuiEnabled" [message]="blockuiMessage" [showSpinner]="true">
12
<div class="filter-permission-style">
23
<button mat-button class="btn-element" (click)="createPermission()" [disabled]="!creatable">
34
<mat-icon style="font-size: large;">create</mat-icon>
@@ -67,4 +68,5 @@
6768
<tr mat-row *matRowDef="let element; columns: dataColumns;" class="element-row"></tr>
6869
</table>
6970
</div>
70-
}
71+
}
72+
</app-block-ui>

‎src/app/dashboard-module/domain-module/team-module/team-permissions/team-permissions.component.ts‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ import { MatButton, MatIconButton } from '@angular/material/button';
1616
import { MatIcon } from '@angular/material/icon';
1717
import { MatFormField, MatLabel, MatInput } from '@angular/material/input';
1818
import { MatTooltip } from '@angular/material/tooltip';
19+
import { BlockUIComponent } from 'src/app/shared/block-ui/block-ui.component';
1920

2021
@Component({
2122
selector: 'app-team-permissions',
@@ -26,7 +27,8 @@ import { MatTooltip } from '@angular/material/tooltip';
2627
'./team-permissions.component.css'
2728
],
2829
imports: [MatButton, MatIcon, MatFormField, MatLabel, MatInput, MatTable, MatSort, MatColumnDef, MatHeaderCellDef,
29-
MatHeaderCell, MatCellDef, MatCell, MatIconButton, MatSortHeader, MatTooltip, MatSlideToggle, MatHeaderRowDef, MatHeaderRow, MatRowDef, MatRow
30+
MatHeaderCell, MatCellDef, MatCell, MatIconButton, MatSortHeader, MatTooltip, MatSlideToggle, MatHeaderRowDef,
31+
MatHeaderRow, MatRowDef, MatRow, BlockUIComponent
3032
]
3133
})
3234
export class TeamPermissionsComponent extends BasicComponent implements OnInit, OnDestroy {

‎src/app/dashboard-module/domain-module/team-module/team-preview/team-preview.component.ts‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,9 @@ import { MatIcon } from '@angular/material/icon';
2626
'../../common/css/detail.component.css',
2727
'./team-preview.component.css'
2828
],
29-
imports: [BlockUIComponent, MatFormField, MatLabel, MatInput, FormsModule, NgStyle, ReactiveFormsModule, MatError, MatSlideToggle, NgClass, MatButton, MatIcon]
29+
imports: [BlockUIComponent, MatFormField, MatLabel, MatInput, FormsModule, NgStyle,
30+
ReactiveFormsModule, MatError, MatSlideToggle, NgClass, MatButton, MatIcon, BlockUIComponent
31+
]
3032
})
3133
export class TeamPreviewComponent extends BasicComponent implements OnInit, OnDestroy {
3234
private readonly router = inject(Router);

0 commit comments

Comments
 (0)