check for latest tutorial versions

Author: ShMcK

lib/components/tutorials/tutorials.js

@@ -42,7 +42,7 @@ var TutorialList = (function (_super) {
         var _a = this.props, tutorials = _a.tutorials, loadTutorials = _a.loadTutorials, selectTutorial = _a.selectTutorial, toggleAlert = _a.toggleAlert;
         return (React.createElement("div", {className: 'cr-tutorials'}, React.createElement(table_1.default, null, React.createElement(table_header_1.default, {displaySelectAll: false, adjustForCheckbox: false}, React.createElement(table_row_1.default, null, React.createElement(table_header_column_1.default, null, "Tutorial"), React.createElement(table_header_column_1.default, null, "Version"))), React.createElement(table_body_1.default, {displayRowCheckbox: false}, tutorials.map(function (tutorial, index) {
             return (React.createElement(table_row_1.default, null, React.createElement(table_row_column_1.default, null, React.createElement(flat_button_1.default, {label: _this.trim(tutorial.name), primary: true, onTouchTap: selectTutorial.bind(_this, tutorial)})), React.createElement(table_row_column_1.default, null, tutorial.version), "/>"));
-        }))), React.createElement("br", null), React.createElement(flat_button_1.default, {label: 'Check for Tutorials', secondary: true, onTouchTap: loadTutorials})));
+        }))), React.createElement("br", null), React.createElement(flat_button_1.default, {style: { margin: '0 auto' }, label: 'Check for Tutorials', secondary: true, onTouchTap: loadTutorials})));
     };
     TutorialList = __decorate([
         react_redux_1.connect(null, function (dispatch) {

lib/reducers/tutorials/check-tutorials.js

@@ -2,6 +2,7 @@
 var path = require('path');
 var fs = require('fs');
 var exists_1 = require('../../services/exists');
+var update_tutorial_1 = require('./update-tutorial');
 var tutorialError = 'This is an error with the tutorial itself';
 function packageJsonExists() {
     var pathToPackageJson = path.join(window.coderoad.dir, 'package.json');
@@ -56,7 +57,7 @@ function searchForTutorials(deps) {
             return {
                 name: name,
                 version: packageJson.version,
-                latest: true
+                latest: update_tutorial_1.canUpdateTutorial(name, packageJson.version)
             };
         }));
     }

lib/reducers/tutorials/update-tutorial.js

@@ -1,4 +1,14 @@
 "use strict";
+var command_line_1 = require('../../services/command-line');
 function canUpdateTutorial(name, currentVersion) {
+    var isLatest = command_line_1.default('npm', "outdated " + name)
+        .then(function (res) {
+        if (res.length > 0) {
+            return res.match(/[0-9\.]+\s+[0-9\.]+\s+([0-9\.]+)/)[1];
+        }
+        else {
+            return null;
+        }
+    });
 }
 exports.canUpdateTutorial = canUpdateTutorial;

src/components/tutorials/_tutorials.less

@@ -1,3 +1,6 @@
 .cr-tutorials {
   padding: 10px;
+  &-check {
+    margin: 0 auto;
+  }
 }

src/components/tutorials/tutorials.tsx

@@ -68,7 +68,7 @@ class TutorialList extends React.Component<{
     </Table>
 
     <br />
-    <FlatButton label='Check for Tutorials' secondary={true} onTouchTap={loadTutorials} />
+    <FlatButton style={{margin: '0 auto'}} label='Check for Tutorials' secondary={true} onTouchTap={loadTutorials} />
   </div>
     );
   }

src/reducers/tutorials/check-tutorials.ts

@@ -72,7 +72,7 @@ export function searchForTutorials(deps: Object): CR.Tutorial[] {
       return {
         name,
         version: packageJson.version,
-        latest: true
+        latest: canUpdateTutorial(name, packageJson.version)
       };
     }));
   } else {

src/reducers/tutorials/tutorials.ts

@@ -4,12 +4,12 @@ import {loadRootPackageJson, searchForTutorials} from './check-tutorials';
 export default function tutorialsReducer(tutorials = [], action: CR.Action): CR.Tutorial[] {
   switch (action.type) {
     case Type.LOAD_TUTORIALS:
-        let packageJson: PackageJson = loadRootPackageJson();
-        if (!!packageJson) {
-          return [].concat(searchForTutorials(packageJson.dependencies))
-            .concat(searchForTutorials(packageJson.devDependencies));
-        }
-        return [];
+      let packageJson: PackageJson = loadRootPackageJson();
+      if (!!packageJson) {
+        return [].concat(searchForTutorials(packageJson.dependencies))
+          .concat(searchForTutorials(packageJson.devDependencies));
+      }
+      return [];
     default:
       return tutorials;
   }

src/reducers/tutorials/update-tutorial.ts

@@ -1,6 +1,12 @@
 import commandLine from '../../services/command-line';
 
-export function canUpdateTutorial(name: string, currentVersion: string) {
-  // let latestVersion = commandLine('npm', `outdated ${name}`);
-  // console.log(latestVersion, currentVersion);
+export function canUpdateTutorial(name: string, currentVersion: string): string|void {
+  let isLatest = commandLine('npm', `outdated ${name}`)
+  .then((res) => {
+    if (res.length > 0) {
+      return res.match(/[0-9\.]+\s+[0-9\.]+\s+([0-9\.]+)/)[1];
+    } else {
+      return null;
+    }
+  });
 }

src/typings/cr/cr.d.ts

@@ -112,7 +112,7 @@ declare namespace CR {
   interface Tutorial {
     name: string;
     version: string;
-    latest?: boolean;
+    latest?: string;
   }
 
   interface Log {