Core: Fix Node 24 deprecation warning

code/addons/themes/src/postinstall.ts

@@ -1,26 +1,22 @@
 import { spawn } from 'child_process';
 
 const PACKAGE_MANAGER_TO_COMMAND = {
-  npm: ['npx'],
-  pnpm: ['pnpm', 'dlx'],
-  yarn1: ['npx'],
-  yarn2: ['yarn', 'dlx'],
-  bun: ['bunx'],
+  npm: 'npx',
+  pnpm: 'pnpm dlx',
+  yarn1: 'npx',
+  yarn2: 'yarn dlx',
+  bun: 'bunx',
 };
 
 const selectPackageManagerCommand = (packageManager: string) =>
   PACKAGE_MANAGER_TO_COMMAND[packageManager as keyof typeof PACKAGE_MANAGER_TO_COMMAND];
 
-const spawnPackageManagerScript = async (packageManager: string, args: string[]) => {
-  const [command, ...baseArgs] = selectPackageManagerCommand(packageManager);
+export default async function postinstall({ packageManager = 'npm' }) {
+  const command = selectPackageManagerCommand(packageManager);
 
-  await spawn(command, [...baseArgs, ...args], {
+  await spawn(`${command} @storybook/auto-config themes`, {
     stdio: 'inherit',
     cwd: process.cwd(),
     shell: true,
   });
-};
-
-export default async function postinstall({ packageManager = 'npm' }) {
-  await spawnPackageManagerScript(packageManager, ['@storybook/auto-config', 'themes']);
 }

code/core/src/common/js-package-manager/JsPackageManagerFactory.ts

@@ -119,7 +119,7 @@
       return 'npm';
     }
 
     throw new Error('Unable to find a usable package manager within NPM, PNPM, Yarn and Yarn 2');
   }
 
   public static getPackageManager(
@@ -195,7 +195,7 @@
 }
 
 function hasNPM(cwd?: string) {
-  const npmVersionCommand = spawnSync('npm', ['--version'], {
+  const npmVersionCommand = spawnSync('npm --version', {
     cwd,
     shell: true,
     env: {
@@ -207,7 +207,7 @@
 }
 
 function hasBun(cwd?: string) {
-  const pnpmVersionCommand = spawnSync('bun', ['--version'], {
+  const pnpmVersionCommand = spawnSync('bun --version', {
     cwd,
     shell: true,
     env: {
@@ -219,7 +219,7 @@
 }
 
 function hasPNPM(cwd?: string) {
-  const pnpmVersionCommand = spawnSync('pnpm', ['--version'], {
+  const pnpmVersionCommand = spawnSync('pnpm --version', {
     cwd,
     shell: true,
     env: {
@@ -231,7 +231,7 @@
 }
 
 function getYarnVersion(cwd?: string): 1 | 2 | undefined {
-  const yarnVersionCommand = spawnSync('yarn', ['--version'], {
+  const yarnVersionCommand = spawnSync('yarn --version', {
     cwd,
     shell: true,
     env: {

code/lib/cli-storybook/src/upgrade.ts

@@ -76,9 +76,7 @@ const formatPackage = (pkg: Package) => `${pkg.package}@${pkg.version}`;
 const warnPackages = (pkgs: Package[]) => pkgs.map((pkg) => `- ${formatPackage(pkg)}`).join('\n');
 
 export const checkVersionConsistency = () => {
-  const lines = spawnSync('npm', ['ls'], { stdio: 'pipe', shell: true })
-    .output.toString()
-    .split('\n');
+  const lines = spawnSync('npm ls', { stdio: 'pipe', shell: true }).output.toString().split('\n');
   const storybookPackages = lines
     .map(getStorybookVersion)
     .filter((item): item is NonNullable<typeof item> => !!item)

code/package.json

@@ -45,7 +45,7 @@
     "lint:prettier": "prettier --write",
     "local-registry": "yarn --cwd ../scripts local-registry",
     "publish-sandboxes": "yarn --cwd ../scripts publish",
-    "storybook:ui": "NODE_OPTIONS=\"--max_old_space_size=4096\" core/dist/bin/dispatcher.js dev --port 6006 --config-dir ./.storybook",
+    "storybook:ui": "NODE_OPTIONS=\"--max_old_space_size=4096 --trace-deprecation\" core/dist/bin/dispatcher.js dev --port 6006 --config-dir ./.storybook",
     "storybook:ui:build": "NODE_OPTIONS=\"--max_old_space_size=4096\" core/dist/bin/dispatcher.js build --config-dir ./.storybook --webpack-stats-json",
     "storybook:ui:chromatic": "../scripts/node_modules/.bin/chromatic --build-script-name storybook:ui:build --storybook-base-dir ./ --exit-zero-on-changes --exit-once-uploaded",
     "storybook:vitest": "yarn test:watch --project storybook-ui",