add new event listeners to get request starting

warrenday · Jan 15, 2024 · e30f55b · e30f55b
1 parent bfb8e7c
commit e30f55b
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 1 deletion.
diff --git a/public/manifest.json b/public/manifest.json
@@ -6,7 +6,8 @@
     "128": "icon.png"
   },
   "manifest_version": 3,
-  "permissions": [],
+  "permissions": ["webRequest"],
+  "host_permissions": ["<all_urls>"],
   "devtools_page": "devtools/devtools.html",
   "content_scripts": [
     {

diff --git a/src/services/networkMonitor.ts b/src/services/networkMonitor.ts
@@ -9,6 +9,34 @@ export const getHAR = async (): Promise<chrome.devtools.network.HARLog> => {
   })
 }
 
+export const onBeforeRequest = (
+  cb: (e: chrome.webRequest.WebRequestBodyDetails) => void
+) => {
+  const chrome = chromeProvider()
+
+  chrome.webRequest.onBeforeRequest.addListener(cb, { urls: ["<all_urls>"] }, [
+    "requestBody",
+  ])
+  return () => {
+    chrome.webRequest.onBeforeRequest.removeListener(cb)
+  }
+}
+
+export const onBeforeSendHeaders = (
+  cb: (e: chrome.webRequest.WebRequestHeadersDetails) => void
+) => {
+  const chrome = chromeProvider()
+
+  chrome.webRequest.onBeforeSendHeaders.addListener(
+    cb,
+    { urls: ["<all_urls>"] },
+    ["requestHeaders"]
+  )
+  return () => {
+    chrome.webRequest.onBeforeSendHeaders.removeListener(cb)
+  }
+}
+
 export const onRequestFinished = (
   cb: (e: chrome.devtools.network.Request) => void
 ) => {
@@ -27,3 +55,7 @@ export const onNavigate = (cb: () => void) => {
     chrome.devtools.network.onNavigated.removeListener(cb)
   }
 }
+
+// Can I get request body in webrequest event?
+// If so, can just match on headers, method, body.
+// Just associate first response where match, is found.