react-devtools-electron - npm Package Compare versions

Comparing version 4.4.0 to 4.5.0

extension/build/background.js

@@ -1,1 +0,1 @@
-!function(e){var n={};function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(o,r,function(n){return e[n]}.bind(null,r));return o},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=116)}({116:function(e,n,t){"use strict";var o={},r=navigator.userAgent.indexOf("Firefox")>=0;function i(e,n){chrome.browserAction.setIcon({tabId:n,path:{16:"icons/16-"+e+".png",32:"icons/32-"+e+".png",48:"icons/48-"+e+".png",128:"icons/128-"+e+".png"}}),chrome.browserAction.setPopup({tabId:n,popup:"popups/"+e+".html"})}chrome.runtime.onConnect.addListener(function(e){var n,t,r=null,i=null;+(t=e.name)+""===t?(r=e.name,i="devtools",n=+e.name,chrome.tabs.executeScript(n,{file:"/build/contentScript.js"},function(){})):(r=e.sender.tab.id,i="content-script"),o[r]||(o[r]={devtools:null,"content-script":null}),o[r][i]=e,o[r].devtools&&o[r]["content-script"]&&function(e,n){function t(e){n.postMessage(e)}function o(n){e.postMessage(n)}function r(){e.onMessage.removeListener(t),n.onMessage.removeListener(o),e.disconnect(),n.disconnect()}e.onMessage.addListener(t),n.onMessage.addListener(o),e.onDisconnect.addListener(r),n.onDisconnect.addListener(r)}(o[r].devtools,o[r]["content-script"])}),r&&chrome.tabs.onUpdated.addListener(function(e,n,t){t.active&&"loading"===n.status&&i("disabled",e)}),chrome.runtime.onMessage.addListener(function(e,n){if(n.tab&&e.hasDetectedReact){var t=e.reactBuildType;-1!==n.url.indexOf("facebook.github.io/react")&&(t="production"),i(t,n.tab.id)}})}});
+!function(e){var n={};function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(o,r,function(n){return e[n]}.bind(null,r));return o},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=115)}({115:function(e,n,t){"use strict";var o={},r=navigator.userAgent.indexOf("Firefox")>=0;function i(e,n){chrome.browserAction.setIcon({tabId:n,path:{16:"icons/16-"+e+".png",32:"icons/32-"+e+".png",48:"icons/48-"+e+".png",128:"icons/128-"+e+".png"}}),chrome.browserAction.setPopup({tabId:n,popup:"popups/"+e+".html"})}chrome.runtime.onConnect.addListener(function(e){var n,t,r=null,i=null;+(t=e.name)+""===t?(r=e.name,i="devtools",n=+e.name,chrome.tabs.executeScript(n,{file:"/build/contentScript.js"},function(){})):(r=e.sender.tab.id,i="content-script"),o[r]||(o[r]={devtools:null,"content-script":null}),o[r][i]=e,o[r].devtools&&o[r]["content-script"]&&function(e,n){function t(e){n.postMessage(e)}function o(n){e.postMessage(n)}function r(){e.onMessage.removeListener(t),n.onMessage.removeListener(o),e.disconnect(),n.disconnect()}e.onMessage.addListener(t),n.onMessage.addListener(o),e.onDisconnect.addListener(r),n.onDisconnect.addListener(r)}(o[r].devtools,o[r]["content-script"])}),r&&chrome.tabs.onUpdated.addListener(function(e,n,t){t.active&&"loading"===n.status&&i("disabled",e)}),chrome.runtime.onMessage.addListener(function(e,n){if(n.tab&&e.hasDetectedReact){var t=e.reactBuildType;-1!==n.url.indexOf("facebook.github.io/react")&&(t="production"),i(t,n.tab.id)}})}});

extension/build/contentScript.js

@@ -1,1 +0,1 @@
-!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=117)}({117:function(e,t,n){"use strict";var o=!1,r=!1;function a(){window.postMessage({source:"react-devtools-content-script",hello:!0},"*")}function c(e){e.source===window&&e.data&&"react-devtools-bridge"===e.data.source&&(r=!0,s.postMessage(e.data.payload))}var s=chrome.runtime.connect({name:"content-script"});if(s.onMessage.addListener(function(e){window.postMessage({source:"react-devtools-content-script",payload:e},"*")}),s.onDisconnect.addListener(function(){o=!0,window.removeEventListener("message",c),window.postMessage({source:"react-devtools-content-script",payload:{type:"event",event:"shutdown"}},"*")}),window.addEventListener("message",c),a(),!r)var i=setInterval(function(){r||o?clearInterval(i):a()},500)}});
+!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=116)}({116:function(e,t,n){"use strict";var o=!1,r=!1;function a(){window.postMessage({source:"react-devtools-content-script",hello:!0},"*")}function c(e){e.source===window&&e.data&&"react-devtools-bridge"===e.data.source&&(r=!0,s.postMessage(e.data.payload))}var s=chrome.runtime.connect({name:"content-script"});if(s.onMessage.addListener(function(e){window.postMessage({source:"react-devtools-content-script",payload:e},"*")}),s.onDisconnect.addListener(function(){o=!0,window.removeEventListener("message",c),window.postMessage({source:"react-devtools-content-script",payload:{type:"event",event:"shutdown"}},"*")}),window.addEventListener("message",c),a(),!r)var i=setInterval(function(){r||o?clearInterval(i):a()},500)}});

extension/build/panel.js

@@ -1,1 +0,1 @@
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=180)}({180:function(e,t){window.container=document.getElementById("container");var n=!1;window.injectStyles=function(e){if(!n){n=!0;var t=e(),r=!0,o=!1,u=void 0;try{for(var i,l=t[Symbol.iterator]();!(r=(i=l.next()).done);r=!0){var a=i.value;document.head.appendChild(a)}}catch(e){o=!0,u=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw u}}}}}});
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=184)}({184:function(e,t){window.container=document.getElementById("container");var n=!1;window.injectStyles=function(e){if(!n){n=!0;var t=e(),r=!0,o=!1,u=void 0;try{for(var i,l=t[Symbol.iterator]();!(r=(i=l.next()).done);r=!0){var a=i.value;document.head.appendChild(a)}}catch(e){o=!0,u=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw u}}}}}});

extension/manifest.json

 {
-"update_url": "https://clients2.google.com/service/update2/crx",
-
   "manifest_version": 2,
   "name": "React Developer Tools",
-  "description": "Adds React debugging tools to the Chrome Developer Tools.\n\nCreated from revision f749045a5 on 1/3/2020.",
-  "version": "4.4.0",
-  "version_name": "4.4.0 (1/3/2020)",
+  "description": "Adds React debugging tools to the Chrome Developer Tools.\n\nCreated from revision 355970aa4 on 3/10/2020.",
+  "version": "4.5.0",
+  "version_name": "4.5.0 (3/10/2020)",
   "minimum_chrome_version": "49",
@@ -30,3 +28,3 @@ "icons": {
     "panel.html",
-    "build/backend.js",
+    "build/react_devtools_backend.js",
     "build/renderer.js"
@@ -33,0 +31,0 @@ ],

package.json

 {
 	"name": "react-devtools-electron",
-	"version": "4.4.0",
+	"version": "4.5.0",
 	"description": "Add React DevTools to your Electron app",
@@ -10,27 +10,12 @@ "main": "./dist/index.js",
 	"scripts": {
-		"test": "yarn run build && yarn run build-example",
-		"prepublishOnly": "yarn run clear && yarn run test && yarn run download-extension && yarn run check-extension-version",
-		"clear-cache": "rimraf .cache",
-		"clear": "rimraf .cache && rimraf ./dist && rimraf ./example/dist",
-		"download-extension": "rimraf extension && ced fmkadmapgofadopljbjfkapdkoienihi extension",
+		"test": "yarn run build",
+		"prepublishOnly": "yarn run clear && yarn run test && yarn run build && yarn run check-extension-version && yarn run copy-readme",
+		"copy-readme": "cp ../README.md .",
+		"clear": "rimraf ../.cache && rimraf ./dist",
 		"check-extension-version": "ts-node check-extension-version.ts",
-		"build-example": "yarn run build -p ./example/tsconfig.json",
-		"watch-example": "yarn run build-example --watch",
-		"run-example-electron": "electron ./example",
-		"build": "tsc",
+		"copy-extension-build": "rimraf ./extension && cp -r ../vendor/packages/react-devtools-extensions/chrome/build/unpacked extension",
+		"build-extension": "yarn --cwd ../vendor install && yarn --cwd ../vendor build-for-devtools && yarn --cwd ../vendor workspace react-devtools-extensions build:chrome",
+		"build": "yarn run build-extension && yarn run copy-extension-build && tsc",
 		"watch": "yarn run build --watch"
 	},
-	"devDependencies": {
-		"@types/react": "^16.9.4",
-		"@types/react-dom": "^16.9.1",
-		"chrome-ext-downloader": "^1.0.4",
-		"electron": "7.1.8",
-		"hint": "^5.3.1",
-		"react": "^16.10.1",
-		"react-devtools": "4.2.0",
-		"react-dom": "^16.10.1",
-		"rimraf": "^3.0.0",
-		"ts-node": "^8.4.1",
-		"typescript": "^3.6.3"
-	},
 	"peerDependencies": {
@@ -37,0 +22,0 @@ "electron": ">= 5"

README.md

 # react-devtools-electron
 
-<p align="center"><img src="https://raw.githubusercontent.com/dimitarnestorov/react-devtools-electron/master/showcase.png" alt="Showcase"></p>
+[![npm version](https://img.shields.io/npm/v/react-devtools-electron.svg)](https://www.npmjs.com/package/react-devtools-electron)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com)
 
-TypeScript:
-```typescript
-isDev && import('react-devtools-electron')
+React Developer Tools for Electron
+
+<p align="center"><img src="https://raw.githubusercontent.com/dimitarnestorov/react-devtools-electron/master/showcase.png" alt="Showcase" width="60%"></p>
+
+## Installation
+
+```sh
+npm install --save-dev react-devtools-electron
 ```
 
-JavaScript:
+## Usage
+
+Inside the main process add the following line:
+
 ```javascript
 isDev && require('react-devtools-electron')
 ```
+
+Or if you're using TypeScript:
+
+```typescript
+isDev && import('react-devtools-electron')
+```
+
+`isDev` represents a boolean which is true when your app is running in development mode. If you haven't defined one yourself you can use [`electron-is-dev`](https://www.npmjs.com/package/electron-is-dev).

No alert changes

Improved metrics

Dev dependency count

0

decreased by-100%

Number of lines in readme file

31

increased by121.43%

Worsened metrics

Total package byte prevSize

1068511

decreased by-1.91%

Number of package files

52

decreased by-3.7%

Lines of code

2378

decreased by-4.31%

No dependency changes