Support for treeflame (Flamegraph) build size visualisation (#7711)

Co-authored-by: Martin Valigursky <mvaligursky@snapchat.com>

Author: mvaligursky

build.mjs

@@ -12,6 +12,7 @@
  * treemap - Enable treemap build visualization (release only).
  * treenet - Enable treenet build visualization (release only).
  * treesun - Enable treesun build visualization (release only).
+ * treeflame - Enable treeflame build visualization (release only).
  */
 
 import { execSync } from 'child_process';
@@ -22,7 +23,8 @@ const ENV_START_MATCHES = [
     'target',
     'treemap',
     'treenet',
-    'treesun'
+    'treesun',
+    'treeflame'
 ];
 
 const env = [];

package.json

@@ -111,6 +111,7 @@
     "build:treemap": "npm run build target:release treemap",
     "build:treenet": "npm run build target:release treenet",
     "build:treesun": "npm run build target:release treesun",
+    "build:treeflame": "npm run build target:release treeflame",
     "build:sourcemaps": "npm run build -- -m",
     "watch": "npm run build -- -w",
     "watch:release": "npm run build target:release -- -w",

utils/rollup-build-target.mjs

@@ -149,6 +149,13 @@ function getOutPlugins(type) {
         }));
     }
 
+    if (process.env.treeflame) {
+        plugins.push(visualizer({
+            filename: `treeflame.${type}.html`,
+            template: 'flamegraph'
+        }));
+    }
+
     return plugins;
 }