Merge pull request #10 from NativeScript/vlaeva/fixes

feat: add AoT compilation with webpack

Author: angeltsvetkov

.gitignore

@@ -1,18 +1 @@
-*.js
-*.js.map
-*.log
-!scripts/*.js
-demo/app/*.js
-!demo/karma.conf.js
-!demo/app/tests/*.js
-demo/*.d.ts
-!demo/references.d.ts
-demo/lib
-demo/platforms
-demo/node_modules
-demo-angular/app/*.js
-demo-angular/*.d.ts
-demo-angular/platforms
-demo-angular/node_modules
-src/node_modules
-/.vscode/
+/.vscode/

README.md

@@ -17,7 +17,7 @@ NativeScript : Facebook SDK ![apple](https://cdn3.iconfinder.com/data/icons/pico
     - [Login](#login)
         - [Facebook Login Button](#facebook-login-button)
         - [Custom Login Button](#custom-login-button)
-- [NativeScript + Angular](#nativescript--angular)
+- [NativeScript Angular](#nativescript--angular)
     - [Initialization](#initialization-1)
     - [Login](#login-1)
         - [Facebook Login Button](#facebook-login-button-1)
@@ -144,13 +144,13 @@ export class HelloWorldModel extends Observable {
 }
 ```
 
-## NativeScript + Angular
+## NativeScript Angular
 ### Initialization
 Call init of nativescript-facebook module on application launch.
 
-main.ts
+app.module.ts
 ```TypeScript
-import { platformNativeScriptDynamic } from "nativescript-angular/platform";
+...
 import * as application from 'application';
 var nsFacebook = require('nativescript-facebook');
 
@@ -159,8 +159,7 @@ import { AppModule } from "./app.module";
 application.on(application.launchEvent, function (args) {
     nsFacebook.init("{facebook_app_id}");
 });
-
-platformNativeScriptDynamic().bootstrapModule(AppModule);
+...
 ```
 
 ### Login

demo-angular/.gitignore

@@ -0,0 +1,4 @@
+platforms
+node_modules
+hooks
+app/**/*.js

demo-angular/app/app.component.html

@@ -1,4 +1,4 @@
 <StackLayout>
-    <FacebookLoginButton [onLogin]="onLogin"></FacebookLoginButton>
+    <FacebookLoginButton [login]="onLogin"></FacebookLoginButton>
     <Button text="Custom Login Button" (tap)="testAction()"></Button>
-</StackLayout>
+</StackLayout>

demo-angular/app/app.module.ts

@@ -2,21 +2,22 @@ import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
 import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 import { AppComponent } from "./app.component";
 
-import { NativescriptFacebookModule } from "nativescript-facebook/angular";
+import { NativeScriptFacebookModule } from "nativescript-facebook/angular";
+
+import * as application from 'application';
+var nsFacebook = require('nativescript-facebook');
+
+application.on(application.launchEvent, function (args) {
+    nsFacebook.init("1771472059772879");
+});
 
 @NgModule({
-    bootstrap: [
-        AppComponent
-    ],
+    bootstrap: [ AppComponent ],
     imports: [
         NativeScriptModule,
-        NativescriptFacebookModule
-    ],
-    declarations: [
-        AppComponent
+        NativeScriptFacebookModule
     ],
-    schemas: [
-        NO_ERRORS_SCHEMA
-    ]
+    declarations: [ AppComponent ],
+    schemas: [ NO_ERRORS_SCHEMA ]
 })
 export class AppModule { }

demo-angular/app/main.aot.ts

@@ -1,6 +1,4 @@
-// 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);

demo-angular/app/main.ts

@@ -1,12 +1,4 @@
-// this import should be first in order to load some required settings (like globals and reflect-metadata)
 import { platformNativeScriptDynamic } from "nativescript-angular/platform";
-import * as application from 'application';
-var nsFacebook = require('nativescript-facebook');
-
 import { AppModule } from "./app.module";
 
-application.on(application.launchEvent, function (args) {
-    nsFacebook.init("1771472059772879");
-});
-
 platformNativeScriptDynamic().bootstrapModule(AppModule);

demo-angular/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");
+        }
+    };
+}

demo-angular/app/vendor-platform.ios.ts

@@ -0,0 +1,13 @@
+require("./vendor-platform");
+
+require("reflect-metadata");
+require("@angular/platform-browser");
+require("@angular/core");
+require("@angular/common");
+require("@angular/forms");
+require("@angular/http");
+require("@angular/router");
+
+require("nativescript-angular/platform-static");
+require("nativescript-angular/forms");
+require("nativescript-angular/router");