Run ESLint on examples too

Author: mjackson

.eslintrc

@@ -13,6 +13,8 @@
   "rules": {
     "array-bracket-spacing": [2, "always"],
     "comma-dangle": [2, "never"],
+    "eol-last": 2,
+    "no-multiple-empty-lines": 2,
     "object-curly-spacing": [2, "always"],
     "quotes": [2, "single", "avoid-escape"],
     "semi": [2, "never"],

examples/animations/app.js

@@ -14,8 +14,6 @@ class App extends React.Component {
   render() {
     const { pathname } = this.props.location
 
-    console.log(pathname)
-
     return (
       <div>
         <ul>

examples/auth-flow/app.js

@@ -1,7 +1,7 @@
-import React, { findDOMNode } from 'react';
-import { Router, Route, Link, History } from 'react-router';
+import React, { findDOMNode } from 'react'
+import { Router, Route, Link, History } from 'react-router'
 import { createHistory, useBasename } from 'history'
-import auth from './auth';
+import auth from './auth'
 
 const history = useBasename(createHistory)({
   basename: '/auth-flow'
@@ -11,18 +11,18 @@ var App = React.createClass({
   getInitialState() {
     return {
       loggedIn: auth.loggedIn()
-    };
+    }
   },
 
   updateAuth(loggedIn) {
     this.setState({
       loggedIn: loggedIn
-    });
+    })
   },
 
   componentWillMount() {
-    auth.onChange = this.updateAuth;
-    auth.login();
+    auth.onChange = this.updateAuth
+    auth.login()
   },
 
   render() {
@@ -41,51 +41,51 @@ var App = React.createClass({
         </ul>
         {this.props.children}
       </div>
-    );
+    )
   }
-});
+})
 
 var Dashboard = React.createClass({
   render() {
-    var token = auth.getToken();
+    var token = auth.getToken()
 
     return (
       <div>
         <h1>Dashboard</h1>
         <p>You made it!</p>
         <p>{token}</p>
       </div>
-    );
+    )
   }
-});
+})
 
 var Login = React.createClass({
   mixins: [ History ],
 
   getInitialState() {
     return {
       error: false
-    };
+    }
   },
 
   handleSubmit(event) {
-    event.preventDefault();
+    event.preventDefault()
 
-    var email = findDOMNode(this.refs.email).value;
-    var pass = findDOMNode(this.refs.pass).value;
+    var email = findDOMNode(this.refs.email).value
+    var pass = findDOMNode(this.refs.pass).value
 
     auth.login(email, pass, (loggedIn) => {
       if (!loggedIn)
-        return this.setState({ error: true });
+        return this.setState({ error: true })
 
-      var { location } = this.props;
+      var { location } = this.props
 
       if (location.state && location.state.nextPathname) {
-        this.history.replaceState(null, location.state.nextPathname);
+        this.history.replaceState(null, location.state.nextPathname)
       } else {
-        this.history.replaceState(null, '/about');
+        this.history.replaceState(null, '/about')
       }
-    });
+    })
   },
 
   render() {
@@ -98,29 +98,29 @@ var Login = React.createClass({
           <p>Bad login information</p>
         )}
       </form>
-    );
+    )
   }
-});
+})
 
 var About = React.createClass({
   render() {
-    return <h1>About</h1>;
+    return <h1>About</h1>
   }
-});
+})
 
 var Logout = React.createClass({
   componentDidMount() {
-    auth.logout();
+    auth.logout()
   },
 
   render() {
-    return <p>You are now logged out</p>;
+    return <p>You are now logged out</p>
   }
-});
+})
 
 function requireAuth(nextState, replaceState) {
   if (!auth.loggedIn())
-    replaceState({ nextPathname: nextState.location.pathname }, '/login');
+    replaceState({ nextPathname: nextState.location.pathname }, '/login')
 }
 
 React.render((
@@ -132,4 +132,4 @@ React.render((
       <Route path="dashboard" component={Dashboard} onEnter={requireAuth} />
     </Route>
   </Router>
-), document.getElementById('example'));
+), document.getElementById('example'))

examples/auth-flow/auth.js

@@ -1,51 +1,49 @@
 module.exports = {
-  login (email, pass, cb) {
-    cb = arguments[arguments.length - 1];
+  login(email, pass, cb) {
+    cb = arguments[arguments.length - 1]
     if (localStorage.token) {
-      if (cb) cb(true);
-      this.onChange(true);
-      return;
+      if (cb) cb(true)
+      this.onChange(true)
+      return
     }
     pretendRequest(email, pass, (res) => {
       if (res.authenticated) {
-        localStorage.token = res.token;
-        if (cb) cb(true);
-        this.onChange(true);
+        localStorage.token = res.token
+        if (cb) cb(true)
+        this.onChange(true)
       } else {
-        if (cb) cb(false);
-        this.onChange(false);
+        if (cb) cb(false)
+        this.onChange(false)
       }
-    });
+    })
   },
 
-  getToken: function () {
-    return localStorage.token;
+  getToken() {
+    return localStorage.token
   },
 
-  logout: function (cb) {
-    delete localStorage.token;
-    if (cb) cb();
-    this.onChange(false);
+  logout(cb) {
+    delete localStorage.token
+    if (cb) cb()
+    this.onChange(false)
   },
 
-  loggedIn: function () {
-    return !!localStorage.token;
+  loggedIn() {
+    return !!localStorage.token
   },
 
-  onChange: function () {}
-};
+  onChange() {}
+}
 
 function pretendRequest(email, pass, cb) {
   setTimeout(() => {
     if (email === '[email protected]' && pass === 'password1') {
       cb({
         authenticated: true,
         token: Math.random().toString(36).substring(7)
-      });
+      })
     } else {
-      cb({authenticated: false});
+      cb({ authenticated: false })
     }
-  }, 0);
+  }, 0)
 }
-
-

examples/huge-apps/app.js

@@ -1,3 +1,4 @@
+/*eslint-disable no-unused-vars */
 import React from 'react'
 import { createHistory, useBasename } from 'history'
 import { Router } from 'react-router'
@@ -9,17 +10,17 @@ const history = useBasename(createHistory)({
 
 const rootRoute = {
   component: 'div',
-  childRoutes: [{
+  childRoutes: [ {
     path: '/',
     component: require('./components/App'),
     childRoutes: [
       require('./routes/Calendar'),
       require('./routes/Course'),
       require('./routes/Grades'),
       require('./routes/Messages'),
-      require('./routes/Profile'),
+      require('./routes/Profile')
     ]
-  }]
+  } ]
 }
 
 React.render(

examples/huge-apps/components/App.js

@@ -1,20 +1,19 @@
-import React from 'react';
-import Dashboard from './Dashboard';
-import GlobalNav from './GlobalNav';
+/*globals COURSES:true */
+import React from 'react'
+import Dashboard from './Dashboard'
+import GlobalNav from './GlobalNav'
 
 class App extends React.Component {
   render() {
-    var courses = COURSES;
-
     return (
       <div>
         <GlobalNav />
         <div style={{ padding: 20 }}>
-          {this.props.children || <Dashboard courses={courses} />}
+          {this.props.children || <Dashboard courses={COURSES} />}
         </div>
       </div>
-    );
+    )
   }
 }
 
-export default App;
+export default App

examples/huge-apps/components/Dashboard.js

@@ -1,22 +1,20 @@
-import React from 'react';
-import { Link } from 'react-router';
+import React from 'react'
+import { Link } from 'react-router'
 
 class Dashboard extends React.Component {
-  render () {
-    let { courses } = this.props;
+  render() {
+    const { courses } = this.props
 
     return (
       <div>
         <h2>Super Scalable Apps</h2>
-
         <p>
           Open the network tab as you navigate. Notice that only the amount of
           your app that is required is actually downloaded as you navigate
           around. Even the route configuration objects are loaded on the fly.
           This way, a new route added deep in your app will not affect the
           initial bundle of your application.
         </p>
-
         <h2>Courses</h2>{' '}
         <ul>
           {courses.map(course => (
@@ -26,8 +24,8 @@ class Dashboard extends React.Component {
           ))}
         </ul>
       </div>
-    );
+    )
   }
 }
 
-export default Dashboard;
+export default Dashboard

examples/huge-apps/components/GlobalNav.js

@@ -46,13 +46,13 @@ class GlobalNav extends React.Component {
     var { user } = this.props
     return (
       <div style={styles.wrapper}>
-        <div style={{float: 'left'}}>
+        <div style={{ float: 'left' }}>
           <Link to="/" style={styles.link}>Home</Link>{' '}
           <Link to="/calendar" style={styles.link} activeStyle={styles.activeLink}>Calendar</Link>{' '}
           <Link to="/grades" style={styles.link} activeStyle={styles.activeLink}>Grades</Link>{' '}
           <Link to="/messages" style={styles.link} activeStyle={styles.activeLink}>Messages</Link>{' '}
         </div>
-        <div style={{float: 'right'}}>
+        <div style={{ float: 'right' }}>
           <Link style={styles.link} to="/profile">{user.name}</Link> <button onClick={this.logOut}>log out</button>
         </div>
       </div>

examples/huge-apps/routes/Calendar/components/Calendar.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React from 'react'
 
 class Calendar extends React.Component {
+  render() {
+    const events = [
+      { id: 0, title: 'essay due' }
+    ]
 
-  render () {
-    var events = [{
-      id: 0, title: 'essay due'
-    }];
     return (
       <div>
         <h2>Calendar</h2>
@@ -15,10 +15,8 @@ class Calendar extends React.Component {
           ))}
         </ul>
       </div>
-    );
+    )
   }
-
 }
 
-export default Calendar;
-
+export default Calendar

examples/huge-apps/routes/Calendar/index.js

@@ -1,10 +1,8 @@
 module.exports = {
   path: 'calendar',
-
-  getComponent (location, cb) {
+  getComponent(location, cb) {
     require.ensure([], (require) => {
       cb(null, require('./components/Calendar'))
     })
   }
 }
-