Implement tracing in the examples

Author: zalmoxisus

Diff for: examples/counter/store/configureStore.js

@@ -7,7 +7,7 @@ import * as actionCreators from '../actions/counter';
 
 export let isMonitorAction;
 export default function configureStore(preloadedState) {
-  const composeEnhancers = composeWithDevTools({ actionCreators });
+  const composeEnhancers = composeWithDevTools({ actionCreators, trace: true, traceLimit: 25 });
   const store = createStore(reducer, preloadedState, composeEnhancers(
     applyMiddleware(invariant(), thunk)
   ));

Diff for: examples/counter/webpack.config.js

@@ -2,7 +2,7 @@ var path = require('path');
 var webpack = require('webpack');
 
 module.exports = {
-  devtool: 'cheap-module-eval-source-map',
+  devtool: 'source-map',
   entry: [
     'webpack-hot-middleware/client',
     './index'

Diff for: examples/saga-counter/src/main.js

@@ -13,7 +13,8 @@ import rootSaga from './sagas'
 
 
 const sagaMiddleware = createSagaMiddleware(/* {sagaMonitor} */)
-const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ &&
+  window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ trace: true, traceLimit: 25 }) || compose;
 const store = createStore(
   reducer,
   composeEnhancers(applyMiddleware(sagaMiddleware))

Diff for: examples/saga-counter/webpack.config.js

@@ -2,7 +2,7 @@ var path = require('path')
 var webpack = require('webpack')
 
 module.exports = {
-  devtool: 'cheap-module-eval-source-map',
+  devtool: 'source-map',
   entry: [
     'webpack-hot-middleware/client',
     path.join(__dirname, 'src', 'main')

Diff for: examples/todomvc/store/configureStore.js

@@ -4,7 +4,7 @@ import * as actionCreators from '../actions';
 
 export default function configureStore(preloadedState) {
   const enhancer = window.__REDUX_DEVTOOLS_EXTENSION__ &&
-    window.__REDUX_DEVTOOLS_EXTENSION__({ actionCreators, serialize: true });
+    window.__REDUX_DEVTOOLS_EXTENSION__({ actionCreators, serialize: true, trace: true });
   if (!enhancer) {
     console.warn('Install Redux DevTools Extension to inspect the app state: ' +
       'https://github.com/zalmoxisus/redux-devtools-extension#installation')

Diff for: examples/todomvc/webpack.config.js

@@ -2,7 +2,7 @@ var path = require('path');
 var webpack = require('webpack');
 
 module.exports = {
-  devtool: 'cheap-module-eval-source-map',
+  devtool: 'source-map',
   entry: [
     'webpack-hot-middleware/client',
     './index'