feat: Add AoT compilation with webpack (#215)

Added AoT/Webpack support and updates it to NativeScript 2.5

Fixes #213

Author: sis0k0

app/app.css

@@ -1,4 +1,4 @@
-@import url("~/platform.css");
+@import url("./platform.css");
 
 Page {
   font-size: 15;

app/app.module.ts

@@ -1,5 +1,5 @@
 import { NativeScriptModule } from "nativescript-angular/nativescript.module";
-import { NgModule } from "@angular/core";
+import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
 import { NativeScriptHttpModule } from "nativescript-angular/http";
 import { NativeScriptRouterModule } from "nativescript-angular/router";
 
@@ -29,6 +29,7 @@ setStatusBarColors();
   declarations: [
       AppComponent,
   ],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
+  schemas: [NO_ERRORS_SCHEMA]
 })
 export class AppModule { }

app/groceries/groceries.component.ts

@@ -12,8 +12,9 @@ import { LoginService, alert } from "../shared";
 
 @Component({
   selector: "gr-groceries",
-  templateUrl: "groceries/groceries.component.html",
-  styleUrls: ["groceries/groceries-common.css", "groceries/groceries.component.css"],
+  moduleId: module.id,
+  templateUrl: "./groceries.component.html",
+  styleUrls: ["./groceries-common.css", "./groceries.component.css"],
   providers: [GroceryService]
 })
 export class GroceriesComponent implements OnInit {

app/groceries/groceries.module.ts

@@ -1,6 +1,6 @@
-import { NativeScriptModule } from "nativescript-angular/platform";
+import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 import { NativeScriptFormsModule } from "nativescript-angular/forms";
-import { NgModule } from "@angular/core";
+import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
 import { groceriesRouting } from "./groceries.routing";
 import { GroceriesComponent } from "./groceries.component";
 import { GroceryListComponent } from "./grocery-list/grocery-list.component";
@@ -16,6 +16,7 @@ import { ItemStatusPipe } from "./grocery-list/item-status.pipe";
     GroceriesComponent,
     GroceryListComponent,
     ItemStatusPipe
-  ]
+  ],
+  schemas: [NO_ERRORS_SCHEMA]
 })
 export class GroceriesModule {}

app/groceries/grocery-list/grocery-list.component.ts

@@ -8,8 +8,9 @@ declare var UIColor: any;
 
 @Component({
   selector: "gr-grocery-list",
-  templateUrl: "groceries/grocery-list/grocery-list.component.html",
-  styleUrls: ["groceries/grocery-list/grocery-list.component.css"],
+  moduleId: module.id,
+  templateUrl: "./grocery-list.component.html",
+  styleUrls: ["./grocery-list.component.css"],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class GroceryListComponent {

app/login/login.component.ts

@@ -12,8 +12,9 @@ import { alert, LoginService, User } from "../shared";
 
 @Component({
   selector: "gr-login",
-  templateUrl: "login/login.component.html",
-  styleUrls: ["login/login-common.css", "login/login.component.css"],
+  moduleId: module.id,
+  templateUrl: "./login.component.html",
+  styleUrls: ["./login-common.css", "./login.component.css"],
 })
 export class LoginComponent implements OnInit {
   user: User;

app/login/login.module.ts

@@ -1,6 +1,6 @@
-import { NativeScriptModule } from "nativescript-angular/platform";
+import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 import { NativeScriptFormsModule } from "nativescript-angular/forms";
-import { NgModule } from "@angular/core";
+import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
 
 import { loginRouting } from "./login.routing";
 import { LoginComponent } from "./login.component";
@@ -13,6 +13,7 @@ import { LoginComponent } from "./login.component";
   ],
   declarations: [
     LoginComponent
-  ]
+  ],
+  schemas: [NO_ERRORS_SCHEMA]
 })
 export class LoginModule { }

app/main.aot.ts

@@ -0,0 +1,6 @@
+// this import should be first in order to load some required settings (like globals and reflect-metadata)
+import { platformNativeScript } from "nativescript-angular/platform-static";
+
+import { AppModuleNgFactory } from "./app.module.ngfactory";
+
+platformNativeScript().bootstrapModuleFactory(AppModuleNgFactory);

app/vendor-platform.android.ts

@@ -0,0 +1,25 @@
+// Resolve JavaScript classes that extend a Java class, and need to resolve
+// their JavaScript module from a bundled script. For example:
+// NativeScriptApplication, NativeScriptActivity, etc.
+//
+// This module gets bundled together with the rest of the app code and the
+// `require` calls get resolved to the correct bundling import call.
+//
+// At runtime the module gets loaded *before* the rest of the app code, so code
+// placed here needs to be careful about its dependencies.
+
+require("application");
+require("ui/frame");
+require("ui/frame/activity");
+
+if (global.TNS_WEBPACK) {
+    global.__requireOverride = function (name, dir) {
+        if (name === "./tns_modules/application/application.js") {
+            return require("application");
+        } else if (name === "./tns_modules/ui/frame/frame.js") {
+            return require("ui/frame");
+        } else if (name === "./tns_modules/ui/frame/activity.js") {
+            return require("ui/frame/activity");
+        }
+    };
+}