Merge pull request #55 from Rotzbua/chore_standalone_demoapp

chore(demo-app): migrate to standalone
emanuelefricano93 · Jul 10, 2024 · 787330d · 787330d
2 parents 8ebff72 + 5d0d199
commit 787330d
Show file tree

Hide file tree

Showing 11 changed files with 597 additions and 454 deletions.
diff --git a/angular.json b/angular.json
@@ -103,6 +103,7 @@
             },
             "index": "projects/demo-app/src/index.html",
             "polyfills": [
+              "@angular/localize/init",
               "zone.js"
             ],
             "tsConfig": "projects/demo-app/tsconfig.app.json",
@@ -165,6 +166,7 @@
           "options": {
             "main": "projects/demo-app/src/test.ts",
             "polyfills": [
+              "@angular/localize/init",
               "zone.js",
               "zone.js/testing"
             ],

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -42,6 +42,7 @@
     "@angular/compiler": "^18.0.4",
     "@angular/core": "^18.0.4",
     "@angular/forms": "^18.0.4",
+    "@angular/localize": "^18.0.4",
     "@angular/platform-browser": "^18.0.4",
     "@angular/platform-browser-dynamic": "^18.0.4",
     "@angular/router": "^18.0.4",

diff --git a/projects/demo-app/src/app/app.component.spec.ts b/projects/demo-app/src/app/app.component.spec.ts
@@ -5,9 +5,7 @@ import { AppComponent } from './app.component';
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
+      imports: [AppComponent],
     }).compileComponents();
   });
 

diff --git a/projects/demo-app/src/app/app.component.ts b/projects/demo-app/src/app/app.component.ts
@@ -1,12 +1,19 @@
-import { Component } from '@angular/core';
-import { UntypedFormGroup, UntypedFormControl } from '@angular/forms';
-
-import { NgxTimelineEvent, NgxTimelineEventGroup, NgxTimelineEventChangeSide, NgxDateFormat, NgxTimelineOrientation } from 'ngx-timeline';
+import {JsonPipe, NgClass} from '@angular/common';
+import {Component} from '@angular/core';
+import {UntypedFormGroup, UntypedFormControl, ReactiveFormsModule} from '@angular/forms';
+import {NgxDateFormat, NgxTimelineEvent, NgxTimelineEventChangeSide, NgxTimelineEventGroup, NgxTimelineModule, NgxTimelineOrientation} from 'ngx-timeline';
 
 @Component({
   selector: 'app-root',
+  standalone: true,
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+  styleUrl: './app.component.scss',
+  imports: [
+    JsonPipe,
+    NgClass,
+    NgxTimelineModule,
+    ReactiveFormsModule,
+  ],
 })
 export class AppComponent {
   title = 'demo-app';

diff --git a/projects/demo-app/src/app/app.config.ts b/projects/demo-app/src/app/app.config.ts
@@ -0,0 +1,7 @@
+import {ApplicationConfig, provideZoneChangeDetection} from '@angular/core';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideZoneChangeDetection({eventCoalescing: true}),
+  ],
+};
diff --git a/projects/demo-app/src/app/app.module.ts b/projects/demo-app/src/app/app.module.ts
diff --git a/projects/demo-app/src/main.ts b/projects/demo-app/src/main.ts
@@ -1,6 +1,8 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {bootstrapApplication} from '@angular/platform-browser';
 
-import { AppModule } from './app/app.module';
+import {AppComponent} from './app/app.component';
+import {appConfig} from './app/app.config';
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+
+bootstrapApplication(AppComponent, appConfig)
+  .catch((err) => console.error(err));
diff --git a/projects/demo-app/tsconfig.app.json b/projects/demo-app/tsconfig.app.json
@@ -3,8 +3,10 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/app",
-    "types": [],
-      "paths": {
+    "types": [
+      "@angular/localize"
+    ],
+    "paths": {
       "ngx-timeline": [
         "dist/ngx-timeline/ngx-timeline",
         "dist/ngx-timeline"

diff --git a/projects/demo-app/tsconfig.spec.json b/projects/demo-app/tsconfig.spec.json
@@ -4,7 +4,8 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "types": [
-      "jasmine"
+      "jasmine",
+      "@angular/localize"
     ]
   },
   "files": [

diff --git a/tsconfig.json b/tsconfig.json
@@ -29,6 +29,7 @@
     "useDefineForClassFields": false
   },
   "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
     "strictTemplates": false