Receive reports from users and get them replicated right in the extension

[zalmoxisus]

Why to use

Using monitoring services (like Sentry, Rollbar, TrackJS), you could add your action history to the report along with other info, but the payload could be too big to include and we don't want to copy actions from the report manually to Redux DevTools extension.

By running remotedev-server on your server, you can get action history right in the extension just by clicking the link from a report.

How to use

1. Install the server globally: npm i -g remotedev-server@beta (or include in your app).
2. Run remotedev --hostname=localhost --port=8000 (or start with you app).
3. From the extension's context menu or with a keyboard shortcut open Remote DevTools and in the settings specify the hostname and port.
4. Post to http://localhost:8000 (instead of localhost you could have an external host) your action history (tracked in a redux middleware):

{
 "type": "ACTIONS",
 "payload": "[{type: 'INCREMENT'}, {type: 'INCREMENT'}]"
}

1. The server will return the report id, so you can generate an url like http://hostname/?remotedev_report=${id} (where hostname can be your development or production domain).
2. Open that report in the browser and get everything replicated.

Yo can use redux-remotedev, which will handle 4-5 for you. Or remote-redux-devtools with sendOn and/or sendOnError parameters. Also redux-trackjs-logger sends reports along with trackjs logs (included the reproduction url).