feat: enable AOT compilation (#86)

angular · cdc9f64e1ee19fe5d1e2c9f5d778a05d92dd08bf · mlaval committed on GitHub Sep 12, 2016 · Sep 12, 2016 · cdc9f64
1 parent 04d5d11
commit cdc9f64e1ee19fe5d1e2c9f5d778a05d92dd08bf
diff --git a/.gitignore b/.gitignore
@@ -3,4 +3,6 @@ dist
 typings
 *.log
 .idea
-.DS_Store
+.DS_Store
+*.ngfactory.ts
+es6
diff --git a/doc/pages/bootstrap.jade b/doc/pages/bootstrap.jade
@@ -6,15 +6,31 @@ block content
 
     :marked
         # bootstrap
-        To bootstrap an application, you must use the special method `bootstrapReactNative`.
+
+        ## JIT compilation
+
+        To bootstrap an application with JIT compilation, you must use the special methods `bootstrapReactNativeJIT`.
 
         ```
-        import {bootstrapReactNative} from 'angular2-react-native';
+        import {bootstrapReactNativeJIT} from 'angular2-react-native/jit';
         import {MyAppModule} from "./app/module";
 
-        bootstrapReactNative('myApp', MyAppModule);
+        bootstrapReactNativeJIT('myApp', MyAppModule);
         ```
 
+        ## AOT compilation
+
+        To bootstrap an application with AOT compilation, you must use the special methods `bootstrapReactNativeAOT`.
+
+        ```
+        import {bootstrapReactNativeAOT} from 'angular2-react-native/aot';
+        import {MyAppModuleNgFactory} from "./app/module.ngfactory";
+
+        bootstrapReactNativeAOT('myApp', MyAppModule);
+        ```
+
+        ## Main module
+
         The main module must import `ReactNativeAndroidModule` or `ReactNativeiOSModule` depending on the platform targetted:
          ```
          @NgModule({
diff --git a/doc/pages/router.jade b/doc/pages/router.jade
@@ -8,7 +8,8 @@ block content
         # Router
 
         The rooter module of Angular 2 can be used as is in applications.
-        The only thing to be done is to import `ReactNativeRouterModule` in the main module of the application (see below), and use the static `forRoot` method to configure routes.
+        The only thing to be done is to import `ReactNativeRouterModule` in the main module of the application (see below),
+        and use the static `RouterModule.forRoot` method to configure routes.
 
         It uses a mock of `LocationStrategy`. Manipulating the location triggers a navigation of the router.
 
@@ -19,9 +20,12 @@ block content
           { path: 'b', component: CompB }
         ];
 
+        export const providers: Provider[] = RouterModule.forRoot(appRoutes)['providers'];
+
         @NgModule({
           declarations: [Example, CompA, CompB, ...],
-          imports: [ReactNativeAndroidModule, CommonModule, ReactNativeRouterModule.forRoot(appRoutes)],
+          imports: [ReactNativeAndroidModule, CommonModule, ReactNativeRouterModule],
+          providers: [providers, {provide: LocationStrategy, useClass: ReactNativeLocationStrategy}],
           bootstrap: [Example]
         })
         export class MyAppModule {}
diff --git a/factory.tsconfig.json b/factory.tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "declaration": true,
+    "stripInternal": true,
+    "experimentalDecorators": true,
+    "module": "es2015",
+    "moduleResolution": "node",
+    "outDir": "../factories_out",
+    "rootDir": ".",
+    "sourceMap": true,
+    "inlineSources": true,
+    "target": "es5",
+    "skipLibCheck": true,
+    "lib": [ "es2015", "dom" ]
+  }
+}
diff --git a/fake-react-native.d.ts b/fake-react-native.d.ts
@@ -0,0 +1,23 @@
+//TODO: switch to react-native.d.ts form typings
+
+declare module "react-native" {
+  export var StyleSheet: any;
+  export var Alert: any;
+  export var Linking: any;
+  export var Clipboard: any
+  export var Platform: any;
+  export var PixelRatio: any;
+  export var NetInfo: any;
+  export var AppState: any;
+  export var NativeModules: any;
+  export var processColor: any;
+  export var AsyncStorage: any;
+
+  export var DatePickerAndroid: any;
+  export var TimePickerAndroid: any;
+  export var BackAndroid: any;
+  export var ToastAndroid: any;
+
+  export var ActionSheetIOS: any;
+  export var AlertIOS: any;
+}