Added JSHint and JSXHint for linting the code.

assets/js/app.jsx

@@ -5,7 +5,7 @@ require('bootstrap');
 var React = require('react');
 
 // React components
-var WakaTime = require('./components/WakaTime.react');
+var WakaTime = require('./components/WakaTime.jsx');
 
 React.render(
     <WakaTime />,

assets/js/components/MainList.jsx

@@ -1,3 +1,5 @@
+/* global chrome */
+
 var React = require('react');
 
 var MainList = React.createClass({

assets/js/components/Options.jsx

@@ -1,3 +1,5 @@
+/* global chrome */
+
 var React = require('react');
 var ReactAddons = require('react/addons');
 var ReactCSSTransitionGroup = ReactAddons.addons.CSSTransitionGroup;
@@ -5,8 +7,8 @@ var ReactCSSTransitionGroup = ReactAddons.addons.CSSTransitionGroup;
 var config = require('../config');
 
 // React components
-var Alert = require('./Alert.react');
-var SitesList = require('./SitesList.react');
+var Alert = require('./Alert.jsx');
+var SitesList = require('./SitesList.jsx');
 
 /**
  * One thing to keep in  mind is that you cannot use this.refs.blacklist if
@@ -113,7 +115,7 @@ var Options = React.createClass({
         var that = this;
 
         var alert = function() {
-            if(that.state.displayAlert == true){
+            if(that.state.displayAlert === true){
 
                 setTimeout(function () {
                     that.setState({displayAlert:false});

assets/js/components/WakaTime.jsx

@@ -1,11 +1,13 @@
+/* global chrome */
+
 var React = require("react");
 var $ = require('jquery');
 
 var config = require('../config');
 
 // React components
-var NavBar = require('./NavBar.react');
-var MainList = require('./MainList.react');
+var NavBar = require('./NavBar.jsx');
+var MainList = require('./MainList.jsx');
 
 // Core
 var WakaTimeOriginal = require('../core/WakaTime');
@@ -30,7 +32,7 @@ var WakaTime = React.createClass({
 
     componentDidMount: function() {
 
-        var wakatime = new WakaTimeOriginal;
+        var wakatime = new WakaTimeOriginal();
 
         var that = this;
 
@@ -62,7 +64,7 @@ var WakaTime = React.createClass({
 
                 wakatime.getTotalTimeLoggedToday().done(function(grand_total) {
                     that.setState({
-                        totalTimeLoggedToday: grand_total['text']
+                        totalTimeLoggedToday: grand_total.text
                     });
                 });
             }
@@ -86,7 +88,7 @@ var WakaTime = React.createClass({
                 deferredObject.resolve(that);
 
             },
-            error: (xhr, status, err) => {
+            error: function(xhr, status, err) {
 
                 console.error(config.logoutUserUrl, status, err.toString());
 

assets/js/config.js

@@ -57,4 +57,4 @@ var config = {
     }
 };
 
-export default config;
+module.exports = config;

assets/js/core/WakaTime.js

@@ -1,3 +1,6 @@
+/* global chrome */
+//jshint esnext:true
+
 var $ = require('jquery');
 var moment = require('moment');
 
@@ -34,7 +37,7 @@ class WakaTime {
             dataType: 'json',
             success: (data) => {
 
-                deferredObject.resolve(data.data[0]['grand_total']);
+                deferredObject.resolve(data.data[0].grand_total);
 
             },
             error: (xhr, status, err) => {

assets/js/devtools.js

@@ -1,3 +1,5 @@
+/* global chrome */
+
 // Create a connection to the background page
 var backgroundPageConnection = chrome.runtime.connect({
     name: "devtools-page"

assets/js/events.js

@@ -1,8 +1,10 @@
+/* global chrome */
+
 // Core
 var WakaTime = require("./core/WakaTime");
 
 // initialize class
-var wakatime = new WakaTime;
+var wakatime = new WakaTime();
 
 // Holds currently open connections (ports) with devtools
 // Uses tabId as index key.

assets/js/helpers/changeExtensionIcon.js

@@ -1,3 +1,5 @@
+/* global chrome */
+
 var config = require('../config');
 
 /**
@@ -6,7 +8,9 @@ var config = require('../config');
  *
  * @param color
  */
-function changeExtensionIcon(color = '') {
+function changeExtensionIcon(color) {
+
+    color = color ? color : '';
 
     var path = null;
 
@@ -43,4 +47,4 @@ function changeExtensionIcon(color = '') {
 
 }
 
-export default changeExtensionIcon;
+module.exports = changeExtensionIcon;

assets/js/helpers/changeExtensionState.js

@@ -10,7 +10,7 @@ var in_array = require('./in_array');
  *
  * @param state
  */
-function changeExtensionState(state){
+function changeExtensionState(state) {
     if (! in_array(state, config.states)) {
         throw new Error('Not a valid state!');
     }
@@ -31,4 +31,4 @@ function changeExtensionState(state){
     }
 }
 
-export default changeExtensionState;
+module.exports = changeExtensionState;

assets/js/helpers/changeExtensionTooltip.js

@@ -1,3 +1,5 @@
+/* global chrome */
+
 var config = require('../config');
 
 /**
@@ -17,4 +19,4 @@ function changeExtensionTooltip(text) {
     chrome.browserAction.setTitle({title: text});
 }
 
-export default changeExtensionTooltip;
+module.exports = changeExtensionTooltip;

assets/js/helpers/currentTimestamp.js

@@ -3,8 +3,8 @@
  *
  * @returns {number}
  */
-function currentTimestamp(){
+function currentTimestamp() {
     return Math.round((new Date()).getTime() / 1000);
 }
 
-export default currentTimestamp;
+module.exports = currentTimestamp;

assets/js/helpers/getDomainFromUrl.js

@@ -10,4 +10,4 @@ function getDomainFromUrl(url) {
     return parts[0] + "//" + parts[2];
 }
 
-export default getDomainFromUrl;
+module.exports = getDomainFromUrl;

assets/js/helpers/in_array.js

@@ -9,11 +9,10 @@ function in_array(needle, haystack) {
     for (var i = 0; i < haystack.length; i ++) {
         if (needle == haystack[i]) {
             return true;
-            break;
         }
     }
 
     return false;
 }
 
-export default in_array;
+module.exports = in_array;

assets/js/options.jsx

@@ -5,7 +5,7 @@ require('bootstrap');
 var React = require('react');
 
 // React components
-var Options = require('./components/Options.react');
+var Options = require('./components/Options.jsx');
 
 React.render(
     <Options />,