chrome-devtools-frontend 1.0.1541169 → 1.0.1541552

package/front_end/ui/components/markdown_view/MarkdownView.ts

@@ -159,7 +159,7 @@ export class MarkdownLitRenderer {
     return Lit.Directives.classMap(classInfo);
   }
 
-  renderChildTokens(token: Marked.Marked.Token): Lit.TemplateResult[] {
+  renderChildTokens(token: Marked.Marked.Token): Lit.LitTemplate[] {
     if ('tokens' in token && token.tokens) {
       return token.tokens.map(token => this.renderToken(token));
     }
@@ -222,7 +222,7 @@ export class MarkdownLitRenderer {
     // clang-format on
   }
 
-  templateForToken(token: Marked.Marked.MarkedToken): Lit.TemplateResult|null {
+  templateForToken(token: Marked.Marked.MarkedToken): Lit.LitTemplate|null {
     switch (token.type) {
       case 'paragraph':
         return html`<p class=${this.customClassMapForToken('paragraph')}>${this.renderChildTokens(token)}</p>`;
@@ -239,8 +239,7 @@ export class MarkdownLitRenderer {
       case 'code':
         return this.renderCodeBlock(token);
       case 'space':
-        // eslint-disable-next-line lit/prefer-nothing
-        return html``;
+        return Lit.nothing;
       case 'link':
         return html`<devtools-markdown-link
         class=${this.customClassMapForToken('link')}
@@ -266,7 +265,7 @@ export class MarkdownLitRenderer {
     }
   }
 
-  renderToken(token: Marked.Marked.Token): Lit.TemplateResult {
+  renderToken(token: Marked.Marked.Token): Lit.LitTemplate {
     const template = this.templateForToken(token as Marked.Marked.MarkedToken);
     if (template === null) {
       throw new Error(`Markdown token type '${token.type}' not supported.`);
@@ -287,7 +286,7 @@ export class MarkdownInsightRenderer extends MarkdownLitRenderer {
     this.addCustomClasses({heading: 'insight'});
   }
 
-  override renderToken(token: Marked.Marked.Token): Lit.TemplateResult {
+  override renderToken(token: Marked.Marked.Token): Lit.LitTemplate {
     const template = this.templateForToken(token as Marked.Marked.MarkedToken);
     if (template === null) {
       return html`${token.raw}`;
@@ -322,7 +321,7 @@ export class MarkdownInsightRenderer extends MarkdownLitRenderer {
     return '';
   }
 
-  override templateForToken(token: Marked.Marked.Token): Lit.TemplateResult|null {
+  override templateForToken(token: Marked.Marked.Token): Lit.LitTemplate|null {
     switch (token.type) {
       case 'heading':
         return this.renderHeading(token as Marked.Marked.Tokens.Heading);

package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts

@@ -320,6 +320,7 @@ class ArrayGroupTreeNode extends ObjectTreeNodeBase {
 }
 
 export class ObjectTreeNode extends ObjectTreeNodeBase {
+  #path?: string;
   constructor(
       readonly property: SDK.RemoteObject.RemoteObjectProperty,
       propertiesMode: ObjectPropertiesMode = ObjectPropertiesMode.OWN_AND_INTERNAL_AND_INHERITED,
@@ -336,6 +337,31 @@ export class ObjectTreeNode extends ObjectTreeNodeBase {
     return this.property.name;
   }
 
+  get path(): string {
+    if (!this.#path) {
+      if (this.property.synthetic) {
+        this.#path = this.name;
+        return this.name;
+      }
+
+      // https://tc39.es/ecma262/#prod-IdentifierName
+      const useDotNotation = /^(?:[$_\p{ID_Start}])(?:[$_\u200C\u200D\p{ID_Continue}])*$/u;
+      const isInteger = /^(?:0|[1-9]\d*)$/;
+
+      const parentPath =
+          (this.parent instanceof ObjectTreeNode && !this.parent.property.synthetic) ? this.parent.path : '';
+
+      if (this.property.private || useDotNotation.test(this.name)) {
+        this.#path = parentPath ? `${parentPath}.${this.name}` : this.name;
+      } else if (isInteger.test(this.name)) {
+        this.#path = `${parentPath}[${this.name}]`;
+      } else {
+        this.#path = `${parentPath}[${JSON.stringify(this.name)}]`;
+      }
+    }
+    return this.#path;
+  }
+
   override selfOrParentIfInternal(): ObjectTreeNodeBase {
     return this.name === '[[Prototype]]' ? (this.parent ?? this) : this;
   }
@@ -830,6 +856,11 @@ export class RootElement extends UI.TreeOutline.TreeElement {
     this.listItemElement.addEventListener('contextmenu', this.onContextMenu.bind(this), false);
   }
 
+  override invalidateChildren(): void {
+    super.invalidateChildren();
+    this.object.removeChildren();
+  }
+
   override onexpand(): void {
     if (this.treeOutline) {
       this.treeOutline.element.classList.add('expanded');
@@ -1189,8 +1220,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
     if (this.property.property.synthetic) {
       this.nameElement.classList.add('synthetic-property');
     }
-
-    this.updatePropertyPath();
+    this.nameElement.title = this.property.path;
 
     const isInternalEntries = this.property.property.synthetic && this.property.name === '[[Entries]]';
     if (isInternalEntries) {
@@ -1200,7 +1230,7 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
       const showPreview = this.property.name !== '[[Prototype]]';
       this.propertyValue = ObjectPropertiesSection.createPropertyValueWithCustomSupport(
           this.property.object, this.property.property.wasThrown, showPreview, this.linkifier,
-          this.property.property.synthetic, this.path() /* variableName */);
+          this.property.property.synthetic, this.property.path /* variableName */);
       this.valueElement = this.propertyValue;
     } else if (this.property.property.getter) {
       this.valueElement = document.createElement('span');
@@ -1254,36 +1284,6 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
     this.listItemElement.appendChild(this.rowContainer);
   }
 
-  private updatePropertyPath(): void {
-    if (this.nameElement.title) {
-      return;
-    }
-
-    const name = this.property.name;
-
-    if (this.property.property.synthetic) {
-      UI.Tooltip.Tooltip.install(this.nameElement, name);
-      return;
-    }
-
-    // https://tc39.es/ecma262/#prod-IdentifierName
-    const useDotNotation = /^(?:[$_\p{ID_Start}])(?:[$_\u200C\u200D\p{ID_Continue}])*$/u;
-    const isInteger = /^(?:0|[1-9]\d*)$/;
-
-    const parentPath = (this.parent instanceof ObjectPropertyTreeElement && this.parent.nameElement &&
-                        !this.parent.property.property.synthetic) ?
-        this.parent.nameElement.title :
-        '';
-
-    if (this.property.property.private || useDotNotation.test(name)) {
-      UI.Tooltip.Tooltip.install(this.nameElement, parentPath ? `${parentPath}.${name}` : name);
-    } else if (isInteger.test(name)) {
-      UI.Tooltip.Tooltip.install(this.nameElement, `${parentPath}[${name}]`);
-    } else {
-      UI.Tooltip.Tooltip.install(this.nameElement, `${parentPath}[${JSON.stringify(name)}]`);
-    }
-  }
-
   getContextMenu(event: Event): UI.ContextMenu.ContextMenu {
     const contextMenu = new UI.ContextMenu.ContextMenu(event);
     contextMenu.appendApplicableItems(this);
@@ -1449,6 +1449,11 @@ export class ObjectPropertyTreeElement extends UI.TreeOutline.TreeElement {
     }
   }
 
+  override invalidateChildren(): void {
+    super.invalidateChildren();
+    this.property.removeChildren();
+  }
+
   private onInvokeGetterClick(result: SDK.RemoteObject.CallFunctionResult): void {
     if (!result.object) {
       return;
@@ -1642,6 +1647,11 @@ export class ArrayGroupingTreeElement extends UI.TreeOutline.TreeElement {
     ObjectPropertyTreeElement.populateWithProperties(treeNode, children, false, false, linkifier);
   }
 
+  override invalidateChildren(): void {
+    super.invalidateChildren();
+    this.#child.removeChildren();
+  }
+
   override async onpopulate(): Promise<void> {
     this.removeChildren();
     this.#child.removeChildren();

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -3831,6 +3831,7 @@ export const knownContextValues = new Set([
   'timeline.annotation-sidebar.delete',
   'timeline.annotations-tab',
   'timeline.annotations.',
+  'timeline.annotations.ai-generate-label',
   'timeline.annotations.create-entries-link',
   'timeline.annotations.create-entry-label',
   'timeline.annotations.create-entry-link',

package/mcp/mcp.ts

@@ -10,6 +10,7 @@
 export * as Common from '../front_end/core/common/common.js';
 export * as I18n from '../front_end/core/i18n/i18n.js';
 export {ConnectionTransport} from '../front_end/core/protocol_client/ConnectionTransport.js';
+export * as Foundation from '../front_end/foundation/foundation.js';
 export {
   PerformanceInsightFormatter
 } from '../front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.js';
@@ -30,4 +31,5 @@ export {
   IssuesManager
 } from '../front_end/models/issues_manager/IssuesManager.js';
 export {findTitleFromMarkdownAst} from '../front_end/models/issues_manager/MarkdownIssueDescription.js';
+export * as TraceEngine from '../front_end/models/trace/trace.js';
 export * as Marked from '../front_end/third_party/marked/marked.js';

package/package.json

@@ -103,5 +103,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1541169"
+  "version": "1.0.1541552"
 }