Added eslint and prettier

Author: mariomc

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+    "extends": "airbnb"
+}

package.json

@@ -922,7 +922,12 @@
     "yesno": "^0.0.1",
     "zen-observable": "^0.6.1"
   },
-  "devDependencies": {},
+  "devDependencies": {
+    "eslint-config-airbnb": "^16.1.0",
+    "eslint-plugin-import": "^2.9.0",
+    "eslint-plugin-jsx-a11y": "^6.0.3",
+    "eslint-plugin-react": "^7.7.0"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

packages/gtfs-react-native/package.json

@@ -29,6 +29,7 @@
     "expo": "^25.0.0",
     "graphql": "^0.12.3",
     "graphql-tag": "^2.6.1",
+    "prettier": "^1.11.1",
     "react": "16.2.0",
     "react-apollo": "^2.0.4",
     "react-native": "0.52.0",

packages/gtfs-react-native/yarn.lock

@@ -5381,6 +5381,10 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
+prettier@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.11.1.tgz#61e43fc4cd44e68f2b0dfc2c38cd4bb0fccdcc75"
+
 pretty-format@^21.2.1:
   version "21.2.1"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-21.2.1.tgz#ae5407f3cf21066cd011aa1ba5fce7b6a2eddb36"

packages/gtfs-react/package.json

@@ -14,6 +14,7 @@
     "graphql": "^0.12.3",
     "graphql-tag": "^2.6.1",
     "leaflet": "^1.3.1",
+    "prettier": "^1.11.1",
     "react": "^16.2.0",
     "react-apollo": "^2.1.0-rc.5",
     "react-dom": "^16.2.0",

packages/gtfs-react/src/App.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { BrowserRouter as Router, Switch, Route, Redirect  } from 'react-router-dom';
 
+import StopsContainer from './containers/StopsContainer';
 import RoutesContainer from './containers/RoutesContainer';
 import RouteContainer from './containers/RouteContainer';
 
@@ -9,6 +10,7 @@ import './App.css';
 const App = () => (
   <Router>
     <Switch>
+      <Route exact path="/stops" component={StopsContainer}/>
       <Route exact path="/routes" component={RoutesContainer}/>
       <Route exact path="/routes/:id" component={RouteContainer}/>
       <Redirect from={'/'} to={'/routes'}/>

packages/gtfs-react/src/components/RouteMap.jsx

@@ -1,21 +1,19 @@
-import React, { Fragment } from 'react';
+import React from 'react';
 import { Map, Marker, TileLayer, Polyline } from 'react-leaflet';
 
 const RouteMap = ({ shapes }) => {
   const positions = shapes.map( shape => [shape.shape_pt_lat, shape.shape_pt_lon]);
-  return <Fragment>
-    <Map center={positions[0]} zoom={14} style={{ height: 400 }}>
-      <TileLayer
-        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
-        attribution="&copy; <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a> contributors"
-      />
+  return <Map center={positions[0]} zoom={14} style={{ height: 400 }}>
+    <TileLayer
+      url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+      attribution="&copy; <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a> contributors"
+    />
 
-      {
-        shapes.map( (shape) => (<Marker key={shape.shape_pt_sequence} position={[shape.shape_pt_lat, shape.shape_pt_lon]} />))
-      }
-      <Polyline positions={ positions } />
-    </Map>
-  </Fragment>;
+    {
+      shapes.map( (shape) => (<Marker key={shape.shape_pt_sequence} position={[shape.shape_pt_lat, shape.shape_pt_lon]} />))
+    }
+    <Polyline positions={ positions } />
+  </Map>;
 }
 
 export default RouteMap;

packages/gtfs-react/src/components/Stops.jsx

@@ -0,0 +1,18 @@
+import React, { Fragment } from 'react';
+import { Link } from 'react-router-dom';
+import List from 'antd/lib/list';
+
+const Stop = ({ stop_id, stop_name }) => (
+  <List.Item>
+    <Link to={`/stops/${stop_id}`}>{stop_id} - {stop_name}</Link>
+  </List.Item>
+)
+
+const Stops = ({ stops }) => (
+  <Fragment>
+    <h3>Stops</h3>
+    <List dataSource={stops} renderItem={Stop} bordered />
+  </Fragment>
+);
+
+export default Stops;

packages/gtfs-react/src/containers/RouteContainer.jsx

@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react';
-import { gql } from 'apollo-boost'
+import { gql } from 'apollo-boost';
 import { Query } from 'react-apollo';
 
 import Route from '../components/Route';

packages/gtfs-react/src/containers/RoutesContainer.jsx

@@ -1,4 +1,4 @@
-import gql from 'graphql-tag'
+import { gql } from 'apollo-boost';
 import { compose, graphql } from 'react-apollo';
 
 import Routes from '../components/Routes';

packages/gtfs-react/src/containers/StopsContainer.jsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { gql } from 'apollo-boost';
+import { Query } from 'react-apollo';
+
+import Stops from '../components/Stops';
+
+const GET_STOPS = gql`query Stops {
+  stops {
+    stop_id
+    stop_name
+  }
+}`;
+
+const StopsContainer = () => {
+  return (<Query query={GET_STOPS}>
+    {({ loading, error, data }) => {
+      if (loading) return "Loading...";
+      if (error) return `Error! ${error.message}`;
+
+      return <Stops stops={data.stops} />
+    }}
+  </Query>)
+};
+
+export default StopsContainer;

packages/gtfs-react/yarn.lock

@@ -5356,6 +5356,10 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
+prettier@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.11.1.tgz#61e43fc4cd44e68f2b0dfc2c38cd4bb0fccdcc75"
+
 pretty-bytes@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-4.0.2.tgz#b2bf82e7350d65c6c33aa95aaa5a4f6327f61cd9"

packages/gtfs-server/package.json

@@ -22,6 +22,7 @@
     "gtfs": "^1.6.1",
     "mongoose": "^5.0.11",
     "nodemon": "^1.17.2",
+    "prettier": "^1.11.1",
     "react-apollo": "^2.0.4"
   }
 }

packages/gtfs-server/yarn.lock

@@ -1827,6 +1827,10 @@ prepend-http@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
 
+prettier@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.11.1.tgz#61e43fc4cd44e68f2b0dfc2c38cd4bb0fccdcc75"
+
 process-nextick-args@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.0.tgz#a37d732f4271b4ab1ad070d35508e8290788ffaa"