wip

Author: jackfranklin

package-lock.json

@@ -5,3 +5,7 @@
  */
 
 type CSSInJS = string & {_tag: 'CSS-in-JS'};
+declare module '*.css.js' {
+  const styles: CSSInJS;
+  export default styles;
+}

src/devtools.d.ts

@@ -4,9 +4,11 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import {PerformanceInsightFormatter} from '../../node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.js';
+import {PerformanceTraceFormatter} from '../../node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.js';
 import * as TraceEngine from '../../node_modules/chrome-devtools-frontend/front_end/models/trace/trace.js';
 import {logger} from '../logger.js';
+import {AgentFocus} from 'chrome-devtools-frontend/front_end/panels/timeline/utils/AIContext.js';
+import {EventsSerializer} from 'chrome-devtools-frontend/front_end/models/trace/EventsSerializer.js';
 
 const engine = TraceEngine.TraceModel.Model.createWithAllHandlers();
 
@@ -62,38 +64,9 @@ export async function parseRawTraceBuffer(
 // TODO(jactkfranklin): move the formatters from DevTools to use here.
 // This is a very temporary helper to output some text from the tool call to aid development.
 export function insightOutput(result: TraceResult): string {
-  const mainNavigationId =
-    result.parsedTrace.data.Meta.mainFrameNavigations.at(0)?.args.data
-      ?.navigationId;
-  if (!mainNavigationId) {
-    return '';
-  }
-
-  let text = '';
-  const insightsForNav = result.insights.get(mainNavigationId);
-  if (!insightsForNav) {
-    text += 'No Performance insights were found for this trace.';
-    return text;
-  }
-
-  const failingInsightKeys = Object.keys(insightsForNav.model).filter(
-    insightKey => {
-      const key = insightKey as keyof TraceEngine.Insights.Types.InsightModels;
-      const data = insightsForNav.model[key] ?? null;
-      return data?.state === 'fail';
-    },
-  ) as Array<keyof TraceEngine.Insights.Types.InsightModels>;
-  logger(`Found failing Insight keys: ${failingInsightKeys.join(', ')}`);
-
-  for (const failingKey of failingInsightKeys) {
-    const modelData = insightsForNav.model[failingKey];
-    const formatter = new PerformanceInsightFormatter(
-      result.parsedTrace,
-      modelData,
-    );
-
-    const output = formatter.formatInsight();
-    text += `${output}\n`;
-  }
-  return text;
+  const focus = AgentFocus.full(result.parsedTrace);
+  const serializer = new EventsSerializer();
+  const formatter = new PerformanceTraceFormatter(focus, serializer);
+  const output = formatter.formatTraceSummary();
+  return output;
 }

src/trace-processing/parse.ts

@@ -19,7 +19,7 @@ describe('Trace parsing', async () => {
     assert.ok(result?.insights);
   });
 
-  it('can format results of a trace', async () => {
+  it.only('can format results of a trace', async () => {
     const rawData = loadTraceAsBuffer('web-dev-with-commit.json.gz');
     const result = await parseRawTraceBuffer(rawData);
     assert.ok(result?.parsedTrace);

tests/trace-processing/parse.test.ts

@@ -24,7 +24,9 @@
     "node_modules/chrome-devtools-frontend/front_end/models/logs",
     "node_modules/chrome-devtools-frontend/front_end/models/text_utils",
     "node_modules/chrome-devtools-frontend/front_end/models/network_time_calculator",
+    "node_modules/chrome-devtools-frontend/front_end/models/crux-manager",
     "node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts",
+    "node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts",
     "node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/data_formatters/NetworkRequestFormatter.ts",
     "node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/data_formatters/UnitFormatters.ts",
     "node_modules/chrome-devtools-frontend/front_end/core/common",
@@ -33,6 +35,8 @@
     "node_modules/chrome-devtools-frontend/front_end/core/host",
     "node_modules/chrome-devtools-frontend/front_end/core/platform",
     "node_modules/chrome-devtools-frontend/front_end/models/cpu_profile",
+    "node_modules/chrome-devtools-frontend/front_end/panels/timeline/utils",
+    "node_modules/chrome-devtools-frontend/front_end/ui/legacy/theme_support",
     "node_modules/chrome-devtools-frontend/front_end/generated",
     "node_modules/chrome-devtools-frontend/front_end/third_party/legacy-javascript",
     "node_modules/chrome-devtools-frontend/front_end/third_party/source-map-scopes-codec",