chrome-devtools-frontend 1.0.1473514 → 1.0.1510180

package/front_end/panels/timeline/utils/EntryStyles.ts

@@ -9,198 +9,198 @@ import * as ThemeSupport from '../../../ui/legacy/theme_support/theme_support.js
 
 const UIStrings = {
   /**
-   *@description Category in the Summary view of the Performance panel to indicate time spent to load resources
+   * @description Category in the Summary view of the Performance panel to indicate time spent to load resources
    */
   loading: 'Loading',
   /**
-   *@description Text in Timeline for the Experience title
+   * @description Text in Timeline for the Experience title
    */
   experience: 'Experience',
   /**
-   *@description Category in the Summary view of the Performance panel to indicate time spent in script execution
+   * @description Category in the Summary view of the Performance panel to indicate time spent in script execution
    */
   scripting: 'Scripting',
   /**
-   *@description Category in the Summary view of the Performance panel to indicate time spent in rendering the web page
+   * @description Category in the Summary view of the Performance panel to indicate time spent in rendering the web page
    */
   rendering: 'Rendering',
   /**
-   *@description Category in the Summary view of the Performance panel to indicate time spent to visually represent the web page
+   * @description Category in the Summary view of the Performance panel to indicate time spent to visually represent the web page
    */
   painting: 'Painting',
   /**
-   *@description Event category in the Performance panel for time spent in the GPU
+   * @description Event category in the Performance panel for time spent in the GPU
    */
   gpu: 'GPU',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   async: 'Async',
   /**
-   *@description Category in the Summary view of the Performance panel to indicate time spent in the rest of the system
+   * @description Category in the Summary view of the Performance panel to indicate time spent in the rest of the system
    */
   system: 'System',
   /**
-   *@description Category in the Summary view of the Performance panel to indicate idle time
+   * @description Category in the Summary view of the Performance panel to indicate idle time
    */
   idle: 'Idle',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   task: 'Task',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   consoleTaskRun: 'Run console task',
   /**
-   *@description Text for other types of items
+   * @description Text for other types of items
    */
   other: 'Other',
   /**
-   *@description Text that refers to the animation of the web page
+   * @description Text that refers to the animation of the web page
    */
   animation: 'Animation',
   /**
-   *@description Text that refers to some events
+   * @description Text that refers to some events
    */
   event: 'Event',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   requestMainThreadFrame: 'Request main thread frame',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   frameStart: 'Frame start',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   onMessage: 'On message',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   schedulePostMessage: 'Schedule postMessage',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   messaging: 'Messaging',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   frameStartMainThread: 'Frame start (main thread)',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   drawFrame: 'Draw frame',
   /**
-   *@description Noun for an event in the Performance panel. This marks time
-    spent in an operation that only happens when the profiler is active.
+   * @description Noun for an event in the Performance panel. This marks time
+   * spent in an operation that only happens when the profiler is active.
    */
   profilingOverhead: 'Profiling overhead',
   /**
-   *@description The process the browser uses to determine a target element for a
+   * @description The process the browser uses to determine a target element for a
    *pointer event. Typically, this is determined by considering the pointer's
    *location and also the visual layout of elements on the screen.
    */
   hitTest: 'Hit test',
   /**
-   *@description Noun for an event in the Performance panel. The browser has decided
+   * @description Noun for an event in the Performance panel. The browser has decided
    *that the styles for some elements need to be recalculated and scheduled that
    *recalculation process at some time in the future.
    */
   scheduleStyleRecalculation: 'Schedule style recalculation',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   recalculateStyle: 'Recalculate style',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   invalidateLayout: 'Invalidate Layout',
   /**
-   *@description Noun for an event in the Performance panel. Layerize is a step
+   * @description Noun for an event in the Performance panel. Layerize is a step
    *where we calculate which layers to create.
    */
   layerize: 'Layerize',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   layout: 'Layout',
   /**
-   *@description Noun for an event in the Performance panel. Paint setup is a
+   * @description Noun for an event in the Performance panel. Paint setup is a
    *step before the 'Paint' event. A paint event is when the browser draws pixels
    *to the screen. This step is the setup beforehand.
    */
   paintSetup: 'Paint setup',
   /**
-   *@description Noun for a paint event in the Performance panel, where an image
+   * @description Noun for a paint event in the Performance panel, where an image
    *was being painted. A paint event is when the browser draws pixels to the
    *screen, in this case specifically for an image in a website.
    */
   paintImage: 'Paint image',
   /**
-   *@description Noun for an event in the Performance panel. Pre-paint is a
+   * @description Noun for an event in the Performance panel. Pre-paint is a
    *step before the 'Paint' event. A paint event is when the browser records the
    *instructions for drawing the page. This step is the setup beforehand.
    */
   prePaint: 'Pre-paint',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   updateLayer: 'Update layer',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   updateLayerTree: 'Update layer tree',
   /**
-   *@description Noun for a paint event in the Performance panel. A paint event is when the browser draws pixels to the screen.
+   * @description Noun for a paint event in the Performance panel. A paint event is when the browser draws pixels to the screen.
    */
   paint: 'Paint',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   rasterizePaint: 'Rasterize paint',
   /**
-   *@description The action to scroll
+   * @description The action to scroll
    */
   scroll: 'Scroll',
   /**
-   *@description Noun for an event in the Performance panel. Commit is a step
+   * @description Noun for an event in the Performance panel. Commit is a step
    *where we send (also known as "commit") layers to the compositor thread. This
    *step follows the "Layerize" step which is what calculates which layers to
    *create.
    */
   commit: 'Commit',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   compositeLayers: 'Composite layers',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   computeIntersections: 'Compute intersections',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   parseHtml: 'Parse HTML',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   parseStylesheet: 'Parse stylesheet',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   installTimer: 'Install timer',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   removeTimer: 'Remove timer',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   timerFired: 'Timer fired',
   /**
-   *@description Text for an event. Shown in the timeline in the Performance panel.
+   * @description Text for an event. Shown in the timeline in the Performance panel.
    * XHR refers to XmlHttpRequest, a Web API. This particular Web API has a property
    * named 'readyState' (https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/readyState). When
    * the 'readyState' property changes the text is shown.
@@ -213,31 +213,31 @@ const UIStrings = {
    */
   xhrLoad: '`XHR` load',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   compileScript: 'Compile script',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   cacheScript: 'Cache script code',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   compileCode: 'Compile code',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   optimizeCode: 'Optimize code',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   evaluateScript: 'Evaluate script',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   compileModule: 'Compile module',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   cacheModule: 'Cache module code',
   /**
@@ -248,15 +248,15 @@ const UIStrings = {
    */
   evaluateModule: 'Evaluate module',
   /**
-   *@description Noun indicating that a compile task (type: streaming) happened.
+   * @description Noun indicating that a compile task (type: streaming) happened.
    */
   streamingCompileTask: 'Streaming compile task',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   waitingForNetwork: 'Waiting for network',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   parseAndCompile: 'Parse and compile',
   /**
@@ -266,55 +266,55 @@ const UIStrings = {
    */
   deserializeCodeCache: 'Deserialize code cache',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   streamingWasmResponse: 'Streaming Wasm response',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   compiledWasmModule: 'Compiled Wasm module',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   cachedWasmModule: 'Cached Wasm module',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   wasmModuleCacheHit: 'Wasm module cache hit',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   wasmModuleCacheInvalid: 'Wasm module cache invalid',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   frameStartedLoading: 'Frame started loading',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   onloadEvent: 'Onload event',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   domcontentloadedEvent: 'DOMContentLoaded event',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   firstPaint: 'First Paint',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   firstContentfulPaint: 'First Contentful Paint',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   largestContentfulPaint: 'Largest Contentful Paint',
   /**
-   *@description Text for timestamps of items
+   * @description Text for timestamps of items
    */
   timestamp: 'Timestamp',
   /**
-   *@description Noun for a 'time' event that happens in the Console (a tool in
+   * @description Noun for a 'time' event that happens in the Console (a tool in
    * DevTools). The user can trigger console time events from their code, and
    * they will show up in the Performance panel. Time events are used to measure
    * the duration of something, e.g. the user will emit two time events at the
@@ -322,7 +322,7 @@ const UIStrings = {
    */
   consoleTime: 'Console time',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   userTiming: 'User timing',
   /**
@@ -332,119 +332,119 @@ const UIStrings = {
    */
   willSendRequest: 'Will send request',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   sendRequest: 'Send request',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   receiveResponse: 'Receive response',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   finishLoading: 'Finish loading',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   receiveData: 'Receive data',
   /**
-   *@description Event category in the Performance panel for time spent to execute microtasks in JavaScript
+   * @description Event category in the Performance panel for time spent to execute microtasks in JavaScript
    */
   runMicrotasks: 'Run microtasks',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   functionCall: 'Function call',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   gcEvent: 'GC event',
   /**
-   *@description Event category in the Performance panel for time spent to perform a full Garbage Collection pass
+   * @description Event category in the Performance panel for time spent to perform a full Garbage Collection pass
    */
   majorGc: 'Major GC',
   /**
-   *@description Event category in the Performance panel for time spent to perform a quick Garbage Collection pass
+   * @description Event category in the Performance panel for time spent to perform a quick Garbage Collection pass
    */
   minorGc: 'Minor GC',
   /**
-   *@description Text for the request animation frame event
+   * @description Text for the request animation frame event
    */
   requestAnimationFrame: 'Request animation frame',
   /**
-   *@description Text to cancel the animation frame
+   * @description Text to cancel the animation frame
    */
   cancelAnimationFrame: 'Cancel animation frame',
   /**
-   *@description Text for the event that an animation frame is fired
+   * @description Text for the event that an animation frame is fired
    */
   animationFrameFired: 'Animation frame fired',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   requestIdleCallback: 'Request idle callback',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   cancelIdleCallback: 'Cancel idle callback',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   fireIdleCallback: 'Fire idle callback',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   createWebsocket: 'Create WebSocket',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   sendWebsocketHandshake: 'Send WebSocket handshake',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   receiveWebsocketHandshake: 'Receive WebSocket handshake',
   /**
-   *@description Text in Timeline Flame Chart Data Provider of the Performance panel
+   * @description Text in Timeline Flame Chart Data Provider of the Performance panel
    */
   wsMessageReceived: 'Receive WebSocket message',
   /**
-   *@description Text in Timeline Flame Chart Data Provider of the Performance panel
+   * @description Text in Timeline Flame Chart Data Provider of the Performance panel
    */
   wsMessageSent: 'Send WebSocket message',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   destroyWebsocket: 'Destroy WebSocket',
   /**
-   *@description Event category in the Performance panel for time spent in the embedder of the WebView
+   * @description Event category in the Performance panel for time spent in the embedder of the WebView
    */
   embedderCallback: 'Embedder callback',
   /**
-   *@description Event category in the Performance panel for time spent decoding an image
+   * @description Event category in the Performance panel for time spent decoding an image
    */
   imageDecode: 'Image decode',
   /**
-   *@description Event category in the Performance panel for time spent to perform Garbage Collection for the Document Object Model
+   * @description Event category in the Performance panel for time spent to perform Garbage Collection for the Document Object Model
    */
   domGc: 'DOM GC',
   /**
-   *@description Event category in the Performance panel for time spent to perform Garbage Collection for C++: https://chromium.googlesource.com/v8/v8/+/main/include/cppgc/README.md
+   * @description Event category in the Performance panel for time spent to perform Garbage Collection for C++: https://chromium.googlesource.com/v8/v8/+/main/include/cppgc/README.md
    */
   cppGc: 'CPP GC',
   /**
-   *@description Event category in the Performance panel for time spent to perform encryption
+   * @description Event category in the Performance panel for time spent to perform encryption
    */
   encrypt: 'Encrypt',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   encryptReply: 'Encrypt reply',
   /**
-   *@description Event category in the Performance panel for time spent to perform decryption
+   * @description Event category in the Performance panel for time spent to perform decryption
    */
   decrypt: 'Decrypt',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   decryptReply: 'Decrypt reply',
   /**
@@ -453,12 +453,12 @@ const UIStrings = {
    */
   digest: 'Digest',
   /**
-   *@description Noun phrase meaning 'the browser was preparing the digest
+   * @description Noun phrase meaning 'the browser was preparing the digest
    *reply'. Digest: https://developer.mozilla.org/en-US/docs/Glossary/Digest
    */
   digestReply: 'Digest reply',
   /**
-   *@description The 'sign' stage of a web crypto event. Shown when displaying what the website was doing at a particular point in time.
+   * @description The 'sign' stage of a web crypto event. Shown when displaying what the website was doing at a particular point in time.
    */
   sign: 'Sign',
   /**
@@ -467,39 +467,39 @@ const UIStrings = {
    */
   signReply: 'Sign reply',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   verify: 'Verify',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   verifyReply: 'Verify reply',
   /**
-   *@description Text in Timeline UIUtils of the Performance panel
+   * @description Text in Timeline UIUtils of the Performance panel
    */
   asyncTask: 'Async task',
   /**
-   *@description Text in Timeline for Layout Shift records
+   * @description Text in Timeline for Layout Shift records
    */
   layoutShift: 'Layout shift',
   /**
-   *@description Text in Timeline for Layout Shift records
+   * @description Text in Timeline for Layout Shift records
    */
   layoutShiftCluster: 'Layout shift cluster',
   /**
-   *@description Text in Timeline for an Event Timing record
+   * @description Text in Timeline for an Event Timing record
    */
   eventTiming: 'Event timing',
   /**
-   *@description Event category in the Performance panel for JavaScript nodes in CPUProfile
+   * @description Event category in the Performance panel for JavaScript nodes in CPUProfile
    */
   jsFrame: 'JS frame',
   /**
-   *@description Text in UIDevtools Utils of the Performance panel
+   * @description Text in UIDevtools Utils of the Performance panel
    */
   rasterizing: 'Rasterizing',
   /**
-   *@description Text in UIDevtools Utils of the Performance panel
+   * @description Text in UIDevtools Utils of the Performance panel
    */
   drawing: 'Drawing',
   /**

package/front_end/panels/timeline/{EventsSerializer.ts → utils/EventsSerializer.ts}

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import * as Trace from '../../models/trace/trace.js';
+import * as Trace from '../../../models/trace/trace.js';
 
 export class EventsSerializer {
   #modifiedProfileCallByKey = new Map<Trace.Types.File.ProfileCallKeyValues, Trace.Types.Events.SyntheticProfileCall>();

package/front_end/panels/timeline/{FreshRecording.ts → utils/FreshRecording.ts}

@@ -1,7 +1,7 @@
 // Copyright 2024 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-import type * as Trace from '../../models/trace/trace.js';
+import type * as Trace from '../../../models/trace/trace.js';
 
 let instance: Tracker|null = null;
 

package/front_end/panels/timeline/utils/Helpers.ts

@@ -165,3 +165,9 @@ export function formatOriginWithEntity(
   originWithEntity = Platform.StringUtilities.trimEndWithMaxLength(originWithEntity, MAX_ORIGIN_LENGTH);
   return originWithEntity;
 }
+
+// Thin wrapper class to enable revealing an individual insight in Timeline panel.
+export class RevealableInsight {
+  constructor(public insight: Trace.Insights.Types.InsightModel) {
+  }
+}