browser-debugger-cli 0.13.0 → 0.14.0

package/dist/daemon/session/matchedStylesReset.js

@@ -0,0 +1,46 @@
+/**
+ * `dom inspect` keeps slow matched-rules answers for a few seconds, but page
+ * state such as `:checked`, `:hover` or `:focus` changes without any CDP
+ * event. Every daemon command that may change the page drops them, before
+ * and after it runs. Hooking the commands rather than the CDP methods they
+ * send keeps `dom inspect`'s own page scripts from clearing its answers, and
+ * listing the read-only commands makes a new command reset by default.
+ */
+import { resetMatchedStyles } from '../../runtime/dom/inspectRules.js';
+/**
+ * Commands that leave the page as it is: they read it, or only the telemetry.
+ * Any command not listed (new ones included) resets by default.
+ */
+export const KEEPS_MATCHED_STYLES = new Set([
+    'session_peek',
+    'session_details',
+    'session_status',
+    'session_har_data',
+    'session_network_headers',
+    'dom_frames',
+    'dom_form_discover',
+    'dom_listeners',
+    'dom_layout',
+    'dom_audit',
+    'css_search',
+    'dom_inspect',
+]);
+/**
+ * Run a command, dropping the kept matched rules before and after it unless
+ * it leaves the page as it is.
+ *
+ * @param cdp - CDP connection
+ * @param name - Command name
+ * @param run - The command
+ * @returns Its result
+ */
+export function withMatchedStylesReset(cdp, name, run) {
+    if (KEEPS_MATCHED_STYLES.has(name))
+        return run();
+    const reset = () => resetMatchedStyles(cdp);
+    reset();
+    const result = run();
+    void result.then(reset, reset);
+    return result;
+}
+//# sourceMappingURL=matchedStylesReset.js.map

package/dist/daemon/session/plugins.js

@@ -137,6 +137,7 @@ export function createDefaultTelemetryPlugins() {
                     fetchAllBodies: config.includeAll ?? false,
                     getCurrentNavigationId: store.getCurrentNavigationId ?? undefined,
                     pendingRequests: store.pendingNetworkRequests,
+                    evictions: store.networkEvictions,
                     ...filterDefined({
                         maxBodySize: config.maxBodySize,
                     }),

package/dist/daemon/session/triggeredRequests.d.ts

@@ -5,11 +5,6 @@
 import type { TelemetryStore } from './TelemetryStore.js';
 import type { TriggeredRequest } from '../../ipc/protocol/domTypes.js';
 import type { NetworkRequest } from '../../types.js';
-/**
- * Requests listed in a result (a click that loads a page triggers its whole
- * load); notable ones ({@link isNotableRequest}) are kept before assets
- */
-export declare const MAX_TRIGGERED_REQUESTS = 50;
 /** Requests started since the watch began: the first ones, and how many more there were */
 export interface CollectedRequests {
     triggeredRequests: TriggeredRequest[];

package/dist/daemon/session/triggeredRequests.js

@@ -2,15 +2,11 @@
  * Network requests an interaction triggered, read from the session's network
  * telemetry (no CDP listeners of its own).
  */
+import { MAX_TRIGGERED_REQUESTS } from '../../constants.js';
 import { isNotableRequest } from '../../telemetry/requestKinds.js';
 import { failureReason, getRequestState } from '../../telemetry/requestState.js';
 /** URLs that never reach the network (inline data, in-page objects) */
 const LOCAL_URL_PATTERN = /^(data|blob):/i;
-/**
- * Requests listed in a result (a click that loads a page triggers its whole
- * load); notable ones ({@link isNotableRequest}) are kept before assets
- */
-export const MAX_TRIGGERED_REQUESTS = 50;
 /**
  * Start attributing requests to an interaction.
  *
@@ -28,11 +24,12 @@ export function watchTriggeredRequests(store) {
     if (!store.activeTelemetry.includes('network'))
         return () => undefined;
     const startedAt = Date.now();
-    const firstFinished = store.networkRequests.length;
+    const firstFinished = requestsFinished(store);
     const firstWebSocket = store.websocketConnections.length;
     return () => {
+        const firstKept = Math.max(0, firstFinished - store.networkEvictions.requestsDropped);
         const started = [
-            ...store.networkRequests.slice(firstFinished).map((request) => ({ request })),
+            ...store.networkRequests.slice(firstKept).map((request) => ({ request })),
             ...[...store.pendingNetworkRequests.values()].map((pending) => ({
                 request: pending.request,
                 inFlight: true,
@@ -52,6 +49,15 @@ export function watchTriggeredRequests(store) {
         };
     };
 }
+/**
+ * Requests the session has finished, dropped ones included.
+ *
+ * @param store - Session store
+ * @returns Count that only grows
+ */
+function requestsFinished(store) {
+    return store.networkEvictions.requestsDropped + store.networkRequests.length;
+}
 /**
  * At most `limit` requests, notable ones first (pages, API calls, sockets,
  * failures), then assets, still in start order.