v0.8.0 (#266)

* Implement root config file in home directory (#165)

* Add handle for read root config

* Add openConfigFile method use for application menu

* Add `Open config file` appliciation menu item

* Comment window size in config template

* Apply windowBounds, autoUpdate config

* Apply defaultRNPakcagerPorts, defaultNetworkInspect config

* Apply editor, defaultReactDevToolsTheme config

* Use zoomLevel instead of fontSize

* Add comment for defaultNetworkInspect config

* Update test snapshot

* Don't set EDITOR env if no config.editor

* Show error message if config parse failed

* Apply fontFamily, showAllDevToolsTab config

* Update config template

* Add documentation for config file

* Comment fontFamily in config template

* fix typos (#182)

* Changed the type you're to you've (#185)

* Remove Code Sponsor link

* Add Open Collective links

* Fix badges separation in README

* Update docs/react-devtools-integration.md

* Improve English (#193)

The previous message was not grammatically correct.

* Added support rndebugger-open for RN >= 0.53.0 (#198)

* [NPM package] v0.3.16

* Update travis script

* Update to node 9 on travis

* Revert "Update travis script"

This reverts commit 7593608.

* Fix` rndebugger-open` injection with RN >= 0.53 again (#202)

* Fix rndebugger-open inject with RN >= 0.53 again

* Update snapshots

* [NPM package] v0.3.17

* Fixed typo (#204)

* fix grammatical improvements / add clarity to the network inspect docs. (#207)

Also fixed a broken internal link to these docs from debugger integration

* Add Delta patcher from react-native

* Check Delta support on executeApplicationScript

* Clear logs when check Delta support finished

* Update check Delta support

* E2E Test: Support file:// for fetch only on test

* E2E test: Update expected logs

* Update deltaUrlToBlobUrl.js from upstream

* Add Open Collective link in Help

* Update dependencies

* v0.7.14

* Fix prod bundle by downgrade uglifyjs-webpack-plugin

* v0.7.15

* Fix auto_updater.json

* Check if Delta Bundler available (#215)

* Check if Delta bundler available

* Update E2E test

* Clear logs even if no error catched

* Fix Blob error for use `fetch` if Network Inspect enabled (#217)

* Patch fetch code on applyDelta

* Disable `support.blob` in `whatwg-fetch` for use native XMLHttpRequest

* Don't check fetch code if it already patched

* Check only if map type is delta

* Update regex pattern

* v0.7.16

* Send `callFunctionReturnFlushedQueue` event after waiting application script executed (#219)

* Send `callFunctionReturnFlushedQueue` event after waiting application script executed

* Fix lint error

* Check scriptExecuted first

* Toggle network inspect after define `support` var on patchFetchPolyfill (#220)

* v0.7.17

* [update] Improve dialog wording slightly. (#221)

* Ensure the initial script of `whatwg-fetch` is executed

related to #209

* Patch all `whatwg-fetch` packages

related to #209

* v0.7.18

* Fix error of blob function not found in whatwg-fetch with Network Inspect enabled

* Fix typos (#238)

* Update debugger from upstream (#240)

* Update debugger from upstream

facebook/react-native@e5aa5b7

* Upgrade Expo / RN versions in examples

* Fix lint error

* Fix worker didnt post message if checkDeltaAvailable failed

* Remove unnecessary waitingScriptExecuted

* set global.Blob to global.originalBlob before deleting global.Blob for rn > 0.54 compatability (#246)

* Fix context menu functions for RN 0.56 (#247)

* Fix patchFetchPolyfill for compatible RN 0.56

* Fix required modules of RNDebugger functions on RN 0.56

* Update docs/network-inspect-of-chrome-devtools.md

* Update docs/debugger-integration.md

* Update test fixture

* Add more comments about Network Inspect manually setup

* Lookup for react-native implementation

* Assign global.$reactNative for make debug easier

* Detect metroRequire for RN 0.56

* Update docs/debugger-integration.md

* Bump electron version to 1.7.15

* Add the recently changes from redux-devtools-extension (#248)

* Bump redux-devtools-instrument to v1.9

* Add actionCreators option for connect API

* Update dependencies

also downgrade redux to v3.7.2 because remotedev-app still using

* Fix lint errors

* v0.7.19

* Fix buildTestBundle of E2E tests

* Fix ref issue of Draggable

related to #250

* v0.7.20

* Update auto_updater.json

* Fixes typo (#258)

* update react-devtools-core for supporting react-profiler (#262)

* Fix context menu functions on RN 0.57 (#263)

* Use __r from RN >= 0.57 as metro require in debugger worker

* Fix patchFetchPolyfill for RN 0.57

* Update docs/react-devtools-integration.md

* v0.8.0

Author: jhen0409

.gitignore

@@ -7,3 +7,4 @@ dist/main.js*
 release/
 *.bundle.js
 tmp/
+config_test

README.md

@@ -31,6 +31,7 @@ $ brew update && brew cask install react-native-debugger
 * [Shortcut references](docs/shortcut-references.md)
 * [Network inspect of Chrome Developer Tools](docs/network-inspect-of-chrome-devtools.md)
 * [Enable open in editor in console](docs/enable-open-in-editor-in-console.md)
+* [Config file in home directory](docs/config-file-in-home-directory.md)
 * [Troubleshooting](docs/troubleshooting.md)
 * [Contributing](docs/contributing.md)
 

app/containers/ReactInspector.js

@@ -93,7 +93,13 @@ export default class ReactInspector extends Component {
   }
 
   setDefaultThemeName(themeName) {
-    getReactInspector().setDefaultThemeName(themeName === 'dark' ? 'ChromeDark' : 'ChromeDefault');
+    const theme = window.query.defaultReactDevToolsTheme;
+    const inspector = getReactInspector();
+    if (!theme || theme === 'RNDebugger') {
+      inspector.setDefaultThemeName(themeName === 'dark' ? 'ChromeDark' : 'ChromeDefault');
+    } else {
+      inspector.setDefaultThemeName(theme);
+    }
   }
 
   listeningPort = window.reactDevToolsPort;

app/index.js

@@ -4,6 +4,7 @@ import React from 'react';
 import { render } from 'react-dom';
 import { Provider } from 'react-redux';
 import launchEditor from 'react-dev-utils/launchEditor';
+import './setup';
 import App from './containers/App';
 import configureStore from './store/configureStore';
 import { beforeWindowClose } from './actions/debugger';

app/middlewares/debuggerAPI.js

@@ -170,7 +170,7 @@ const setDebuggerLoc = ({ host: packagerHost, port: packagerPort }) => {
   if (host === packagerHost && port === Number(packagerPort)) return;
 
   host = packagerHost || 'localhost';
-  port = packagerPort || 8081;
+  port = packagerPort || window.query.port || 8081;
   if (socket) {
     shutdownJSRuntime();
     socket.close();

app/reducers/debugger.js

@@ -1,12 +1,10 @@
-import qs from 'querystring';
-import url from 'url';
 import {
   SET_DEBUGGER_STATUS,
   SET_DEBUGGER_WORKER,
   SET_DEBUGGER_LOCATION,
 } from '../actions/debugger';
 
-const { isPortSettingRequired } = qs.parse(url.parse(location.href).query);
+const { isPortSettingRequired } = window.query;
 
 function getStatusMessage(status, port) {
   let message;
@@ -40,7 +38,7 @@ const initialState = {
   statusMessage: getStatusMessage(isPortSettingRequired ? 'new' : 'disconnected', 8081),
   location: {
     host: 'localhost',
-    port: 8081,
+    port: window.query.port || 8081,
   },
   isPortSettingRequired,
 };

app/setup.js

@@ -0,0 +1,16 @@
+import url from 'url';
+import qs from 'querystring';
+
+const query = qs.parse(url.parse(location.href).query);
+
+window.query = query;
+
+if (query.editor) {
+  process.env.EDITOR = query.editor;
+}
+
+if (query.fontFamily) {
+  const styleEl = document.createElement('style');
+  document.head.appendChild(styleEl);
+  styleEl.sheet.insertRule(`div *, span * { font-family: ${query.fontFamily} !important; }`, 0);
+}

app/utils/devMenu.js

@@ -33,7 +33,7 @@ const setTouchBar = () =>
 const invokeDevMenuMethod = ({ name, args }) =>
   worker && worker.postMessage({ method: 'invokeDevMenuMethod', name, args });
 
-let networkInspectEnabled = false;
+let networkInspectEnabled = !!window.query.networkInspect;
 export const networkInspect = {
   isEnabled: () => !!networkInspectEnabled,
   getHighlightColor: () => (networkInspectEnabled ? '#7A7A7A' : '#363636'),

auto_updater.json

@@ -1,7 +1,5 @@
 {
-  "url":
-    "https://github.com/jhen0409/react-native-debugger/releases/download/v0.7.20/rn-debugger-macos-x64.zip",
-  "name": "v0.7.20",
-  "notes":
-    "1. Add the recently changes from redux-devtools-extension\n2. Fix context menu functions for RN 0.56\n3. Fix ref issue of Draggable component"
+  "url": "https://github.com/jhen0409/react-native-debugger/releases/download/v0.8.0/rn-debugger-macos-x64.zip",
+  "name": "v0.8.0",
+  "notes": "1. Fix context menu functions on RN 0.57\n2. Update react-devtools-core for supporting react-profiler\n3. Implement root config file in home directory"
 }

dist/css/style.css

@@ -1,4 +1,5 @@
-html, body {
+html,
+body {
   font-family: monaco, Consolas, Lucida Console, monospace;
   overflow: hidden;
   font-size: 100%;
@@ -8,6 +9,7 @@ html, body {
   height: 100%;
   background-color: rgb(53, 59, 70);
 }
+
 #root {
   width: 100%;
   height: 100%;