feat: inject script

webfansplz · webfansplz · commit 4934fd18083f · 2026-03-29T16:11:39.000+08:00
diff --git a/packages/webext/app/pages/panel.html b/packages/webext/app/pages/panel.html
@@ -4,6 +4,6 @@
     <title>Vite DevTools Panel</title>
   </head>
   <body>
-    <script src="../../dist/panel.mjs" type="module"></script>
+    <script src="../../dist/devtools-panel.mjs" type="module"></script>
   </body>
 </html>
diff --git a/packages/webext/app/scripts/devtools-panel.ts b/packages/webext/app/scripts/devtools-panel.ts
@@ -0,0 +1,39 @@
+function injectScript(scriptName: string, cb: () => void) {
+  const src = `
+    (function() {
+      var script = document.constructor.prototype.createElement.call(document, 'script');
+      script.src = "${scriptName}";
+      script.type = "module";
+      document.documentElement.appendChild(script);
+      script.parentNode.removeChild(script);
+    })()
+  `
+  let timeoutId: number = null!
+  function inspect() {
+    clearTimeout(timeoutId)
+    chrome.devtools.inspectedWindow.eval(src, (res, err) => {
+      if (err) {
+        timeoutId = window.setTimeout(() => {
+          inspect()
+        }, 100)
+        return
+      }
+
+      cb()
+    })
+  }
+  inspect()
+}
+
+function init() {
+  // inject script to window
+  injectScript(chrome.runtime.getURL('dist/inject.mjs'), async () => {
+  })
+
+  chrome.devtools.network.onNavigated.addListener(() => {
+    injectScript(chrome.runtime.getURL('dist/inject.mjs'), () => {
+    })
+  })
+}
+
+init()
diff --git a/packages/webext/app/scripts/entry.js b/packages/webext/app/scripts/entry.js
@@ -1,6 +1,5 @@
 (async () => {
   // eslint-disable-next-line no-undef
   const script = chrome.runtime.getURL('dist/content-scripts.mjs')
-  console.log('scripts', script)
   await import(script)
 })()
diff --git a/packages/webext/app/scripts/inject.ts b/packages/webext/app/scripts/inject.ts
diff --git a/packages/webext/package.json b/packages/webext/package.json
@@ -20,14 +20,15 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build:extension": "tsdown",
+    "build": "tsdown",
     "watch": "tsdown --watch",
-    "prepack": "pnpm build:extension"
+    "prepack": "pnpm build"
   },
   "dependencies": {
     "webext-bridge": "catalog:deps"
   },
   "devDependencies": {
+    "@types/chrome": "catalog:types",
     "tsdown": "catalog:build",
     "tsx": "catalog:build"
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
