on save update tutorial

Author: ShMcK

Diff for: lib/actions.js

@@ -9,6 +9,7 @@ exports.setupPackage = setup_1.setupPackage;
 var tutorial_1 = require('./modules/tutorial');
 exports.tutorialInit = tutorial_1.tutorialInit;
 exports.tutorialLoad = tutorial_1.tutorialLoad;
+exports.tutorialBuild = tutorial_1.tutorialBuild;
 exports.tutorialPageAdd = tutorial_1.tutorialPageAdd;
 var window_1 = require('./modules/window');
 exports.windowToggle = window_1.windowToggle;

Diff for: lib/components/TopPanel/TopPanel.js

@@ -31,6 +31,9 @@ var styles = {
     tab: {
         fontSize: '12px',
     },
+    add: {
+        color: 'rgb(0, 188, 212)',
+    },
 };
 var TopPanel = (function (_super) {
     __extends(TopPanel, _super);
@@ -45,7 +48,7 @@ var TopPanel = (function (_super) {
         }
         return (React.createElement(Tabs_1.Tabs, {tabItemContainerStyle: styles.tabs, style: styles.all}, tutorial.pages.map(function (page, index) {
             return (React.createElement(Tabs_1.Tab, {style: styles.tab, key: index.toString(), label: page.title.substring(0, 10), onClick: pageSet.bind(_this, index)}));
-        }), React.createElement(Tabs_1.Tab, {style: styles.tab, label: '+'})));
+        }), React.createElement(Tabs_1.Tab, {style: Object.assign({}, styles.tab, styles.add), label: '+'})));
     };
     TopPanel = __decorate([
         react_redux_1.connect(null, function (dispatch) {

Diff for: lib/store.js

@@ -3,12 +3,15 @@ var redux_1 = require('redux');
 var reducers_1 = require('./reducers');
 var createLogger = require('redux-logger');
 var redux_thunk_1 = require('redux-thunk');
+var redux_throttle_actions_1 = require('redux-throttle-actions');
 var middlewares = [redux_thunk_1.default];
 var devMode = false;
 if (devMode) {
     var logger = createLogger();
     middlewares.push(logger);
 }
+var throttleTestRun = redux_throttle_actions_1.default(['TUTORIAL_BUILD'], 800);
+middlewares.push(throttleTestRun);
 var store = redux_1.createStore(reducers_1.default, redux_1.applyMiddleware.apply(void 0, middlewares));
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = store;

Diff for: lib/subscriptions.js

@@ -10,6 +10,12 @@ function onActivate() {
     subscriptions.add(atom.commands.add('atom-workspace', {
         'cb-viewer:toggle': function () { return store_1.default.dispatch(actions_1.windowToggle()); }
     }));
+    atom.workspace.observeTextEditors(function (editor) {
+        subscriptions.add(editor.onDidSave(function () {
+            store_1.default.dispatch(actions_1.tutorialBuild());
+            store_1.default.dispatch(actions_1.tutorialLoad());
+        }));
+    });
     return subscriptions;
 }
 exports.onActivate = onActivate;

Diff for: package.json

@@ -36,13 +36,11 @@
     "react-tap-event-plugin": "1.0.0",
     "redux": "3.5.2",
     "redux-logger": "2.6.1",
+    "redux-throttle-actions": "1.0.1",
     "redux-thunk": "2.1.0",
-    "sort-package-json": "^1.4.0"
+    "sort-package-json": "1.4.0"
   },
   "activationCommands": {
     "atom-workspace": "cb-viewer:toggle"
-  },
-  "devDependencies": {
-    "nyc": "^6.4.4"
   }
 }

Diff for: src/actions.ts

@@ -1,7 +1,7 @@
 export {pageSet} from './modules/page-position';
 export {pjSave} from './modules/package-json';
 export {setupVerify, setupPackage} from './modules/setup';
-export {tutorialInit, tutorialLoad, tutorialPageAdd} from './modules/tutorial';
+export {tutorialInit, tutorialLoad, tutorialBuild, tutorialPageAdd} from './modules/tutorial';
 export {windowToggle} from './modules/window';
 export {editorOpenPage, editorOpenTest} from './modules/editor-paths';
 

Diff for: src/components/TopPanel/TopPanel.tsx

@@ -19,6 +19,9 @@ const styles = {
   tab: {
     fontSize: '12px',
   },
+  add: {
+    color: 'rgb(0, 188, 212)',
+  },
 };
 
 @connect(null, dispatch => {
@@ -53,7 +56,7 @@ export default class TopPanel extends React.Component<{
            );
          })}
        <Tab
-        style={styles.tab}
+        style={Object.assign({}, styles.tab, styles.add)}
         label='+'
       />
      </Tabs>

Diff for: src/store.ts

@@ -2,6 +2,7 @@ import { applyMiddleware, createStore } from 'redux';
 import reducer from './reducers';
 import * as createLogger from 'redux-logger';
 import thunk from 'redux-thunk';
+import throttleActions from 'redux-throttle-actions';
 
 const middlewares = [thunk];
 
@@ -11,6 +12,9 @@ if (devMode) {
   middlewares.push(logger);
 }
 
+const throttleTestRun = throttleActions(['TUTORIAL_BUILD'], 800);
+middlewares.push(throttleTestRun);
+
 const store: Redux.Store = createStore(
   reducer,
   applyMiddleware(...middlewares)

Diff for: src/subscriptions.ts

@@ -1,6 +1,6 @@
 const CompositeDisposable = require('atom').CompositeDisposable;
 import store from './store';
-import {windowToggle} from './actions';
+import {windowToggle, tutorialBuild, tutorialLoad} from './actions';
 import Root from './components/Root';
 import Top from './components/TopPanel/Top';
 
@@ -16,12 +16,13 @@ export function onActivate(): AtomCore.Disposable {
     })
   );
 
-  // atom.workspace.observeTextEditors((editor: AtomCore.IEditor) => {
-  //   subscriptions.add(
-  //     editor.onDidSave(() => {
-  //       store.dispatch(compilePage(pageIndex, content));
-  //     }));
-  // });
+  atom.workspace.observeTextEditors((editor: AtomCore.IEditor) => {
+    subscriptions.add(
+      editor.onDidSave(() => {
+        store.dispatch(tutorialBuild());
+        store.dispatch(tutorialLoad());
+      }));
+  });
 
   return subscriptions;
 }