[Deploy] Comparison reports

locales/en-US/app.ftl

@@ -900,6 +900,7 @@ StackSettings--panel-search =
 ## Tab Bar for the bottom half of the analysis UI.
 
 TabBar--calltree-tab = Call Tree
+TabBar--function-list-tab = Function List
 TabBar--flame-graph-tab = Flame Graph
 TabBar--stack-chart-tab = Stack Chart
 TabBar--marker-chart-tab = Marker Chart

res/css/style.css

@@ -57,7 +57,8 @@ body {
   flex-shrink: 1;
 }
 
-.treeAndSidebarWrapper {
+.treeAndSidebarWrapper,
+.functionTableAndSidebarWrapper {
   display: flex;
   flex: 1;
   flex-flow: column nowrap;

scripts/build-node-tools.mjs

@@ -10,9 +10,33 @@ const profilerEditConfig = {
   outfile: 'node-tools-dist/profiler-edit.js',
 };
 
+const analyzeBenchmarkConfig = {
+  ...nodeBaseConfig,
+  entryPoints: ['src/node-tools/analyze-benchmark.ts'],
+  outfile: 'node-tools-dist/analyze-benchmark.js',
+};
+
+const extractBenchmarkStatsConfig = {
+  ...nodeBaseConfig,
+  entryPoints: ['src/node-tools/extract-benchmark-stats.ts'],
+  outfile: 'node-tools-dist/extract-benchmark-stats.js',
+};
+
+const compareBenchmarkStatsConfig = {
+  ...nodeBaseConfig,
+  entryPoints: ['src/node-tools/compare-benchmark-stats.ts'],
+  outfile: 'node-tools-dist/compare-benchmark-stats.js',
+};
+
 async function build() {
   await esbuild.build(profilerEditConfig);
   console.log('✅ profiler-edit build completed');
+  await esbuild.build(analyzeBenchmarkConfig);
+  console.log('✅ analyze-benchmark build completed');
+  await esbuild.build(extractBenchmarkStatsConfig);
+  console.log('✅ extract-benchmark-stats build completed');
+  await esbuild.build(compareBenchmarkStatsConfig);
+  console.log('✅ compare-benchmark-stats build completed');
 }
 
 build().catch(console.error);

scripts/generate-known-functions-toml.mjs

@@ -0,0 +1,24 @@
+import { execSync } from 'child_process';
+import { writeFileSync } from 'fs';
+
+const jsCode = execSync(
+  'node_modules/.bin/esbuild src/node-tools/profile-insert-labels/known-functions.ts --platform=node --format=esm'
+).toString();
+
+const dataUrl = 'data:text/javascript,' + encodeURIComponent(jsCode);
+const { BREAK_OUT_BUCKETS } = await import(dataUrl);
+
+let toml = '';
+for (const bucket of BREAK_OUT_BUCKETS) {
+  toml += `[[buckets]]\n`;
+  toml += `name = ${JSON.stringify(bucket.name)}\n`;
+  toml += `funcPrefixes = [\n`;
+  for (const prefix of bucket.funcPrefixes) {
+    toml += `  ${JSON.stringify(prefix)},\n`;
+  }
+  toml += `]\n\n`;
+}
+
+const outPath = 'src/node-tools/profile-insert-labels/known-functions.toml';
+writeFileSync(outPath, toml.trimEnd() + '\n');
+console.log(`Wrote ${outPath}`);

src/actions/app.ts

@@ -78,6 +78,13 @@ export function changeProfilesToCompare(profiles: string[]): Action {
   };
 }
 
+export function changeProfilesToCompareBenchmark(profiles: string[]): Action {
+  return {
+    type: 'CHANGE_PROFILES_TO_COMPARE_BENCHMARK',
+    profiles,
+  };
+}
+
 export function startFetchingProfiles(): Action {
   return { type: 'START_FETCHING_PROFILES' };
 }