Merge pull request #501 from spikebrehm/add-eslint

Add ESLint and fix a number of linting violations

Author: Spike Brehm

.eslintignore

@@ -0,0 +1 @@
+node_modules

.eslintrc

@@ -0,0 +1,13 @@
+{
+  "parser": "babel-eslint",
+  "extends": "airbnb",
+  "plugins": [
+    "prefer-object-spread"
+  ],
+  "rules": {
+    "prefer-object-spread/prefer-object-spread": 2,
+    "react/jsx-filename-extension": 0,
+    "no-use-before-define": 0,
+    "no-underscore-dangle": 0
+  }
+}

components/AnimatedRegion.js

@@ -1,18 +1,18 @@
 class AnimatedRegion extends AnimatedWithChildren {
-  //latitude: AnimatedValue;
-  //longitude: AnimatedValue;
-  //latitudeDelta: AnimatedValue;
-  //longitudeDelta: AnimatedValue;
-  //_listeners: {[key: string]: {
+  // latitude: AnimatedValue;
+  // longitude: AnimatedValue;
+  // latitudeDelta: AnimatedValue;
+  // longitudeDelta: AnimatedValue;
+  // _listeners: {[key: string]: {
   //  latitude: string,
   //  longitude: string,
   //  latitudeDelta: string;
   //  longitudeDelta: string,
-  //}};
+  // }};
 
   constructor(valueIn) {
     super();
-    var value = valueIn || { // probably want to come up with better defaults
+    const value = valueIn || { // probably want to come up with better defaults
       latitude: 0,
       longitude: 0,
       latitudeDelta: 0,
@@ -34,10 +34,10 @@ class AnimatedRegion extends AnimatedWithChildren {
   }
 
   setValue(value) {
-    //this.latitude.setValue(value.latitude);
-    //this.longitude.setValue(value.longitude);
-    //this.latitudeDelta.setValue(value.latitudeDelta);
-    //this.longitudeDelta.setValue(value.longitudeDelta);
+    // this.latitude.setValue(value.latitude);
+    // this.longitude.setValue(value.longitude);
+    // this.latitudeDelta.setValue(value.latitudeDelta);
+    // this.longitudeDelta.setValue(value.longitudeDelta);
     this.latitude._value = value.latitude;
     this.longitude._value = value.longitude;
     this.latitudeDelta._value = value.latitudeDelta;
@@ -90,8 +90,8 @@ class AnimatedRegion extends AnimatedWithChildren {
   }
 
   addListener(callback) {
-    var id = String(_uniqueId++);
-    var jointCallback = ({value: number}) => {
+    const id = String(_uniqueId++);
+    const jointCallback = ({ value: number }) => {
       callback(this.__getValue());
     };
     this._listeners[id] = {
@@ -112,7 +112,7 @@ class AnimatedRegion extends AnimatedWithChildren {
   }
 
   spring(config) {
-    var animations = [];
+    const animations = [];
     config.hasOwnProperty('latitude') &&
     animations.push(timing(this.latitude, {
       ...config,
@@ -141,7 +141,7 @@ class AnimatedRegion extends AnimatedWithChildren {
   }
 
   timing(config) {
-    var animations = [];
+    const animations = [];
     config.hasOwnProperty('latitude') &&
     animations.push(timing(this.latitude, {
       ...config,

components/MapCallout.js

@@ -1,18 +1,13 @@
-
-var React = require('react');
-var {
-  PropTypes,
-} = React;
-
-var ReactNative = require('react-native');
-var {
+import React, { PropTypes } from 'react';
+import {
   View,
   NativeMethodsMixin,
   requireNativeComponent,
   StyleSheet,
-} = ReactNative;
+} from 'react-native';
 
-var MapCallout = React.createClass({
+// eslint-disable-next-line react/prefer-es6-class
+const MapCallout = React.createClass({
   mixins: [NativeMethodsMixin],
 
   propTypes: {
@@ -21,25 +16,23 @@ var MapCallout = React.createClass({
     onPress: PropTypes.func,
   },
 
-  getDefaultProps: function() {
+  getDefaultProps() {
     return {
       tooltip: false,
     };
   },
 
-  render: function() {
+  render() {
     return <AIRMapCallout {...this.props} style={[styles.callout, this.props.style]} />;
   },
 });
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   callout: {
     position: 'absolute',
-    //flex: 0,
-    //backgroundColor: 'transparent',
   },
 });
 
-var AIRMapCallout = requireNativeComponent('AIRMapCallout', MapCallout);
+const AIRMapCallout = requireNativeComponent('AIRMapCallout', MapCallout);
 
 module.exports = MapCallout;

components/MapCircle.js

@@ -1,18 +1,12 @@
-
-var React = require('react');
-var {
-  PropTypes,
-} = React;
-
-var ReactNative = require('react-native');
-var {
+import React, { PropTypes } from 'react';
+import {
   View,
   NativeMethodsMixin,
   requireNativeComponent,
-  StyleSheet,
-} = ReactNative;
+} from 'react-native';
 
-var MapCircle = React.createClass({
+// eslint-disable-next-line react/prefer-es6-class
+const MapCircle = React.createClass({
   mixins: [NativeMethodsMixin],
 
   propTypes: {
@@ -127,18 +121,20 @@ var MapCircle = React.createClass({
     lineDashPattern: PropTypes.arrayOf(PropTypes.number),
   },
 
-  getDefaultProps: function() {
+  getDefaultProps() {
     return {
       strokeColor: '#000',
       strokeWidth: 1,
     };
   },
 
-  _onPress: function(e) {
-    this.props.onPress && this.props.onPress(e);
+  _onPress(e) {
+    if (this.props.onPress) {
+      this.props.onPress(e);
+    }
   },
 
-  render: function() {
+  render() {
     return (
       <AIRMapCircle
         {...this.props}
@@ -148,6 +144,6 @@ var MapCircle = React.createClass({
   },
 });
 
-var AIRMapCircle = requireNativeComponent('AIRMapCircle', MapCircle);
+const AIRMapCircle = requireNativeComponent('AIRMapCircle', MapCircle);
 
 module.exports = MapCircle;

components/MapMarker.js

@@ -1,24 +1,19 @@
-'use strict';
-
-var React = require('react');
-var {
-  PropTypes,
-} = React;
-
-var ReactNative = require('react-native');
-var {
+import React, { PropTypes } from 'react';
+import {
   View,
   NativeMethodsMixin,
   requireNativeComponent,
   StyleSheet,
   Platform,
   NativeModules,
   Animated,
-} = ReactNative;
+  findNodeHandle,
+} from 'react-native';
 
-var resolveAssetSource = require('react-native/Libraries/Image/resolveAssetSource');
+const resolveAssetSource = require('react-native/Libraries/Image/resolveAssetSource');
 
-var MapMarker = React.createClass({
+// eslint-disable-next-line react/prefer-es6-class
+const MapMarker = React.createClass({
   mixins: [NativeMethodsMixin],
 
   viewConfig: {
@@ -208,19 +203,19 @@ var MapMarker = React.createClass({
 
   },
 
-  showCallout: function() {
+  showCallout() {
     this._runCommand('showCallout', []);
   },
 
-  hideCallout: function() {
+  hideCallout() {
     this._runCommand('hideCallout', []);
   },
 
-  _getHandle: function() {
-    return ReactNative.findNodeHandle(this.refs.marker);
+  _getHandle() {
+    return findNodeHandle(this.refs.marker);
   },
 
-  _runCommand: function (name, args) {
+  _runCommand(name, args) {
     switch (Platform.OS) {
       case 'android':
         NativeModules.UIManager.dispatchViewManagerCommand(
@@ -239,12 +234,14 @@ var MapMarker = React.createClass({
     }
   },
 
-  _onPress: function(e) {
-    this.props.onPress && this.props.onPress(e);
+  _onPress(e) {
+    if (this.props.onPress) {
+      this.props.onPress(e);
+    }
   },
 
-  render: function() {
-    var image = undefined;
+  render() {
+    let image;
     if (this.props.image) {
       image = resolveAssetSource(this.props.image) || {};
       image = image.uri;
@@ -262,14 +259,14 @@ var MapMarker = React.createClass({
   },
 });
 
-var styles = StyleSheet.create({
+const styles = StyleSheet.create({
   marker: {
     position: 'absolute',
     backgroundColor: 'transparent',
   },
 });
 
-var AIRMapMarker = requireNativeComponent('AIRMapMarker', MapMarker);
+const AIRMapMarker = requireNativeComponent('AIRMapMarker', MapMarker);
 
 MapMarker.Animated = Animated.createAnimatedComponent(MapMarker);
 

components/MapPolygon.js

@@ -1,17 +1,12 @@
-var React = require('react');
-var {
-  PropTypes,
-} = React;
-
-var ReactNative = require('react-native');
-var {
+import React, { PropTypes } from 'react';
+import {
   View,
   NativeMethodsMixin,
   requireNativeComponent,
-  StyleSheet,
-} = ReactNative;
+} from 'react-native';
 
-var MapPolygon = React.createClass({
+// eslint-disable-next-line react/prefer-es6-class
+const MapPolygon = React.createClass({
   mixins: [NativeMethodsMixin],
 
   propTypes: {
@@ -131,18 +126,20 @@ var MapPolygon = React.createClass({
     lineDashPattern: PropTypes.arrayOf(PropTypes.number),
   },
 
-  getDefaultProps: function() {
+  getDefaultProps() {
     return {
       strokeColor: '#000',
       strokeWidth: 1,
     };
   },
 
-  _onPress: function(e) {
-    this.props.onPress && this.props.onPress(e);
+  _onPress(e) {
+    if (this.props.onPress) {
+      this.props.onPress(e);
+    }
   },
 
-  render: function() {
+  render() {
     return (
       <AIRMapPolygon
         {...this.props}
@@ -152,14 +149,6 @@ var MapPolygon = React.createClass({
   },
 });
 
-var styles = StyleSheet.create({
-  polyline: {
-    position: 'absolute',
-    width: 0,
-    height: 0,
-  },
-});
-
-var AIRMapPolygon = requireNativeComponent('AIRMapPolygon', MapPolygon);
+const AIRMapPolygon = requireNativeComponent('AIRMapPolygon', MapPolygon);
 
 module.exports = MapPolygon;