@clarketm/saga-monitor

Simple, elegant, and configurable redux-saga monitor.

Usage no npm install needed!

<script type="module">
  import clarketmSagaMonitor from 'https://cdn.skypack.dev/@clarketm/saga-monitor';
</script>

README

Saga Monitor

NPM release Build Status License

Simple, elegant, and configurable redux-saga monitor.

Installation

Yarn

$ yarn add @clarketm/saga-monitor

NPM

$ npm install @clarketm/saga-monitor --save

CDN

.es.js .js .min.js
🔗 🔗 🔗

Configuration

const defaultConfig = {
  level: "debug", // logging level
  verbose: true, // verbose mode
  color: "#03A9F4", // default color
  effectTrigger: false, // show triggered effects
  effectResolve: false, // show resolved effects
  effectReject: false, // show rejected effects
  effectCancel: false, // show cancelled effects
  actionDispatch: false // show dispatched actions
};

Usage

import createSagaMonitor from "@clarketm/saga-monitor";

// configuration
const config = {
  level: "log",
  effectTrigger: true,
  effectResolve: true,
  actionDispatch: true
};

const middleware = [
  // create saga middleware w/ sagaMonitor
  createSagaMiddleware({
    sagaMonitor: createSagaMonitor(config)
  })
];

console output

Run $LogSagas() in the developer console to display a snapshot of all the available sagas.

console output

Credits

This was adapted from the sagaMonitor example in the redux-saga repository.

License

MIT © Travis Clarke