Skip to content

Commit 4605bfe

Browse files
rkaraivanovrkaraivanov
committed
build: Migrated to Angular 21
1 parent 47cd96c commit 4605bfe

11 files changed

Lines changed: 2927 additions & 2379 deletions

File tree

‎package-lock.json‎

Lines changed: 2888 additions & 2339 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,6 @@
3737
"repositoryfyAngularDemosCrm:prod": "gulp repositoryfyAngularDemosCrm --configuration production",
3838
"build:stats": "ng build --stats-json",
3939
"analyze": "webpack-bundle-analyzer dist/app/stats.json",
40-
"postinstall": "gulp copyGitHooks",
4140
"serve:ssr:my-app": "node dist/app/server/server.mjs",
4241
"serve:ssr:app-crm": "node dist/app-crm/server/server.mjs",
4342
"serve:ssr:app-lob": "node dist/app-lob/server/server.mjs"
@@ -47,19 +46,19 @@
4746
"url": "git://github.com/IgniteUI/igniteui-angular-samples/repository.git"
4847
},
4948
"dependencies": {
50-
"@angular/animations": "^20.3.0",
51-
"@angular/cdk": "^20.2.3",
52-
"@angular/common": "^20.3.0",
53-
"@angular/compiler": "^20.3.0",
54-
"@angular/core": "^20.3.0",
55-
"@angular/forms": "^20.3.0",
56-
"@angular/localize": "^20.3.0",
57-
"@angular/material": "^20.2.3",
58-
"@angular/platform-browser": "^20.3.0",
59-
"@angular/platform-browser-dynamic": "^20.3.0",
60-
"@angular/platform-server": "^20.3.0",
61-
"@angular/router": "^20.3.0",
62-
"@angular/ssr": "^20.3.1",
49+
"@angular/animations": "^21.0.0",
50+
"@angular/cdk": "^21.0.0",
51+
"@angular/common": "^21.0.0",
52+
"@angular/compiler": "^21.0.0",
53+
"@angular/core": "^21.0.0",
54+
"@angular/forms": "^21.0.0",
55+
"@angular/localize": "^21.0.0",
56+
"@angular/material": "^21.0.0",
57+
"@angular/platform-browser": "^21.0.0",
58+
"@angular/platform-browser-dynamic": "^21.0.0",
59+
"@angular/platform-server": "^21.0.0",
60+
"@angular/router": "^21.0.0",
61+
"@angular/ssr": "^21.0.0",
6362
"@igniteui/material-icons-extended": "^3.1.0",
6463
"@microsoft/signalr": "^8.0.7",
6564
"@ng-bootstrap/ng-bootstrap": "^19.0.1",
@@ -110,15 +109,15 @@
110109
}
111110
},
112111
"devDependencies": {
113-
"@angular-eslint/builder": "^20.3.0",
114-
"@angular-eslint/eslint-plugin": "^20.3.0",
115-
"@angular-eslint/eslint-plugin-template": "^20.3.0",
116-
"@angular-eslint/schematics": "^20.3.0",
117-
"@angular-eslint/template-parser": "^20.3.0",
118-
"@angular/build": "^20.3.1",
119-
"@angular/cli": "^20.3.1",
120-
"@angular/compiler-cli": "^20.3.0",
121-
"@angular/language-service": "^20.3.0",
112+
"@angular-eslint/builder": "^20.6.0",
113+
"@angular-eslint/eslint-plugin": "^20.6.0",
114+
"@angular-eslint/eslint-plugin-template": "^20.6.0",
115+
"@angular-eslint/schematics": "^20.6.0",
116+
"@angular-eslint/template-parser": "^20.6.0",
117+
"@angular/build": "^21.0.0",
118+
"@angular/cli": "^21.0.0",
119+
"@angular/compiler-cli": "^21.0.0",
120+
"@angular/language-service": "^21.0.0",
122121
"@igniteui/angular-schematics": "20.0.1455",
123122
"@juggle/resize-observer": "^3.3.1",
124123
"@types/express": "^4.17.17",
@@ -139,8 +138,9 @@
139138
"karma-chrome-launcher": "~3.2.0",
140139
"karma-jasmine": "~5.1.0",
141140
"karma-jasmine-html-reporter": "^2.0.0",
141+
"postcss": "^8.5.3",
142142
"ts-node": "^10.9.1",
143-
"typescript": "5.8.3",
143+
"typescript": "5.9.3",
144144
"webpack-bundle-analyzer": "^4.10.0"
145145
}
146-
}
146+
}

‎projects/app-crm/src/main.server.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
1+
import { provideZoneChangeDetection } from "@angular/core";
12
import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser';
23
import { AppComponent } from './app/app.component';
34
import { config } from './app/app.config.server';
45

5-
const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context);
6+
const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context);
67

78
export default bootstrap;

‎projects/app-crm/src/main.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { enableProdMode } from '@angular/core';
1+
import { enableProdMode, provideZoneChangeDetection } from '@angular/core';
22
import { environment } from './environments/environment';
33
import { bootstrapApplication } from '@angular/platform-browser';
44
import { AppComponent } from './app/app.component';
@@ -8,4 +8,4 @@ if (environment.production) {
88
enableProdMode();
99
}
1010

11-
bootstrapApplication(AppComponent, AppConfig).catch((err) => console.error(err));
11+
bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch((err) => console.error(err));

‎projects/app-lob/src/main.server.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
1+
import { provideZoneChangeDetection } from "@angular/core";
12
import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser';
23
import { AppComponent } from './app/app.component';
34
import { config } from './app/app.config.server';
45

5-
const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context);
6+
const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context);
67

78
export default bootstrap;

‎projects/app-lob/src/main.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { enableProdMode } from '@angular/core';
1+
import { enableProdMode, provideZoneChangeDetection } from '@angular/core';
22
import { defineCustomElements } from 'igniteui-dockmanager/loader';
33

44

@@ -11,6 +11,6 @@ if (environment.production) {
1111
enableProdMode();
1212
}
1313

14-
bootstrapApplication(AppComponent, AppConfig).catch(err => console.error(err));
14+
bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.error(err));
1515

1616
defineCustomElements(window);

‎src/app/app.component.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export class AppComponent implements OnInit {
2323

2424
// eslint-disable-next-line @typescript-eslint/member-ordering
2525
@HostListener('window:message', ['$event'])
26-
private onMessage(e: MessageEvent) {
26+
protected onMessage(e: MessageEvent) {
2727
if (e.origin === e.data.origin && typeof e.data.themeStyle === 'string') {
2828
this.styleElem.textContent = e.data.themeStyle;
2929
const typeface = window.getComputedStyle(this.document.body).fontFamily.replace(/[\'\"]/g, '');

‎src/app/data-entries/input-group/base-input.component.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export class BaseInputGroupSampleComponent {
1111
public type = null;
1212

1313
@HostListener('window:message', ['$event'])
14-
private onMessage(e: MessageEvent) {
14+
protected onMessage(e: MessageEvent) {
1515
if (e.origin === e.data.origin && e.data.themeName) {
1616
this.applyInputTypeForTheme(e.data.themeName);
1717
}

‎src/main.server.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
1+
import { provideZoneChangeDetection } from "@angular/core";
12
import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser';
23
import { AppComponent } from './app/app.component';
34
import { config } from './app/app.config.server';
45

5-
const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context);
6+
const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context);
67

78
export default bootstrap;

‎src/main.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { enableProdMode } from '@angular/core';
1+
import { enableProdMode, provideZoneChangeDetection } from '@angular/core';
22
import { environment } from './environments/environment';
33
import { defineCustomElements } from 'igniteui-dockmanager/loader';
44
import { bootstrapApplication } from '@angular/platform-browser';
@@ -9,6 +9,6 @@ if (environment.production) {
99
enableProdMode();
1010
}
1111

12-
bootstrapApplication(AppComponent, AppConfig).catch(err => console.log(err));
12+
bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.log(err));
1313

1414
defineCustomElements(window);

0 commit comments

Comments
 (0)