load routes from core

Author: ShMcK

lib/actions.js

@@ -17,17 +17,17 @@ exports.pageNext = actions_4.pageNext;
 var actions_5 = require('./modules/progress/actions');
 exports.progressLoad = actions_5.progressLoad;
 exports.progressCompletePage = actions_5.progressCompletePage;
-var actions_6 = require('./modules/route/actions');
-exports.routeSet = actions_6.routeSet;
-var actions_7 = require('./modules/setup/actions');
-exports.setupVerify = actions_7.setupVerify;
-exports.setupPackage = actions_7.setupPackage;
-var actions_8 = require('./modules/tests/actions');
-exports.testRun = actions_8.testRun;
-exports.testResult = actions_8.testResult;
-exports.testComplete = actions_8.testComplete;
-var actions_9 = require('./modules/tutorial/actions');
-exports.tutorialSet = actions_9.tutorialSet;
-var actions_10 = require('./modules/tutorials/actions');
-exports.tutorialsFind = actions_10.tutorialsFind;
-exports.tutorialUpdate = actions_10.tutorialUpdate;
+var route_1 = require('core-coderoad/lib/route');
+exports.routeSet = route_1.routeSet;
+var actions_6 = require('./modules/setup/actions');
+exports.setupVerify = actions_6.setupVerify;
+exports.setupPackage = actions_6.setupPackage;
+var actions_7 = require('./modules/tests/actions');
+exports.testRun = actions_7.testRun;
+exports.testResult = actions_7.testResult;
+exports.testComplete = actions_7.testComplete;
+var actions_8 = require('./modules/tutorial/actions');
+exports.tutorialSet = actions_8.tutorialSet;
+var actions_9 = require('./modules/tutorials/actions');
+exports.tutorialsFind = actions_9.tutorialsFind;
+exports.tutorialUpdate = actions_9.tutorialUpdate;

lib/components/Routes/RouteButton.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import {connect} from 'react-redux';
+import RaisedButton from 'material-ui/RaisedButton';
+import {routeSet} from './actions';
+
+@connect(null, dispatch => {
+  return {
+    routeTo: (route: string) => dispatch(routeSet(route))
+  };
+})
+export default class RouteButton extends React.Component<{
+  label: string, route: string, routeTo?: any, style?: Object
+}, {}> {
+  render() {
+    const {label, route, style, routeTo} = this.props;
+    return (
+        <RaisedButton
+          label={label}
+          style={style || {}}
+          onTouchTap={routeTo.bind(this, route)}
+          secondary={true}
+        />
+    );
+  }
+}

lib/components/Start/Checks/DynamicStepper.js

@@ -0,0 +1,23 @@
+"use strict";
+var __extends = (this && this.__extends) || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+};
+var React = require('react');
+var Stepper_1 = require('material-ui/Stepper');
+var DynamicStepper = (function (_super) {
+    __extends(DynamicStepper, _super);
+    function DynamicStepper(props) {
+        _super.call(this, props);
+        this.state = {
+            stepIndex: this.props.status.indexOf(false) || 0
+        };
+    }
+    DynamicStepper.prototype.render = function () {
+        return (React.createElement(Stepper_1.Stepper, {activeStep: this.state.stepIndex, linear: false, orientation: 'vertical'}, this.props.children));
+    };
+    return DynamicStepper;
+}(React.Component));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DynamicStepper;

lib/components/Start/Checks/InstallGuide.js

@@ -0,0 +1,11 @@
+"use strict";
+var React = require('react');
+var InstallGuide = function (_a) {
+    var checks = _a.checks;
+    if (!checks || !checks.passed) {
+        return null;
+    }
+    return (React.createElement("div", {className: 'setup-guide'}, "Check the", React.createElement("a", {href: 'https://coderoad.github.io/docs#install'}, " ", React.createElement("strong", null, "Install Guide"))));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = InstallGuide;

lib/components/Start/Checks/SetupChecks.js

@@ -0,0 +1,19 @@
+"use strict";
+var React = require('react');
+var Card_1 = require('material-ui/Card');
+var FlatButton_1 = require('material-ui/FlatButton');
+var VerifyButton_1 = require('./VerifyButton');
+var DynamicStepper_1 = require('./DynamicStepper');
+var StepCheck_1 = require('./StepCheck');
+var SetupChecks = function (_a) {
+    var checks = _a.checks;
+    var setup = checks.setup;
+    if (setup.passed) {
+        return null;
+    }
+    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))));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SetupChecks;

lib/components/Start/Checks/StepCheck.js

@@ -0,0 +1,14 @@
+"use strict";
+var React = require('react');
+var Stepper_1 = require('material-ui/Stepper');
+var FontIcon_1 = require('material-ui/FontIcon');
+var warning_1 = require('material-ui/svg-icons/alert/warning');
+var colors_1 = require('material-ui/styles/colors');
+var StepCheck = function (_a) {
+    var completed = _a.completed, label = _a.label, children = _a.children;
+    return (React.createElement(Stepper_1.Step, {completed: completed, active: !completed}, React.createElement(Stepper_1.StepLabel, {icon: completed
+        ? React.createElement(FontIcon_1.default, null, "✓")
+        : React.createElement(warning_1.default, {color: colors_1.red500})}, label), React.createElement(Stepper_1.StepContent, null, children, React.createElement("br", null))));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StepCheck;

lib/components/Start/Checks/SystemChecks.js

@@ -0,0 +1,19 @@
+"use strict";
+var React = require('react');
+var Card_1 = require('material-ui/Card');
+var FlatButton_1 = require('material-ui/FlatButton');
+var VerifyButton_1 = require('./VerifyButton');
+var colors_1 = require('material-ui/styles/colors');
+var DynamicStepper_1 = require('./DynamicStepper');
+var StepCheck_1 = require('./StepCheck');
+var SystemChecks = function (_a) {
+    var checks = _a.checks;
+    var system = checks.system;
+    if (system.passed) {
+        return null;
+    }
+    var status = [system.node, system.npm];
+    return (React.createElement(Card_1.Card, {className: 'cr-check'}, React.createElement(Card_1.CardHeader, {title: 'System Checks', subtitle: 'CodeRoad requires several key dependencies'}), React.createElement(Card_1.CardText, null, React.createElement(DynamicStepper_1.default, {status: status}, React.createElement(StepCheck_1.default, {label: 'Node >= 0.10', completed: system.node}, React.createElement("p", null, "Install a newer version of ", React.createElement("a", {style: { color: colors_1.pink500 }, href: 'https://nodejs.org'}, "NodeJS"))), React.createElement(StepCheck_1.default, {label: 'NPM >= 3', completed: system.npm}, "Update your version of NPM.", React.createElement("br", null), React.createElement("code", null, "> npm update -g npm"), React.createElement("br", null), React.createElement(FlatButton_1.default, {label: 'Update NPM', secondary: true})), React.createElement(StepCheck_1.default, {label: 'Xcode', completed: system.xcode}, React.createElement("p", null, "Install ", React.createElement("a", {style: { color: colors_1.pink500 }, href: 'https://developer.apple.com/xcode/download/'}, "XCode"))))), React.createElement(Card_1.CardActions, null, React.createElement(VerifyButton_1.default, null))));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SystemChecks;

lib/components/Start/Checks/VerifyButton.js

@@ -0,0 +1,39 @@
+"use strict";
+var __extends = (this && this.__extends) || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var React = require('react');
+var FlatButton_1 = require('material-ui/FlatButton');
+var actions_1 = require('../../../actions');
+var react_redux_1 = require('react-redux');
+var VerifyButton = (function (_super) {
+    __extends(VerifyButton, _super);
+    function VerifyButton() {
+        _super.apply(this, arguments);
+    }
+    VerifyButton.prototype.render = function () {
+        return (React.createElement(FlatButton_1.default, {label: 'Verify Setup Complete', primtary: true, onTouchTap: this.props.verify}));
+    };
+    VerifyButton = __decorate([
+        react_redux_1.connect(null, function (dispatch) {
+            return {
+                verify: function () { return dispatch(actions_1.setupVerify()); }
+            };
+        }), 
+        __metadata('design:paramtypes', [])
+    ], VerifyButton);
+    return VerifyButton;
+}(React.Component));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = VerifyButton;

lib/components/Start/Checks/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var React = require('react');
+var SystemChecks_1 = require('./SystemChecks');
+var SetupChecks_1 = require('./SetupChecks');
+var InstallGuide_1 = require('./InstallGuide');
+var index_1 = require('../../index');
+var styles = {
+    margin: '5px',
+    padding: '10px',
+};
+var Checks = function (_a) {
+    var checks = _a.checks;
+    if (!checks) {
+        return React.createElement(index_1.ContentCard, {title: 'Error Loading Package.json', content: ''});
+    }
+    return (React.createElement("div", {style: styles}, !checks.system.passed
+        ? React.createElement(SystemChecks_1.default, {checks: checks})
+        : null, !checks.setup.passed
+        ? React.createElement(SetupChecks_1.default, {checks: checks})
+        : null, React.createElement(InstallGuide_1.default, {checks: checks})));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Checks;

lib/components/common/Alert.js

@@ -0,0 +1,49 @@
+"use strict";
+var __extends = (this && this.__extends) || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var React = require('react');
+var react_redux_1 = require('react-redux');
+var Snackbar_1 = require('material-ui/Snackbar');
+var actions_1 = require('../../actions');
+var defaultAlert = {
+    message: '',
+    open: false,
+};
+var styles = {
+    display: 'inline-block',
+    margin: '0px 10px',
+};
+var Alert = (function (_super) {
+    __extends(Alert, _super);
+    function Alert() {
+        _super.apply(this, arguments);
+    }
+    Alert.prototype.render = function () {
+        var _a = this.props, alert = _a.alert, close = _a.close;
+        var action = alert.action, message = alert.message, open = alert.open, duration = alert.duration, color = alert.color;
+        return (React.createElement(Snackbar_1.default, {style: styles, bodyStyle: { color: color }, open: open, message: message || '', action: action || '', autoHideDuration: duration || 2000, onActionTouchTap: close, onRequestClose: close}));
+    };
+    Alert = __decorate([
+        react_redux_1.connect(null, function (dispatch) {
+            return {
+                close: function () { return dispatch(actions_1.alertClose()); }
+            };
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Alert);
+    return Alert;
+}(React.Component));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Alert;

lib/components/index.js

@@ -11,16 +11,16 @@ var Routes_1 = require('./Routes');
 exports.Routes = Routes_1.default;
 var Start_1 = require('./Start');
 exports.Start = Start_1.default;
+var Checks_1 = require('./Start/Checks');
+exports.Checks = Checks_1.default;
+var Alert_1 = require('./common/Alert');
+exports.Alert = Alert_1.default;
 var Markdown_1 = require('./common/Markdown');
 exports.Markdown = Markdown_1.default;
 var ContentCard_1 = require('./common/ContentCard');
 exports.ContentCard = ContentCard_1.default;
-var alert_1 = require('../modules/alert');
-exports.Alert = alert_1.Alert;
-var route_1 = require('../modules/route');
-exports.RouteButton = route_1.RouteButton;
-var setup_1 = require('../modules/setup');
-exports.Checks = setup_1.Checks;
+var RouteButton_1 = require('./common/RouteButton');
+exports.RouteButton = RouteButton_1.default;
 var tutorials_1 = require('../modules/tutorials');
 exports.Tutorials = tutorials_1.Tutorials;
 var editor_1 = require('../modules/editor');

lib/modules/alert/index.js

@@ -1,5 +1,3 @@
 "use strict";
 var reducer_1 = require('./reducer');
 exports.reducer = reducer_1.default;
-var Alert_1 = require('./Alert');
-exports.Alert = Alert_1.default;

lib/modules/setup/index.js

@@ -1,6 +1,4 @@
 "use strict";
-var Checks_1 = require('./Checks');
-exports.Checks = Checks_1.default;
 var reducer_1 = require('./reducer');
 exports.reducer = reducer_1.default;
 var package_json_1 = require('./package-json');

lib/reducers.js

@@ -5,7 +5,7 @@ var setup_1 = require('./modules/setup');
 var hints_1 = require('./modules/hints');
 var page_1 = require('./modules/page');
 var progress_1 = require('./modules/progress');
-var route_1 = require('./modules/route');
+var route_1 = require('core-coderoad/lib/route');
 var tests_1 = require('./modules/tests');
 var tutorial_1 = require('./modules/tutorial');
 var tutorials_1 = require('./modules/tutorials');

package.json

@@ -39,6 +39,7 @@
   },
   "dependencies": {
     "atom-plugin-command-line": "^1.0.2",
+    "core-coderoad": "0.1.0",
     "highlights": "1.3.1",
     "marked": "0.3.5",
     "material-ui": "0.15.0",

src/actions.ts

@@ -6,7 +6,7 @@ export {pageSet, pageNext} from './modules/page/actions';
 export {
 progressLoad, progressCompletePage
 } from './modules/progress/actions';
-export {routeSet} from './modules/route/actions'
+export {routeSet} from 'core-coderoad/lib/route';
 export {setupVerify, setupPackage} from './modules/setup/actions';
 export {testRun, testResult, testComplete} from './modules/tests/actions';
 export {tutorialSet} from './modules/tutorial/actions';

src/modules/setup/Checks/DynamicStepper.tsx renamed to src/components/Start/Checks/DynamicStepper.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import SystemChecks from './SystemChecks';
 import SetupChecks from './SetupChecks';
 import InstallGuide from './InstallGuide';
-import {ContentCard} from '../../../components/index';
+import {ContentCard} from '../../index';
 
 const styles = {
   margin: '5px',

src/modules/setup/Checks/InstallGuide.tsx renamed to src/components/Start/Checks/InstallGuide.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {connect} from 'react-redux';
 import Snackbar from 'material-ui/Snackbar';
-import {alertClose} from './actions';
+import {alertClose} from '../../actions';
 
 const defaultAlert = {
   message: '',

src/modules/setup/Checks/SetupChecks.tsx renamed to src/components/Start/Checks/SetupChecks.tsx

@@ -4,12 +4,13 @@ export {default as Page} from './Page';
 export {default as Progress} from './Progress';
 export {default as Routes} from './Routes';
 export {default as Start} from './Start';
+export {default as Checks} from './Start/Checks';
+
+export {default as Alert} from './common/Alert';
 export {default as Markdown} from './common/Markdown';
 export {default as ContentCard} from './common/ContentCard';
+export {default as RouteButton} from './common/RouteButton';
 
-export {Alert} from '../modules/alert';
-export {RouteButton} from '../modules/route';
-export {Checks} from '../modules/setup';
 export {Tutorials} from '../modules/tutorials';
 export {ToggleDevTools, Save} from '../modules/editor';
 export {Continue} from '../modules/page';

src/modules/setup/Checks/StepCheck.tsx renamed to src/components/Start/Checks/StepCheck.tsx

@@ -6,7 +6,7 @@ import {reducer as checks, packageJson} from './modules/setup';
 import {reducer as hintPosition} from './modules/hints';
 import {page, pagePosition, tasks, taskActions, taskTests} from './modules/page';
 import {reducer as progress} from './modules/progress';
-import {reducer as route} from './modules/route';
+import {reducer as route} from 'core-coderoad/lib/route';
 import {testRun, taskPosition} from './modules/tests';
 import {reducer as tutorial} from './modules/tutorial';
 import {reducer as tutorials} from './modules/tutorials';

src/modules/setup/Checks/SystemChecks.tsx renamed to src/components/Start/Checks/SystemChecks.tsx

@@ -0,0 +1,4 @@
+declare module 'core-coderoad/lib/route' {
+  export function reducer(route: string, action: Action): string;
+  export function routeSet(route: string);
+}