Lint

Author: aputinski

.travis.yml

@@ -8,4 +8,5 @@ before_install:
 install:
   - npm install
 script:
+  - npm run lint
   - npm test

examples/src/example.jsx

@@ -1,33 +1,30 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import React from 'react'
+import ReactDOM from 'react-dom'
 
-import NavigationController from '../../src/navigation-controller';
-import View from './view';
+import NavigationController from '../../src/navigation-controller'
+import View from './view'
 
 class App extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
+  render () {
     return (
       <main>
         <h2>Single View</h2>
         <p>Start with a single view on the stack</p>
         <NavigationController
           views={[<View />]}
-          preserveState={true}
+          preserveState
           transitionTension={10}
           transitionFriction={6} />
         <h2>Multiple Views</h2>
         <p>Start with multiple views on the stack</p>
         <NavigationController
           views={[<View />, <View index={2} />, <View index={3} />]}
-          preserveState={true}
+          preserveState
           transitionTension={10}
           transitionFriction={6} />
       </main>
-    );
+    )
   }
 }
 
-ReactDOM.render(<App />, document.getElementById('app'));
+ReactDOM.render(<App />, document.getElementById('app'))

examples/src/view.jsx

@@ -1,61 +1,61 @@
-import React from 'react';
-import NavigationController from '../../src/navigation-controller';
+import React from 'react'
+import NavigationController from '../../src/navigation-controller'
 
 const {
   Transition
-} = NavigationController;
+} = NavigationController
 
 const colors = [
-  '#0074D9', '#7FDBFF',  '#39CCCC', '#2ECC40', '#FFDC00', '#FF851B', '#FF4136',
+  '#0074D9', '#7FDBFF', '#39CCCC', '#2ECC40', '#FFDC00', '#FF851B', '#FF4136',
   '#F012BE', '#B10DC9'
-];
+]
 
-function getColor() {
-  const color = colors.shift();
-  colors.push(color);
-  return color;
+function getColor () {
+  const color = colors.shift()
+  colors.push(color)
+  return color
 }
 
 class View extends React.Component {
-  constructor(props) {
-    super(props);
-    const now = new Date();
+  constructor (props) {
+    super(props)
+    const now = new Date()
     this.state = {
       counter: 0,
       color: getColor(),
       time: `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`
-    };
+    }
   }
-  incrementCounter() {
+  incrementCounter () {
     this.setState({
       counter: this.state.counter + 1
-    });
+    })
   }
-  onNext() {
-    const view = <View index={this.props.index+1} />;
-    this.props.navigationController.pushView(view, {});
+  onNext () {
+    const view = <View index={this.props.index + 1} />
+    this.props.navigationController.pushView(view, {})
   }
-  onBack() {
+  onBack () {
     this.props.navigationController.popView({
       transition: this.props.modal ? Transition.type.REVEAL_DOWN : Transition.type.PUSH_RIGHT
-    });
+    })
   }
-  onModal() {
-    const view = <View index={this.props.index+1} modal={true} />;
+  onModal () {
+    const view = <View index={this.props.index + 1} modal />
     this.props.navigationController.pushView(view, {
       transition: Transition.type.COVER_UP
-    });
+    })
   }
-  onPopToRoot() {
+  onPopToRoot () {
     this.props.navigationController.popToRootView({
       transition: this.props.modal ? Transition.type.REVEAL_DOWN : Transition.type.PUSH_RIGHT
-    });
+    })
   }
-  render() {
+  render () {
     return (
       <div
-        className="ReactNavigationControllerViewContent"
-        style={{background:this.state.color}}>
+        className='ReactNavigationControllerViewContent'
+        style={{ background: this.state.color }}>
         <header>
           {this.renderBackButton()}
           {this.renderNextButton()}
@@ -71,28 +71,28 @@ class View extends React.Component {
           {this.renderPopToRootButton()}
         </section>
       </div>
-    );
+    )
   }
-  renderBackButton() {
-    const text = this.props.modal ? 'Close' : 'Back';
+  renderBackButton () {
+    const text = this.props.modal ? 'Close' : 'Back'
     return this.props.index === 1
       ? <div />
-      : <button onClick={this.onBack.bind(this)}>{text}</button>;
+      : <button onClick={this.onBack.bind(this)}>{text}</button>
   }
-  renderNextButton() {
+  renderNextButton () {
     return this.props.modal === true
       ? <div />
-      : <button onClick={this.onNext.bind(this)}>Next</button>;
+      : <button onClick={this.onNext.bind(this)}>Next</button>
   }
-  renderPopToRootButton() {
+  renderPopToRootButton () {
     return this.props.index === 1
       ? <div />
-      : <button onClick={this.onPopToRoot.bind(this)}>Pop To Root</button>;
+      : <button onClick={this.onPopToRoot.bind(this)}>Pop To Root</button>
   }
 }
 
-View.defaultProps ={
+View.defaultProps = {
   index: 1
-};
+}
 
-export default View;
+export default View

karma.conf.js

@@ -1,7 +1,7 @@
 // Karma configuration
 // Generated on Sat Mar 28 2015 02:55:40 GMT-0400 (EDT)
 
-module.exports = function(config) {
+module.exports = function (config) {
   var c = {
 
     // base path that will be used to resolve all patterns (eg. files, exclude)
@@ -83,11 +83,11 @@ module.exports = function(config) {
       noInfo: true
     }
 
-  };
+  }
 
   if (process.env.TRAVIS) {
-    c.browsers = ['ChromeTravis'];
+    c.browsers = ['ChromeTravis']
   }
 
-  config.set(c);
-};
+  config.set(c)
+}

package.json

@@ -13,7 +13,8 @@
     "test": "./node_modules/karma/bin/karma start",
     "dist": "babel src --out-dir dist",
     "dist/example": "webpack --dist",
-    "prepublish": "npm run dist"
+    "prepublish": "npm run dist",
+    "lint": "standard"
   },
   "repository": {
     "type": "git",
@@ -43,7 +44,14 @@
     "react-addons-test-utils": "^0.14.6",
     "react-dom": "^0.14.6",
     "sinon": "^1.17.2",
+    "standard": "^8.0.0-beta.5",
     "webpack": "^1.12.11",
     "webpack-dev-server": "^1.14.1"
+  },
+  "standard": {
+    "ignore": [
+      "node_modules/**/*",
+      "examples/assets/**/*"
+    ]
   }
 }