chrome-devtools-frontend 1.0.1526630 → 1.0.1528866

package/front_end/third_party/web-vitals/package/src/lib/polyfills/firstInputPolyfill.ts

@@ -1,174 +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 {
-  FirstInputPolyfillEntry,
-  FirstInputPolyfillCallback,
-} from '../../types.js';
-
-type addOrRemoveEventListener =
-  | typeof addEventListener
-  | typeof removeEventListener;
-
-let firstInputEvent: Event | null;
-let firstInputDelay: number;
-let firstInputTimeStamp: Date;
-let callbacks: FirstInputPolyfillCallback[];
-
-const listenerOpts: AddEventListenerOptions = {passive: true, capture: true};
-const startTimeStamp: Date = new Date();
-
-/**
- * Accepts a callback to be invoked once the first input delay and event
- * are known.
- */
-export const firstInputPolyfill = (
-  onFirstInput: FirstInputPolyfillCallback,
-) => {
-  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: number, event: 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,
-    } as FirstInputPolyfillEntry;
-    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: number, event: 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: 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 as number) - 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: addOrRemoveEventListener) => {
-  const eventTypes = ['mousedown', 'keydown', 'touchstart', 'pointerdown'];
-  eventTypes.forEach((type) => callback(type, onInput, listenerOpts));
-};

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

@@ -1,105 +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';
-import {
-  FIDMetric,
-  FirstInputPolyfillCallback,
-  MetricRatingThresholds,
-  ReportOpts,
-} from './types.js';
-
-/** Thresholds for FID. See https://web.dev/articles/fid#what_is_a_good_fid_score */
-export const FIDThresholds: MetricRatingThresholds = [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: (metric: FIDMetric) => void,
-  opts?: ReportOpts,
-) => {
-  // Set defaults
-  opts = opts || {};
-
-  whenActivated(() => {
-    const visibilityWatcher = getVisibilityWatcher();
-    let metric = initMetric('FID');
-    let report: ReturnType<typeof bindReporter>;
-
-    const handleEntry = (entry: PerformanceEventTiming) => {
-      // 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: FIDMetric['entries']) => {
-      entries.forEach(handleEntry);
-    };
-
-    const po = observe('first-input', handleEntries);
-
-    report = bindReporter(
-      onReport,
-      metric,
-      FIDThresholds,
-      opts!.reportAllChanges,
-    );
-
-    if (po) {
-      onHidden(
-        runOnce(() => {
-          handleEntries(po.takeRecords() as FIDMetric['entries']);
-          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 as FirstInputPolyfillCallback);
-      });
-    }
-  });
-};

package/front_end/third_party/web-vitals/package/src/types/fid.ts

@@ -1,65 +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 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/ui/components/text_editor/textEditor.css

@@ -1,18 +0,0 @@
-/*
- * Copyright 2025 The Chromium Authors
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file.
- */
-
-devtools-icon.bezier-swatch-icon {
-  position: relative;
-  transform: scale(0.7);
-  margin: -5px -2px -3px -4px;
-  user-select: none;
-  color: var(--icon-css);
-  cursor: default;
-
-  &:hover {
-    color: var(--icon-css-hover);
-  }
-}

package/front_end/ui/legacy/inlineButton.css

@@ -1,22 +0,0 @@
-/*
- * Copyright 2017 The Chromium Authors
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file.
- */
-
-:host {
-  display: inline-flex;
-  border: 1px solid var(--sys-color-neutral-outline);
-  border-radius: 4px;
-  position: relative;
-  vertical-align: sub;
-  margin: 2px;
-  background-color: var(--sys-color-cdt-base-container);
-  justify-content: center;
-  width: 28px;
-}
-
-:host:hover {
-  border: none;
-  background-color: var(--sys-color-state-hover-on-subtle);
-}