remove core-coderoad dep

Author: ShMcK

lib/actions.js

@@ -1,4 +1,15 @@
 "use strict";
+var alert_1 = require('./modules/alert');
+exports.alertOpen = alert_1.alertOpen;
+exports.alertClose = alert_1.alertClose;
+exports.alertReplay = alert_1.alertReplay;
+var editor_1 = require('./modules/editor');
+exports.editorDevToolsToggle = editor_1.editorDevToolsToggle;
+exports.editorOpen = editor_1.editorOpen;
+exports.editorInsert = editor_1.editorInsert;
+exports.editorSave = editor_1.editorSave;
+exports.editorSet = editor_1.editorSet;
+exports.editorScroll = editor_1.editorScroll;
 var editor_paths_1 = require('./modules/editor-paths');
 exports.editorMarkdownOpen = editor_paths_1.editorMarkdownOpen;
 exports.editorTestOpen = editor_paths_1.editorTestOpen;
@@ -10,6 +21,8 @@ exports.pjSave = package_json_1.pjSave;
 exports.pjLoad = package_json_1.pjLoad;
 var result_1 = require('./modules/result');
 exports.testResult = result_1.testResult;
+var route_1 = require('./modules/route');
+exports.routeSet = route_1.routeSet;
 var runner_1 = require('./modules/runner');
 exports.runnerSet = runner_1.runnerSet;
 exports.runnerRun = runner_1.runnerRun;
@@ -32,14 +45,3 @@ exports.windowToggle = window_1.windowToggle;
 exports.quit = window_1.quit;
 var validate_tutorial_1 = require('./modules/validate-tutorial');
 exports.validateTutorial = validate_tutorial_1.validateTutorial;
-var core_coderoad_1 = require('core-coderoad');
-exports.alertOpen = core_coderoad_1.alertOpen;
-exports.alertClose = core_coderoad_1.alertClose;
-exports.alertReplay = core_coderoad_1.alertReplay;
-exports.editorDevToolsToggle = core_coderoad_1.editorDevToolsToggle;
-exports.editorOpen = core_coderoad_1.editorOpen;
-exports.editorInsert = core_coderoad_1.editorInsert;
-exports.editorSave = core_coderoad_1.editorSave;
-exports.editorSet = core_coderoad_1.editorSet;
-exports.editorScroll = core_coderoad_1.editorScroll;
-exports.routeSet = core_coderoad_1.routeSet;

lib/components/Alert/index.js

@@ -0,0 +1,48 @@
+"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 actions_1 = require('../../actions');
+var Snackbar_1 = require('material-ui/Snackbar');
+var defaultAlert = {
+    message: '',
+    open: false,
+    action: 'NOTE',
+};
+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, alertClose = _a.alertClose;
+        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 || '', autoHideDuration: duration || 2000, onActionTouchTap: alertClose, onRequestClose: alertClose}));
+    };
+    Alert = __decorate([
+        react_redux_1.connect(function (state) { return ({
+            alert: state.alert || defaultAlert,
+        }); }, { alertClose: actions_1.alertClose }), 
+        __metadata('design:paramtypes', [])
+    ], Alert);
+    return Alert;
+}(React.Component));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Alert;

lib/components/Config/runnerItems.js

@@ -1,10 +1,10 @@
 "use strict";
 var React = require('react');
-var core_coderoad_1 = require('core-coderoad');
+var tutorialConfig_1 = require('../../options/tutorialConfig');
 var MenuItem_1 = require('material-ui/MenuItem');
 function runnerItems() {
-    return Object.keys(core_coderoad_1.tutorialConfigOptions).map(function (lang, lIndex) {
-        return core_coderoad_1.tutorialConfigOptions[lang].runners.map(function (runner, rIndex) {
+    return Object.keys(tutorialConfig_1.default).map(function (lang, lIndex) {
+        return tutorialConfig_1.default[lang].runners.map(function (runner, rIndex) {
             var val = lang + ": " + runner;
             return (React.createElement(MenuItem_1.default, {key: lIndex + "." + rIndex, value: val, primaryText: val}));
         });

lib/components/Page/PageDescription/index.js

@@ -17,7 +17,6 @@ var React = require('react');
 var react_redux_1 = require('react-redux');
 var actions_1 = require('../../../actions');
 var index_1 = require('../../index');
-var core_coderoad_1 = require('core-coderoad');
 var Card_1 = require('material-ui/Card');
 var styles = {
     card: {
@@ -43,7 +42,7 @@ var PageDescription = (function (_super) {
     };
     PageDescription = __decorate([
         react_redux_1.connect(function (state) { return ({
-            page: core_coderoad_1.pageSelector(state),
+            page: actions_1.pageSelector(state),
         }); }, { editorMarkdownOpen: actions_1.editorMarkdownOpen }), 
         __metadata('design:paramtypes', [])
     ], PageDescription);

lib/components/Page/Tasks/index.js

@@ -16,11 +16,11 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var React = require('react');
 var react_redux_1 = require('react-redux');
 var actions_1 = require('../../../actions');
+var selectors_1 = require('../../../selectors');
 var Hints_1 = require('../Hints');
 var Task_1 = require('../Task');
 var TaskActions_1 = require('../TaskActions');
 var Tests_1 = require('../Tests');
-var core_coderoad_1 = require('core-coderoad');
 var Card_1 = require('material-ui/Card');
 var Tabs_1 = require('material-ui/Tabs');
 var styles = {
@@ -77,7 +77,7 @@ var Tasks = (function (_super) {
     };
     Tasks = __decorate([
         react_redux_1.connect(function (state) { return ({
-            tasks: core_coderoad_1.tasksSelector(state),
+            tasks: selectors_1.tasksSelector(state),
         }); }, { tutorialTaskAdd: actions_1.tutorialTaskAdd, editorMarkdownOpen: actions_1.editorMarkdownOpen }), 
         __metadata('design:paramtypes', [])
     ], Tasks);

lib/components/Page/TasksComplete/index.js

@@ -16,8 +16,8 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var React = require('react');
 var react_redux_1 = require('react-redux');
 var actions_1 = require('../../../actions');
+var selectors_1 = require('../../../selectors');
 var index_1 = require('../../index');
-var core_coderoad_1 = require('core-coderoad');
 var Card_1 = require('material-ui/Card');
 var colors_1 = require('material-ui/styles/colors');
 var styles = {
@@ -47,7 +47,7 @@ var TasksComplete = (function (_super) {
     };
     TasksComplete = __decorate([
         react_redux_1.connect(function (state) { return ({
-            page: core_coderoad_1.pageSelector(state),
+            page: selectors_1.pageSelector(state),
         }); }, { editorMarkdownOpen: actions_1.editorMarkdownOpen }), 
         __metadata('design:paramtypes', [])
     ], TasksComplete);

lib/components/Page/Tests/index.js

@@ -16,7 +16,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var React = require('react');
 var react_redux_1 = require('react-redux');
 var actions_1 = require('../../../actions');
-var core_coderoad_1 = require('core-coderoad');
+var selectors_1 = require('../../../selectors');
 var Avatar_1 = require('material-ui/Avatar');
 var Chip_1 = require('material-ui/Chip');
 var code_1 = require('material-ui/svg-icons/action/code');
@@ -43,8 +43,8 @@ var Tests = (function (_super) {
     };
     Tests = __decorate([
         react_redux_1.connect(function (state) { return ({
-            config: core_coderoad_1.configSelector(state),
-        }); }, { editorTestOpen: actions_1.editorTestOpen, routeSet: core_coderoad_1.routeSet }), 
+            config: selectors_1.configSelector(state),
+        }); }, { editorTestOpen: actions_1.editorTestOpen, routeSet: actions_1.routeSet }), 
         __metadata('design:paramtypes', [])
     ], Tests);
     return Tests;

lib/components/Publish/PublishStep.js

@@ -1,6 +1,6 @@
 "use strict";
 var React = require('react');
-var core_coderoad_1 = require('core-coderoad');
+var index_1 = require('../../index');
 var Stepper_1 = require('material-ui/Stepper');
 var colors_1 = require('material-ui/styles/colors');
 var error_1 = require('material-ui/svg-icons/alert/error');
@@ -25,7 +25,7 @@ function publishStep(index, type, field, click) {
                 "\" ", 
                 field.msg), 
             React.createElement("p", null, "Example:"), 
-            React.createElement(core_coderoad_1.CodeBlock, {lang: 'js'}, "{\n  \"" + field.name + "\": " + field.example + "\n}"))));
+            React.createElement(index_1.CodeBlock, {lang: 'js'}, "{\"" + field.name + "\": " + field.example + "}"))));
 }
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = publishStep;

lib/components/Test/Solution.js

@@ -16,8 +16,8 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var React = require('react');
 var react_redux_1 = require('react-redux');
 var actions_1 = require('../../actions');
+var selectors_1 = require('../../selectors');
 var index_1 = require('../index');
-var core_coderoad_1 = require('core-coderoad');
 var Card_1 = require('material-ui/Card');
 var RaisedButton_1 = require('material-ui/RaisedButton');
 var styles = {
@@ -59,7 +59,7 @@ var Solution = (function (_super) {
     };
     Solution = __decorate([
         react_redux_1.connect(function (state) { return ({
-            language: core_coderoad_1.languageSuffixSelector(state),
+            language: selectors_1.languageSuffixSelector(state),
         }); }, { runnerRun: actions_1.runnerRun, runnerSet: actions_1.runnerSet }), 
         __metadata('design:paramtypes', [])
     ], Solution);

lib/components/common/Markdown/syntax-highlighter.js

@@ -0,0 +1,36 @@
+"use strict";
+function highlight(text, lang) {
+    var scopeName = "source." + lang;
+    var grammar = atom.grammars.grammarForScopeName(scopeName);
+    if (!grammar) {
+        return text;
+    }
+    var lineTokens = grammar.tokenizeLines(text);
+    if (lineTokens.length > 0) {
+        var lastLineTokens = lineTokens[lineTokens.length - 1];
+        if (lastLineTokens.length === 1 && lastLineTokens[0].value === '') {
+            lineTokens.pop();
+        }
+    }
+    var html = '<pre class="editor editor-colors">';
+    lineTokens.forEach(function (line) {
+        html += '<div class="line">';
+        line.forEach(function (_a) {
+            var value = _a.value, scopes = _a.scopes;
+            if (!value) {
+                value = ' ';
+            }
+            scopes.forEach(function (scope) {
+                html += "<span class=\"" + scope.replace(/\./g, ' ') + "\">";
+            });
+            html += "" + value;
+            scopes.forEach(function (scope) {
+                html += '</span>';
+            });
+        });
+    });
+    html += '</div></pre>';
+    return html;
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = highlight;

lib/components/common/TextEditor/index.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 React = require('react');
+var styles = {
+    editor: {
+        textAlign: 'left',
+    },
+};
+var TextEditor = (function (_super) {
+    __extends(TextEditor, _super);
+    function TextEditor() {
+        _super.apply(this, arguments);
+        this.ed = atom.workspace.buildTextEditor();
+    }
+    TextEditor.prototype.get = function () {
+        return this.ed.getText();
+    };
+    TextEditor.prototype.render = function () {
+        return React.createElement("div", {id: this.props.name, style: styles.editor});
+    };
+    TextEditor.prototype.componentDidMount = function () {
+        var _a = this.props, name = _a.name, text = _a.text, lang = _a.lang, placeholder = _a.placeholder;
+        this.ed.setGrammar(atom.grammars.grammarForScopeName("source." + lang));
+        if (text) {
+            this.ed.setText(text || '');
+        }
+        if (placeholder) {
+            this.ed.setPlaceholderText(placeholder);
+        }
+        document.querySelector("#" + name).appendChild(this.ed.getElement());
+    };
+    return TextEditor;
+}(React.Component));
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TextEditor;

lib/components/index.js

@@ -1,10 +1,8 @@
 "use strict";
+var Alert_1 = require('./Alert');
+exports.Alert = Alert_1.default;
 var AppMenu_1 = require('./AppMenu');
 exports.AppMenu = AppMenu_1.default;
-var core_coderoad_1 = require('core-coderoad');
-exports.Alert = core_coderoad_1.Alert;
-exports.Markdown = core_coderoad_1.Markdown;
-exports.TextEditor = core_coderoad_1.TextEditor;
 var Page_1 = require('./Page');
 exports.Page = Page_1.default;
 var Start_1 = require('./Start');
@@ -21,5 +19,11 @@ var DynamicStepper_1 = require('./common/DynamicStepper');
 exports.DynamicStepper = DynamicStepper_1.default;
 var ContentCard_1 = require('./common/ContentCard');
 exports.ContentCard = ContentCard_1.default;
+var Markdown_1 = require('./common/Markdown');
+exports.Markdown = Markdown_1.default;
+var CodeBlock_1 = require('./common/Markdown/CodeBlock');
+exports.CodeBlock = CodeBlock_1.default;
 var RouteButton_1 = require('./common/RouteButton');
 exports.RouteButton = RouteButton_1.default;
+var TextEditor_1 = require('./common/TextEditor');
+exports.TextEditor = TextEditor_1.default;

lib/index.js

@@ -3,19 +3,19 @@ var ReactDOM = require('react-dom');
 var injectTapEventPlugin = require('react-tap-event-plugin');
 var SidePanel_1 = require('./components/SidePanel');
 var TopPanel_1 = require('./components/TopPanel');
-var core_coderoad_1 = require('core-coderoad');
-var subscriptions_1 = require('./subscriptions');
-var store_1 = require('./store');
 var setup_1 = require('./modules/setup');
+var polyfills_1 = require('./polyfills');
+var store_1 = require('./store');
+var subscriptions_1 = require('./subscriptions');
 process.env.NODE_ENV = 'production';
 var Main = (function () {
     function Main() {
         injectTapEventPlugin();
-        core_coderoad_1.loadPolyfills();
+        polyfills_1.default();
         store_1.default.dispatch(setup_1.setupVerify());
         this.side = SidePanel_1.sideElement.init();
         this.top = TopPanel_1.topElement.init();
-        this.subscriptions = new subscriptions_1.default;
+        this.subscriptions = new subscriptions_1.default();
     }
     Main.prototype.activate = function () {
         atom.workspace.addRightPanel({

lib/modules/alert/actions.js

@@ -0,0 +1,16 @@
+"use strict";
+var types_1 = require('./types');
+function alertOpen(alert) {
+    return function (dispatch, getState) {
+        dispatch({ type: types_1.ALERT_OPEN, payload: { alert: alert } });
+    };
+}
+exports.alertOpen = alertOpen;
+function alertReplay() {
+    return { type: types_1.ALERT_REPLAY };
+}
+exports.alertReplay = alertReplay;
+function alertClose() {
+    return { type: types_1.ALERT_CLOSE };
+}
+exports.alertClose = alertClose;

lib/modules/alert/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var reducer_1 = require('./reducer');
+exports.reducer = reducer_1.default;
+var actions_1 = require('./actions');
+exports.alertClose = actions_1.alertClose;
+exports.alertOpen = actions_1.alertOpen;
+exports.alertReplay = actions_1.alertReplay;