Merged changes from 4.0.5 -> 4.0.6 from DevTools fork

Author: Brian Vaughn

packages/react-devtools-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-devtools-core",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "description": "Use react-devtools outside of the browser",
   "license": "MIT",
   "main": "./dist/backend.js",
@@ -24,6 +24,7 @@
     "start:standalone": "cross-env NODE_ENV=development webpack --config webpack.standalone.js --watch"
   },
   "dependencies": {
+    "es6-symbol": "^3",
     "shell-quote": "^1.6.1",
     "ws": "^7"
   },

packages/react-devtools-extensions/chrome/manifest.json

@@ -2,8 +2,8 @@
   "manifest_version": 2,
   "name": "React Developer Tools",
   "description": "Adds React debugging tools to the Chrome Developer Tools.",
-  "version": "4.0.5",
-  "version_name": "4.0.5",
+  "version": "4.0.6",
+  "version_name": "4.0.6",
 
   "minimum_chrome_version": "49",
 

packages/react-devtools-extensions/firefox/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "React Developer Tools",
   "description": "Adds React debugging tools to the Firefox Developer Tools.",
-  "version": "4.0.5",
+  "version": "4.0.6",
 
   "applications": {
     "gecko": {

packages/react-devtools-extensions/popups/deadcode.html

@@ -28,5 +28,5 @@
 </p>
 <hr />
 <p>
-  Open the developer tools, and the React tab will appear to the right.
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
 </p>

packages/react-devtools-extensions/popups/development.html

@@ -24,5 +24,5 @@
 </p>
 <hr />
 <p>
-  Open the developer tools, and the React tab will appear to the right.
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
 </p>

packages/react-devtools-extensions/popups/outdated.html

@@ -25,5 +25,5 @@
 </p>
 <hr />
 <p>
-  Open the developer tools, and the React tab will appear to the right.
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
 </p>

packages/react-devtools-extensions/popups/production.html

@@ -17,5 +17,5 @@
 <p>
   <b>This page is using the production build of React. &#x2705;</b>
   <br />
-  Open the developer tools, and the React tab will appear to the right.
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
 </p>

packages/react-devtools-extensions/popups/unminified.html

@@ -27,5 +27,5 @@
 </p>
 <hr />
 <p>
-  Open the developer tools, and the React tab will appear to the right.
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
 </p>

packages/react-devtools-extensions/src/main.js

@@ -24,6 +24,8 @@ import DevTools from 'react-devtools-shared/src/devtools/views/DevTools';
 const LOCAL_STORAGE_SUPPORTS_PROFILING_KEY =
   'React::DevTools::supportsProfiling';
 
+const isChrome = getBrowserName() === 'Chrome';
+
 let panelCreated = false;
 
 // The renderer interface can't read saved component filters directly,
@@ -126,7 +128,7 @@ function createPanelIfReactLoaded() {
 
         store = new Store(bridge, {
           isProfiling,
-          supportsReloadAndProfile: getBrowserName() === 'Chrome',
+          supportsReloadAndProfile: isChrome,
           supportsProfiling,
         });
         store.profilerStore.profilingData = profilingData;
@@ -232,7 +234,7 @@ function createPanelIfReactLoaded() {
       let needsToSyncElementSelection = false;
 
       chrome.devtools.panels.create(
-        '⚛ Components',
+        isChrome ? '⚛ Components' : 'Components',
         '',
         'panel.html',
         extensionPanel => {
@@ -262,7 +264,7 @@ function createPanelIfReactLoaded() {
       );
 
       chrome.devtools.panels.create(
-        '⚛ Profiler',
+        isChrome ? '⚛ Profiler' : 'Profiler',
         '',
         'panel.html',
         extensionPanel => {

packages/react-devtools-inline/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-devtools-inline",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "description": "Embed react-devtools within a website",
   "license": "MIT",
   "main": "./dist/backend.js",
@@ -20,7 +20,9 @@
     "prepublish": "yarn run build",
     "start": "cross-env NODE_ENV=development webpack --config webpack.config.js --watch"
   },
-  "dependencies": {},
+  "dependencies": {
+    "es6-symbol": "^3"
+  },
   "devDependencies": {
     "@babel/core": "^7.1.6",
     "@babel/plugin-proposal-class-properties": "^7.1.0",

packages/react-devtools-shared/src/backend/renderer.js

@@ -2074,7 +2074,10 @@ export function attach(
     let fiber = findCurrentFiberUsingSlowPathById(id);
     if (fiber !== null) {
       instance = fiber.stateNode;
-      style = fiber.memoizedProps.style;
+
+      if (fiber.memoizedProps !== null) {
+        style = fiber.memoizedProps.style;
+      }
     }
 
     return {instance, style};

packages/react-devtools-shared/src/hydration.js

@@ -1,5 +1,6 @@
 // @flow
 
+import Symbol from 'es6-symbol';
 import {
   isElement,
   typeOf,

packages/react-devtools-shared/src/utils.js

@@ -1,5 +1,6 @@
 // @flow
 
+import Symbol from 'es6-symbol';
 import LRU from 'lru-cache';
 import {
   TREE_OPERATION_ADD,

packages/react-devtools/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-devtools",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "description": "Use react-devtools outside of the browser",
   "license": "MIT",
   "repository": {
@@ -27,7 +27,7 @@
     "electron": "^5.0.0",
     "ip": "^1.1.4",
     "minimist": "^1.2.0",
-    "react-devtools-core": "4.0.5",
+    "react-devtools-core": "4.0.6",
     "update-notifier": "^2.1.0"
   }
 }

yarn.lock

@@ -4551,7 +4551,7 @@ es6-set@~0.1.5:
     es6-symbol "3.1.1"
     event-emitter "~0.3.5"
 
-[email protected], es6-symbol@^3.1.1, es6-symbol@~3.1.1:
+[email protected], es6-symbol@^3, es6-symbol@^3.1.1, es6-symbol@~3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.1.tgz#bf00ef4fdab6ba1b46ecb7b629b4c7ed5715cc77"
   integrity sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=