Merge pull request #24850 from storybookjs/valentin/fix-ci-2

Build: Fix benchmark command

.github/workflows/generate-sandboxes-main.yml

@@ -30,7 +30,10 @@ jobs:
           git config --global user.name "Storybook Bot"
           git config --global user.email "bot@storybook.js.org"
       - name: Install dependencies
-        run: node ./scripts/check-dependencies.js
+        run: |
+          cd ./scripts
+          node --loader esbuild-register/loader -r esbuild-register ./check-dependencies.ts
+          cd ..
       - name: Compile Storybook libraries
         run: yarn task --task compile --start-from=auto --no-link
       - name: Publishing to local registry

.github/workflows/generate-sandboxes-next.yml

@@ -30,7 +30,10 @@ jobs:
           git config --global user.name "Storybook Bot"
           git config --global user.email "bot@storybook.js.org"
       - name: Install dependencies
-        run: node ./scripts/check-dependencies.js
+        run: |
+          cd ./scripts
+          node --loader esbuild-register/loader -r esbuild-register ./check-dependencies.ts
+          cd ..
       - name: Compile Storybook libraries
         run: yarn task --task compile --start-from=auto --no-link
       - name: Publishing to local registry

scripts/check-dependencies.ts

@@ -0,0 +1,7 @@
+import { checkDependencies } from './utils/cli-utils';
+
+checkDependencies().catch((e) => {
+  // eslint-disable-next-line no-console
+  console.error(e);
+  process.exit(1);
+});

scripts/tasks/bench.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/extensions */
 import prettyBytes from 'pretty-bytes';
 import prettyTime from 'pretty-ms';
 
@@ -19,22 +20,26 @@ export const bench: Task = {
     const controllers: AbortController[] = [];
     try {
       const { disableDocs } = options;
-      const { browse } = await import('../bench/browse');
-      const { saveBench, loadBench } = await import('../bench/utils');
+      // @ts-expect-error Default import required for dynamic import processed by esbuild
+      const { browse } = (await import('../bench/browse.ts')).default;
+      // @ts-expect-error Default import required for dynamic import processed by esbuild
+      const { saveBench, loadBench } = (await import('../bench/utils.ts')).default;
 
       const devController = await dev.run(details, { ...options, debug: false });
       if (!devController) {
         throw new Error('dev: controller is null');
       }
       controllers.push(devController);
       const devBrowseResult = await browse(`http://localhost:${devPort}`, { disableDocs });
+
       devController.abort();
 
       const serveController = await serve.run(details, { ...options, debug: false });
       if (!serveController) {
         throw new Error('serve: controller is null');
       }
       controllers.push(serveController);
+
       const buildBrowseResult = await browse(`http://localhost:${servePort}`, { disableDocs });
       serveController.abort();