+ This page includes an extra development build of React. 🚧 +
+
+ The React build on this page includes both development and production versions because dead code elimination has not been applied correctly.
+
+
+ This makes its size larger, and causes React to run slower.
+
+
+ Make sure to set up dead code elimination before deployment.
+
+ Open the developer tools, and "Components" and "Profiler" tabs will appear to the right. +
diff --git a/ReactDevToolsWebExtDep/popups/development.html b/ReactDevToolsWebExtDep/popups/development.html new file mode 100644 index 00000000..a0d27ecc --- /dev/null +++ b/ReactDevToolsWebExtDep/popups/development.html @@ -0,0 +1,24 @@ + + + ++ This page is using the development build of React. 🚧 +
+
+ Note that the development build is not suitable for production.
+
+ Make sure to use the production build before deployment.
+
+ Open the developer tools, and "Components" and "Profiler" tabs will appear to the right. +
diff --git a/ReactDevToolsWebExtDep/popups/disabled.html b/ReactDevToolsWebExtDep/popups/disabled.html new file mode 100644 index 00000000..52f76225 --- /dev/null +++ b/ReactDevToolsWebExtDep/popups/disabled.html @@ -0,0 +1,17 @@ + + + +
+ This page doesn’t appear to be using React.
+
+ If this seems wrong, follow the troubleshooting instructions.
+
+ This page is using an outdated version of React. ⌛ +
+
+ We recommend updating React to ensure that you receive important bugfixes and performance improvements.
+
+
+ You can find the upgrade instructions on the React blog.
+
+ Open the developer tools, and "Components" and "Profiler" tabs will appear to the right. +
diff --git a/ReactDevToolsWebExtDep/popups/production.html b/ReactDevToolsWebExtDep/popups/production.html new file mode 100644 index 00000000..44ae1793 --- /dev/null +++ b/ReactDevToolsWebExtDep/popups/production.html @@ -0,0 +1,17 @@ + + + +
+ This page is using the production build of React. ✅
+
+ Open the developer tools, and "Components" and "Profiler" tabs will appear to the right.
+
+ This is a restricted browser page.
+
+ React devtools cannot access this page.
+
+ This page is using an unminified build of React. 🚧 +
+
+ The React build on this page appears to be unminified.
+
+ This makes its size larger, and causes React to run slower.
+
+
+ Make sure to set up minification before deployment.
+
+ Open the developer tools, and "Components" and "Profiler" tabs will appear to the right. +
diff --git a/ReactDevToolsWebExtDep/rbuild/background.js b/ReactDevToolsWebExtDep/rbuild/background.js new file mode 100644 index 00000000..ac9e8e1f --- /dev/null +++ b/ReactDevToolsWebExtDep/rbuild/background.js @@ -0,0 +1,272 @@ +/******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = "/rbuild/"; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 116); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 116: +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/* global chrome */ + + +const IS_FIREFOX = true; +const ports = {}; + +if (!IS_FIREFOX) { + // Manifest V3 method of injecting content scripts (not yet supported in Firefox) + // Note: the "world" option in registerContentScripts is only available in Chrome v102+ + // It's critical since it allows us to directly run scripts on the "main" world on the page + // "document_start" allows it to run before the page's scripts + // so the hook can be detected by react reconciler + chrome.scripting.registerContentScripts([{ + id: 'hook', + matches: ['