@wdio/devtools-script 1.2.1 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wdio/devtools-script",
-  "version": "1.2.1",
+  "version": "1.4.0",
   "description": "Script to be injected into a page to trace the page",
   "author": "Christian Bromann <mail@bromann.dev>",
   "repository": {
@@ -16,10 +16,10 @@
     "htm": "^3.1.1",
     "parse5": "^8.0.0",
     "preact": "^10.27.1",
-    "vite-plugin-singlefile": "^2.3.0"
+    "vite-plugin-singlefile": "^2.3.2"
   },
   "devDependencies": {
-    "vite": "7.3.1"
+    "vite": "8.0.7"
   },
   "license": "MIT",
   "scripts": {

package/src/collector.ts

@@ -5,7 +5,15 @@ import { NetworkRequestCollector } from './collectors/networkRequests.js'
 class DataCollector {
   #metadata = {
     url: window.location.href,
-    viewport: window.visualViewport!
+    // Serialize viewport values explicitly — VisualViewport properties are
+    // prototype getters and won't survive JSON.stringify otherwise.
+    viewport: {
+      width: window.visualViewport?.width ?? window.innerWidth,
+      height: window.visualViewport?.height ?? window.innerHeight,
+      offsetLeft: window.visualViewport?.offsetLeft ?? 0,
+      offsetTop: window.visualViewport?.offsetTop ?? 0,
+      scale: window.visualViewport?.scale ?? 1
+    }
   }
   #errors: string[] = []
   #mutations: TraceMutation[] = []

package/src/collectors/networkRequests.ts

@@ -4,6 +4,7 @@ import type { NetworkRequest } from '../../types.js'
 export class NetworkRequestCollector implements Collector<NetworkRequest> {
   #requests: NetworkRequest[] = []
   #pendingRequests = new Map<string, Partial<NetworkRequest>>()
+  #pendingXHRRequests = new WeakMap<XMLHttpRequest, Partial<NetworkRequest>>()
   #originalFetch?: typeof fetch
   #originalXhrOpen?: typeof XMLHttpRequest.prototype.open
   #originalXhrSend?: typeof XMLHttpRequest.prototype.send
@@ -194,8 +195,7 @@ export class NetworkRequestCollector implements Collector<NetworkRequest> {
         )
       }
 
-      ;(this as any)._networkRequestId = id
-      ;(this as any)._networkRequestData = {
+      self.#pendingXHRRequests.set(this, {
         id,
         url: urlString,
         method: method.toUpperCase(),
@@ -203,7 +203,7 @@ export class NetworkRequestCollector implements Collector<NetworkRequest> {
         timestamp: Date.now(),
         startTime: performance.now(),
         requestHeaders: {}
-      }
+      })
 
       return self.#originalXhrOpen!.call(
         this,
@@ -218,8 +218,7 @@ export class NetworkRequestCollector implements Collector<NetworkRequest> {
     XMLHttpRequest.prototype.send = function (
       body?: Document | XMLHttpRequestBodyInit | null
     ) {
-      const requestData = (this as any)
-        ._networkRequestData as Partial<NetworkRequest>
+      const requestData = self.#pendingXHRRequests.get(this)
 
       // If no request data, this request was filtered out - just send it
       if (!requestData) {

package/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "ignoreDeprecations": "6.0",
     "moduleResolution": "NodeNext",
     "module": "NodeNext"
   }