fix: use Object.assign() instead of object spread

Author: imevro

package.json

@@ -1,6 +1,6 @@
 {
   "name": "redux-logger",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "Logger for Redux",
   "main": "dist/redux-logger.js",
   "module": "src/index.js",

src/core.js

@@ -23,10 +23,7 @@ function getLogLevel(level, action, payload, type) {
 }
 
 function defaultTitleFormatter(options) {
-  const {
-    timestamp,
-    duration,
-  } = options;
+  const { timestamp, duration } = options;
 
   return (action, time, took) => {
     const parts = ['action'];
@@ -64,7 +61,9 @@ function printBuffer(buffer, options) {
 
     // Message
     const formattedAction = actionTransformer(action);
-    const isCollapsed = (typeof collapsed === 'function') ? collapsed(() => nextState, action, logEntry) : collapsed;
+    const isCollapsed = typeof collapsed === 'function'
+      ? collapsed(() => nextState, action, logEntry)
+      : collapsed;
 
     const formattedTime = formatTime(startedTime);
     const titleCSS = colors.title ? `color: ${colors.title(formattedAction)};` : '';
@@ -77,8 +76,7 @@ function printBuffer(buffer, options) {
     // Render
     try {
       if (isCollapsed) {
-        if (colors.title && isUsingDefaultFormatter) logger.groupCollapsed(`%c ${title}`, ...headerCSS);
-        else logger.groupCollapsed(title);
+        if (colors.title && isUsingDefaultFormatter) { logger.groupCollapsed(`%c ${title}`, ...headerCSS); } else logger.groupCollapsed(title);
       } else if (colors.title && isUsingDefaultFormatter) {
         logger.group(`%c ${title}`, ...headerCSS);
       } else {
@@ -94,23 +92,43 @@ function printBuffer(buffer, options) {
     const nextStateLevel = getLogLevel(level, formattedAction, [nextState], 'nextState');
 
     if (prevStateLevel) {
-      if (colors.prevState) logger[prevStateLevel]('%c prev state', `color: ${colors.prevState(prevState)}; font-weight: bold`, prevState);
-      else logger[prevStateLevel]('prev state', prevState);
+      if (colors.prevState) {
+        logger[prevStateLevel](
+          '%c prev state',
+          `color: ${colors.prevState(prevState)}; font-weight: bold`,
+          prevState,
+        );
+      } else logger[prevStateLevel]('prev state', prevState);
     }
 
     if (actionLevel) {
-      if (colors.action) logger[actionLevel]('%c action    ', `color: ${colors.action(formattedAction)}; font-weight: bold`, formattedAction);
-      else logger[actionLevel]('action    ', formattedAction);
+      if (colors.action) {
+        logger[actionLevel](
+          '%c action    ',
+          `color: ${colors.action(formattedAction)}; font-weight: bold`,
+          formattedAction,
+        );
+      } else logger[actionLevel]('action    ', formattedAction);
     }
 
     if (error && errorLevel) {
-      if (colors.error) logger[errorLevel]('%c error     ', `color: ${colors.error(error, prevState)}; font-weight: bold;`, error);
-      else logger[errorLevel]('error     ', error);
+      if (colors.error) {
+        logger[errorLevel](
+          '%c error     ',
+          `color: ${colors.error(error, prevState)}; font-weight: bold;`,
+          error,
+        );
+      } else logger[errorLevel]('error     ', error);
     }
 
     if (nextStateLevel) {
-      if (colors.nextState) logger[nextStateLevel]('%c next state', `color: ${colors.nextState(nextState)}; font-weight: bold`, nextState);
-      else logger[nextStateLevel]('next state', nextState);
+      if (colors.nextState) {
+        logger[nextStateLevel](
+          '%c next state',
+          `color: ${colors.nextState(nextState)}; font-weight: bold`,
+          nextState,
+        );
+      } else logger[nextStateLevel]('next state', nextState);
     }
 
     if (diff) {

src/index.js

@@ -22,10 +22,7 @@ import defaults from './defaults';
  * @returns {function} logger middleware
  */
 function createLogger(options = {}) {
-  const loggerOptions = {
-    ...defaults,
-    ...options,
-  };
+  const loggerOptions = Object.assign({}, defaults, options);
 
   const {
     logger,
@@ -96,11 +93,11 @@ const store = createStore(
     logEntry.took = timer.now() - logEntry.started;
     logEntry.nextState = stateTransformer(getState());
 
-    const diff = loggerOptions.diff && typeof diffPredicate === 'function' ?
-      diffPredicate(getState, action) :
-      loggerOptions.diff;
+    const diff = loggerOptions.diff && typeof diffPredicate === 'function'
+      ? diffPredicate(getState, action)
+      : loggerOptions.diff;
 
-    printBuffer(logBuffer, { ...loggerOptions, diff });
+    printBuffer(logBuffer, Object.assign({}, loggerOptions, { diff }));
     logBuffer.length = 0;
 
     if (logEntry.error) throw logEntry.error;
@@ -113,7 +110,7 @@ const defaultLogger = ({ dispatch, getState } = {}) => {
   if (typeof dispatch === 'function' || typeof getState === 'function') {
     return createLogger()({ dispatch, getState });
   }
-    // eslint-disable-next-line no-console
+  // eslint-disable-next-line no-console
   console.error(`
 [redux-logger v3] BREAKING CHANGE
 [redux-logger v3] Since 3.0.0 redux-logger exports by default logger with default settings.
@@ -124,10 +121,6 @@ const defaultLogger = ({ dispatch, getState } = {}) => {
 `);
 };
 
-export {
-  defaults,
-  createLogger,
-  defaultLogger as logger,
-};
+export { defaults, createLogger, defaultLogger as logger };
 
 export default defaultLogger;