chrome-devtools-frontend 1.0.1616061 → 1.0.1621064

package/front_end/ui/legacy/components/utils/JSPresentationUtils.ts

@@ -100,12 +100,13 @@ export interface ViewInput {
   expandable?: boolean;
   expanded?: boolean;
   showIgnoreListed?: boolean;
+  ignoreListManager?: Workspace.IgnoreListManager.IgnoreListManager;
   onExpand: () => void;
   onShowMore: () => void;
   onShowLess: () => void;
 }
 
-export type View = (input: ViewInput, output: object, target: HTMLElement) => void;
+export type View = (input: ViewInput, output: object, target: HTMLElement|DocumentFragment) => void;
 
 export const DEFAULT_VIEW: View = (input, output, target) => {
   let renderExpandButton = Boolean(input.expandable);
@@ -158,6 +159,7 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
                 inlineFrameIndex: 0,
                 revealBreakpoint: previousStackFrameWasBreakpointCondition,
                 maxLength: UI.UIUtils.MaxLengthForDisplayedURLsInConsole,
+                ignoreListManager: input.ignoreListManager,
               });
               link.setAttribute('jslog', `${VisualLogging.link('stack-trace').track({click: true})}`);
               link.addEventListener('contextmenu', populateContextMenu.bind(null, link));
@@ -193,7 +195,7 @@ export const DEFAULT_VIEW: View = (input, output, target) => {
         </tfoot>
       ` : nothing}
     </table>
-  `, target);
+  `, target, {container: {classes: ['monospace', 'stack-preview-container']}});
   // clang-format on
 };
 
@@ -205,9 +207,10 @@ export interface Options {
   widthConstrained?: boolean;
   showColumnNumber?: boolean;
   expandable?: boolean;
+  ignoreListManager?: Workspace.IgnoreListManager.IgnoreListManager;
 }
 
-export class StackTracePreviewContent extends UI.Widget.Widget {
+export class StackTracePreviewContent extends UI.Widget.Widget<ShadowRoot> {
   readonly #view: View;
 
   #stackTrace?: StackTrace.StackTrace.StackTrace;
@@ -216,7 +219,7 @@ export class StackTracePreviewContent extends UI.Widget.Widget {
   #showIgnoreListed = false;
 
   constructor(element?: HTMLElement, view = DEFAULT_VIEW) {
-    super(element, {useShadowDom: true, classes: ['monospace', 'stack-preview-container']});
+    super(element, {useShadowDom: 'pure'});
     this.#view = view;
   }
 
@@ -254,7 +257,7 @@ export class StackTracePreviewContent extends UI.Widget.Widget {
     const hasNonIgnoredLinks = this.linkElements.some(link => {
       const uiLocation = Linkifier.uiLocation(link);
       if (uiLocation) {
-        return !uiLocation.isIgnoreListed();
+        return !uiLocation.isIgnoreListed(this.#options.ignoreListManager);
       }
       return !link.classList.contains('ignore-list-link');
     });
@@ -298,7 +301,7 @@ export class StackTracePreviewContent extends UI.Widget.Widget {
     this.requestUpdate();
 
     // If we are in a popup, this will trigger a re-layout
-    void this.updateComplete.then(() => UI.GlassPane.GlassPane.containerMoved(this.contentElement));
+    void this.updateComplete.then(() => UI.GlassPane.GlassPane.containerMoved(this.element));
   }
 
   #onExpand(): void {

package/front_end/ui/legacy/components/utils/Linkifier.ts

@@ -347,11 +347,11 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
         callFrame.url as Platform.DevToolsPath.UrlString, callFrame.lineNumber, linkifyOptions);
   }
 
-  static linkifyStackTraceFrame(frame: StackTrace.StackTrace.Frame, options?: LinkifyOptions): HTMLElement {
+  static linkifyUILocation(uiLocation: Workspace.UISourceCode.UILocation, options?: LinkifyOptions): HTMLElement {
     const linkifyURLOptions = {
       ...options,
-      lineNumber: frame.line,
-      columnNumber: frame.column,
+      lineNumber: uiLocation.lineNumber,
+      columnNumber: uiLocation.columnNumber,
       showColumnNumber: Boolean(options?.showColumnNumber),
       className: options?.className,
       tabStop: options?.tabStop,
@@ -361,10 +361,10 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
       omitOrigin: options?.omitOrigin,
     } satisfies LinkifyURLOptions;
     const {className = ''} = linkifyURLOptions;
-    const fallbackAnchor = Linkifier.linkifyURL(frame.url as Platform.DevToolsPath.UrlString, linkifyURLOptions);
-    if (!frame.uiSourceCode) {
-      return fallbackAnchor;
-    }
+    const fallbackAnchor = Linkifier.linkifyURL(uiLocation.uiSourceCode.url(), linkifyURLOptions);
+    const isIgnoreListed = (options?.ignoreListManager ?? Workspace.IgnoreListManager.IgnoreListManager.instance())
+                               .isUserIgnoreListedURL(uiLocation.uiSourceCode.url());
+    fallbackAnchor.classList.toggle('ignore-list-link', isIgnoreListed);
 
     const createLinkOptions: CreateLinkOptions = {
       tabStop: options?.tabStop,
@@ -381,12 +381,36 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
       revealBreakpoint: options?.revealBreakpoint,
     };
 
-    const uiLocation = frame.uiSourceCode.uiLocation(frame.line, frame.column) ?? null;
-    Linkifier.updateAnchorFromUILocation(link, linkDisplayOptions, uiLocation);
+    Linkifier.updateAnchorFromUILocation(link, linkDisplayOptions, uiLocation, options?.ignoreListManager);
 
     return link;
   }
 
+  static linkifyStackTraceFrame(frame: StackTrace.StackTrace.Frame, options?: LinkifyOptions): HTMLElement {
+    const linkifyURLOptions = {
+      ...options,
+      lineNumber: frame.line,
+      columnNumber: frame.column,
+      showColumnNumber: Boolean(options?.showColumnNumber),
+      className: options?.className,
+      tabStop: options?.tabStop,
+      inlineFrameIndex: options?.inlineFrameIndex ?? 0,
+      userMetric: options?.userMetric,
+      jslogContext: options?.jslogContext || 'script-location',
+      omitOrigin: options?.omitOrigin,
+    } satisfies LinkifyURLOptions;
+    const fallbackAnchor = Linkifier.linkifyURL(frame.url as Platform.DevToolsPath.UrlString, linkifyURLOptions);
+    if (!frame.uiSourceCode) {
+      const isIgnoreListed = (options?.ignoreListManager ?? Workspace.IgnoreListManager.IgnoreListManager.instance())
+                                 .isUserIgnoreListedURL(frame.url as Platform.DevToolsPath.UrlString);
+      fallbackAnchor.classList.toggle('ignore-list-link', isIgnoreListed);
+      return fallbackAnchor;
+    }
+
+    const uiLocation = frame.uiSourceCode.uiLocation(frame.line, frame.column);
+    return Linkifier.linkifyUILocation(uiLocation, options);
+  }
+
   linkifyStackTraceTopFrame(target: SDK.Target.Target|null, stackTrace: Protocol.Runtime.StackTrace): HTMLElement {
     console.assert(stackTrace.callFrames.length > 0);
 
@@ -512,7 +536,8 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
   }
 
   private static updateAnchorFromUILocation(
-      anchor: HTMLElement, options: LinkDisplayOptions, uiLocation: Workspace.UISourceCode.UILocation|null): void {
+      anchor: HTMLElement, options: LinkDisplayOptions, uiLocation: Workspace.UISourceCode.UILocation|null,
+      ignoreListManager?: Workspace.IgnoreListManager.IgnoreListManager): void {
     if (!uiLocation) {
       anchor.classList.add('invalid-link');
       anchor.removeAttribute('role');
@@ -541,7 +566,7 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
       }
     }
     UI.Tooltip.Tooltip.install(anchor, titleText);
-    const isIgnoreListed = Boolean(uiLocation?.isIgnoreListed());
+    const isIgnoreListed = Boolean(uiLocation?.isIgnoreListed(ignoreListManager));
     anchor.classList.toggle('ignore-list-link', isIgnoreListed);
     Linkifier.updateLinkDecorations(anchor);
   }
@@ -1174,6 +1199,7 @@ export interface LinkifyOptions {
    */
   revealBreakpoint?: boolean;
   maxLength?: number;
+  ignoreListManager?: Workspace.IgnoreListManager.IgnoreListManager;
 }
 
 interface CreateLinkOptions {

package/front_end/ui/legacy/components/utils/jsUtils.css

@@ -13,6 +13,7 @@
   --display-ignored-row: none;
   --display-toggle-link: var(--override-display-stack-preview-toggle-link, none);
 
+  align-self: flex-start;
   user-select: text;
 
   & > tfoot > tr {

package/front_end/ui/legacy/inspectorCommon.css

@@ -162,12 +162,6 @@ select {
   font-size: inherit;
 }
 
-select option,
-select optgroup,
-input {
-  background-color: var(--sys-color-cdt-base-container);
-}
-
 input {
   color: inherit;
 

package/front_end/ui/lit/render.ts

@@ -17,7 +17,9 @@ const renderOptions = new WeakMap<HTMLElement|DocumentFragment, RenderOptions|un
 
 export function render(template: unknown, container: HTMLElement|DocumentFragment, options?: RenderOptions):
     ReturnType<typeof Lit.render> {
-  if (container instanceof HTMLElement) {
+  const host = container instanceof ShadowRoot ? container.host : container;
+
+  if (host instanceof Element) {
     const oldAttributes = renderOptions.get(container)?.container?.attributes;
     const newAttributes = options?.container?.attributes;
     if (newAttributes) {
@@ -26,18 +28,18 @@ export function render(template: unknown, container: HTMLElement|DocumentFragmen
           continue;
         }
         if (value === null || value === undefined) {
-          container.removeAttribute(name);
+          host.removeAttribute(name);
         } else if (typeof value === 'boolean') {
-          container.toggleAttribute(name, value);
+          host.toggleAttribute(name, value);
         } else {
-          container.setAttribute(name, value.toString());
+          host.setAttribute(name, value.toString());
         }
       }
     }
     if (oldAttributes) {
       for (const name of Object.keys(oldAttributes)) {
         if (!newAttributes || !(name in newAttributes)) {
-          container.removeAttribute(name);
+          host.removeAttribute(name);
         }
       }
     }
@@ -47,14 +49,14 @@ export function render(template: unknown, container: HTMLElement|DocumentFragmen
     if (oldClasses) {
       for (const cls of oldClasses) {
         if (!newClasses?.includes(cls)) {
-          container.classList.remove(cls);
+          host.classList.remove(cls);
         }
       }
     }
     if (newClasses) {
       for (const cls of newClasses) {
         if (!oldClasses?.includes(cls)) {
-          container.classList.add(cls);
+          host.classList.add(cls);
         }
       }
     }
@@ -65,14 +67,14 @@ export function render(template: unknown, container: HTMLElement|DocumentFragmen
   if (oldListeners) {
     for (const [name, listener] of Object.entries(oldListeners)) {
       if (newListeners?.[name] !== listener) {
-        container.removeEventListener(name, listener);
+        host.removeEventListener(name, listener);
       }
     }
   }
   if (newListeners) {
     for (const [name, listener] of Object.entries(newListeners)) {
       if (oldListeners?.[name] !== listener) {
-        container.addEventListener(name, listener);
+        host.addEventListener(name, listener);
       }
     }
   }

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -2,6 +2,17 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+/**
+ * @file This file contains a list of all known context values for visual
+ * logging. These values are used to generate stable hashes for logs.
+ *
+ * DO NOT REMOVE any values from this list, as it will break log analysis
+ * for historical data. New values should be added to the end of the list
+ * (the list is automatically sorted and maintained by the ESLint rule).
+ *
+ * See crbug.com/504758084 for details.
+ */
+
 export const knownContextValues = new Set([
   '%',
   '*',
@@ -345,6 +356,7 @@ export const knownContextValues = new Set([
   'ai-assistance-history-images',
   'ai-assistance-patching-fre-completed',
   'ai-assistance-patching-selected-project-id',
+  'ai-assistance-recent-prompts',
   'ai-assistance-v2-opt-in-change-dialog-seen',
   'ai-assistance-v2-opt-in.got-it',
   'ai-assistance-v2-opt-in.manage-settings',
@@ -841,7 +853,13 @@ export const knownContextValues = new Set([
   'column-rule-edge-start-inset',
   'column-rule-edge-start-outset',
   'column-rule-inset',
+  'column-rule-inset-cap',
+  'column-rule-inset-cap-end',
+  'column-rule-inset-cap-start',
   'column-rule-inset-end',
+  'column-rule-inset-junction',
+  'column-rule-inset-junction-end',
+  'column-rule-inset-junction-start',
   'column-rule-inset-start',
   'column-rule-interior-end-inset',
   'column-rule-interior-end-outset',
@@ -1322,6 +1340,7 @@ export const knownContextValues = new Set([
   'devices',
   'devtools',
   'devtools-override',
+  'dialog-close',
   'direct-socket-chunks',
   'direct-socket-messages',
   'direction',
@@ -1778,6 +1797,9 @@ export const knownContextValues = new Set([
   'freestyler.settings',
   'freestyler.style-tab-context',
   'full-accessibility',
+  'full-accessibility-tree',
+  'full-accessibility-tree-documentation',
+  'full-accessibility-tree-feedback',
   'full-version',
   'function',
   'galaxy-z-fold-5',
@@ -3153,6 +3175,7 @@ export const knownContextValues = new Set([
   'recommendation',
   'reconnect',
   'record-allocation-stacks',
+  'record-sampling-heap-profiler-timeline',
   'recorder-panel-replay-extension',
   'recorder-panel-replay-speed',
   'recorder-preferred-copy-format',
@@ -3313,7 +3336,13 @@ export const knownContextValues = new Set([
   'row-rule-edge-start-inset',
   'row-rule-edge-start-outset',
   'row-rule-inset',
+  'row-rule-inset-cap',
+  'row-rule-inset-cap-end',
+  'row-rule-inset-cap-start',
   'row-rule-inset-end',
+  'row-rule-inset-junction',
+  'row-rule-inset-junction-end',
+  'row-rule-inset-junction-start',
   'row-rule-inset-start',
   'row-rule-interior-end-inset',
   'row-rule-interior-end-outset',
@@ -3337,7 +3366,9 @@ export const knownContextValues = new Set([
   'rule-color',
   'rule-edge-inset',
   'rule-inset',
+  'rule-inset-cap',
   'rule-inset-end',
+  'rule-inset-junction',
   'rule-inset-start',
   'rule-interior-inset',
   'rule-outset',
@@ -3889,6 +3920,7 @@ export const knownContextValues = new Set([
   'text-decoration-color',
   'text-decoration-line',
   'text-decoration-skip-ink',
+  'text-decoration-skip-spaces',
   'text-decoration-style',
   'text-decoration-thickness',
   'text-editor-auto-detect-indent',
@@ -4350,15 +4382,19 @@ export const knownContextValues = new Set([
   'webgl-warning-fired',
   'webmcp.call-inputs',
   'webmcp.call-outputs',
+  'webmcp.canceled',
   'webmcp.completed',
   'webmcp.copy-tool-description',
   'webmcp.copy-tool-name',
   'webmcp.declarative',
+  'webmcp.edit-and-run',
   'webmcp.error',
   'webmcp.imperative',
   'webmcp.pending',
+  'webmcp.reveal-tool',
   'webmcp.status-types',
   'webmcp.tool-details',
+  'webmcp.tool-types',
   'webp-format-disabled',
   'webp-format-disabled-true',
   'websocket',

package/package.json

@@ -104,5 +104,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1616061"
+  "version": "1.0.1621064"
 }

package/front_end/Images/src/dots-circle.svg

@@ -1,10 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_367_65863)">
-<path d="M5.2 8.875C5.44306 8.875 5.64722 8.79236 5.8125 8.62708C5.9875 8.45208 6.075 8.24306 6.075 8C6.075 7.75694 5.9875 7.55278 5.8125 7.3875C5.64722 7.2125 5.44306 7.125 5.2 7.125C4.95694 7.125 4.74792 7.2125 4.57292 7.3875C4.40764 7.55278 4.325 7.75694 4.325 8C4.325 8.24306 4.40764 8.45208 4.57292 8.62708C4.74792 8.79236 4.95694 8.875 5.2 8.875ZM8 8.875C8.24306 8.875 8.44722 8.79236 8.6125 8.62708C8.7875 8.45208 8.875 8.24306 8.875 8C8.875 7.75694 8.7875 7.55278 8.6125 7.3875C8.44722 7.2125 8.24306 7.125 8 7.125C7.75694 7.125 7.54792 7.2125 7.37292 7.3875C7.20764 7.55278 7.125 7.75694 7.125 8C7.125 8.24306 7.20764 8.45208 7.37292 8.62708C7.54792 8.79236 7.75694 8.875 8 8.875ZM10.8 8.875C11.0431 8.875 11.2472 8.79236 11.4125 8.62708C11.5875 8.45208 11.675 8.24306 11.675 8C11.675 7.75694 11.5875 7.55278 11.4125 7.3875C11.2472 7.2125 11.0431 7.125 10.8 7.125C10.5569 7.125 10.3479 7.2125 10.1729 7.3875C10.0076 7.55278 9.925 7.75694 9.925 8C9.925 8.24306 10.0076 8.45208 10.1729 8.62708C10.3479 8.79236 10.5569 8.875 10.8 8.875ZM8 13.6C7.23194 13.6 6.50764 13.4542 5.82708 13.1625C5.14653 12.8708 4.54861 12.4722 4.03333 11.9667C3.52778 11.4514 3.12917 10.8535 2.8375 10.1729C2.54583 9.49236 2.4 8.76806 2.4 8C2.4 7.22222 2.54583 6.49792 2.8375 5.82708C3.12917 5.14653 3.52778 4.55347 4.03333 4.04792C4.54861 3.53264 5.14653 3.12917 5.82708 2.8375C6.50764 2.54583 7.23194 2.4 8 2.4C8.77778 2.4 9.50208 2.54583 10.1729 2.8375C10.8535 3.12917 11.4465 3.53264 11.9521 4.04792C12.4674 4.55347 12.8708 5.14653 13.1625 5.82708C13.4542 6.49792 13.6 7.22222 13.6 8C13.6 8.76806 13.4542 9.49236 13.1625 10.1729C12.8708 10.8535 12.4674 11.4514 11.9521 11.9667C11.4465 12.4722 10.8535 12.8708 10.1729 13.1625C9.50208 13.4542 8.77778 13.6 8 13.6ZM8 12.55C9.26389 12.55 10.3382 12.1076 11.2229 11.2229C12.1076 10.3382 12.55 9.26389 12.55 8C12.55 6.73611 12.1076 5.66181 11.2229 4.77708C10.3382 3.89236 9.26389 3.45 8 3.45C6.73611 3.45 5.66181 3.89236 4.77708 4.77708C3.89236 5.66181 3.45 6.73611 3.45 8C3.45 9.26389 3.89236 10.3382 4.77708 11.2229C5.66181 12.1076 6.73611 12.55 8 12.55Z" fill="#474747"/>
-</g>
-<defs>
-<clipPath id="clip0_367_65863">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/front_end/panels/elements/components/Helper.ts

@@ -1,35 +0,0 @@
-// Copyright 2021 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as SDK from '../../../core/sdk/sdk.js';
-
-export interface DOMNode {
-  parentNode: DOMNode|null;
-  id: number;
-  nodeType: number;
-  pseudoType?: string;
-  shadowRootType: string|null;
-  nodeName: string;
-  nodeNameNicelyCased: string;
-  legacyDomNode: SDK.DOMModel.DOMNode;
-  highlightNode: (mode?: string) => void;
-  clearHighlight: () => void;
-  getAttribute: (attr: string) => string | undefined;
-}
-
-export const legacyNodeToElementsComponentsNode = (node: SDK.DOMModel.DOMNode): DOMNode => {
-  return {
-    parentNode: node.parentNode ? legacyNodeToElementsComponentsNode(node.parentNode) : null,
-    id: (node.id as number),
-    nodeType: node.nodeType(),
-    pseudoType: node.pseudoType(),
-    shadowRootType: node.shadowRootType(),
-    nodeName: node.nodeName(),
-    nodeNameNicelyCased: node.nodeNameInCorrectCase(),
-    legacyDomNode: node,
-    highlightNode: (mode?: string) => node.highlight(mode),
-    clearHighlight: () => SDK.OverlayModel.OverlayModel.hideDOMNodeHighlight(),
-    getAttribute: node.getAttribute.bind(node),
-  };
-};

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

@@ -1,4 +0,0 @@
-export type FirstInputPolyfillEntry = Omit<PerformanceEventTiming, 'processingEnd'>;
-export interface FirstInputPolyfillCallback {
-    (entry: FirstInputPolyfillEntry): void;
-}

package/front_end/third_party/web-vitals/package/dist/modules/types/polyfills.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/types/polyfills.ts

@@ -1,24 +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 type FirstInputPolyfillEntry = Omit<
-  PerformanceEventTiming,
-  'processingEnd'
->;
-
-export interface FirstInputPolyfillCallback {
-  (entry: FirstInputPolyfillEntry): void;
-}