stent-dev-tools-emitters v3.1.0

Emitters for Stent's Chrome extension

Small JavaScript files that emit events to the StentDevTools Chrome Extension.

Installation

yarn add stent-dev-tools-emitters -D or npm install stent-dev-tools-emitters -D.

Stent integration

import { Machine } from 'stent';
import StentEmitter from 'stent-dev-tools-emitters/lib/StentEmitter';

Machine.addMiddleware(StentEmitter);

Redux integration

import { createStore, applyMiddleware } from 'redux';
import ReduxEmitter from 'stent-dev-tools-emitters/lib/ReduxEmitter';

const middleware = ReduxEmitter();

const store = createStore(<reducer>, applyMiddleware(middleware));

Redux-saga integration

import { createStore, applyMiddleware } from 'redux';
import ReduxSagaEmitter from 'stent-dev-tools-emitters/lib/ReduxSagaEmitter';
import createSagaMiddleware from 'redux-saga';

const emitter = ReduxSagaEmitter();
const sagaMiddleware = createSagaMiddleware({ sagaMonitor: emitter.sagaMonitor });

const store = createStore(<reducer>, applyMiddleware(sagaMiddleware));

// This bit is really important.
// Without it you won't get the current state of the app with every event.
emitter.setStore(store);

sagaMiddleware.run(rootSaga)