redux-saga-devtools/src/store/createSagaMonitor.js

Monitor and UI for redux-saga

import { is, SAGA_ACTION } from 'redux-saga/utils'
import { createStore } from 'redux'
import rootReducer from './reducers'
import {
  EFFECT_TRIGGERED,
  EFFECT_RESOLVED,
  EFFECT_REJECTED,
  EFFECT_CANCELLED,
  ACTION_DISPATCHED
} from './constants'

function getTime() {
  if(typeof performance !== 'undefined' && performance.now)
    return performance.now()
  else
    return Date.now()
}

export default function createSagaMonitor({time = getTime, dispatch: customDispatch}={}) {

  let store
  let dispatch
  if (typeof customDispatch === 'function') {
    dispatch = customDispatch
  } else {
    store = createStore(rootReducer)
    dispatch = store.dispatch
  }

  function effectTriggered(effect) {
    dispatch({
      type: EFFECT_TRIGGERED,
      effect,
      time: time()
    })
  }

  function effectResolved(effectId, result) {
    if(is.task(result)) {
      result.done.then(
        taskResult => {
          if(result.isCancelled())
            effectCancelled(effectId)
          else
            effectResolved(effectId, taskResult)
        },
        taskError => {
          effectRejected(effectId, taskError)
        }
      )
    } else {
      const action = {
        type: EFFECT_RESOLVED,
        effectId,
        result,
        time: time()
      }
      dispatch(action)
    }
  }

  function effectRejected(effectId, error) {
    const action = {
      type: EFFECT_REJECTED,
      effectId,
      error,
      time: time()
    }
    dispatch(action)
  }

  function effectCancelled(effectId) {
    const action = {
      type: EFFECT_CANCELLED,
      effectId,
      time: time()
    }
    dispatch(action)
  }


  function actionDispatched(action) {
    const isSagaAction = action[SAGA_ACTION]
    const now = time()
    dispatch({
      type: ACTION_DISPATCHED,
      id: now,
      action,
      isSagaAction,
      time: now
    })
  }

  return {
    get store() { return store },
    effectTriggered, effectResolved, effectRejected, effectCancelled, actionDispatched }
}