fix bug showed empty screen after js minification

Author: Pavlo Aksonov

Example/.idea/workspace.xml

@@ -23,11 +23,11 @@ var Example = React.createClass({
                 <Schema name="default" sceneConfig={Animations.FlatFloatFromRight} navBar={NavBar} />
                 <Schema name="withoutAnimation" navBar={NavBar} />
 
-                <Route name="launch" component={Launch} initial={true} hideNavBar={false} title="Launch"/>
+                <Route name="launch" component={Launch} initial={true} hideNavBar={true} title="Launch"/>
                 <Route name="register" component={Register} title="Register" />
                 <Route name="login" component={Login} schema="modal"/>
                 <Route name="register2" component={Register} schema="withoutAnimation" />
-                <Route name="login" component={Login} schema="modal"/>
+                <Route name="error" component={Error} schema="popup"/>
             </Router>
         );
     }

Example/iOS/main.jsbundle

@@ -9,6 +9,6 @@
     "react-native": "^0.9.0",
     "react-native-button": "^1.2.1",
     "react-native-navbar": "^0.8.0",
-    "react-native-router-flux": "^0.0.8"
+    "react-native-router-flux": "^0.1.0"
   }
 }

Example/index.ios.js

@@ -9,26 +9,27 @@ var FetchStore = require('./FetchStore');
 var Animations = require('./Animations');
 
 // schema class represents schema for routes and it is processed inside Router component
-class Schema extends React.Component {
+var Schema = React.createClass({
     render(){
         return null;
     }
-}
+});
 
 // schema class represents fetch call
-class API extends React.Component {
+var API = React.createClass({
     render(){
         return null;
     }
-}
+});
 
 // route class processed inside Router component
-class Route extends React.Component {
+var Route = React.createClass({
     render(){
         return null;
     }
 
-}
+});
+
 class Router extends React.Component {
     constructor(props){
         super(props);
@@ -57,15 +58,15 @@ class Router extends React.Component {
             if (route.schema=='popup'){
                 this.setState({modal: React.createElement(route.component, {data: page.data})});
             } else {
-                console.log("PUSH");
+                //console.log("PUSH");
                 this.refs.nav.push(this.getRoute(route, page.data))
             }
         }
         if (page.mode=='pop'){
             var num = page.num || 1;
             var routes = this.refs.nav.getCurrentRoutes();
-            console.log("ROUTES LENGTH:" + routes.length);
-            console.log("POP DATA:"+JSON.stringify(page.data));
+            //console.log("ROUTES LENGTH:" + routes.length);
+            //console.log("POP DATA:"+JSON.stringify(page.data));
             // pop only existing routes!
             if (num < routes.length) {
                 this.refs.nav.popToRoute(routes[routes.length - 1 - num]);
@@ -88,48 +89,48 @@ class Router extends React.Component {
 
         // iterate schemas
         React.Children.forEach(this.props.children, function (child, index){
-            if (child.type.name == 'Schema') {
+            if (child.type.displayName == 'Schema') {
                 var name = child.props.name;
                 self.schemas[name] = child.props;
             }
         });
 
         // iterate routes
         React.Children.forEach(this.props.children, function (child, index){
-            if (child.type.name == 'Route') {
+            if (child.type.displayName == 'Route') {
                 var name = child.props.name;
                 self.routes[name] = child.props;
                 if (child.props.initial || !initial || name==self.props.initial) {
                     initial = child.props;
                     self.setState({initialRoute: child.props});
                 }
                 if (!(RouterActions[name])) {
-                    RouterActions[name] = function (data) {
+                    RouterActions[name] = alt.createAction(name, function (data) {
                         if (typeof(data)!='object'){
                             data={data:data};
                         }
                         var args = {name: name, data:data};
                         RouterActions.push(args);
-                    }
+                    });
                 }
             }
         });
 
 
         // iterate fetches
         React.Children.forEach(this.props.children, function (child, index){
-            if (child.type.name == 'API') {
+            if (child.type.displayName == 'API') {
                 var name = child.props.name;
                 self.apis[name] = child.props;
 
                 // generate sugar actions like 'login'
                 if (!(RouterActions[name])) {
-                    RouterActions[name] = function (data) {
+                    RouterActions[name] = alt.createAction(name, function (data) {
                         if (typeof(data)!='object'){
                             data={data:data};
                         }
                         FetchActions.fetch(name, data);
-                    }
+                    });
                 }
             }
         });

Example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-router-flux",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "React Native Router using Flux architecture",
   "main": "index.js",
   "scripts": {
@@ -27,7 +27,7 @@
   "readme": "# react-native-router-flux\nReact Native Router using Flux architecture\n",
   "readmeFilename": "README.md",
   "gitHead": "ac054cfda0894ba1db6c4901ebdddc83b3b2d083",
-  "_id": "[email protected].8",
-  "_shasum": "72baceefed84d1a164408279b611bad7b2ff3b57",
-  "_from": "react-native-router-flux@>=0.0.8 <0.0.9"
+  "_id": "[email protected].9",
+  "_shasum": "285d944d3f3b6059148a0962cd00210d85e3fe76",
+  "_from": "react-native-router-flux@>=0.0.9 <0.0.10"
 }

index.js

@@ -22,13 +22,13 @@ class RouterStore {
     }
 
     onPush(data){
-        console.log("Push ("+JSON.stringify(data)+")");
+//        console.log("Push ("+JSON.stringify(data)+")");
         data.mode = 'push';
         this.setState(data);
     }
 
     onPop(data){
-        console.log("Pop");
+//        console.log("Pop");
         if (!data){
             data = {};
         }