feat(*): add SHOW_DEVTOOLS env var to npm tasks

Author: topheman

README.md

@@ -136,11 +136,12 @@ I'm using eslint, based on [eslint-config-airbnb](https://github.com/airbnb/java
 
 ####Specific commands
 
-You may want some granularity, the `DEVTOOLS`, `NODE_ENV` & `LINTER` variables are at your disposal:
+You may want some granularity, the `DEVTOOLS`, `SHOW_DEVTOOLS`, `NODE_ENV` & `LINTER` variables are at your disposal:
 
 * `DEVTOOLS=true npm run build`: will build a debug version with the devtools
 * `DEVTOOLS=false npm run webpack`: will launch a webpack dev server without the devtools (if you find it annoying)
 * `LINTER=false npm start` (if you don't want to be bothered by the linter - at your own risks! the pre-commit hook will run the linter and the tests anyway)
+* `SHOW_DEVTOOLS=false npm start` (if you want to hide the redux-devtools - you'll still be able to show them by `ctrl+H`)
 * ... you can mix and match ;-)
 
 **Read the ["Advanced tasks" wiki section](https://github.com/topheman/react-es6-redux/wiki/Advanced-tasks) for more infos ...**

src/containers/Home/Home.js

@@ -14,7 +14,7 @@ const devtoolsMessage = (<div>
   <p>This is the <strong>development packaged</strong> version (<a href="../" title="checkout in production mode">the production version is here</a>). In the current mode, you have access to:</p>
   <ul>
     <li>sourcemaps for <code>.scss</code>/<code>.js</code> (open the sources tab of your developer tools)</li>
-    <li><a href="https://github.com/gaearon/redux-devtools" title="redux-devtools">redux devtools</a> (this is the tab you can see on the right - ctrl+H to toggle hide), it lets you play with history state of redux</li>
+    <li><a href="https://github.com/gaearon/redux-devtools" title="redux-devtools">redux devtools</a> (this is the tab you can see on the right - ctrl+H to toggle hide - ctrl+Q to change position), it lets you play with history state of redux</li>
   </ul>
   <p>Those features are meant to be used only in the development but I felt it would be a great way to let you discover them.</p>
 </div>);

src/redux/DevTools.js

@@ -13,7 +13,7 @@ const DevTools = createDevTools(
   // Consult their repositories to learn about those props.
   // Here, we put LogMonitor inside a DockMonitor.
   <DockMonitor toggleVisibilityKey="ctrl-h"
-               changePositionKey="ctrl-q">
+               changePositionKey="ctrl-q" defaultIsVisible={process.env.SHOW_DEVTOOLS}>
     <LogMonitor theme="tomorrow" />
   </DockMonitor>
 );