feat: angular 9 ivy support (#2169)

closes #2152
closes #2060

Author: NathanWalker

CHANGELOG.md

@@ -1,3 +1,12 @@
+<a name="9.0.0"></a>
+# [9.0.0](https://github.com/NativeScript/nativescript-angular/compare/8.20.4...9.0.0) (2020-06-03)
+
+
+### Features
+
+* angular 9 ivy ([fbe2450](https://github.com/NativeScript/nativescript-angular/commit/fbe2450))
+
+
 <a name="8.20.4"></a>
 ## [8.20.4](https://github.com/NativeScript/nativescript-angular/compare/8.20.3...8.20.4) (2020-01-07)
 
@@ -649,7 +658,7 @@ Angular apps described in [this](https://angular.io/guide/ngmodule-faq#q-browser
 Migration steps:
 In all NgModules, except the root one (`AppModule`), replace:
 ```
-import { NativeScriptModule } from "nativescript-angular/nativescript.module";
+import { NativeScriptModule } from "@nativescript/angular";
 …
 @NgModule({
     imports: [

build/pack-scripts/package.json

@@ -10,9 +10,9 @@
   "license": "ISC",
   "devDependencies": {
     "@types/node": "^12.7.12",
-    "fs-extra": "^8.1.0",
+    "fs-extra": "^9.0.0",
     "rimraf": "^3.0.0",
-    "ts-node": "^8.4.1",
-    "typescript": "^3.6.4"
+    "ts-node": "^8.10.2",
+    "typescript": "^3.8.3"
   }
 }

build/pack-scripts/tsconfig.json

@@ -6,10 +6,11 @@
         "emitDecoratorMetadata": true,
         "noEmitHelpers": true,
         "noEmitOnError": true,
+        "skipLibCheck": true,
         "lib": [
-            "es6",
+            "es2017",
             "dom",
-            "es2015.iterable"
+            "es6"
         ],
         "types": [
             "node"

e2e/animation-examples/app/app.module.ts

@@ -4,11 +4,21 @@ import {
     NgModuleFactoryLoader
 } from "@angular/core";
 
-import { NativeScriptModule } from "nativescript-angular/nativescript.module";
-import { NativeScriptAnimationsModule } from "nativescript-angular/animations";
-import { NSModuleFactoryLoader } from "nativescript-angular/router";
+import { NativeScriptModule } from "@nativescript/angular";
+import { NativeScriptAnimationsModule } from "@nativescript/angular/animations";
+import { NSModuleFactoryLoader } from "@nativescript/angular/router";
+
+import { AppRoutingModule } from "./app.routing";
+import { AnimationsListComponent } from "./animations-list.component";
+import { AnimationBuilderComponent } from "./animation-builder.component";
+import { ExternalAnimationComponent } from "./external-animation.component";
+import { FadeInOutComponent } from "./fade-in-out.component";
+import { OptionsComponent } from "./options.component";
+import { OptionsDefaultComponent } from "./options-default.component";
+import { AnimateChildComponent } from "./animate-child.component";
+import { SelectorAllComponent } from "./selector-all.component";
+import { QueryStaggerComponent } from "./query-stagger.component";
 
-import { AppRoutingModule, routedComponents } from "./app.routing";
 import { AppComponent } from "./app.component";
 
 @NgModule({
@@ -17,7 +27,15 @@ import { AppComponent } from "./app.component";
     ],
     declarations: [
         AppComponent,
-        ...routedComponents,
+        AnimationsListComponent,
+        AnimationBuilderComponent,
+        ExternalAnimationComponent,
+        FadeInOutComponent,
+        OptionsComponent,
+        OptionsDefaultComponent,
+        AnimateChildComponent,
+        SelectorAllComponent,
+        QueryStaggerComponent,
     ],
     imports: [
         NativeScriptModule,

e2e/animation-examples/app/app.routing.ts

@@ -1,6 +1,6 @@
 import { NgModule } from "@angular/core";
 import { Routes } from "@angular/router";
-import { NativeScriptRouterModule } from "nativescript-angular/router";
+import { NativeScriptRouterModule } from "@nativescript/angular/router";
 
 import { AnimationsListComponent } from "./animations-list.component";
 import { AnimationBuilderComponent } from "./animation-builder.component";
@@ -23,23 +23,11 @@ const routes: Routes = [
     { path: "animate-child", component: AnimateChildComponent },
     { path: "selector", component: SelectorAllComponent },
     { path: "query-stagger", component: QueryStaggerComponent },
-    { path: "hero", loadChildren: "./hero/hero.module#HeroModule" },
+    { path: "hero", loadChildren: () => import("./hero/hero.module").then(m => m.HeroModule) },
 ];
 
 @NgModule({
   imports: [NativeScriptRouterModule.forRoot(routes)],
   exports: [NativeScriptRouterModule],
 })
 export class AppRoutingModule { }
-
-export const routedComponents = [
-    AnimationsListComponent,
-    AnimationBuilderComponent,
-    ExternalAnimationComponent,
-    FadeInOutComponent,
-    OptionsComponent,
-    OptionsDefaultComponent,
-    AnimateChildComponent,
-    SelectorAllComponent,
-    QueryStaggerComponent,
-];

e2e/animation-examples/app/hero/hero-routing.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from "@angular/core";
 import { Routes } from "@angular/router";
-import { NativeScriptRouterModule } from "nativescript-angular/router";
+import { NativeScriptRouterModule } from "@nativescript/angular/router";
 
 import { HeroTeamBuilderComponent } from './hero-team-builder.component';
 

e2e/animation-examples/app/hero/hero.module.ts

@@ -1,5 +1,5 @@
 import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
-import { NativeScriptCommonModule } from "nativescript-angular/common";
+import { NativeScriptCommonModule } from "@nativescript/angular/common";
 
 import { HeroRoutingModule, routedComponents } from "./hero-routing.module";
 

e2e/animation-examples/app/main.aot.ts

@@ -1,4 +1,4 @@
-import { platformNativeScript } from "nativescript-angular/platform-static";
+import { platformNativeScript } from "@nativescript/angular/platform-static";
 import { AppModuleNgFactory } from "./app.module.ngfactory";
 
 platformNativeScript().bootstrapModuleFactory(AppModuleNgFactory);

e2e/animation-examples/app/main.ts

@@ -1,6 +1,6 @@
-import { platformNativeScriptDynamic } from "nativescript-angular/platform";
-import { animationsTraceCategory } from "nativescript-angular/trace";
-import { setCategories, enable } from "trace";
+import { platformNativeScriptDynamic } from "@nativescript/angular/platform";
+import { animationsTraceCategory } from "@nativescript/angular/trace";
+import { setCategories, enable } from "@nativescript/core/trace";
 
 import { AppModule } from "./app.module";
 

e2e/animation-examples/ngcc.config.js

@@ -0,0 +1,19 @@
+module.exports = {
+  packages: {
+    "@nativescript/angular": {
+      entryPoints: {
+        ".": {
+          override: {
+            main: "./index.js",
+            typings: "./index.d.ts",
+          },
+          ignoreMissingDependencies: true,
+        }
+      },
+      ignorableDeepImportMatchers: [
+        /tns-core-modules\//,
+        /@nativescript\/core\//,
+      ]
+    }
+  }
+};