Release: Prerelease 10.1.0-alpha.8

.circleci/config.yml

@@ -263,6 +263,31 @@ jobs:
                 name: Ensure no changes pending
             - report-workflow-on-failure
             - cancel-workflow-on-failure
+    check-sandboxes:
+        executor:
+            class: medium
+            name: sb_node_22_classic
+        parallelism: << parameters.parallelism >>
+        parameters:
+            parallelism:
+                type: integer
+        steps:
+            - git-shallow-clone/checkout_advanced:
+                clone_options: --depth 1 --verbose
+            - attach_workspace:
+                at: .
+            - run:
+                command: |
+                    TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task check-sandbox)
+                    cd sandbox/$(yarn get-sandbox-dir --template $TEMPLATE) && yarn
+                name: Install sandbox dependencies
+            - run:
+                command: yarn task --task check-sandbox --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task check-sandbox) --no-link --start-from=never --junit
+                name: Type check Sandboxes
+            - report-workflow-on-failure:
+                template: $(yarn get-template --cadence << pipeline.parameters.workflow >> --task check-sandbox)
+            - store_test_results:
+                path: test-results
     chromatic-internal-storybook:
         environment:
             NODE_OPTIONS: --max_old_space_size=4096
@@ -884,6 +909,26 @@ jobs:
                 template: $(yarn get-template --cadence << pipeline.parameters.workflow >> --task test-runner)
             - store_test_results:
                 path: test-results
+    test-yarn-pnp:
+        executor:
+            class: medium
+            name: sb_playwright
+        steps:
+            - git-shallow-clone/checkout_advanced:
+                clone_options: --depth 1 --verbose
+            - attach_workspace:
+                at: .
+            - run:
+                command: yarn install --no-immutable
+                environment:
+                    YARN_ENABLE_IMMUTABLE_INSTALLS: false
+                name: Install dependencies
+                working_directory: test-storybooks/yarn-pnp
+            - run:
+                command: yarn storybook --smoke-test
+                name: Run Storybook smoke test
+                working_directory: test-storybooks/yarn-pnp
+            - report-workflow-on-failure
     unit-tests:
         executor:
             class: xlarge
@@ -994,6 +1039,10 @@ workflows:
                 parallelism: 34
                 requires:
                     - build
+            - check-sandboxes:
+                parallelism: 1
+                requires:
+                    - create-sandboxes
             - chromatic-sandboxes:
                 parallelism: 31
                 requires:
@@ -1024,6 +1073,9 @@ workflows:
                             - svelte
                 requires:
                     - build
+            - test-yarn-pnp:
+                requires:
+                    - build
             - e2e-ui:
                 requires:
                     - build
@@ -1109,6 +1161,10 @@ workflows:
                 parallelism: 7
                 requires:
                     - create-sandboxes
+            - check-sandboxes:
+                parallelism: 1
+                requires:
+                    - create-sandboxes
             - test-portable-stories:
                 matrix:
                     parameters:
@@ -1119,6 +1175,9 @@ workflows:
                             - svelte
                 requires:
                     - build
+            - test-yarn-pnp:
+                requires:
+                    - build
             - e2e-ui:
                 requires:
                     - build
@@ -1185,6 +1244,13 @@ workflows:
                 parallelism: 5
                 requires:
                     - create-sandboxes
+            - check-sandboxes:
+                parallelism: 1
+                requires:
+                    - create-sandboxes
+            - test-yarn-pnp:
+                requires:
+                    - build
             - e2e-ui:
                 requires:
                     - build

.circleci/src/jobs/check-sandboxes.yml

@@ -0,0 +1,27 @@
+executor:
+  class: medium
+  name: sb_node_22_classic
+
+parameters:
+  parallelism:
+    type: integer
+
+parallelism: << parameters.parallelism >>
+
+steps:
+  - git-shallow-clone/checkout_advanced:
+      clone_options: '--depth 1 --verbose'
+  - attach_workspace:
+      at: .
+  - run:
+      name: Install sandbox dependencies
+      command: |
+        TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task check-sandbox)
+        cd sandbox/$(yarn get-sandbox-dir --template $TEMPLATE) && yarn
+  - run:
+      name: Type check Sandboxes
+      command: yarn task --task check-sandbox --template $(yarn get-template --cadence << pipeline.parameters.workflow >> --task check-sandbox) --no-link --start-from=never --junit
+  - report-workflow-on-failure:
+      template: $(yarn get-template --cadence << pipeline.parameters.workflow >> --task check-sandbox)
+  - store_test_results:
+      path: test-results

.circleci/src/jobs/test-yarn-pnp.yml

@@ -0,0 +1,21 @@
+executor:
+  name: sb_playwright
+  class: medium
+
+steps:
+  - git-shallow-clone/checkout_advanced:
+      clone_options: '--depth 1 --verbose'
+  - attach_workspace:
+      at: .
+  - run:
+      name: Install dependencies
+      command: yarn install --no-immutable
+      working_directory: test-storybooks/yarn-pnp
+      environment:
+        YARN_ENABLE_IMMUTABLE_INSTALLS: false
+  - run:
+      name: Run Storybook smoke test
+      command: yarn storybook --smoke-test
+      working_directory: test-storybooks/yarn-pnp
+
+  - report-workflow-on-failure

.circleci/src/workflows/daily.yml

@@ -34,6 +34,10 @@ jobs:
       parallelism: 34
       requires:
         - build
+  - check-sandboxes:
+      parallelism: 1
+      requires:
+        - create-sandboxes
   # - smoke-test-sandboxes: # disabled for now
   #     requires:
   #       - create-sandboxes
@@ -63,6 +67,9 @@ jobs:
       matrix:
         parameters:
           directory: ['react', 'vue3', 'nextjs', 'svelte']
+  - test-yarn-pnp:
+      requires:
+        - build
   - e2e-ui:
       requires:
         - build

.circleci/src/workflows/merged.yml

@@ -57,12 +57,19 @@ jobs:
       parallelism: 7
       requires:
         - create-sandboxes
+  - check-sandboxes:
+      parallelism: 1
+      requires:
+        - create-sandboxes
   - test-portable-stories:
       requires:
         - build
       matrix:
         parameters:
           directory: ['react', 'vue3', 'nextjs', 'svelte']
+  - test-yarn-pnp:
+      requires:
+        - build
   - e2e-ui:
       requires:
         - build

.circleci/src/workflows/normal.yml

@@ -57,11 +57,18 @@ jobs:
       parallelism: 5
       requires:
         - create-sandboxes
+  - check-sandboxes:
+      parallelism: 1
+      requires:
+        - create-sandboxes
   # TODO: don't forget to reenable this
   #      - bench-sandboxes:
   #          parallelism: 5
   #          requires:
   #            - create-sandboxes
+  - test-yarn-pnp:
+      requires:
+        - build
   - e2e-ui:
       requires:
         - build

CHANGELOG.md

@@ -1,3 +1,10 @@
+## 10.0.6
+
+- CSF: Fix export interface declaration for NextPreview - [#32914](https://github.com/storybookjs/storybook/pull/32914), thanks @icopp!
+- Controls: Add range validation in Number Control - [#32539](https://github.com/storybookjs/storybook/pull/32539), thanks @ia319!
+- Fix: Export interface declaration for ReactMeta - [#32915](https://github.com/storybookjs/storybook/pull/32915), thanks @icopp!
+- Vitest Addon: Add support for Preact - [#32948](https://github.com/storybookjs/storybook/pull/32948), thanks @yannbf!
+
 ## 10.0.5
 
 - Core: Add reentry guard to focus patch - [#32655](https://github.com/storybookjs/storybook/pull/32655), thanks @ia319!

CHANGELOG.prerelease.md

@@ -1,3 +1,10 @@
+## 10.1.0-alpha.8
+
+- ESLint: Only apply csf-strict rules on stories files - [#31963](https://github.com/storybookjs/storybook/pull/31963), thanks @cylewaitforit!
+- Middleware: Prepend `file://` to middleware `import` for Windows support - [#32955](https://github.com/storybookjs/storybook/pull/32955), thanks @ndelangen!
+- Next.js: Update SWC loader to support new wasm detection - [#33003](https://github.com/storybookjs/storybook/pull/33003), thanks @yannbf!
+- React Native Web: Update vite-plugin-rnw for overall improvements - [#32991](https://github.com/storybookjs/storybook/pull/32991), thanks @dannyhw!
+
 ## 10.1.0-alpha.7
 
 - CSF: Fix export interface declaration for NextPreview - [#32914](https://github.com/storybookjs/storybook/pull/32914), thanks @icopp!

code/addons/docs/src/index.ts

@@ -1,3 +1,5 @@
+import type React from 'react';
+
 import { definePreviewAddon } from 'storybook/internal/csf';
 
 import * as addonAnnotations from './preview';
@@ -6,4 +8,13 @@ import type { DocsTypes } from './types';
 export { DocsRenderer } from './DocsRenderer';
 export type { DocsTypes };
 
+declare module 'mdx/types' {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace JSX {
+    type Element = React.JSX.Element;
+    type ElementClass = React.JSX.ElementClass;
+    type IntrinsicElements = React.JSX.IntrinsicElements;
+  }
+}
+
 export default () => definePreviewAddon<DocsTypes>(addonAnnotations);

code/core/src/core-server/utils/middleware.ts

@@ -11,7 +11,7 @@ const fileExists = (basename: string) =>
 export async function getMiddleware(configDir: string) {
   const middlewarePath = fileExists(resolve(configDir, 'middleware'));
   if (middlewarePath) {
-    const middlewareModule = await import(middlewarePath);
+    const middlewareModule = await import('file://' + middlewarePath);
     return middlewareModule.default ?? middlewareModule;
   }
   return () => {};

code/frameworks/nextjs/src/swc/next-swc-loader-patch.ts

@@ -29,7 +29,7 @@ DEALINGS IN THE SOFTWARE.
 import { isAbsolute, relative } from 'node:path';
 
 import type { NextConfig } from 'next';
-import { isWasm, transform } from 'next/dist/build/swc/index.js';
+import * as nextSwcUtils from 'next/dist/build/swc/index.js';
 import { getLoaderSWCOptions } from 'next/dist/build/swc/options.js';
 
 export interface SWCLoaderOptions {
@@ -136,7 +136,7 @@ async function loaderTransform(this: any, parentTrace: any, source?: string, inp
 
   const swcSpan = parentTrace.traceChild('next-swc-transform');
   return swcSpan.traceAsyncFn(() =>
-    transform(source as any, programmaticOptions).then((output) => {
+    nextSwcUtils.transform(source as any, programmaticOptions).then((output) => {
       if (output.eliminatedPackages && this.eliminatedPackages) {
         for (const pkg of JSON.parse(output.eliminatedPackages)) {
           this.eliminatedPackages.add(pkg);
@@ -152,14 +152,25 @@ const EXCLUDED_PATHS = /[\\/](cache[\\/][^\\/]+\.zip[\\/]node_modules|__virtual_
 export function pitch(this: any) {
   const callback = this.async();
   (async () => {
+    let isWasm: boolean = false;
+
+    if (!!nextSwcUtils.isWasm) {
+      isWasm = await nextSwcUtils.isWasm();
+      // @ts-expect-error Relevant from Next.js >= 16.0.2-canary.12
+    } else if (!!nextSwcUtils.getBindingsSync) {
+      await nextSwcUtils.loadBindings();
+      // @ts-expect-error Relevant from Next.js >= 16.0.2-canary.12
+      isWasm = nextSwcUtils.getBindingsSync().isWasm;
+    }
+
     if (
       // TODO: Evaluate if this is correct after removing pnp compatibility code in SB11
       // TODO: investigate swc file reading in PnP mode?
       !process.versions.pnp &&
       !EXCLUDED_PATHS.test(this.resourcePath) &&
       this.loaders.length - 1 === this.loaderIndex &&
       isAbsolute(this.resourcePath) &&
-      !(await isWasm())
+      !isWasm
     ) {
       const loaderSpan = mockCurrentTraceSpan.traceChild('next-swc-loader');
       this.addDependency(this.resourcePath);

code/frameworks/react-native-web-vite/package.json

@@ -56,7 +56,7 @@
     "@storybook/builder-vite": "workspace:*",
     "@storybook/react": "workspace:*",
     "@storybook/react-vite": "workspace:*",
-    "vite-plugin-rnw": "^0.0.6",
+    "vite-plugin-rnw": "^0.0.8",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "devDependencies": {

code/frameworks/react-native-web-vite/src/types.ts

@@ -5,7 +5,7 @@ import type {
   StorybookConfig as StorybookConfigBase,
 } from '@storybook/react-vite';
 
-import type { BabelOptions, Options as ReactOptions } from 'vite-plugin-rnw';
+import type { RnwOptions } from 'vite-plugin-rnw';
 
 export type FrameworkOptions = FrameworkOptionsBase & {
   /**
@@ -16,7 +16,7 @@ export type FrameworkOptions = FrameworkOptionsBase & {
    * @example {modulesToTranspile: ['my-library']}
    */
   modulesToTranspile?: string[];
-  pluginReactOptions?: Omit<ReactOptions, 'babel'> & { babel?: BabelOptions };
+  pluginReactOptions?: RnwOptions;
   /**
    * @deprecated These options will be ignored. Use `pluginReactOptions` now for everything and
    *   override includes in order to transpile node_modules pluginBabelOptions will be removed in