Remotedev-extension NPM

RemoteDev Extension

Use Redux DevTools in the Browser/Electron DevTools

Demo

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.