fix minification bug with latest React 0.10.1

Author: Pavlo Aksonov

Example/.idea/workspace.xml

@@ -43,7 +43,7 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
    * see http://facebook.github.io/react-native/docs/runningondevice.html
    */
 
-  // jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
+  jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
 
   RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:jsCodeLocation moduleProvider:nil launchOptions:launchOptions];
   RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge moduleName:@"Example"];

Example/iOS/AppDelegate.m

@@ -6,7 +6,7 @@
     "start": "node_modules/react-native/packager/packager.sh"
   },
   "dependencies": {
-    "react-native": "^0.9.0",
+    "react-native": "^0.10.1",
     "react-native-button": "^1.2.1",
     "react-native-navbar": "^0.8.0",
     "react-native-router-flux": "^0.1.0"

Example/iOS/main.jsbundle

@@ -9,26 +9,42 @@ var FetchStore = require('./FetchStore');
 var Animations = require('./Animations');
 
 // schema class represents schema for routes and it is processed inside Router component
-var Schema = React.createClass({
+class Schema extends React.Component {
     render(){
         return null;
     }
-});
+}
 
 // schema class represents fetch call
-var API = React.createClass({
+class API extends React.Component {
     render(){
         return null;
     }
-});
+}
 
 // route class processed inside Router component
-var Route = React.createClass({
+class Route extends React.Component {
     render(){
         return null;
     }
 
-});
+}
+
+/* Returns the class name of the argument or undefined if
+ it's not a valid JavaScript object.
+ */
+function getClassName(obj) {
+    if (obj.toString) {
+        var arr = obj.toString().match(
+            /function\s*(\w+)/);
+
+        if (arr && arr.length == 2) {
+            return arr[1];
+        }
+    }
+
+    return undefined;
+}
 
 class Router extends React.Component {
     constructor(props){
@@ -89,15 +105,15 @@ class Router extends React.Component {
 
         // iterate schemas
         React.Children.forEach(this.props.children, function (child, index){
-            if (child.type.displayName == 'Schema') {
+            if (child.type.name == getClassName(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.displayName == 'Route') {
+            if (child.type.name == getClassName(Route)) {
                 var name = child.props.name;
                 self.routes[name] = child.props;
                 if (child.props.initial || !initial || name==self.props.initial) {
@@ -119,7 +135,7 @@ class Router extends React.Component {
 
         // iterate fetches
         React.Children.forEach(this.props.children, function (child, index){
-            if (child.type.displayName == 'API') {
+            if (child.type.name == getClassName(API)) {
                 var name = child.props.name;
                 self.apis[name] = child.props;
 
@@ -207,7 +223,7 @@ class Router extends React.Component {
                 </View>
             );
         } else {
-            return <View/>
+            return <View style={styles.container}><Text>No initial route</Text></View>
         }
 
     }

Example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-router-flux",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React Native Router using Flux architecture",
   "main": "index.js",
   "scripts": {