test(size): print the verdaccio echo to log

Author: AllanZhengYP

scripts/benchmark-size/runner/calculate-size/index.ts

@@ -23,48 +23,48 @@ export interface PackageSizeReportOutput {
   rollupSize: number | undefined;
 }
 
-export const getPackageSizeReportRunner =
-  (options: PackageSizeReportOptions) => async (context: ListrContext, task: ListrTaskWrapper<ListrContext, any>) => {
-    try {
-      task.output = "preparing...";
-      const projectDir = join(options.tmpDir, options.packageName.replace("/", "_"));
-      await fsPromise.mkdir(projectDir);
-      const entryPoint = join(projectDir, "index.js");
-      const bundlersContext = { ...options, entryPoint, projectDir };
+export const generatePackageSizeReport = async (options: PackageSizeReportOptions) => {
+  const { packageName } = options;
+  try {
+    console.info(`[${packageName}] preparing...`);
+    const projectDir = join(options.tmpDir, options.packageName.replace("/", "_"));
+    await fsPromise.mkdir(projectDir);
+    const entryPoint = join(projectDir, "index.js");
+    const bundlersContext = { ...options, entryPoint, projectDir };
 
-      task.output = "generating project and installing dependencies";
-      await generateProject(projectDir, options);
+    console.info(`[${packageName}] generating project and installing dependencies`);
+    await generateProject(projectDir, options);
 
-      task.output = "calculating npm size";
-      const npmSizeResult = calculateNpmSize(projectDir, options.packageName);
+    console.info(`[${packageName}] calculating npm size`);
+    const npmSizeResult = calculateNpmSize(projectDir, options.packageName);
 
-      const skipBundlerTests = bundlersContext.packageContext.skipBundlerTests;
+    const skipBundlerTests = bundlersContext.packageContext.skipBundlerTests;
 
-      task.output = "calculating webpack 5 full bundle size";
-      const webpackSize = skipBundlerTests ? undefined : await getWebpackSize(bundlersContext);
+    console.info(`[${packageName}] calculating webpack 5 full bundle size`);
+    const webpackSize = skipBundlerTests ? undefined : await getWebpackSize(bundlersContext);
 
-      task.output = "calculating rollup full bundle size";
-      const rollupSize = skipBundlerTests ? undefined : await getRollupSize(bundlersContext);
+    console.info(`[${packageName}] calculating rollup full bundle size`);
+    const rollupSize = skipBundlerTests ? undefined : await getRollupSize(bundlersContext);
 
-      task.output = "calculating esbuild full bundle size";
-      const esbuildSize = skipBundlerTests ? undefined : await getEsbuildSize(bundlersContext);
+    console.info(`[${packageName}] calculating esbuild full bundle size`);
+    const esbuildSize = skipBundlerTests ? undefined : await getEsbuildSize(bundlersContext);
 
-      task.output = "output results";
-      const packageVersion = JSON.parse(
-        await fsPromise.readFile(
-          join(options.workspacePackages.filter((pkg) => pkg.name === options.packageName)[0].location, "package.json"),
-          "utf8"
-        )
-      ).version;
-      options.output.push({
-        name: options.packageName,
-        version: packageVersion,
-        ...npmSizeResult,
-        webpackSize,
-        esbuildSize,
-        rollupSize,
-      });
-    } catch (e) {
-      e.message = `[${options.packageName}]` + e.message;
-    }
-  };
+    console.info(`[${packageName}] output results`);
+    const packageVersion = JSON.parse(
+      await fsPromise.readFile(
+        join(options.workspacePackages.filter((pkg) => pkg.name === options.packageName)[0].location, "package.json"),
+        "utf8"
+      )
+    ).version;
+    options.output.push({
+      name: options.packageName,
+      version: packageVersion,
+      ...npmSizeResult,
+      webpackSize,
+      esbuildSize,
+      rollupSize,
+    });
+  } catch (e) {
+    e.message = `[${options.packageName}]` + e.message;
+  }
+};

scripts/benchmark-size/runner/index.ts

@@ -1,11 +1,11 @@
 import { appendFileSync, mkdirSync, promises as fsPromise, readFileSync, rmdirSync } from "fs";
 import { ensureDirSync, ensureFile } from "fs-extra";
 import hbs from "handlebars";
-import { Listr } from "listr2";
 import { tmpdir } from "os";
+import map from "p-map";
 import { join } from "path";
 
-import { getPackageSizeReportRunner, PackageSizeReportOutput } from "./calculate-size";
+import { generatePackageSizeReport, PackageSizeReportOutput } from "./calculate-size";
 import {
   DEFAULT_LIMIT_CONFIG_PATH,
   DEFAULT_RAW_OUTPUT_PATH,
@@ -91,19 +91,18 @@ export const sizeReport = async (options: SizeReportOptions) => {
   // Wait for the register to spin up.
   await sleep(1000);
   const sizeReportContext = await getSizeReportContext({ port: PORT });
-  const tasks = new Listr(
-    packageContextToTest.map((packageContext) => ({
-      title: packageContext.package,
-      task: getPackageSizeReportRunner({
-        ...sizeReportContext,
-        packageName: packageContext.package,
-        packageContext,
-      }),
-    })),
-    { concurrent: 4 }
-  );
   try {
-    await tasks.run();
+    await map(
+      packageContextToTest,
+      async (packageContext) => {
+        await generatePackageSizeReport({
+          ...sizeReportContext,
+          packageName: packageContext.package,
+          packageContext,
+        });
+      },
+      { concurrency: 10 }
+    );
   } finally {
     localRegistryProcess.kill();
     rmdirSync(sizeReportContext.tmpDir, { recursive: true });

scripts/benchmark-size/runner/local-registry.ts

@@ -25,4 +25,5 @@ export const localPublishChangedPackages = async (): Promise<string> => {
 export const spawnLocalRegistry = (port: number) =>
   exec("npx", ["verdaccio", "-c", "verdaccio/config.yaml", "-l", "" + port], {
     cwd: PROJECT_ROOT,
+    stdio: "inherit",
   });

scripts/benchmark-size/runner/package.json

@@ -12,11 +12,13 @@
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@types/execa": "^2.0.0",
+    "@types/p-map": "^2.0.0",
     "esbuild": "latest",
     "execa": "^5.1.1",
     "fs-extra": "^10.1.0",
     "handlebars": "^4.7.7",
     "listr2": "^4.0.5",
+    "p-map": "^5.5.0",
     "rollup": "latest",
     "rollup-plugin-terser": "^7.0.2",
     "semver": "^7.3.7",