How to dispatch in event handler?

I have this function that I call inside one of my sagas

function getDeviceTokenAsync() {
  return new Promise((s,e) => {
    if (window.PushNotification) {
      let push = window.PushNotification.init({
        android: {
          senderID: GCM_SENDER_ID,
          icon: "ic_notification",
          iconColor: PRIMARY_COLOR,
        },
        ios: {
          alert: true,
          badge: false,
          sound: false,
        },
        windows: {
        },
      })
      push.on("registration", s)
      push.on("notification", (data) => {
        console.info("notification: " + JSON.stringify(data))
        //put(actions.refreshPendingTransactions())
      })
      push.on("error", e)
    } else {
      e(new Error("No push notification available"))
    }
  })
}

I call it with yield call(getDeviceTokenAsync)

The question is, how do I dispatch an action to the store whenever the onnotification handler is called by the push service? Should I hand in a function to getDeviceTokenAsync and that function yields a put effect then?

[yelouafi]

@pke eventChannels are now part of redux-saga API

https://redux-saga.github.io/redux-saga/docs/advanced/Channels.html

In your example, it’d be something like

function getDeviceTokenChannel() {
  if (window.PushNotification) {
    return eventChannel((emit) => {
      let push = window.PushNotification.init({...})
      push.on("notification", emit)
      push.on("error", e => emit({error: e})
      // return cleanup logic (called when chan.close() is invoked)
      return () => {}
    })
 } else {
    throw new Error("No push notification available"))
 }
}

function* saga() {
  const pushChan = yield call(getDeviceTokenChannel)
  while(true) {
    const msg = yield take(pushChan)
    if(!msg.error) {
      yield put(actions.refreshPendingTransactions())
    }
  }
}

EDIT : return dispose function from eventChannel factory

[stoyandamov]

So if you’re really really stuck:

// globals.js
let cachedStore

export const setStore = store => cachedStore = store
export const getStore = () => cachedStore

Wherever you’re creating the store:

const store = createStore(
  combineReducers({...}),
  applyMiddleware(middleware, sagaMiddleware, logger)
)
setStore(store) // <--- this

Wherever you need dispatch:

import {getStore} from '../globals'
const { dispatch } = getStore() // <--- this