Enable AOT on build.

Author: seanwu1105

angular.json

@@ -19,6 +19,7 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
+            "aot": true,
             "assets": [
               {
                 "glob": "**/*",
@@ -56,7 +57,6 @@
               "outputHashing": "all",
               "sourceMap": false,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,

src/app/features/home/capture-tab/capture-details/sending-post-capture/sending-post-capture.page.html

@@ -43,10 +43,10 @@
       <mat-card-header>
         <img [attr.src]="ownerAvatar$ | async" mat-card-avatar />
         <mat-card-title>
-          {{ asset.source_transaction.sender }}
+          {{ asset.source_transaction?.sender }}
         </mat-card-title>
         <mat-card-subtitle>
-          {{ asset.source_transaction.fulfilled_at | date: 'short' }}
+          {{ asset.source_transaction?.fulfilled_at | date: 'short' }}
         </mat-card-subtitle>
       </mat-card-header>
       <img [src]="asset.sharable_copy" mat-card-image />

src/app/features/home/capture-tab/capture-tab.component.html

@@ -19,7 +19,7 @@
     </ng-template>
     <input
       #avatarInput
-      (change)="uploadAvatar($event.target.files)"
+      (change)="uploadAvatar($event)"
       type="file"
       accept="image/jpeg"
       class="avatar-input"

src/app/features/home/capture-tab/capture-tab.component.ts

@@ -135,8 +135,8 @@ export class CaptureTabComponent {
 
   // eslint-disable-next-line class-methods-use-this
   keyDescendingOrder(
-    a: KeyValue<number, string>,
-    b: KeyValue<number, string>
+    a: KeyValue<string, CaptureItem[]>,
+    b: KeyValue<string, CaptureItem[]>
   ): number {
     return a.key > b.key ? -1 : b.key > a.key ? 1 : 0;
   }
@@ -164,8 +164,8 @@ export class CaptureTabComponent {
       .subscribe();
   }
 
-  uploadAvatar(fileList: FileList) {
-    return of(fileList.item(0))
+  uploadAvatar(event: Event) {
+    return of((event.target as HTMLInputElement | null)?.files?.item(0))
       .pipe(
         isNonNullable(),
         concatMap(picture =>

src/app/features/home/transaction/transaction-details/transaction-details.page.html

@@ -10,12 +10,12 @@ <h4 class="datetime">
   </h4>
   <mat-card class="transaction-card">
     <mat-card-content class="row">
-      <mat-label> {{ (transaction$ | async)?.asset.id }}</mat-label>
+      <mat-label> {{ (transaction$ | async)?.asset?.id }}</mat-label>
       <button [class]="status$ | async" mat-stroked-button disableRipple>
         {{ t('transactionState.' + (status$ | async)) }}
       </button>
     </mat-card-content>
-    <img [src]="(transaction$ | async)?.asset.asset_file_thumbnail" />
+    <img [src]="(transaction$ | async)?.asset?.asset_file_thumbnail" />
     <mat-card-content class="column">
       <mat-label>
         {{ t('sentFrom') }}: {{ (transaction$ | async)?.sender_name }}

src/app/features/login/login.page.html

@@ -24,7 +24,12 @@
     {{ t('forgetPassword') }}
   </button>
 
-  <button routerLink="/signup" replaceUrl mat-stroked-button color="primary">
+  <button
+    routerLink="/signup"
+    [replaceUrl]="true"
+    mat-stroked-button
+    color="primary"
+  >
     {{ t('createAnAccount') }}
   </button>
 

src/app/features/signup/signup.page.html

@@ -19,7 +19,12 @@
     </button>
   </form>
 
-  <button routerLink="/login" replaceUrl mat-stroked-button color="primary">
+  <button
+    routerLink="/login"
+    [replaceUrl]="true"
+    mat-stroked-button
+    color="primary"
+  >
     {{ t('alreadyHaveAnAccount') }}
   </button>
 </div>

src/app/shared/core/image-viewer/image-viewer.page.spec.ts

@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { PinchZoomModule } from 'ngx-pinch-zoom';
 import { SharedTestingModule } from '../../shared-testing.module';
 import { ImageViewerPage } from './image-viewer.page';
 
@@ -10,7 +11,7 @@ describe('ImageViewerPage', () => {
     waitForAsync(() => {
       TestBed.configureTestingModule({
         declarations: [ImageViewerPage],
-        imports: [SharedTestingModule],
+        imports: [SharedTestingModule, PinchZoomModule],
       }).compileComponents();
 
       fixture = TestBed.createComponent(ImageViewerPage);

tsconfig.json

@@ -17,7 +17,7 @@
     "allowSyntheticDefaultImports": true
   },
   "angularCompilerOptions": {
-    "fullTemplateTypeCheck": true,
+    "strictTemplates": true,
     "strictInjectionParameters": true
   }
 }