feat: 🎸 add new --analyze CLI flags for build task

mjancarik · Nov 8, 2024 · 16e9ec4 · 16e9ec4
1 parent d77d668
commit 16e9ec4
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 2 deletions.
diff --git a/packages/cli/bin/merkur.mjs b/packages/cli/bin/merkur.mjs
@@ -26,6 +26,7 @@ const hasRunDevServerOption = new Option('--hasRunDevServer', 'Flag for starting
 const hasRunWidgetServerOption = new Option('--hasRunWidgetServer', 'Flag for starting widget server');
 const inspectOption = new Option('--inspect', 'Debugging widget server');
 const verboseOption = new Option('--verbose', 'Verbose mode which show debug information.');
+const analyzeOption = new Option('--analyze', 'Analyze bundle.');
 
 program
   .name('merkur')
@@ -75,6 +76,7 @@ program
   .addOption(projectFolderOption)
   .addOption(buildFolderOption)
   .addOption(staticFolderOption)
+  .addOption(analyzeOption)
   .addOption(verboseOption)
   .action(async (options, cmd) => {
   const args = {

diff --git a/packages/cli/src/CLIConfig.mjs b/packages/cli/src/CLIConfig.mjs
@@ -23,6 +23,7 @@ export async function createCLIConfig({ args, command } = {}) {
     hasRunDevServer: args?.hasRunDevServer ?? false,
     hasRunWidgetServer: args?.hasRunWidgetServer ?? false,
     inspect: args.inspect ?? false,
+    analyze: args.analyze ?? false,
     verbose: args.verbose ?? false,
   };
 }

diff --git a/packages/cli/src/buildConfig.mjs b/packages/cli/src/buildConfig.mjs
@@ -4,6 +4,7 @@ import path from 'node:path';
 import manifestPlugin from 'esbuild-plugin-manifest';
 
 import { EMITTER_EVENTS, emitter, RESULT_KEY } from './emitter.mjs';
+import { aliasPlugin } from './plugins/aliasPlugin.mjs';
 import { memoryStaticPlugin } from './plugins/memoryStaticPlugin.mjs';
 import { metaPlugin } from './plugins/metaPlugin.mjs';
 import { excludeVendorsFromSourceMapPlugin } from './plugins/excludeVendorsFromSourceMapPlugin.mjs';
@@ -15,7 +16,7 @@ export async function createBuildConfig({
   cliConfig,
   context,
 }) {
-  const { isServer, writeToDisk, sourcemap } = config;
+  const { isServer, writeToDisk, sourcemap, analyze } = config;
   const { isProduction, outFile, staticFolder, projectFolder } = cliConfig;
 
   const entries = await getEntries({ merkurConfig, cliConfig });
@@ -31,6 +32,7 @@ export async function createBuildConfig({
       write: writeToDisk,
       entryNames: isServer || !isProduction ? 'widget' : 'widget.[hash]',
       format: isServer ? 'cjs' : 'iife',
+      metafile: analyze,
       mainFields: isServer ? ['module', 'main'] : ['browser', 'module', 'main'],
 
       //@TODO map right versions
@@ -62,6 +64,7 @@ export async function createBuildConfig({
               }, {});
             },
           }),
+        aliasPlugin,
         !writeToDisk && memoryStaticPlugin,
         sourcemap && excludeVendorsFromSourceMapPlugin,
         metaPlugin,

diff --git a/packages/cli/src/merkurConfig.mjs b/packages/cli/src/merkurConfig.mjs
@@ -97,6 +97,7 @@ emitter.on(
         build: {
           platform: 'node',
           write: true,
+          metafile: false,
         },
       },
       es13: {

diff --git a/packages/cli/src/runTask.mjs b/packages/cli/src/runTask.mjs
@@ -1,6 +1,10 @@
+import fs from 'node:fs/promises';
+
 import esbuild from 'esbuild';
+import { createLogger } from './logger.mjs';
 
-export async function runTask({ cliConfig, build }) {
+export async function runTask({ cliConfig, build, config }) {
+  const logger = createLogger(undefined, cliConfig);
   const { watch } = cliConfig;
 
   //es6 === es2015, es9 === es2018, es11 === es2020 es13 ===es2022
@@ -9,6 +13,21 @@ export async function runTask({ cliConfig, build }) {
       ? esbuild.context(build)
       : esbuild.build(build));
 
+    if (config.analyze && result.metafile) {
+      logger.log(
+        await esbuild.analyzeMetafile(result.metafile, {
+          verbose: cliConfig.verbose,
+        }),
+      );
+
+      if (build.outdir) {
+        await fs.writeFile(
+          `${build.outdir}/${build.entryNames ?? config.name}.meta.json`,
+          JSON.stringify(result.metafile),
+        );
+      }
+    }
+
     if (watch) {
       await result.watch();
     }

diff --git a/packages/cli/src/taskConfig.mjs b/packages/cli/src/taskConfig.mjs
@@ -10,6 +10,7 @@ export async function createTaskConfig({
       isServer: definition?.build?.platform === 'node',
       writeToDisk: definition?.build?.write ?? cliConfig.writeToDisk,
       sourcemap: definition?.build?.sourcemap ?? cliConfig.sourcemap,
+      analyze: definition?.build?.metafile ?? cliConfig.analyze,
       ...definition.config,
     },
     definition,