Release: Prerelease alpha 10.2.0-alpha.4

.circleci/config.yml

@@ -255,10 +255,6 @@ jobs:
             - run:
                 command: |
                     yarn
-                    yarn task --task compile --start-from=auto --no-link --debug
-                name: Compile
-            - run:
-                command: |
                     yarn task --task check --start-from=auto --no-link --debug
                 name: Check
             - run:

.circleci/src/jobs/check.yml

@@ -12,14 +12,10 @@ steps:
       name: Restore Yarn cache
       keys:
         - build-yarn-2-cache-v5--{{ checksum "yarn.lock" }}
-  - run:
-      name: Compile
-      command: |
-        yarn
-        yarn task --task compile --start-from=auto --no-link --debug
   - run:
       name: Check
       command: |
+        yarn
         yarn task --task check --start-from=auto --no-link --debug
   - run:
       name: Ensure no changes pending

.github/workflows/nx.yml

@@ -6,10 +6,13 @@ on:
       - next
   pull_request:
     types: [opened, synchronize, labeled, reopened]
+  schedule:
+    - cron: '0 23 * * *'
 
 permissions:
   actions: read
   contents: read
+  statuses: write
 
 env:
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_CLOUD_ACCESS_TOKEN }}
@@ -21,7 +24,9 @@ jobs:
         (contains(github.event.pull_request.labels.*.name, 'ci:normal') ||
          contains(github.event.pull_request.labels.*.name, 'ci:merged') ||
          contains(github.event.pull_request.labels.*.name, 'ci:daily'))
-      ) || (github.event_name == 'push' && github.ref == 'refs/heads/next')
+      ) || (github.event_name == 'push' && github.ref == 'refs/heads/next') ||
+      (github.event_name == 'schedule')
+
     runs-on: ubuntu-latest
     env:
       ALL_TASKS: compile,check,knip,test,pretty-docs,lint,sandbox,build,e2e-tests,e2e-tests-dev,test-runner,vitest-integration,check-sandbox,e2e-ui,jest,vitest,playwright-ct,cypress
@@ -30,26 +35,115 @@ jobs:
         with:
           filter: tree:0
           fetch-depth: 0
+      - name: Set Nx tag(s)
+        id: tag
+        run: |
+          tags="normal"
+          if [[ "${{ github.event_name }}" == "pull_request" ]]; then
+            if [[ "${{ contains(github.event.pull_request.labels.*.name, 'ci:merged') }}" == "true" ]]; then
+              tags="merged"
+            fi
+            if [[ "${{ contains(github.event.pull_request.labels.*.name, 'ci:daily') }}" == "true" ]]; then
+              tags="daily"
+            fi
+          fi
+
+          if [[ "${{ github.event_name }}" == "push" && "${{ github.ref }}" == "refs/heads/next" ]]; then
+            tags="merged"
+          fi
+
+          if [[ "${{ github.event_name }}" == "schedule" ]]; then
+            tags="daily"
+          fi
+
+          echo "tag=$tags" >> "$GITHUB_OUTPUT"
       - run: npx nx@latest start-ci-run --distribute-on="./.nx/workflows/distribution-config.yaml" --stop-agents-after="$ALL_TASKS"
+      - name: Create Nx Cloud Status (pending)
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const tag = ${{ toJson(steps.tag.outputs.tag) }} || 'normal';
+
+            await github.rest.repos.createCommitStatus({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              sha: context.payload.pull_request?.head?.sha ?? context.sha,
+              state: 'pending',
+              target_url: `https://cloud.nx.app/orgs/606dcb5cdc2a2b00059cc0e9/workspaces/6929fbef73e98d8094d2a343/overview?branch=${
+                context.payload.pull_request?.number ?? 'next'
+              }`,
+              description: 'NX Cloud is running your tests',
+              context: `nx: ${tag}`,
+            });
       - uses: actions/setup-node@v4
         with:
           node-version: 22
           cache: 'yarn'
       - run: yarn install --immutable
       - uses: nrwl/nx-set-shas@v4
+      - id: nx
+        name: 'Run nx'
+        run: |
+          echo 'nx_output<<EOF' >> "$GITHUB_OUTPUT"
+          yarn nx run-many -t $ALL_TASKS -c production -p="tag:library,tag:ci:${{ steps.tag.outputs.tag }}" | tee -a "$GITHUB_OUTPUT"
+          status=${PIPESTATUS[0]}
+          echo 'EOF' >> "$GITHUB_OUTPUT"
+          exit $status
+
+      - name: Create per-task Nx statuses
+        if: always()
+        uses: actions/github-script@v7
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const raw = ${{ toJson(steps.nx.outputs.nx_output) }} || '';
+            const tag = ${{ toJson(steps.tag.outputs.tag) }} || '';
+            const lines = raw.split('\n');
+            const failures = [];
+
+            for (const [i, line] of lines.entries()) {
+              if (!line.includes('✖')) continue;
+
+              const task =
+                line.match(/✖\s+([^│]+?)\s{2,}/)?.[1].trim() ||
+                'Unknown Nx task';
+
+              const url = lines
+                .slice(i + 1, i + 6)
+                .find(l => l.includes('Task logs:'))
+                ?.match(/Task logs:\s*(https:\/\/cloud\.nx\.app\/logs\/\S+)/)?.[1];
+
+              failures.push({ task, url });
+            }
+
+            const sha = context.payload.pull_request?.head?.sha ?? context.sha;
+
+            // Per-task statuses (max 5)
+            for (const { task, url } of failures.slice(0, 5)) {
+              await github.rest.repos.createCommitStatus({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                sha,
+                state: 'failure',
+                target_url: url ?? undefined,
+                context: `nx run ${task}`,
+                description: 'Your test failed on NX Cloud',
+              });
+            }
+
+            const runMatches = raw.match(/https:\/\/cloud\.nx\.app\/runs\/\S+/g);
+            const nxCloudUrl = runMatches ? runMatches[runMatches.length - 1] : undefined;
+
+            const failedCount = failures.length;
 
-      # --- PRs ---
-      - if: github.event_name == 'pull_request' &&
-          contains(github.event.pull_request.labels.*.name, 'ci:normal')
-        run: yarn nx run-many -t $ALL_TASKS -c production -p="tag:ci:normal"
-      - if: github.event_name == 'pull_request' &&
-          contains(github.event.pull_request.labels.*.name, 'ci:merged')
-        run: yarn nx run-many -t $ALL_TASKS -c production -p="tag:ci:normal,tag:ci:merged"
-      - if: github.event_name == 'pull_request' &&
-          contains(github.event.pull_request.labels.*.name, 'ci:daily')
-        run: yarn nx run-many -t $ALL_TASKS -c production -p="tag:ci:normal,tag:ci:merged,tag:ci:daily"
-
-      # --- Pushes ---
-      - if: github.event_name == 'push' &&
-          github.ref == 'refs/heads/next'
-        run: yarn nx run-many -t $ALL_TASKS -c production -p="tag:ci:normal,tag:ci:merged"
+            await github.rest.repos.createCommitStatus({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              sha,
+              state: failedCount ? 'failure' : 'success',
+              target_url: nxCloudUrl,
+              description: failedCount
+                ? `Nx Cloud run failed (${failedCount} tasks failed)`
+                : 'Nx Cloud run finished successfully',
+              context: `nx: ${tag}`,
+            });

CHANGELOG.md

@@ -1,3 +1,15 @@
+## 10.1.5
+
+- Addon-Vitest: Isolate error reasons during postinstall - [#33295](https://github.com/storybookjs/storybook/pull/33295), thanks @valentinpalkovic!
+- CLI: Fix react native template not copying in init - [#33308](https://github.com/storybookjs/storybook/pull/33308), thanks @dannyhw!
+- Docs: Support Rolldown bundler module namespace objects - [#33280](https://github.com/storybookjs/storybook/pull/33280), thanks @akornmeier!
+
+## 10.1.4
+
+- Core: Enhance getPrettier function to provide prettier interface - [#33260](https://github.com/storybookjs/storybook/pull/33260), thanks @valentinpalkovic!
+- NextJS: Alias image to use fileURLToPath for better resolution - [#33256](https://github.com/storybookjs/storybook/pull/33256), thanks @ndelangen!
+- Telemetry: Cache Storybook metadata by main config content hash - [#33247](https://github.com/storybookjs/storybook/pull/33247), thanks @valentinpalkovic!
+
 ## 10.1.3
 
 - Angular: Honor --loglevel and --logfile in dev/build - [#33212](https://github.com/storybookjs/storybook/pull/33212), thanks @valentinpalkovic!

CHANGELOG.prerelease.md

@@ -1,3 +1,11 @@
+## 10.2.0-alpha.4
+
+- Addon-Vitest: Isolate error reasons during postinstall - [#33295](https://github.com/storybookjs/storybook/pull/33295), thanks @valentinpalkovic!
+- CLI: Fix react native template not copying in init - [#33308](https://github.com/storybookjs/storybook/pull/33308), thanks @dannyhw!
+- Core: Retry `writeFile` cache when EBUSY error occurs - [#32981](https://github.com/storybookjs/storybook/pull/32981), thanks @reduckted!
+- Docs: Support Rolldown bundler module namespace objects - [#33280](https://github.com/storybookjs/storybook/pull/33280), thanks @akornmeier!
+- SvelteKit: Align JS template with TS template - [#31451](https://github.com/storybookjs/storybook/pull/31451), thanks @brettearle!
+
 ## 10.2.0-alpha.3
 
 - Addon Docs: Skip `!autodocs` stories when computing primary story - [#32712](https://github.com/storybookjs/storybook/pull/32712), thanks @ia319!

code/addons/a11y/project.json

@@ -5,5 +5,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/addons/docs/project.json

@@ -5,5 +5,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/addons/links/project.json

@@ -5,5 +5,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/addons/onboarding/project.json

@@ -5,5 +5,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/addons/pseudo-states/project.json

@@ -5,5 +5,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/addons/themes/project.json

@@ -4,5 +4,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/addons/vitest/project.json

@@ -5,5 +5,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/addons/vitest/src/postinstall.ts

@@ -11,9 +11,14 @@ import {
   getStorybookInfo,
 } from 'storybook/internal/common';
 import { CLI_COLORS } from 'storybook/internal/node-logger';
+import type { StorybookError } from 'storybook/internal/server-errors';
 import {
+  AddonVitestPostinstallConfigUpdateError,
   AddonVitestPostinstallError,
+  AddonVitestPostinstallExistingSetupFileError,
+  AddonVitestPostinstallFailedAddonA11yError,
   AddonVitestPostinstallPrerequisiteCheckError,
+  AddonVitestPostinstallWorkspaceUpdateError,
 } from 'storybook/internal/server-errors';
 import { SupportedFramework } from 'storybook/internal/types';
 
@@ -32,7 +37,7 @@ const EXTENSIONS = ['.ts', '.tsx', '.js', '.jsx', '.cts', '.mts', '.cjs', '.mjs'
 const addonA11yName = '@storybook/addon-a11y';
 
 export default async function postInstall(options: PostinstallOptions) {
-  const errors: string[] = [];
+  const errors: InstanceType<typeof StorybookError>[] = [];
   const { logger, prompt } = options;
 
   const packageManager = JsPackageManagerFactory.getPackageManager({
@@ -138,10 +143,9 @@ export default async function postInstall(options: PostinstallOptions) {
   // Install Playwright browser binaries using AddonVitestService
   if (!options.skipDependencyManagement) {
     if (!options.skipInstall) {
-      const { errors: playwrightErrors } = await addonVitestService.installPlaywright({
+      await addonVitestService.installPlaywright({
         yes: options.yes,
       });
-      errors.push(...playwrightErrors);
     } else {
       logger.warn(dedent`
         Playwright browser binaries installation skipped. Please run the following command manually later:
@@ -164,7 +168,7 @@ export default async function postInstall(options: PostinstallOptions) {
   `;
     logger.line();
     logger.error(`${errorMessage}\n`);
-    errors.push('Found existing Vitest setup file');
+    errors.push(new AddonVitestPostinstallExistingSetupFileError({ filePath: vitestSetupFile }));
   } else {
     logger.step(`Creating a Vitest setup file for Storybook:`);
     logger.log(`${vitestSetupFile}\n`);
@@ -255,7 +259,9 @@ export default async function postInstall(options: PostinstallOptions) {
           https://storybook.js.org/docs/next/${DOCUMENTATION_LINK}#manual-setup
         `
       );
-      errors.push('Unable to update existing Vitest workspace file');
+      errors.push(
+        new AddonVitestPostinstallWorkspaceUpdateError({ filePath: vitestWorkspaceFile })
+      );
     }
   }
   // If there's an existing Vite/Vitest config with workspaces, we update it to include the Storybook Addon Vitest plugin.
@@ -300,7 +306,7 @@ export default async function postInstall(options: PostinstallOptions) {
         Please refer to the documentation to complete the setup manually:
         https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup
       `);
-      errors.push('Unable to update existing Vitest config file');
+      errors.push(new AddonVitestPostinstallConfigUpdateError({ filePath: rootConfig }));
     }
   }
   // If there's no existing Vitest/Vite config, we create a new Vitest config file.
@@ -361,10 +367,7 @@ export default async function postInstall(options: PostinstallOptions) {
         Please refer to the documentation to complete the setup manually:
         https://storybook.js.org/docs/writing-tests/accessibility-testing#test-addon-integration
       `);
-      errors.push(
-        "The @storybook/addon-a11y couldn't be set up for the Vitest addon" +
-          (e instanceof Error ? e.stack : String(e))
-      );
+      errors.push(new AddonVitestPostinstallFailedAddonA11yError({ error: e }));
     }
   }
 

code/builders/builder-vite/project.json

@@ -5,5 +5,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/builders/builder-webpack5/project.json

@@ -5,5 +5,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/core/project.json

@@ -5,5 +5,5 @@
     "compile": {},
     "check": {}
   },
-  "tags": ["ci:normal"]
+  "tags": ["library"]
 }

code/core/src/common/utils/file-cache.ts

@@ -1,10 +1,12 @@
 /** This file is a modified copy from https://git.nfp.is/TheThing/fs-cache-fast */
 import { createHash, randomBytes } from 'node:crypto';
 import { mkdirSync, readFileSync, readdirSync, rmSync, writeFileSync } from 'node:fs';
-import { readFile, readdir, rm, writeFile } from 'node:fs/promises';
+import { mkdir, readFile, readdir, rm } from 'node:fs/promises';
 import { tmpdir } from 'node:os';
 import { join } from 'node:path';
 
+import { writeFileWithRetry } from './write-file-with-retry';
+
 interface FileSystemCacheOptions {
   ns?: string;
   prefix?: string;
@@ -85,8 +87,8 @@ export class FileSystemCache {
     orgOpts: CacheSetOptions | number = {}
   ): Promise<void> {
     const opts: CacheSetOptions = typeof orgOpts === 'number' ? { ttl: orgOpts } : orgOpts;
-    mkdirSync(this.cache_dir, { recursive: true });
-    await writeFile(this.generateHash(name), this.parseSetData(name, data, opts), {
+    await mkdir(this.cache_dir, { recursive: true });
+    await writeFileWithRetry(this.generateHash(name), this.parseSetData(name, data, opts), {
       encoding: opts.encoding || 'utf8',
     });
   }

code/core/src/common/utils/get-storybook-info.ts

@@ -29,6 +29,7 @@ export const rendererPackages: Record<string, SupportedRenderer> = {
   '@storybook/svelte': SupportedRenderer.SVELTE,
   '@storybook/preact': SupportedRenderer.PREACT,
   '@storybook/server': SupportedRenderer.SERVER,
+  '@storybook/react-native': SupportedRenderer.REACT_NATIVE,
 
   // community (outside of monorepo)
   'storybook-framework-qwik': SupportedRenderer.QWIK,