pageTabs, fix setup for builder

Author: ShMcK

lib/actions.js

@@ -6,6 +6,9 @@ var tutorial_config_1 = require('./modules/tutorial-config');
 exports.tutorialConfigSave = tutorial_config_1.tutorialConfigSave;
 var tutorial_info_1 = require('./modules/tutorial-info');
 exports.tutorialInfoSave = tutorial_info_1.tutorialInfoSave;
+var setup_1 = require('./modules/setup');
+exports.setupVerify = setup_1.setupVerify;
+exports.setupPackage = setup_1.setupPackage;
 var alert_1 = require('core-coderoad/lib/alert');
 exports.alertOpen = alert_1.alertOpen;
 exports.alertClose = alert_1.alertClose;
@@ -18,9 +21,6 @@ exports.editorSave = editor_1.editorSave;
 exports.editorSet = editor_1.editorSet;
 var route_1 = require('core-coderoad/lib/route');
 exports.routeSet = route_1.routeSet;
-var setup_1 = require('core-coderoad/lib/setup');
-exports.setupVerify = setup_1.setupVerify;
-exports.setupPackage = setup_1.setupPackage;
 var tutorial_1 = require('core-coderoad/lib/tutorial');
 exports.tutorialSet = tutorial_1.tutorialSet;
 var tutorials_1 = require('core-coderoad/lib/tutorials');

lib/components/Start/Checks/SetupChecks.js

@@ -13,7 +13,7 @@ var SetupChecks = function (_a) {
     }
     var hasDir = setup.hasDir, hasPackageJson = setup.hasPackageJson, hasTutorial = setup.hasTutorial;
     var status = [hasDir, hasPackageJson, hasTutorial];
-    return (React.createElement(Card_1.Card, {className: 'cr-check'}, React.createElement(Card_1.CardHeader, {title: 'Setup Checks', subtitle: 'CodeRoad requires a brief setup'}), React.createElement(Card_1.CardText, null, React.createElement(DynamicStepper_1.default, {status: status}, React.createElement(StepCheck_1.default, {label: 'open a directory', completed: hasDir}, React.createElement("p", null, "File -> Open (a new folder)"), React.createElement("br", null), React.createElement(FlatButton_1.default, {label: 'Open Directory', secondary: true})), React.createElement(StepCheck_1.default, {label: 'package.json', completed: hasPackageJson}, "Create a package.json by running", React.createElement("br", null), React.createElement("code", null, "> npm init -y`"), React.createElement("br", null), React.createElement(FlatButton_1.default, {label: 'Create package.json', secondary: true})), React.createElement(StepCheck_1.default, {label: 'install a tutorial', completed: hasTutorial}, "Install a tutorial using npm. For example:", React.createElement("br", null), React.createElement("code", null, "> npm install --save-dev coderoad-functional-school"), React.createElement("br", null)))), React.createElement(Card_1.CardActions, null, React.createElement(VerifyButton_1.default, null))));
+    return (React.createElement(Card_1.Card, {className: 'cr-check'}, React.createElement(Card_1.CardHeader, {title: 'Setup Checks', subtitle: 'CodeRoad requires a brief setup'}), React.createElement(Card_1.CardText, null, React.createElement(DynamicStepper_1.default, {status: status}, React.createElement(StepCheck_1.default, {label: 'open a directory', completed: hasDir}, React.createElement("p", null, "File -> Open (a new folder)"), React.createElement("br", null), React.createElement(FlatButton_1.default, {label: 'Open Directory', secondary: true})))), React.createElement(Card_1.CardActions, null, React.createElement(VerifyButton_1.default, null))));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SetupChecks;

lib/components/top-panel/Top.js

@@ -7,7 +7,6 @@ var Top = {
         _this.top = document.createElement('div');
         _this.top.setAttribute('id', 'crb-top');
         _this.top.style.height = '33px';
-        _this.top.style.border = 'solid 2px yellow';
         return _this.top;
     },
     unmount: function () {

lib/components/top-panel/TopPanel.js

@@ -1,5 +1,16 @@
 "use strict";
 var React = require('react');
-var TopPanel = function (_a) { return (React.createElement("div", null, React.createElement("h1", null, "Top"))); };
+var Tabs_1 = require('material-ui/Tabs');
+var add_1 = require('material-ui/svg-icons/content/add');
+var pageTabs_1 = require('./pageTabs');
+var styles = {
+    tabs: {
+        marginRight: '400px',
+    },
+};
+var TopPanel = function (_a) {
+    var tutorial = _a.tutorial;
+    return (React.createElement(Tabs_1.Tabs, {style: styles.tabs}, pageTabs_1.default(tutorial), React.createElement(Tabs_1.Tab, {icon: React.createElement(add_1.default, null)})));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = TopPanel;

lib/components/top-panel/pageTabs.js

@@ -0,0 +1,14 @@
+"use strict";
+var React = require('react');
+var Tabs_1 = require('material-ui/Tabs');
+var styles = {};
+function pageTabs(tutorial) {
+    if (!tutorial || !tutorial.pages) {
+        return null;
+    }
+    return tutorial.pages.map(function (page) {
+        return (React.createElement(Tabs_1.Tab, {label: page.title.substring(0, 10)}));
+    });
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = pageTabs;

lib/components/top-panel/render.js

@@ -7,7 +7,7 @@ var TopPanel_1 = require('./TopPanel');
 var theme_1 = require('../styles/theme');
 var MuiThemeProvider_1 = require('material-ui/styles/MuiThemeProvider');
 function render(target) {
-    ReactDOM.render(React.createElement(react_redux_1.Provider, {store: store_1.default}, React.createElement(MuiThemeProvider_1.default, {muiTheme: theme_1.default}, React.createElement(TopPanel_1.default, null))), target);
+    ReactDOM.render(React.createElement(react_redux_1.Provider, {store: store_1.default}, React.createElement(MuiThemeProvider_1.default, {muiTheme: theme_1.default}, React.createElement(TopPanel_1.default, {tutorial: store_1.default.tutorial}))), target);
 }
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = render;

lib/components/top.js

@@ -1,5 +1,6 @@
 "use strict";
 var render_1 = require('./components/render');
+var render_2 = require('./components/top-panel/render');
 var Root_1 = require('./components/Root');
 var Top_1 = require('./components/top-panel/Top');
 var polyfills_1 = require('core-coderoad/lib/polyfills');
@@ -24,6 +25,7 @@ var Main = (function () {
         });
         subscriptions_1.onActivate();
         render_1.default(this.root);
+        render_2.default(this.top);
     };
     Main.prototype.deactivate = function () {
         subscriptions_1.onDeactivate();

lib/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var types_1 = require('./types');
+function setupVerify() {
+    return function (dispatch, getState) {
+        dispatch(setupPackage());
+        var _a = getState(), dir = _a.dir, packageJson = _a.packageJson;
+        dispatch({ type: types_1.SETUP_VERIFY, payload: { dir: dir, packageJson: packageJson } });
+    };
+}
+exports.setupVerify = setupVerify;
+function setupPackage() {
+    return function (dispatch, getState) {
+        var dir = getState().dir;
+        dispatch({ type: types_1.SETUP_PACKAGE, payload: { dir: dir } });
+    };
+}
+exports.setupPackage = setupPackage;

lib/modules/setup/actions.js

@@ -0,0 +1,26 @@
+"use strict";
+var types_1 = require('../types');
+var verify_1 = require('../utils/verify');
+var _checks = {
+    passed: false,
+    system: {
+        node: false,
+        npm: false,
+        xcode: false,
+    },
+    setup: {
+        hasDir: false,
+    }
+};
+function checks(checks, action) {
+    if (checks === void 0) { checks = _checks; }
+    switch (action.type) {
+        case types_1.SETUP_VERIFY:
+            var _a = action.payload, dir = _a.dir, packageJson = _a.packageJson;
+            return verify_1.default(dir, packageJson);
+        default:
+            return checks;
+    }
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = checks;