https://github.com/jhen0409/remotedev-extension
Use Redux DevTools in the Browser/Electron DevTools
https://github.com/jhen0409/remotedev-extension
Last synced: 3 days ago
JSON representation
Use Redux DevTools in the Browser/Electron DevTools
- Host: GitHub
- URL: https://github.com/jhen0409/remotedev-extension
- Owner: jhen0409
- License: mit
- Created: 2016-02-04T11:35:54.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-04-21T00:28:06.000Z (over 9 years ago)
- Last Synced: 2025-01-12T05:50:22.459Z (9 months ago)
- Language: JavaScript
- Homepage:
- Size: 2.26 MB
- Stars: 18
- Watchers: 4
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# RemoteDev Extension [](https://www.npmjs.com/package/remotedev-extension) [](https://david-dm.org/jhen0409/remotedev-extension) [](https://david-dm.org/jhen0409/remotedev-extension#info=devDependencies)
> Use Redux DevTools in the Browser/Electron DevTools
The demo is used [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate).
## Why?
[Redux DevTools Extension](https://github.com/zalmoxisus/redux-devtools-extension) is awesome, but it [cannot running on Electron](https://github.com/zalmoxisus/redux-devtools-extension/issues/13). This project as a major support for the DevTools Extension of [Electron](https://github.com/atom/electron), it means that it doesn't use __background script__.
This extension is included [remotedev-app](https://github.com/zalmoxisus/remotedev-app), can be used with [remotedev](https://github.com/zalmoxisus/remotedev) / [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools).
## Installation
```bash
$ npm i --save-dev remotedev-extension
```
## Usage (Browser)
[Download Chrome Extension](https://chrome.google.com/webstore/detail/remotedev-devtools/npmkpkaejamnfodceoimeeioacfcijop)
[Download Opera Extension](https://addons.opera.com/extensions/details/remotedev-devtools)
## Usage (Electron)
```js
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](https://github.com/atom/electron/issues/4958#issuecomment-205121647).
## CLI and node
```bash
$ remotedev-extension [options]
```
```js
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](https://github.com/zalmoxisus/remotedev-app/blob/master/src/app/index.js#L19).
## Example of Electron
You can refer to [example folder](example).
## License
[MIT](LICENSE)