Added JSHint and JSXHint for linting the code.

public/js/bundle.js

@@ -9,12 +9,12 @@ require('bootstrap');
 var React = require('react');
 
 // React components
-var WakaTime = require('./components/WakaTime.react');
+var WakaTime = require('./components/WakaTime.jsx');
 
 React.render(React.createElement(WakaTime, null), document.getElementById('wakatime'));
 
 }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-},{"./components/WakaTime.react":4,"bootstrap":13,"jquery":26,"react":183}],2:[function(require,module,exports){
+},{"./components/WakaTime.jsx":4,"bootstrap":13,"jquery":26,"react":183}],2:[function(require,module,exports){
 'use strict';
 
 var React = require('react');
@@ -299,8 +299,8 @@ 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');
@@ -357,7 +357,7 @@ var WakaTime = React.createClass({
 
                 wakatime.getTotalTimeLoggedToday().done(function (grand_total) {
                     that.setState({
-                        totalTimeLoggedToday: grand_total['text']
+                        totalTimeLoggedToday: grand_total.text
                     });
                 });
             } else {
@@ -467,12 +467,9 @@ var WakaTime = React.createClass({
 
 module.exports = WakaTime;
 
-},{"../config":5,"../core/WakaTime":6,"../helpers/changeExtensionState":8,"./MainList.react":2,"./NavBar.react":3,"jquery":26,"react":183}],5:[function(require,module,exports){
+},{"../config":5,"../core/WakaTime":6,"../helpers/changeExtensionState":8,"./MainList.jsx":2,"./NavBar.jsx":3,"jquery":26,"react":183}],5:[function(require,module,exports){
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
 var config = {
     // Extension name
     name: 'WakaTime',
@@ -526,10 +523,12 @@ var config = {
     }
 };
 
-exports['default'] = config;
-module.exports = exports['default'];
+module.exports = config;
 
 },{}],6:[function(require,module,exports){
+/* global chrome */
+//jshint esnext:true
+
 'use strict';
 
 Object.defineProperty(exports, '__esModule', {
@@ -581,7 +580,7 @@ var WakaTime = (function () {
                 dataType: 'json',
                 success: function success(data) {
 
-                    deferredObject.resolve(data.data[0]['grand_total']);
+                    deferredObject.resolve(data.data[0].grand_total);
                 },
                 error: function error(xhr, status, err) {
 
@@ -794,11 +793,10 @@ exports['default'] = WakaTime;
 module.exports = exports['default'];
 
 },{"../helpers/changeExtensionState":8,"./../config":5,"./../helpers/currentTimestamp":10,"./../helpers/getDomainFromUrl":11,"./../helpers/in_array":12,"jquery":26,"moment":28}],7:[function(require,module,exports){
+/* global chrome */
+
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
 var config = require('../config');
 
 /**
@@ -807,8 +805,9 @@ var config = require('../config');
  *
  * @param color
  */
-function changeExtensionIcon() {
-    var color = arguments[0] === undefined ? '' : arguments[0];
+function changeExtensionIcon(color) {
+
+    color = color ? color : '';
 
     var path = null;
 
@@ -843,15 +842,11 @@ function changeExtensionIcon() {
     }
 }
 
-exports['default'] = changeExtensionIcon;
-module.exports = exports['default'];
+module.exports = changeExtensionIcon;
 
 },{"../config":5}],8:[function(require,module,exports){
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
 var config = require('../config');
 
 // Helpers
@@ -885,15 +880,13 @@ function changeExtensionState(state) {
     }
 }
 
-exports['default'] = changeExtensionState;
-module.exports = exports['default'];
+module.exports = changeExtensionState;
 
 },{"../config":5,"./changeExtensionIcon":7,"./changeExtensionTooltip":9,"./in_array":12}],9:[function(require,module,exports){
+/* global chrome */
+
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
 var config = require('../config');
 
 /**
@@ -912,8 +905,7 @@ function changeExtensionTooltip(text) {
     chrome.browserAction.setTitle({ title: text });
 }
 
-exports['default'] = changeExtensionTooltip;
-module.exports = exports['default'];
+module.exports = changeExtensionTooltip;
 
 },{"../config":5}],10:[function(require,module,exports){
 /**
@@ -923,15 +915,11 @@ module.exports = exports['default'];
  */
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
 function currentTimestamp() {
   return Math.round(new Date().getTime() / 1000);
 }
 
-exports["default"] = currentTimestamp;
-module.exports = exports["default"];
+module.exports = currentTimestamp;
 
 },{}],11:[function(require,module,exports){
 /**
@@ -942,17 +930,13 @@ module.exports = exports["default"];
  */
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
 function getDomainFromUrl(url) {
     var parts = url.split("/");
 
     return parts[0] + "//" + parts[2];
 }
 
-exports["default"] = getDomainFromUrl;
-module.exports = exports["default"];
+module.exports = getDomainFromUrl;
 
 },{}],12:[function(require,module,exports){
 /**
@@ -964,22 +948,17 @@ module.exports = exports["default"];
  */
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
 function in_array(needle, haystack) {
     for (var i = 0; i < haystack.length; i++) {
         if (needle == haystack[i]) {
             return true;
-            break;
         }
     }
 
     return false;
 }
 
-exports["default"] = in_array;
-module.exports = exports["default"];
+module.exports = in_array;
 
 },{}],13:[function(require,module,exports){
 // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.

public/js/devtools.js

@@ -1,4 +1,6 @@
 (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+/* global chrome */
+
 // Create a connection to the background page
 "use strict";
 

public/js/events.js

@@ -1,4 +1,6 @@
 (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+/* global chrome */
+
 // Core
 'use strict';
 
@@ -99,9 +101,6 @@ chrome.runtime.onConnect.addListener(function (port) {
 },{"./core/WakaTime":3}],2:[function(require,module,exports){
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
 var config = {
     // Extension name
     name: 'WakaTime',
@@ -155,10 +154,12 @@ var config = {
     }
 };
 
-exports['default'] = config;
-module.exports = exports['default'];
+module.exports = config;
 
 },{}],3:[function(require,module,exports){
+/* global chrome */
+//jshint esnext:true
+
 'use strict';
 
 Object.defineProperty(exports, '__esModule', {
@@ -210,7 +211,7 @@ var WakaTime = (function () {
                 dataType: 'json',
                 success: function success(data) {
 
-                    deferredObject.resolve(data.data[0]['grand_total']);
+                    deferredObject.resolve(data.data[0].grand_total);
                 },
                 error: function error(xhr, status, err) {
 
@@ -423,11 +424,10 @@ exports['default'] = WakaTime;
 module.exports = exports['default'];
 
 },{"../helpers/changeExtensionState":5,"./../config":2,"./../helpers/currentTimestamp":7,"./../helpers/getDomainFromUrl":8,"./../helpers/in_array":9,"jquery":10,"moment":11}],4:[function(require,module,exports){
+/* global chrome */
+
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
 var config = require('../config');
 
 /**
@@ -436,8 +436,9 @@ var config = require('../config');
  *
  * @param color
  */
-function changeExtensionIcon() {
-    var color = arguments[0] === undefined ? '' : arguments[0];
+function changeExtensionIcon(color) {
+
+    color = color ? color : '';
 
     var path = null;
 
@@ -472,15 +473,11 @@ function changeExtensionIcon() {
     }
 }
 
-exports['default'] = changeExtensionIcon;
-module.exports = exports['default'];
+module.exports = changeExtensionIcon;
 
 },{"../config":2}],5:[function(require,module,exports){
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
 var config = require('../config');
 
 // Helpers
@@ -514,15 +511,13 @@ function changeExtensionState(state) {
     }
 }
 
-exports['default'] = changeExtensionState;
-module.exports = exports['default'];
+module.exports = changeExtensionState;
 
 },{"../config":2,"./changeExtensionIcon":4,"./changeExtensionTooltip":6,"./in_array":9}],6:[function(require,module,exports){
+/* global chrome */
+
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
 var config = require('../config');
 
 /**
@@ -541,8 +536,7 @@ function changeExtensionTooltip(text) {
     chrome.browserAction.setTitle({ title: text });
 }
 
-exports['default'] = changeExtensionTooltip;
-module.exports = exports['default'];
+module.exports = changeExtensionTooltip;
 
 },{"../config":2}],7:[function(require,module,exports){
 /**
@@ -552,15 +546,11 @@ module.exports = exports['default'];
  */
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
 function currentTimestamp() {
   return Math.round(new Date().getTime() / 1000);
 }
 
-exports["default"] = currentTimestamp;
-module.exports = exports["default"];
+module.exports = currentTimestamp;
 
 },{}],8:[function(require,module,exports){
 /**
@@ -571,17 +561,13 @@ module.exports = exports["default"];
  */
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
 function getDomainFromUrl(url) {
     var parts = url.split("/");
 
     return parts[0] + "//" + parts[2];
 }
 
-exports["default"] = getDomainFromUrl;
-module.exports = exports["default"];
+module.exports = getDomainFromUrl;
 
 },{}],9:[function(require,module,exports){
 /**
@@ -593,22 +579,17 @@ module.exports = exports["default"];
  */
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
 function in_array(needle, haystack) {
     for (var i = 0; i < haystack.length; i++) {
         if (needle == haystack[i]) {
             return true;
-            break;
         }
     }
 
     return false;
 }
 
-exports["default"] = in_array;
-module.exports = exports["default"];
+module.exports = in_array;
 
 },{}],10:[function(require,module,exports){
 /*!

public/js/options.js

@@ -9,12 +9,12 @@ require('bootstrap');
 var React = require('react');
 
 // React components
-var Options = require('./components/Options.react');
+var Options = require('./components/Options.jsx');
 
 React.render(React.createElement(Options, null), document.getElementById('wakatime-options'));
 
 }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-},{"./components/Options.react":3,"bootstrap":6,"jquery":20,"react":194}],2:[function(require,module,exports){
+},{"./components/Options.jsx":3,"bootstrap":6,"jquery":20,"react":194}],2:[function(require,module,exports){
 'use strict';
 
 var React = require('react');
@@ -41,6 +41,8 @@ var Alert = React.createClass({
 module.exports = Alert;
 
 },{"classnames":19,"react":194}],3:[function(require,module,exports){
+/* global chrome */
+
 'use strict';
 
 var React = require('react');
@@ -50,8 +52,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
@@ -159,7 +161,7 @@ var Options = React.createClass({
         var that = this;
 
         var alert = function alert() {
-            if (that.state.displayAlert == true) {
+            if (that.state.displayAlert === true) {
 
                 setTimeout(function () {
                     that.setState({ displayAlert: false });
@@ -307,7 +309,7 @@ var Options = React.createClass({
 
 module.exports = Options;
 
-},{"../config":5,"./Alert.react":2,"./SitesList.react":4,"react":194,"react/addons":22}],4:[function(require,module,exports){
+},{"../config":5,"./Alert.jsx":2,"./SitesList.jsx":4,"react":194,"react/addons":22}],4:[function(require,module,exports){
 'use strict';
 
 var React = require('react');
@@ -359,9 +361,6 @@ module.exports = SitesList;
 },{"react":194}],5:[function(require,module,exports){
 'use strict';
 
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
 var config = {
     // Extension name
     name: 'WakaTime',
@@ -415,8 +414,7 @@ var config = {
     }
 };
 
-exports['default'] = config;
-module.exports = exports['default'];
+module.exports = config;
 
 },{}],6:[function(require,module,exports){
 // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.