remotedev-extension

0.0.10 • Public • Published

RemoteDev Extension NPM version Dependency Status devDependency Status

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.

Example of Electron

You can refer to example folder.

License

MIT

Package Sidebar

Install

npm i remotedev-extension

Weekly Downloads

14

Version

0.0.10

License

MIT

Last publish

Collaborators

  • jhen0409