chrome-devtools-frontend 1.0.1526630 → 1.0.1529186

package/front_end/third_party/web-vitals/package/dist/modules/lib/polyfills/firstInputPolyfill.js

@@ -1,147 +0,0 @@
-/*
- * Copyright 2020 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-let firstInputEvent;
-let firstInputDelay;
-let firstInputTimeStamp;
-let callbacks;
-const listenerOpts = { passive: true, capture: true };
-const startTimeStamp = new Date();
-/**
- * Accepts a callback to be invoked once the first input delay and event
- * are known.
- */
-export const firstInputPolyfill = (onFirstInput) => {
-    callbacks.push(onFirstInput);
-    reportFirstInputDelayIfRecordedAndValid();
-};
-export const resetFirstInputPolyfill = () => {
-    callbacks = [];
-    firstInputDelay = -1;
-    firstInputEvent = null;
-    eachEventType(addEventListener);
-};
-/**
- * Records the first input delay and event, so subsequent events can be
- * ignored. All added event listeners are then removed.
- */
-const recordFirstInputDelay = (delay, event) => {
-    if (!firstInputEvent) {
-        firstInputEvent = event;
-        firstInputDelay = delay;
-        firstInputTimeStamp = new Date();
-        eachEventType(removeEventListener);
-        reportFirstInputDelayIfRecordedAndValid();
-    }
-};
-/**
- * Reports the first input delay and event (if they're recorded and valid)
- * by running the array of callback functions.
- */
-const reportFirstInputDelayIfRecordedAndValid = () => {
-    // In some cases the recorded delay is clearly wrong, e.g. it's negative
-    // or it's larger than the delta between now and initialization.
-    // - https://github.com/GoogleChromeLabs/first-input-delay/issues/4
-    // - https://github.com/GoogleChromeLabs/first-input-delay/issues/6
-    // - https://github.com/GoogleChromeLabs/first-input-delay/issues/7
-    if (firstInputDelay >= 0 &&
-        // @ts-ignore (subtracting two dates always returns a number)
-        firstInputDelay < firstInputTimeStamp - startTimeStamp) {
-        const entry = {
-            entryType: 'first-input',
-            name: firstInputEvent.type,
-            target: firstInputEvent.target,
-            cancelable: firstInputEvent.cancelable,
-            startTime: firstInputEvent.timeStamp,
-            processingStart: firstInputEvent.timeStamp + firstInputDelay,
-        };
-        callbacks.forEach(function (callback) {
-            callback(entry);
-        });
-        callbacks = [];
-    }
-};
-/**
- * Handles pointer down events, which are a special case.
- * Pointer events can trigger main or compositor thread behavior.
- * We differentiate these cases based on whether or not we see a
- * 'pointercancel' event, which are fired when we scroll. If we're scrolling
- * we don't need to report input delay since FID excludes scrolling and
- * pinch/zooming.
- */
-const onPointerDown = (delay, event) => {
-    /**
-     * Responds to 'pointerup' events and records a delay. If a pointer up event
-     * is the next event after a pointerdown event, then it's not a scroll or
-     * a pinch/zoom.
-     */
-    const onPointerUp = () => {
-        recordFirstInputDelay(delay, event);
-        removePointerEventListeners();
-    };
-    /**
-     * Responds to 'pointercancel' events and removes pointer listeners.
-     * If a 'pointercancel' is the next event to fire after a pointerdown event,
-     * it means this is a scroll or pinch/zoom interaction.
-     */
-    const onPointerCancel = () => {
-        removePointerEventListeners();
-    };
-    /**
-     * Removes added pointer event listeners.
-     */
-    const removePointerEventListeners = () => {
-        removeEventListener('pointerup', onPointerUp, listenerOpts);
-        removeEventListener('pointercancel', onPointerCancel, listenerOpts);
-    };
-    addEventListener('pointerup', onPointerUp, listenerOpts);
-    addEventListener('pointercancel', onPointerCancel, listenerOpts);
-};
-/**
- * Handles all input events and records the time between when the event
- * was received by the operating system and when it's JavaScript listeners
- * were able to run.
- */
-const onInput = (event) => {
-    // Only count cancelable events, which should trigger behavior
-    // important to the user.
-    if (event.cancelable) {
-        // In some browsers `event.timeStamp` returns a `DOMTimeStamp` value
-        // (epoch time) instead of the newer `DOMHighResTimeStamp`
-        // (document-origin time). To check for that we assume any timestamp
-        // greater than 1 trillion is a `DOMTimeStamp`, and compare it using
-        // the `Date` object rather than `performance.now()`.
-        // - https://github.com/GoogleChromeLabs/first-input-delay/issues/4
-        const isEpochTime = event.timeStamp > 1e12;
-        const now = isEpochTime ? new Date() : performance.now();
-        // Input delay is the delta between when the system received the event
-        // (e.g. event.timeStamp) and when it could run the callback (e.g. `now`).
-        const delay = now - event.timeStamp;
-        if (event.type == 'pointerdown') {
-            onPointerDown(delay, event);
-        }
-        else {
-            recordFirstInputDelay(delay, event);
-        }
-    }
-};
-/**
- * Invokes the passed callback const for =  each event type with t =>he
- * `onInput` const and =  `listenerOpts =>`.
- */
-const eachEventType = (callback) => {
-    const eventTypes = ['mousedown', 'keydown', 'touchstart', 'pointerdown'];
-    eventTypes.forEach((type) => callback(type, onInput, listenerOpts));
-};

package/front_end/third_party/web-vitals/package/dist/modules/lib/polyfills/getFirstHiddenTimePolyfill.d.ts

@@ -1 +0,0 @@
-export declare const getFirstHiddenTime: () => number;

package/front_end/third_party/web-vitals/package/dist/modules/lib/polyfills/getFirstHiddenTimePolyfill.js

@@ -1,25 +0,0 @@
-/*
- * Copyright 2020 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-let firstHiddenTime = document.visibilityState === 'hidden' ? 0 : Infinity;
-const onVisibilityChange = (event) => {
-    if (document.visibilityState === 'hidden') {
-        firstHiddenTime = event.timeStamp;
-        removeEventListener('visibilitychange', onVisibilityChange, true);
-    }
-};
-// Note: do not add event listeners unconditionally (outside of polyfills).
-addEventListener('visibilitychange', onVisibilityChange, true);
-export const getFirstHiddenTime = () => firstHiddenTime;

package/front_end/third_party/web-vitals/package/dist/modules/onFID.d.ts

@@ -1,13 +0,0 @@
-import { FIDMetric, MetricRatingThresholds, ReportOpts } from './types.js';
-/** Thresholds for FID. See https://web.dev/articles/fid#what_is_a_good_fid_score */
-export declare const FIDThresholds: MetricRatingThresholds;
-/**
- * Calculates the [FID](https://web.dev/articles/fid) value for the current page and
- * calls the `callback` function once the value is ready, along with the
- * relevant `first-input` performance entry used to determine the value. The
- * reported value is a `DOMHighResTimeStamp`.
- *
- * _**Important:** since FID is only reported after the user interacts with the
- * page, it's possible that it will not be reported for some page loads._
- */
-export declare const onFID: (onReport: (metric: FIDMetric) => void, opts?: ReportOpts) => void;

package/front_end/third_party/web-vitals/package/dist/modules/onFID.js

@@ -1,70 +0,0 @@
-/*
- * Copyright 2020 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { onBFCacheRestore } from './lib/bfcache.js';
-import { bindReporter } from './lib/bindReporter.js';
-import { getVisibilityWatcher } from './lib/getVisibilityWatcher.js';
-import { initMetric } from './lib/initMetric.js';
-import { observe } from './lib/observe.js';
-import { onHidden } from './lib/onHidden.js';
-import { firstInputPolyfill, resetFirstInputPolyfill, } from './lib/polyfills/firstInputPolyfill.js';
-import { runOnce } from './lib/runOnce.js';
-import { whenActivated } from './lib/whenActivated.js';
-/** Thresholds for FID. See https://web.dev/articles/fid#what_is_a_good_fid_score */
-export const FIDThresholds = [100, 300];
-/**
- * Calculates the [FID](https://web.dev/articles/fid) value for the current page and
- * calls the `callback` function once the value is ready, along with the
- * relevant `first-input` performance entry used to determine the value. The
- * reported value is a `DOMHighResTimeStamp`.
- *
- * _**Important:** since FID is only reported after the user interacts with the
- * page, it's possible that it will not be reported for some page loads._
- */
-export const onFID = (onReport, opts) => {
-    // Set defaults
-    opts = opts || {};
-    whenActivated(() => {
-        const visibilityWatcher = getVisibilityWatcher();
-        let metric = initMetric('FID');
-        let report;
-        const handleEntry = (entry) => {
-            // Only report if the page wasn't hidden prior to the first input.
-            if (entry.startTime < visibilityWatcher.firstHiddenTime) {
-                metric.value = entry.processingStart - entry.startTime;
-                metric.entries.push(entry);
-                report(true);
-            }
-        };
-        const handleEntries = (entries) => {
-            entries.forEach(handleEntry);
-        };
-        const po = observe('first-input', handleEntries);
-        report = bindReporter(onReport, metric, FIDThresholds, opts.reportAllChanges);
-        if (po) {
-            onHidden(runOnce(() => {
-                handleEntries(po.takeRecords());
-                po.disconnect();
-            }));
-            onBFCacheRestore(() => {
-                metric = initMetric('FID');
-                report = bindReporter(onReport, metric, FIDThresholds, opts.reportAllChanges);
-                // Browsers don't re-emit FID on bfcache restore so fake it until you make it
-                resetFirstInputPolyfill();
-                firstInputPolyfill(handleEntry);
-            });
-        }
-    });
-};

package/front_end/third_party/web-vitals/package/dist/modules/types/fid.d.ts

@@ -1,46 +0,0 @@
-import type { LoadState, Metric } from './base.js';
-/**
- * An FID-specific version of the Metric object.
- */
-export interface FIDMetric extends Metric {
-    name: 'FID';
-    entries: PerformanceEventTiming[];
-}
-/**
- * An object containing potentially-helpful debugging information that
- * can be sent along with the FID value for the current page visit in order
- * to help identify issues happening to real-users in the field.
- */
-export interface FIDAttribution {
-    /**
-     * A selector identifying the element that the user interacted with. This
-     * element will be the `target` of the `event` dispatched.
-     */
-    eventTarget: string;
-    /**
-     * The time when the user interacted. This time will match the `timeStamp`
-     * value of the `event` dispatched.
-     */
-    eventTime: number;
-    /**
-     * The `type` of the `event` dispatched from the user interaction.
-     */
-    eventType: string;
-    /**
-     * The `PerformanceEventTiming` entry corresponding to FID.
-     */
-    eventEntry: PerformanceEventTiming;
-    /**
-     * The loading state of the document at the time when the first interaction
-     * occurred (see `LoadState` for details). If the first interaction occurred
-     * while the document was loading and executing script (e.g. usually in the
-     * `dom-interactive` phase) it can result in long input delays.
-     */
-    loadState: LoadState;
-}
-/**
- * An FID-specific version of the Metric object with attribution.
- */
-export interface FIDMetricWithAttribution extends FIDMetric {
-    attribution: FIDAttribution;
-}

package/front_end/third_party/web-vitals/package/dist/modules/types/fid.js

@@ -1,16 +0,0 @@
-/*
- * Copyright 2022 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export {};

package/front_end/third_party/web-vitals/package/src/attribution/onFID.ts

@@ -1,62 +0,0 @@
-/*
- * Copyright 2022 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {getLoadState} from '../lib/getLoadState.js';
-import {getSelector} from '../lib/getSelector.js';
-import {onFID as unattributedOnFID} from '../onFID.js';
-import {
-  FIDAttribution,
-  FIDMetric,
-  FIDMetricWithAttribution,
-  ReportOpts,
-} from '../types.js';
-
-const attributeFID = (metric: FIDMetric): FIDMetricWithAttribution => {
-  const fidEntry = metric.entries[0];
-  const attribution: FIDAttribution = {
-    eventTarget: getSelector(fidEntry.target),
-    eventType: fidEntry.name,
-    eventTime: fidEntry.startTime,
-    eventEntry: fidEntry,
-    loadState: getLoadState(fidEntry.startTime),
-  };
-
-  // Use Object.assign to set property to keep tsc happy.
-  const metricWithAttribution: FIDMetricWithAttribution = Object.assign(
-    metric,
-    {attribution},
-  );
-  return metricWithAttribution;
-};
-
-/**
- * Calculates the [FID](https://web.dev/articles/fid) value for the current page and
- * calls the `callback` function once the value is ready, along with the
- * relevant `first-input` performance entry used to determine the value. The
- * reported value is a `DOMHighResTimeStamp`.
- *
- * _**Important:** since FID is only reported after the user interacts with the
- * page, it's possible that it will not be reported for some page loads._
- */
-export const onFID = (
-  onReport: (metric: FIDMetricWithAttribution) => void,
-  opts?: ReportOpts,
-) => {
-  unattributedOnFID((metric: FIDMetric) => {
-    const metricWithAttribution = attributeFID(metric);
-    onReport(metricWithAttribution);
-  }, opts);
-};

package/front_end/third_party/web-vitals/package/src/lib/interactions.ts

@@ -1,139 +0,0 @@
-/*
- * Copyright 2024 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {getInteractionCount} from './polyfills/interactionCountPolyfill.js';
-
-interface Interaction {
-  id: number;
-  latency: number;
-  entries: PerformanceEventTiming[];
-}
-
-interface EntryPreProcessingHook {
-  (entry: PerformanceEventTiming): void;
-}
-
-// A list of longest interactions on the page (by latency) sorted so the
-// longest one is first. The list is at most MAX_INTERACTIONS_TO_CONSIDER long.
-export const longestInteractionList: Interaction[] = [];
-
-// A mapping of longest interactions by their interaction ID.
-// This is used for faster lookup.
-export const longestInteractionMap: Map<number, Interaction> = new Map();
-
-// The default `durationThreshold` used across this library for observing
-// `event` entries via PerformanceObserver.
-export const DEFAULT_DURATION_THRESHOLD = 40;
-
-// Used to store the interaction count after a bfcache restore, since p98
-// interaction latencies should only consider the current navigation.
-let prevInteractionCount = 0;
-
-/**
- * Returns the interaction count since the last bfcache restore (or for the
- * full page lifecycle if there were no bfcache restores).
- */
-const getInteractionCountForNavigation = () => {
-  return getInteractionCount() - prevInteractionCount;
-};
-
-export const resetInteractions = () => {
-  prevInteractionCount = getInteractionCount();
-  longestInteractionList.length = 0;
-  longestInteractionMap.clear();
-};
-
-/**
- * Returns the estimated p98 longest interaction based on the stored
- * interaction candidates and the interaction count for the current page.
- */
-export const estimateP98LongestInteraction = () => {
-  const candidateInteractionIndex = Math.min(
-    longestInteractionList.length - 1,
-    Math.floor(getInteractionCountForNavigation() / 50),
-  );
-
-  return longestInteractionList[candidateInteractionIndex];
-};
-
-// To prevent unnecessary memory usage on pages with lots of interactions,
-// store at most 10 of the longest interactions to consider as INP candidates.
-const MAX_INTERACTIONS_TO_CONSIDER = 10;
-
-/**
- * A list of callback functions to run before each entry is processed.
- * Exposing this list allows the attribution build to hook into the
- * entry processing pipeline.
- */
-export const entryPreProcessingCallbacks: EntryPreProcessingHook[] = [];
-
-/**
- * Takes a performance entry and adds it to the list of worst interactions
- * if its duration is long enough to make it among the worst. If the
- * entry is part of an existing interaction, it is merged and the latency
- * and entries list is updated as needed.
- */
-export const processInteractionEntry = (entry: PerformanceEventTiming) => {
-  entryPreProcessingCallbacks.forEach((cb) => cb(entry));
-
-  // Skip further processing for entries that cannot be INP candidates.
-  if (!(entry.interactionId || entry.entryType === 'first-input')) return;
-
-  // The least-long of the 10 longest interactions.
-  const minLongestInteraction =
-    longestInteractionList[longestInteractionList.length - 1];
-
-  const existingInteraction = longestInteractionMap.get(entry.interactionId!);
-
-  // Only process the entry if it's possibly one of the ten longest,
-  // or if it's part of an existing interaction.
-  if (
-    existingInteraction ||
-    longestInteractionList.length < MAX_INTERACTIONS_TO_CONSIDER ||
-    entry.duration > minLongestInteraction.latency
-  ) {
-    // If the interaction already exists, update it. Otherwise create one.
-    if (existingInteraction) {
-      // If the new entry has a longer duration, replace the old entries,
-      // otherwise add to the array.
-      if (entry.duration > existingInteraction.latency) {
-        existingInteraction.entries = [entry];
-        existingInteraction.latency = entry.duration;
-      } else if (
-        entry.duration === existingInteraction.latency &&
-        entry.startTime === existingInteraction.entries[0].startTime
-      ) {
-        existingInteraction.entries.push(entry);
-      }
-    } else {
-      const interaction = {
-        id: entry.interactionId!,
-        latency: entry.duration,
-        entries: [entry],
-      };
-      longestInteractionMap.set(interaction.id, interaction);
-      longestInteractionList.push(interaction);
-    }
-
-    // Sort the entries by latency (descending) and keep only the top ten.
-    longestInteractionList.sort((a, b) => b.latency - a.latency);
-    if (longestInteractionList.length > MAX_INTERACTIONS_TO_CONSIDER) {
-      longestInteractionList
-        .splice(MAX_INTERACTIONS_TO_CONSIDER)
-        .forEach((i) => longestInteractionMap.delete(i.id));
-    }
-  }
-};

package/front_end/third_party/web-vitals/package/src/lib/onHidden.ts

@@ -1,23 +0,0 @@
-/*
- * Copyright 2020 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export const onHidden = (cb: () => void) => {
-  document.addEventListener('visibilitychange', () => {
-    if (document.visibilityState === 'hidden') {
-      cb();
-    }
-  });
-};