Revert "fix: a hydration error in SSR apps (#76)" (#78)

This reverts commit c30626f.

packages/swr-devtools-extensions/manifest-v2.json

@@ -15,12 +15,6 @@
       "background.js"
     ]
   },
-  "permissions": [
-    "scripting",
-    "tabs",
-    "http://*/",
-    "https://*/"
-  ],
   "content_scripts": [
     {
       "matches": [

packages/swr-devtools-extensions/manifest.json

@@ -13,14 +13,6 @@
   "background": {
     "service_worker": "background.js"
   },
-  "permissions": [
-    "scripting",
-    "tabs"
-  ],
-  "host_permissions": [
-    "http://*/",
-    "https://*/"
-  ],
   "content_scripts": [
     {
       "matches": [
@@ -32,5 +24,17 @@
       ],
       "run_at": "document_start"
     }
+  ],
+  "web_accessible_resources": [
+    {
+      "resources": [
+        "web-accessible.js"
+      ],
+      "matches": [
+        "https://*/*",
+        "http://*/*"
+
+      ]
+    }
   ]
 }

packages/swr-devtools-extensions/src/content.ts

@@ -1,6 +1,14 @@
 import { DevToolsMessage } from "swr-devtools";
 import { Runtime, runtime } from "webextension-polyfill";
 
+const injectDevToolsHook = () => {
+  const script = document.createElement("script");
+  script.setAttribute("type", "text/javascript");
+  script.setAttribute("src", chrome.runtime.getURL("web-accessible.js"));
+  document.documentElement.appendChild(script);
+};
+injectDevToolsHook();
+
 export type ContentMessage =
   | {
       type: "load";

packages/swr-devtools-extensions/src/devtools.ts

@@ -1,16 +1,5 @@
-import { devtools, scripting } from "webextension-polyfill";
+import { devtools } from "webextension-polyfill";
 
 devtools.panels.create("SWR", "", "panel.html").then(() => {
   console.log("The DevTools panel has been created");
 });
-
-scripting
-  .executeScript({
-    target: {
-      tabId: devtools.inspectedWindow.tabId,
-      allFrames: true,
-    },
-    files: ["web-accessible.js"],
-  })
-  .then((r) => console.log("executeScript has been success", r))
-  .catch((e) => console.log("executeScript has been failed", e));