adding some options to the dev tools launcher so you can open it right away

Author: KeithWoods

package.json

@@ -1,6 +1,6 @@
 {
   "name": "esp-js-devtools",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "Evented State Processor (ESP) dev tools",
   "main": "dist/esp-js-devtools.js",
   "scripts": {
@@ -26,7 +26,7 @@
   "devDependencies": {
     "babel-core": "^6.4.5",
     "babel-loader": "^6.2.1",
-    "esp-js": "0.5.7-beta",
+    "esp-js": "0.5.15",
     "babel-plugin-transform-decorators-legacy": "^1.3.4",
     "babel-preset-es2015": "^6.3.13",
     "babel-preset-react": "^6.3.13",

src/devtoolsHooks.js

@@ -23,14 +23,15 @@ import DevToolsModel from './model/devToolsModel';
 import DevToolsView from './views/devToolsView';
 
 class Controller {
-    constructor() {
+    constructor(options) {
         this._model = null;
         this._view = null;
         this._router = null;
+        this._options = options;
     }
     start() {
         this._router = new esp.Router();
-        this._model = new DevToolsModel(this._router);
+        this._model = new DevToolsModel(this._router, this._options);
         this._router.addModel(DevToolsModel.modelId, this._model);
         window.__espAnalyticsMonitor = new AnalyticsMonitor(DevToolsModel.modelId, this._router);
         this._model.observeEvents();
@@ -47,30 +48,37 @@ class Controller {
     _openDevToolsOnKeyboardShortcut(event) {
         event = event || window.event;
         if(event.keyCode== 68 && event.ctrlKey && event.altKey) {
-            if(this._view === null) {
-                this._view = new DevToolsView(DevToolsModel.modelId, this._router);
-                this._view.start();
-                this._view.addDisposable(
-                    () => {
-                        this._view = null;
-                    }
-                );
-            }
+            this.tryOpenDevTools();
+        }
+    }
+    tryOpenDevTools() {
+        if(this._view === null) {
+            this._view = new DevToolsView(DevToolsModel.modelId, this._router);
+            this._view.start();
+            this._view.addDisposable(
+                () => {
+                    this._view = null;
+                }
+            );
         }
     }
 }
 
 let isRegistered = false;
 let controller;
 
-export function registerDevTools() {
+export function registerDevTools(options) {
     if (isRegistered) {
         return;
     }
     if (typeof window === 'undefined') {
         throw new Error('window is undefined. esp-devtools needs window to add a hook to window for all routers to interact with');
     }
+    let devToolsOptions = options || {};
     isRegistered = true;
-    controller = new Controller();
+    controller = new Controller(devToolsOptions);
     controller.start();
+    if(devToolsOptions.displayOnStartup) {
+        controller.tryOpenDevTools();
+    }
 }

src/model/devToolsModel.js

@@ -25,7 +25,7 @@ import DataPoint from './dataPoint';
 import DataPointType from './dataPointType';
 
 export default class DevToolsModel extends esp.model.DisposableBase {
-    constructor(router) {
+    constructor(router, options) {
         super();
         this._router = router;
         this._registeredModels = {};
@@ -40,7 +40,7 @@ export default class DevToolsModel extends esp.model.DisposableBase {
         this._now = moment();
         this._shouldAutoScroll = true;
         this._shouldCaptureEvents = true;
-        this._shouldLogToConsole = false;
+        this._shouldLogToConsole = options.logEventsToConsole ? true : false;
         this._dataPointBufferSize = 200;
     }
     static get modelId() {