undux/src/plugins/withLogger.ts

Dead simple state management for React

import { StoreDefinition } from '..'

export function withLogger<State extends object>(
  store: StoreDefinition<State>,
): StoreDefinition<State> {
  store.onAll().subscribe(({ key, previousValue, value }) => {
    console.info(
      `%c ⥁ ${String(key)}`,
      'background-color: rgb(96, 125, 139); color: #fff; padding: 2px 8px 2px 0;',
      previousValue,
      '→',
      value,
    )
  })

  return store
}