Merge pull request taskrabbit#32 from taskrabbit/android

[WIP] Android

Author: bleonard

.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

.flowconfig

@@ -1,63 +1,58 @@
 [ignore]
 
 # We fork some components by platform.
-.*/*.web.js
 .*/*.android.js
 
-# Some modules have their own node_modules with overlap
-.*/node_modules/node-haste/.*
+# Ignore templates with `@flow` in header
+.*/local-cli/generator.*
 
-# Ugh
-.*/node_modules/babel.*
-.*/node_modules/babylon.*
-.*/node_modules/invariant.*
+# Ignore malformed json
+.*/node_modules/y18n/test/.*\.json
 
-# Ignore react and fbjs where there are overlaps, but don't ignore
-# anything that react-native relies on
-.*/node_modules/fbjs-haste/.*/__tests__/.*
-.*/node_modules/fbjs-haste/__forks__/Map.js
-.*/node_modules/fbjs-haste/__forks__/Promise.js
-.*/node_modules/fbjs-haste/__forks__/fetch.js
-.*/node_modules/fbjs-haste/core/ExecutionEnvironment.js
-.*/node_modules/fbjs-haste/core/isEmpty.js
-.*/node_modules/fbjs-haste/crypto/crc32.js
-.*/node_modules/fbjs-haste/stubs/ErrorUtils.js
-.*/node_modules/react-haste/React.js
-.*/node_modules/react-haste/renderers/dom/ReactDOM.js
-.*/node_modules/react-haste/renderers/shared/event/eventPlugins/ResponderEventPlugin.js
+# Ignore the website subdir
+<PROJECT_ROOT>/website/.*
 
-# Ignore commoner tests
-.*/node_modules/commoner/test/.*
+# Ignore BUCK generated dirs
+<PROJECT_ROOT>/\.buckd/
 
-# See https://github.com/facebook/flow/issues/442
-.*/react-tools/node_modules/commoner/lib/reader.js
+# Ignore unexpected extra @providesModule
+.*/node_modules/commoner/test/source/widget/share.js
 
-# Ignore jest
-.*/node_modules/jest-cli/.*
-
-# Ignore Website
-.*/website/.*
+# Ignore duplicate module providers
+# For RN Apps installed via npm, "Libraries" folder is inside node_modules/react-native but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+.*/Libraries/react-native/ReactNative.js
+.*/node_modules/jest-runtime/build/__tests__/.*
 
 [include]
 
 [libs]
 node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow
+flow/
 
 [options]
 module.system=haste
 
+esproposal.class_static_fields=enable
+esproposal.class_instance_fields=enable
+
+experimental.strict_type_args=true
+
 munge_underscores=true
 
 module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub'
-module.name_mapper='^[./a-zA-Z0-9$_-]+\.png$' -> 'RelativeImageStub'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FixMe
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(1[0-8]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(1[0-8]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(30\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(30\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 
+unsafe.enable_getters_and_setters=true
+
 [version]
-0.18.1
+^0.30.0

App/Components/Button.js

@@ -48,7 +48,7 @@ const Button = React.createClass({
         <Text
           key={index}
           allowFontScaling={false}
-          style={[{flex: 0, paddingHorizontal: 5, textAlign: 'center'}, styles.text, disabledStateStyle, this._stylesFromType('text'), this.props.textStyle]}
+          style={[{flex: 0, marginHorizontal: 5, textAlign: 'center'}, styles.text, disabledStateStyle, this._stylesFromType('text'), this.props.textStyle]}
         >
           {children}
         </Text>

App/Components/SimpleListItem.js

@@ -85,7 +85,6 @@ var styles = StyleSheet.create({
     backgroundColor: 'white'
   },
   row: {
-    flex: 1,
     flexDirection: 'row',
     alignItems: 'center',
     padding:20

App/Components/TextInput.js

@@ -2,44 +2,49 @@ import React from 'react';
 
 import {
   PixelRatio,
-  TextInput,
   StyleSheet,
+  TextInput,
 } from 'react-native';
 
 import cssVar from '../Lib/cssVar';
 
-var _TextInput = React.createClass({
-  propTypes: TextInput.propTypes,
+class _TextInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  setNativeProps(...args) {
+    this.refs.input.setNativeProps(...args);
+  }
+
+  blur() {
+    this.refs.input.blur();
+  }
 
   focus() {
     this.refs.input.focus();
-  },
-
-  setNativeProps() {
-    var input = this.refs.input;
-    input.setNativeProps.apply(input, arguments);
-  },
+  }
 
   render() {
     return (
       <TextInput
+        ref='input'
         {...this.props}
-        ref="input"
-        style={[styles.input, this.props.style || {}]}
+        style={[styles.input, this.props.style]}
       />
     );
   }
-})
+}
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   input: {
     borderWidth: 1 / PixelRatio.get(),
     borderColor: cssVar('gray50'),
     padding: 10,
     fontFamily: cssVar('fontRegular'),
     color: cssVar('gray90'),
-    fontSize: 8                           // make it small to know it's not set
-  }
+    fontSize: 8, // make it small to know it's not set
+  },
 });
 
 export default _TextInput;

App/Mixins/AuthHelper.js

@@ -79,26 +79,32 @@ var AuthHelper = {
     return (
       <View style={styles.container}>
         <View style={styles.flex} />
-        <TextInput ref="username"
-          placeholder={i18n.t('username')}
-          keyboardType="default"
-          style={[styles.input, styles.username]}
-          enablesReturnKeyAutomatically={true}
-          returnKeyType='next'
-          onChange={(event) => this.state.username = event.nativeEvent.text }
-          onSubmitEditing={() => this.refs.password.focus() }
+        <View style={styles.inputContainer}>
+          <TextInput ref="username"
+            placeholder={i18n.t('username')}
+            keyboardType="default"
+            style={[styles.input, styles.username]}
+            enablesReturnKeyAutomatically={true}
+            autoCapitalize='none'
+            autoCorrect={false}
+            returnKeyType='next'
+            onChange={(event) => this.state.username = event.nativeEvent.text }
+            onSubmitEditing={() => this.refs.password.focus() }
+            />
+        </View>
+        <View style={styles.inputContainer}>
+          <TextInput ref="password"
+            placeholder={i18n.t('password')}
+            secureTextEntry={true}
+            autoCorrect={false}
+            keyboardType="default"
+            style={[styles.input, styles.password]}
+            enablesReturnKeyAutomatically={true}
+            returnKeyType='done'
+            onChange={(event) => this.state.password = event.nativeEvent.text }
+            onSubmitEditing={this.onAuthButton}
           />
-        <TextInput ref="password"
-          placeholder={i18n.t('password')}
-          password={true}
-          autoCorrect={false}
-          keyboardType="default"
-          style={[styles.input, styles.password]}
-          enablesReturnKeyAutomatically={true}
-          returnKeyType='done'
-          onChange={(event) => this.state.password = event.nativeEvent.text }
-          onSubmitEditing={this.onAuthButton}
-        />
+        </View>
         <Button type='blue' onPress={this.onAuthButton}>
           {this.getButtonText()}
         </Button>
@@ -153,8 +159,12 @@ var styles = StyleSheet.create({
     fontSize: 13,
     height: 50,
     padding: 10,
+    flex: 1,
     marginHorizontal: 30
   },
+  inputContainer: {
+    flexDirection: 'row'
+  },
   bottom: {
     flexDirection: 'row'
   },

App/Mixins/KeyboardListener.js

@@ -16,10 +16,6 @@ var KeyboardListener = {
     return this.state.keyboardSpace > 0;
   },
 
-  isKeyboardVisible: function() {
-    return this.state.keyboardSpace > 0;
-  },
-
   updateKeyboardSpace: function(e) {
     if (this.isMounted() && e && e.endCoordinates) {
       this.setState({keyboardSpace: e.endCoordinates.height});

App/Navigation/NavigationBar.js

@@ -8,6 +8,7 @@ import {
 
 import cssVar from '../Lib/cssVar';
 
+import Back                         from '../Platform/Back';
 import NavigatorNavigationBarStyles from '../Platform/NavigatorNavigationBarStyles';
 import NavigationBarRouteMapper     from '../Navigation/NavigationBarRouteMapper';
 
@@ -128,6 +129,10 @@ var NavigationBar = {
     );
   },
 
+  componentDidMount: function() {
+    Back.setNavigator(this.refs.navigator);
+  },
+
   render: function() {
     return (
       <View style={styles.appContainer}>

App/Platform/Alert.js

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import {
+  BackAndroid,
+} from 'react-native';
+
+import AppActions    from '../Actions/AppActions';
+// import DrawerStore   from '../Stores/DrawerStore';
+
+const Back = {
+  setNavigator(navigator) {
+    BackAndroid.addEventListener('hardwareBackPress', () => {
+      // if (DrawerStore.get().open === true) {
+      //   AppActions.toggleDrawer();
+      //   return true;
+      // }
+      if (navigator && navigator.getCurrentRoutes().length > 1) {
+        AppActions.goBack(navigator);
+        return true;
+      }
+      return false;
+    });
+  },
+};
+
+export default Back;

App/Platform/Back.android.js

@@ -0,0 +1,38 @@
+import React from 'react';
+
+import LocalKeyStore from '../Stores/LocalKeyStore';
+
+const KEYCHAIN_STORAGE_KEY = 'KEYCHAIN';
+
+var KeyChain = {
+  setGenericPassword(username, password, service) {
+    return new Promise((resolve) => {
+      LocalKeyStore.setKey(this.getStorageKey(service), {username, password}, (error) => {
+        resolve();
+      });
+    });
+  },
+
+  getGenericPassword(service) {
+    return new Promise((resolve) => {
+      LocalKeyStore.getKey(this.getStorageKey(service), (error, value) => {
+        resolve(value);
+      });
+    });
+  },
+
+  resetGenericPassword(service) {
+    return new Promise((resolve) => {
+      LocalKeyStore.setKey(this.getStorageKey(service), null, (error) => {
+        resolve();
+      });
+    });
+  },
+
+  getStorageKey(service) {
+    return `${KEYCHAIN_STORAGE_KEY}-${service}`;
+  },
+
+};
+
+export default KeyChain;

App/Platform/Keychain.android.js

@@ -0,0 +1,3 @@
+import * as KeyChain from 'react-native-keychain';
+
+export default KeyChain;

App/Platform/Keychain.ios.js

@@ -0,0 +1,5 @@
+let NavigatorNavigationBarStyles = require('NavigatorNavigationBarStylesAndroid');
+
+NavigatorNavigationBarStyles.General.TotalNavHeight = 48;
+
+export default NavigatorNavigationBarStyles;