Added jscs linting support

Author: justin808

client/.jscsrc

@@ -1,6 +1,5 @@
 {
  "preset": "airbnb",
  "fileExtensions": [".js", ".jsx"],
- "excludeFiles": ["build/**", "node_modules/**"],
- "esprima": "esprima-fb"
+ "excludeFiles": ["build/**", "node_modules/**"]
 }

client/assets/javascripts/components/Comment.jsx

@@ -6,7 +6,7 @@ const Comment = React.createClass({
 
  propTypes: {
  author: React.PropTypes.string.isRequired,
- text: React.PropTypes.string.isRequired
+ text: React.PropTypes.string.isRequired,
  },
 
  render() {
@@ -19,7 +19,7 @@ const Comment = React.createClass({
  <span dangerouslySetInnerHTML={{__html: rawMarkup}}/>
  </div>
  );
- }
+ },
 });
 
 export default Comment;

client/assets/javascripts/components/CommentBox.jsx

@@ -10,13 +10,13 @@ const CommentBox = React.createClass({
 
  propTypes: {
  url: React.PropTypes.string.isRequired,
- pollInterval: React.PropTypes.number.isRequired
+ pollInterval: React.PropTypes.number.isRequired,
  },
 
  getStoreState() {
  return {
  comments: CommentStore.getState(),
- form: FormStore.getState()
+ form: FormStore.getState(),
  };
  },
 
@@ -45,15 +45,15 @@ const CommentBox = React.createClass({
 
  render() {
  return (
- <div className="commentBox container">
+ <div className='commentBox container'>
  <h1>Comments { this.state.form.ajaxSending ? 'SENDING AJAX REQUEST!' : '' }</h1>
  <CommentForm formData={this.state.form.comment}
  url={this.props.url}
  ajaxSending={this.state.form.ajaxSending} />
  <CommentList comments={this.state.comments.comments} />
  </div>
  );
- }
+ },
 });
 
 export default CommentBox;

client/assets/javascripts/components/CommentForm.jsx

@@ -13,12 +13,12 @@ const CommentForm = React.createClass({
  propTypes: {
  url: React.PropTypes.string.isRequired,
  formData: React.PropTypes.object.isRequired,
- ajaxSending: React.PropTypes.bool.isRequired
+ ajaxSending: React.PropTypes.bool.isRequired,
  },
 
  getInitialState() {
  return {
- formMode: 0
+ formMode: 0,
  };
  },
 
@@ -34,14 +34,14 @@ const CommentForm = React.createClass({
  if (this.state.formMode < 2) {
  obj = {
  author: this.refs.author.getValue(),
- text: this.refs.text.getValue()
+ text: this.refs.text.getValue(),
  };
  } else {
  obj = {
  // This is different because the input is a native HTML element
  // rather than a React element.
  author: this.refs.inlineAuthor.getDOMNode().value,
- text: this.refs.inlineText.getDOMNode().value
+ text: this.refs.inlineText.getDOMNode().value,
  };
  }
 
@@ -145,15 +145,15 @@ const CommentForm = React.createClass({
  }
  return (
  <div>
- <Nav bsStyle="pills" activeKey={this.state.formMode} onSelect={this.handleSelect}>
+ <Nav bsStyle='pills' activeKey={this.state.formMode} onSelect={this.handleSelect}>
  <NavItem eventKey={0}>Horizontal Form</NavItem>
  <NavItem eventKey={1}>Stacked Form</NavItem>
  <NavItem eventKey={2}>Inline Form</NavItem>
  </Nav>
  {inputForm}
  </div>
  );
- }
+ },
 });
 
 export default CommentForm;

client/assets/javascripts/components/CommentList.jsx

@@ -5,7 +5,7 @@ const CommentList = React.createClass({
  displayName: 'CommentList',
 
  propTypes: {
- comments: React.PropTypes.array
+ comments: React.PropTypes.array,
  },
 
  render() {
@@ -20,11 +20,11 @@ const CommentList = React.createClass({
  });
 
  return (
- <div className="commentList">
+ <div className='commentList'>
  {commentNodes}
  </div>
  );
- }
+ },
 });
 
 export default CommentList;

client/assets/javascripts/stores/CommentStore.js

@@ -10,7 +10,7 @@ class CommentStore {
  handleFetchComments: CommentActions.FETCH_COMMENTS,
  handleUpdateComments: CommentActions.UPDATE_COMMENTS,
  handleUpdateCommentsError: CommentActions.UPDATE_COMMENTS_ERROR,
- handleAddComment: CommentActions.ADD_COMMENT
+ handleAddComment: CommentActions.ADD_COMMENT,
  });
  }
 

client/assets/javascripts/stores/FormStore.js

@@ -15,7 +15,7 @@ class FormStore {
  handleFetchComments: CommentActions.FETCH_COMMENTS,
  handleUpdateComments: CommentActions.UPDATE_COMMENTS,
  handleUpdateCommentsError: CommentActions.UPDATE_COMMENTS_ERROR,
- handleAddComment: CommentActions.ADD_COMMENT
+ handleAddComment: CommentActions.ADD_COMMENT,
  });
  }
 

client/assets/javascripts/utils/CommentsManager.js

@@ -10,7 +10,7 @@ const CommentsManager = {
  fetchComments(url) {
  return $.ajax({
  url: url,
- dataType: 'json'
+ dataType: 'json',
  });
  },
 
@@ -26,9 +26,9 @@ const CommentsManager = {
  url: url,
  dataType: 'json',
  type: 'POST',
- data: {comment: comment}
+ data: {comment: comment},
  });
- }
+ },
 };
 
 export default CommentsManager;

client/bootstrap-sass.config.js

@@ -31,7 +31,7 @@ module.exports = {
  popover: true,
  scrollspy: true,
  tab: true,
- affix: true
+ affix: true,
  },
 
  // ### Styles
@@ -83,6 +83,6 @@ module.exports = {
  carousel: true,
 
  utilities: true,
- 'responsive-utilities': true
- }
+ 'responsive-utilities': true,
+ },
 };

client/karma.conf.js

@@ -12,11 +12,11 @@ module.exports = function karmaMain(config) {
  frameworks: ['mocha'],
 
  files: [
- 'tests.webpack.js'
+ 'tests.webpack.js',
  ],
 
  preprocessors: {
- 'tests.webpack.js': ['webpack', 'sourcemap']
+ 'tests.webpack.js': ['webpack', 'sourcemap'],
  },
 
  reporters: ['dots'],
@@ -25,19 +25,19 @@ module.exports = function karmaMain(config) {
  devtool: 'inline-source-map',
  module: {
  loaders: [
- {test: /\.js$/, loader: 'babel-loader'}
- ]
+ {test: /\.js$/, loader: 'babel-loader'},
+ ],
  },
  plugins: [
  new webpack.DefinePlugin({
- 'process.env.NODE_ENV': JSON.stringify('test')
- })
- ]
+ 'process.env.NODE_ENV': JSON.stringify('test'),
+ }),
+ ],
  },
 
  webpackServer: {
- noInfo: true
- }
+ noInfo: true,
+ },
 
  });
 };