RemoteDev Extension

Use Redux DevTools in the Browser/Electron DevTools

The demo is used electron-react-boilerplate.

Why?

Redux DevTools Extension is awesome, but it cannot running on Electron. This project as a major support for the DevTools Extension of Electron, it means that it doesn't use background script.

This extension is included remotedev-app, can be used with remotedev / remote-redux-devtools.

Installation

$ npm i --save-dev remotedev-extension

Usage (Browser)

Download Chrome Extension
Download Opera Extension

Usage (Electron)

const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;

app.on('ready', () => {
  // Add DevTools Extension,
  // if you want remove it,
  // Use: BrowserWindow.removeDevToolsExtension('RemoteDev DevTools');
  BrowserWindow.addDevToolsExtension('node_modules/remotedev-extension/dist');

  // ...
});

NOTE: The Electron v0.37 have a separate window problem.

CLI and node

$ remotedev-extension [options]

require('remotedev-extension')(options);

Options

• --hostname: the remotedev-server hostname, will apply node_modules/remotedev-extension/dist settings.
  (default: localhost if port is set)
• --port: the remotedev-server port, will apply node_modules/remotedev-extension/dist settings.
  (default: 8000 if runserver or hostname is set)
• --runserver: start the remotedev-server with options on local.
• --ui-no-buttonbar: Set noButtonBar prop for remotedev-app.

Example of Electron

You can refer to example folder.

License

MIT