[feature/react-intl] merge better logger from feature/redux

src/store/configureStore.js

@@ -2,6 +2,7 @@ import { createStore, applyMiddleware, compose } from 'redux';
 import thunk from 'redux-thunk';
 import rootReducer from '../reducers';
 import createHelpers from './createHelpers';
+import createLogger from './logger';
 
 export default function configureStore(initialState, helpersConfig) {
   const helpers = createHelpers(helpersConfig);
@@ -10,19 +11,7 @@ export default function configureStore(initialState, helpersConfig) {
   let enhancer;
 
   if (__DEV__) {
-    if (process.env.BROWSER) {
-      const createLogger = require('redux-logger'); // eslint-disable-line global-require
-      middleware.push(createLogger({
-        collapsed: true,
-      }));
-    } else {
-      // Server side redux action logger
-      middleware.push(store => next => action => { // eslint-disable-line no-unused-vars
-        const payload = JSON.stringify(action.payload);
-        console.log(` * ${action.type}: ${payload}`); // eslint-disable-line no-console
-        return next(action);
-      });
-    }
+    middleware.push(createLogger());
 
     // https://github.com/zalmoxisus/redux-devtools-extension#redux-devtools-extension
     let devToolsExtension = f => f;

src/store/logger/logger.client.js

@@ -0,0 +1,7 @@
+import reduxLogger from 'redux-logger';
+
+export default function createLogger() {
+  return reduxLogger({
+    collapsed: true,
+  });
+}

src/store/logger/logger.server.js

@@ -0,0 +1,12 @@
+import { inspect } from 'util';
+
+// Server side redux action logger
+export default function createLogger() {
+  return store => next => action => { // eslint-disable-line no-unused-vars
+    const formattedPayload = inspect(action.payload, {
+      colors: true,
+    });
+    console.log(` * ${action.type}: ${formattedPayload}`); // eslint-disable-line no-console
+    return next(action);
+  };
+}

src/store/logger/package.json

@@ -0,0 +1,6 @@
+{
+  "private": true,
+  "name": "redux-logger-middleware",
+  "main": "./logger.server.js",
+  "browser": "./logger.client.js"
+}