openreplay/tracker/tracker-redux/src/index.ts

52 lines
1.7 KiB
TypeScript

import { App, Messages } from '@openreplay/tracker';
import { Encoder, sha1 } from './syncod/index.js';
export interface Options {
actionFilter: (action: any) => boolean;
actionTransformer: (action: any) => any; // null will be ignored
actionType: (action: any) => any; // empty string and non-string will be ignored
stateTransformer: (state: any) => any;
}
export default function(opts: Partial<Options> = {}) {
const options: Options = Object.assign(
{
actionFilter: () => true,
actionTransformer: action => action,
actionType: action => action.type,
stateTransformer: state => state,
},
opts,
);
return (app: App | null) => {
if (app === null) {
return () => next => action => next(action);
}
const encoder = new Encoder(sha1, 50);
app.attachStopCallback(() => {
encoder.clear()
})
return ({ getState }) => next => action => {
if (!app.active() || !options.actionFilter(action)) {
return next(action);
}
const startTime = performance.now();
const result = next(action);
const duration = performance.now() - startTime;
try {
const type = options.actionType(action);
if (typeof type === 'string' && type) {
app.send(Messages.StateAction(type));
}
const _action = encoder.encode(options.actionTransformer(action));
const _state = encoder.encode(options.stateTransformer(getState()));
const _table = encoder.commit();
for (let key in _table) app.send(Messages.OTable(key, _table[key]));
app.send(Messages.Redux(_action, _state, duration));
} catch {
encoder.clear();
}
return result;
};
};
}