check if tutorial is latest, add update button

Author: ShMcK

lib/actions.js

@@ -36,6 +36,7 @@ exports.tutorialSet = actions_10.tutorialSet;
 var actions_11 = require('./modules/tutorials/actions');
 exports.tutorialsFind = actions_11.tutorialsFind;
 exports.tutorialUpdate = actions_11.tutorialUpdate;
+exports.tutorialsUpdate = actions_11.tutorialsUpdate;
 var actions_12 = require('./modules/window/actions');
 exports.windowToggle = actions_12.windowToggle;
 exports.quit = actions_12.quit;

lib/components/Tutorials/UpdateTutorial/index.js

@@ -26,9 +26,8 @@ var UpdateTutorial = (function (_super) {
     UpdateTutorial.prototype.render = function () {
         var _a = this.props, tutorial = _a.tutorial, tutorialUpdate = _a.tutorialUpdate;
         return (React.createElement("span", null, 
-            React.createElement(update_1.default, {style: styles.icon, color: colors_1.pink500, onTouchTap: tutorialUpdate.bind(this, tutorial.name)}), 
-            "``", 
-            React.createElement("span", {style: styles.latest}, tutorial.latest)));
+            React.createElement(update_1.default, {style: styles.icon, color: colors_1.pink500, onTouchTap: tutorialUpdate.bind(this, tutorial.name)})
+        ));
     };
     return UpdateTutorial;
 }(React.Component));

lib/components/Tutorials/index.js

@@ -36,7 +36,7 @@ var Tutorials = (function (_super) {
                         ), 
                         React.createElement(Table_1.TableRowColumn, null, 
                             tutorial.version, 
-                            !!tutorial.latest
+                            !tutorial.latest
                                 ? React.createElement(UpdateTutorial_1.default, {tutorial: tutorial})
                                 : null)));
                 }))), 

lib/index.js

@@ -5,13 +5,13 @@ var StatusBar_1 = require('./components/StatusBar');
 var setup_1 = require('./modules/setup');
 var store_1 = require('./store');
 var subscriptions_1 = require('./subscriptions');
-var utils_1 = require('./utils');
+var polyfills_1 = require('./utils/polyfills');
 var injectTapEventPlugin = require('react-tap-event-plugin');
 process.env.NODE_ENV = 'production';
 var Main = (function () {
     function Main() {
         injectTapEventPlugin();
-        utils_1.default();
+        polyfills_1.default();
         store_1.default.dispatch(setup_1.setupVerify());
         this.side = SidePanel_1.sideElement.init();
         this.subscriptions = new subscriptions_1.default();

lib/modules/setup/utils/check-system.js

@@ -1,43 +1,17 @@
 "use strict";
+var compareVersions_1 = require('../../../utils/compareVersions');
+var system_1 = require('../../../utils/system');
 var atom_plugin_command_line_1 = require('atom-plugin-command-line');
 var versions = {
     node: '4.0.0',
     atom: '1.8.0',
     npm: '3.0.0'
 };
-function matchVersions(v) {
-    return v.match(/([0-9]+)\.([0-9]+)/);
-}
-function isAboveVersion(a, b) {
-    if (a === b) {
-        return true;
-    }
-    var a_components = a.split('.');
-    var b_components = b.split('.');
-    var len = Math.min(a_components.length, b_components.length);
-    for (var i = 0; i < len; i++) {
-        var first = parseInt(a_components[i], 10);
-        var second = parseInt(b_components[i], 10);
-        if (first > second) {
-            return true;
-        }
-        if (first < second) {
-            return false;
-        }
-    }
-    if (a_components.length > b_components.length) {
-        return true;
-    }
-    if (a_components.length < b_components.length) {
-        return false;
-    }
-    return true;
-}
 function minVersion(command) {
     var minVersion = versions[command];
     return new Promise(function (resolve, reject) {
         var minOrLater = atom_plugin_command_line_1.default(command, '-v')
-            .then(function (res) { return isAboveVersion(res, minVersion); });
+            .then(function (res) { return compareVersions_1.isAboveVersion(res, minVersion); });
         if (!minOrLater) {
             resolve(false);
         }
@@ -51,7 +25,7 @@ function atomMinVersion() {
     return new Promise(function (resolve, reject) {
         var minOrLater = atom_plugin_command_line_1.default('atom', '-v').then(function (res) {
             var match = res.match(/Atom\s+:\s+([0-9]\.[0-9]\.[0-9])/);
-            if (match && match[1] && isAboveVersion(match[1], versions.atom)) {
+            if (match && match[1] && compareVersions_1.isAboveVersion(match[1], versions.atom)) {
                 resolve(true);
             }
             else {
@@ -61,8 +35,8 @@ function atomMinVersion() {
     });
 }
 exports.atomMinVersion = atomMinVersion;
-function requiresXCode() {
-    if (!navigator.platform.match(/Mac/)) {
+function hasOrDoesNotRequireXCode() {
+    if (!system_1.isMac) {
         return true;
     }
     return atom_plugin_command_line_1.default('xcode-select', '-v').then(function (res) {
@@ -72,4 +46,4 @@ function requiresXCode() {
         return false;
     });
 }
-exports.requiresXCode = requiresXCode;
+exports.hasOrDoesNotRequireXCode = hasOrDoesNotRequireXCode;

lib/modules/setup/utils/verify.js

@@ -18,7 +18,7 @@ function setupVerify(dir, packageJson) {
         system: {
             node: !!check_system_1.minVersion('node'),
             npm: !!check_system_1.minVersion('npm'),
-            xcode: !!check_system_1.requiresXCode(),
+            xcode: !!check_system_1.hasOrDoesNotRequireXCode,
             atom: !!check_system_1.atomMinVersion(),
         },
         setup: {

lib/modules/tutorials/actions.js

@@ -15,10 +15,15 @@ function tutorialUpdate(title) {
     };
 }
 exports.tutorialUpdate = tutorialUpdate;
+function tutorialsUpdate() {
+    return { type: types_1.TUTORIALS_UPDATE };
+}
+exports.tutorialsUpdate = tutorialsUpdate;
 function tutorialsFind() {
     return function (dispatch, getState) {
         var dir = getState().dir;
         dispatch({ type: types_1.TUTORIALS_FIND, payload: { dir: dir } });
+        dispatch(tutorialsUpdate());
     };
 }
 exports.tutorialsFind = tutorialsFind;

lib/modules/tutorials/index.js

@@ -1,3 +1,25 @@
 "use strict";
-var reducer_1 = require('./reducer');
-exports.reducer = reducer_1.default;
+var latestVersion_1 = require('./latestVersion');
+var types_1 = require('./types');
+var coderoad_cli_1 = require('coderoad-cli');
+function tutorialsReducer(t, action) {
+    if (t === void 0) { t = []; }
+    switch (action.type) {
+        case types_1.TUTORIALS_FIND:
+            var tuts = coderoad_cli_1.tutorials({ dir: action.payload.dir });
+            return tuts ? tuts : t;
+        case types_1.TUTORIALS_UPDATE:
+            return t.map(function (tutorial) {
+                var name = tutorial.name, version = tutorial.version;
+                if (version) {
+                    latestVersion_1.default({ name: name, version: version })
+                        .then(function (x) { return tutorial.latest = x; });
+                }
+                return tutorial;
+            });
+        default:
+            return t;
+    }
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = tutorialsReducer;

lib/modules/tutorials/latestVersion.js

@@ -0,0 +1,17 @@
+"use strict";
+var compareVersions_1 = require('../../utils/compareVersions');
+var fetch_1 = require('../../utils/fetch');
+var npmApiCall = function (name) { return ("https://registry.npmjs.org/" + name); };
+function isLatestVersion(_a) {
+    var name = _a.name, version = _a.version;
+    return (fetch_1.default(npmApiCall(name))
+        .then(function (res) {
+        if (res) {
+            var latest = JSON.parse(res)['dist-tags'].latest;
+            return compareVersions_1.isAboveVersion(version, latest);
+        }
+        return false;
+    }));
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = isLatestVersion;

lib/modules/tutorials/types.js

@@ -1,3 +1,4 @@
 "use strict";
-exports.TUTORIAL_UPDATE = 'TUTORIAL_UPDATE';
 exports.TUTORIALS_FIND = 'TUTORIALS_FIND';
+exports.TUTORIALS_UPDATE = 'TUTORIALS_UPDATE';
+exports.TUTORIAL_UPDATE = 'TUTORIAL_UPDATE';