open-source-labs · levinjn01 · Nov 2, 2023 · Oct 16, 2023 · Oct 16, 2023 · Oct 17, 2023
diff --git a/ReactDevToolsWebExtDep/icons/128-deadcode.png b/ReactDevToolsWebExtDep/icons/128-deadcode.png
diff --git a/ReactDevToolsWebExtDep/icons/128-development.png b/ReactDevToolsWebExtDep/icons/128-development.png
diff --git a/ReactDevToolsWebExtDep/icons/128-disabled.png b/ReactDevToolsWebExtDep/icons/128-disabled.png
diff --git a/ReactDevToolsWebExtDep/icons/128-outdated.png b/ReactDevToolsWebExtDep/icons/128-outdated.png
diff --git a/ReactDevToolsWebExtDep/icons/128-production.png b/ReactDevToolsWebExtDep/icons/128-production.png
diff --git a/ReactDevToolsWebExtDep/icons/128-restricted.png b/ReactDevToolsWebExtDep/icons/128-restricted.png
diff --git a/ReactDevToolsWebExtDep/icons/128-unminified.png b/ReactDevToolsWebExtDep/icons/128-unminified.png
diff --git a/ReactDevToolsWebExtDep/icons/16-deadcode.png b/ReactDevToolsWebExtDep/icons/16-deadcode.png
diff --git a/ReactDevToolsWebExtDep/icons/16-development.png b/ReactDevToolsWebExtDep/icons/16-development.png
diff --git a/ReactDevToolsWebExtDep/icons/16-disabled.png b/ReactDevToolsWebExtDep/icons/16-disabled.png
diff --git a/ReactDevToolsWebExtDep/icons/16-outdated.png b/ReactDevToolsWebExtDep/icons/16-outdated.png
diff --git a/ReactDevToolsWebExtDep/icons/16-production.png b/ReactDevToolsWebExtDep/icons/16-production.png
diff --git a/ReactDevToolsWebExtDep/icons/16-restricted.png b/ReactDevToolsWebExtDep/icons/16-restricted.png
diff --git a/ReactDevToolsWebExtDep/icons/16-unminified.png b/ReactDevToolsWebExtDep/icons/16-unminified.png
diff --git a/ReactDevToolsWebExtDep/icons/32-deadcode.png b/ReactDevToolsWebExtDep/icons/32-deadcode.png
diff --git a/ReactDevToolsWebExtDep/icons/32-development.png b/ReactDevToolsWebExtDep/icons/32-development.png
diff --git a/ReactDevToolsWebExtDep/icons/32-disabled.png b/ReactDevToolsWebExtDep/icons/32-disabled.png
diff --git a/ReactDevToolsWebExtDep/icons/32-outdated.png b/ReactDevToolsWebExtDep/icons/32-outdated.png
diff --git a/ReactDevToolsWebExtDep/icons/32-production.png b/ReactDevToolsWebExtDep/icons/32-production.png
diff --git a/ReactDevToolsWebExtDep/icons/32-restricted.png b/ReactDevToolsWebExtDep/icons/32-restricted.png
diff --git a/ReactDevToolsWebExtDep/icons/32-unminified.png b/ReactDevToolsWebExtDep/icons/32-unminified.png
diff --git a/ReactDevToolsWebExtDep/icons/48-deadcode.png b/ReactDevToolsWebExtDep/icons/48-deadcode.png
diff --git a/ReactDevToolsWebExtDep/icons/48-development.png b/ReactDevToolsWebExtDep/icons/48-development.png
diff --git a/ReactDevToolsWebExtDep/icons/48-disabled.png b/ReactDevToolsWebExtDep/icons/48-disabled.png
diff --git a/ReactDevToolsWebExtDep/icons/48-outdated.png b/ReactDevToolsWebExtDep/icons/48-outdated.png
diff --git a/ReactDevToolsWebExtDep/icons/48-production.png b/ReactDevToolsWebExtDep/icons/48-production.png
diff --git a/ReactDevToolsWebExtDep/icons/48-restricted.png b/ReactDevToolsWebExtDep/icons/48-restricted.png
diff --git a/ReactDevToolsWebExtDep/icons/48-unminified.png b/ReactDevToolsWebExtDep/icons/48-unminified.png
diff --git a/ReactDevToolsWebExtDep/icons/deadcode.svg b/ReactDevToolsWebExtDep/icons/deadcode.svg
diff --git a/ReactDevToolsWebExtDep/icons/development.svg b/ReactDevToolsWebExtDep/icons/development.svg
diff --git a/ReactDevToolsWebExtDep/icons/disabled.svg b/ReactDevToolsWebExtDep/icons/disabled.svg
diff --git a/ReactDevToolsWebExtDep/icons/outdated.svg b/ReactDevToolsWebExtDep/icons/outdated.svg
diff --git a/ReactDevToolsWebExtDep/icons/production.svg b/ReactDevToolsWebExtDep/icons/production.svg
diff --git a/ReactDevToolsWebExtDep/icons/restricted.svg b/ReactDevToolsWebExtDep/icons/restricted.svg
diff --git a/ReactDevToolsWebExtDep/main.html b/ReactDevToolsWebExtDep/main.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <script src="./rbuild/main.js"></script>
+    </head>
+    <body>
+    </body>
+</html>
diff --git a/ReactDevToolsWebExtDep/manifest.json b/ReactDevToolsWebExtDep/manifest.json
@@ -0,0 +1,55 @@
+{
+  "manifest_version": 2,
+  "name": "React Developer Tools",
+  "description": "Adds React debugging tools to the Firefox Developer Tools.\n\nCreated from revision f7d56173f on 1/27/2023.",
+  "version": "4.27.1",
+  "version_name": "4.27.1 (1/27/2023)",
+  "minimum_chrome_version": "60",
+  "icons": {
+    "16": "icons/16-production.png",
+    "32": "icons/32-production.png",
+    "48": "icons/48-production.png",
+    "128": "icons/128-production.png"
+  },
+  "browser_action": {
+    "default_icon": {
+      "16": "icons/16-disabled.png",
+      "32": "icons/32-disabled.png",
+      "48": "icons/48-disabled.png",
+      "128": "icons/128-disabled.png"
+    },
+    "default_popup": "popups/disabled.html",
+    "browser_style": true
+  },
+  "devtools_page": "main.html",
+  "content_security_policy": "script-src 'self' 'unsafe-eval' blob:; object-src 'self'",
+  "web_accessible_resources": [
+    "main.html",
+    "panel.html",
+    "rbuild/react_devtools_backend.js",
+    "rbuild/proxy.js",
+    "rbuild/renderer.js",
+    "rbuild/installHook.js"
+  ],
+  "background": {
+    "scripts": [
+      "rbuild/background.js"
+    ]
+  },
+  "permissions": [
+    "file:///*",
+    "http://*/*",
+    "https://*/*"
+  ],
+  "content_scripts": [
+    {
+      "matches": [
+        "<all_urls>"
+      ],
+      "js": [
+        "rbuild/prepareInjection.js"
+      ],
+      "run_at": "document_start"
+    }
+  ]
+}
diff --git a/ReactDevToolsWebExtDep/panel.html b/ReactDevToolsWebExtDep/panel.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<html style="display: flex">
+    <head>
+        <meta charset="utf8">
+        <style>
+            html {
+                display: flex;
+            }
+            body {
+                margin: 0;
+                padding: 0;
+                flex: 1;
+                display: flex;
+            }
+            #container {
+                display: flex;
+                flex: 1;
+                width: 100%;
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <!-- main react mount point -->
+        <div id="container">Unable to find React on the page.</div>
+        <script src="./rbuild/panel.js"></script>
+    </body>
+</html>
diff --git a/ReactDevToolsWebExtDep/popups/deadcode.html b/ReactDevToolsWebExtDep/popups/deadcode.html
@@ -0,0 +1,28 @@
+<script src="shared.js"></script>
+<link rel="stylesheet" href="shared.css" />
+<style>
+  html, body {
+    min-width: 460px;
+    min-height: 133px;
+  }
+
+  hr {
+    width: 100%;
+  }
+</style>
+<p>
+  <b>This page includes an extra development build of React. &#x1f6a7;</b>
+</p>
+<p>
+  The React build on this page includes both development and production versions because dead code elimination has not been applied correctly.
+  <br />
+  <br />
+  This makes its size larger, and causes React to run slower.
+  <br />
+  <br />
+  Make sure to <a href="https://reactjs.org/docs/optimizing-performance.html#use-the-production-build">set up dead code elimination</a> before deployment.
+</p>
+<hr />
+<p>
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
+</p>
diff --git a/ReactDevToolsWebExtDep/popups/development.html b/ReactDevToolsWebExtDep/popups/development.html
@@ -0,0 +1,24 @@
+<script src="shared.js"></script>
+<link rel="stylesheet" href="shared.css" />
+<style>
+  html, body {
+    min-width: 460px;
+    min-height: 101px;
+  }
+
+  hr {
+    width: 100%;
+  }
+</style>
+<p>
+  <b>This page is using the development build of React. &#x1f6a7;</b>
+</p>
+<p>
+  Note that the development build is not suitable for production.
+  <br />
+  Make sure to <a href="https://reactjs.org/docs/optimizing-performance.html#use-the-production-build">use the production build</a> before deployment.
+</p>
+<hr />
+<p>
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
+</p>
diff --git a/ReactDevToolsWebExtDep/popups/disabled.html b/ReactDevToolsWebExtDep/popups/disabled.html
@@ -0,0 +1,17 @@
+<script src="shared.js"></script>
+<link rel="stylesheet" href="shared.css" />
+<style>
+  html, body {
+    min-width: 410px;
+    min-height: 33px;
+  }
+
+  hr {
+    width: 100%;
+  }
+</style>
+<p>
+  <b>This page doesn&rsquo;t appear to be using React.</b>
+  <br />
+  If this seems wrong, follow the <a href="https://github.com/facebook/react/tree/main/packages/react-devtools#the-react-tab-doesnt-show-up">troubleshooting instructions</a>.
+</p>
diff --git a/ReactDevToolsWebExtDep/popups/outdated.html b/ReactDevToolsWebExtDep/popups/outdated.html
@@ -0,0 +1,25 @@
+<script src="shared.js"></script>
+<link rel="stylesheet" href="shared.css" />
+<style>
+  html, body {
+    min-width: 460px;
+    min-height: 117px;
+  }
+
+  hr {
+    width: 100%;
+  }
+</style>
+<p>
+  <b>This page is using an outdated version of React. &#8987;</b>
+</p>
+<p>
+  We recommend updating React to ensure that you receive important bugfixes and performance improvements.
+  <br />
+  <br />
+  You can find the upgrade instructions on the <a href="https://reactjs.org/blog/">React blog</a>.
+</p>
+<hr />
+<p>
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
+</p>
diff --git a/ReactDevToolsWebExtDep/popups/production.html b/ReactDevToolsWebExtDep/popups/production.html
@@ -0,0 +1,17 @@
+<script src="shared.js"></script>
+<link rel="stylesheet" href="shared.css" />
+<style>
+  html, body {
+    min-width: 460px;
+    min-height: 39px;
+  }
+
+  hr {
+    width: 100%;
+  }
+</style>
+<p>
+  <b>This page is using the production build of React. &#x2705;</b>
+  <br />
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
+</p>
diff --git a/ReactDevToolsWebExtDep/popups/restricted.html b/ReactDevToolsWebExtDep/popups/restricted.html
@@ -0,0 +1,14 @@
+<script src="shared.js"></script>
+<link rel="stylesheet" href="shared.css" />
+<style>
+  html, body {
+    min-width: 286px;
+    min-height: 33px;
+  }
+
+</style>
+<p>
+  <b>This is a restricted browser page.</b>
+  <br />
+  React devtools cannot access this page.
+</p>
diff --git a/ReactDevToolsWebExtDep/popups/shared.css b/ReactDevToolsWebExtDep/popups/shared.css
@@ -0,0 +1,7 @@
+html, body {
+  font-size: 14px;
+}
+
+body {
+  margin: 8px;
+}
diff --git a/ReactDevToolsWebExtDep/popups/shared.js b/ReactDevToolsWebExtDep/popups/shared.js
@@ -0,0 +1,25 @@
+/* globals chrome */
+
+'use strict';
+
+document.addEventListener('DOMContentLoaded', function() {
+  // Make links work
+  const links = document.getElementsByTagName('a');
+  for (let i = 0; i < links.length; i++) {
+    (function() {
+      const ln = links[i];
+      const location = ln.href;
+      ln.onclick = function() {
+        chrome.tabs.create({active: true, url: location});
+        return false;
+      };
+    })();
+  }
+
+  // Work around https://bugs.chromium.org/p/chromium/issues/detail?id=428044
+  document.body.style.opacity = 0;
+  document.body.style.transition = 'opacity ease-out .4s';
+  requestAnimationFrame(function() {
+    document.body.style.opacity = 1;
+  });
+});
diff --git a/ReactDevToolsWebExtDep/popups/unminified.html b/ReactDevToolsWebExtDep/popups/unminified.html
@@ -0,0 +1,31 @@
+<script src="shared.js"></script>
+<style>
+  html, body {
+    font-size: 14px;
+    min-width: 460px;
+    min-height: 133px;
+  }
+
+  body {
+    margin: 8px;
+  }
+
+  hr {
+    width: 100%;
+  }
+</style>
+<p>
+  <b>This page is using an unminified build of React. &#x1f6a7;</b>
+</p>
+<p>
+  The React build on this page appears to be unminified.
+  <br />
+  This makes its size larger, and causes React to run slower.
+  <br />
+  <br />
+  Make sure to <a href="https://reactjs.org/docs/optimizing-performance.html#use-the-production-build">set up minification</a> before deployment.
+</p>
+<hr />
+<p>
+  Open the developer tools, and  "Components" and "Profiler" tabs will appear to the right.
+</p>