Release: Merge patches to main (without version bump)

.circleci/config.yml

@@ -1011,7 +1011,7 @@ workflows:
                 requires:
                     - create-sandboxes
             - vitest-integration:
-                parallelism: 11
+                parallelism: 13
                 requires:
                     - create-sandboxes
             - test-portable-stories:
@@ -1106,7 +1106,7 @@ workflows:
                 requires:
                     - create-sandboxes
             - vitest-integration:
-                parallelism: 6
+                parallelism: 7
                 requires:
                     - create-sandboxes
             - test-portable-stories:

.circleci/src/workflows/daily.yml

@@ -54,7 +54,7 @@ jobs:
       requires:
         - create-sandboxes
   - vitest-integration:
-      parallelism: 11
+      parallelism: 13
       requires:
         - create-sandboxes
   - test-portable-stories:

.circleci/src/workflows/merged.yml

@@ -54,7 +54,7 @@ jobs:
       requires:
         - create-sandboxes
   - vitest-integration:
-      parallelism: 6
+      parallelism: 7
       requires:
         - create-sandboxes
   - test-portable-stories:

CHANGELOG.md

@@ -1,3 +1,49 @@
+## 10.0.8
+
+- React Native Web: Fix react native resuables and nativewind - [#33056](https://github.com/storybookjs/storybook/pull/33056), thanks @dannyhw!
+- React Native Web: Update vite-plugin-rnw for overall improvements - [#32991](https://github.com/storybookjs/storybook/pull/32991), thanks @dannyhw!
+- WebComponents: Fix `custom-elements.json` not being loaded - [#33045](https://github.com/storybookjs/storybook/pull/33045), thanks @ndelangen!
+
+## 10.0.7
+
+- ESLint: Only apply csf-strict rules on stories files - [#31963](https://github.com/storybookjs/storybook/pull/31963), thanks @cylewaitforit!
+- Next.js: Update SWC loader to support new wasm detection - [#33003](https://github.com/storybookjs/storybook/pull/33003), thanks @yannbf!
+
+## 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!
+- Nextjs Vite: Update internal plugin to support `svgr` use cases - [#32957](https://github.com/storybookjs/storybook/pull/32957), thanks @yannbf!
+
+## 10.0.4
+
+- CLI: Fix issue with running Storybook after being initialized - [#32929](https://github.com/storybookjs/storybook/pull/32929), thanks @yannbf!
+- CRA: Fix `module` not defined in ESM - [#32940](https://github.com/storybookjs/storybook/pull/32940), thanks @ndelangen!
+
+## 10.0.3
+
+- Core: Better handling for TypeScript satisfies/as syntaxes - [#32891](https://github.com/storybookjs/storybook/pull/32891), thanks @yannbf!
+- Core: Fix wrong import to fix Yarn PnP support - [#32928](https://github.com/storybookjs/storybook/pull/32928), thanks @yannbf!
+- ESlint: Update `@storybook/experimental-nextjs-vite` in `no-renderer-packages` rule - [#32909](https://github.com/storybookjs/storybook/pull/32909), thanks @ndelangen!
+- React Native: Update withStorybook setup instructions - [#32919](https://github.com/storybookjs/storybook/pull/32919), thanks @dannyhw!
+
+## 10.0.2
+
+- CLI: Fix glob string formatting in csf-factories codemod - [#32880](https://github.com/storybookjs/storybook/pull/32880), thanks @yannbf!
+- Core: Improve file path resolution on Windows - [#32893](https://github.com/storybookjs/storybook/pull/32893), thanks @yannbf!
+- Vite: Update `optimizeViteDeps` for addon-docs and addon-vitest - [#32881](https://github.com/storybookjs/storybook/pull/32881), thanks @ndelangen!
+
+## 10.0.1
+
+- Presets: Fix incorrect imports - [#32875](https://github.com/storybookjs/storybook/pull/32875), thanks @ndelangen!
+- Upgrade: Satellite compatible with 10.1 prerelease - [#32877](https://github.com/storybookjs/storybook/pull/32877), thanks @ndelangen!
+
 ## 10.0.0
 
 Storybook 10 contains one breaking change: it’s ESM-only. This simplifies our distribution and reduces install size by 29% while simultaneously unminifying dist code for easier debugging.

code/addons/a11y/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "Storybook Addon A11y: Test UI component compliance with WCAG web accessibility standards",
   "keywords": [
     "a11y",
@@ -79,7 +79,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16",
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1I",
   "storybook": {
     "displayName": "Accessibility",
     "icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",

code/addons/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "Storybook Docs: Document UI components automatically with stories and MDX",
   "keywords": [
     "docs",
@@ -118,7 +118,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16",
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1I",
   "storybook": {
     "displayName": "Docs",
     "icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",

code/addons/docs/src/blocks/controls/Number.tsx

@@ -49,11 +49,31 @@ export const NumberControl: FC<NumberProps> = ({
       if (Number.isNaN(result)) {
         setParseError(new Error(`'${event.target.value}' is not a number`));
       } else {
-        onChange(result);
+        // Initialize the final value as the user's input
+        let finalValue = result;
+
+        // Clamp to minimum: if finalValue is less than min, use min
+        if (typeof min === 'number' && finalValue < min) {
+          finalValue = min;
+        }
+
+        // Clamp to maximum: if finalValue is greater than max, use max
+        if (typeof max === 'number' && finalValue > max) {
+          finalValue = max;
+        }
+
+        // Pass the clamped final value to the onChange callback
+        onChange(finalValue);
+        // Clear any previous parse errors
         setParseError(null);
+
+        // If the value was clamped, update the input display to the final value
+        if (finalValue !== result) {
+          setInputValue(String(finalValue));
+        }
       }
     },
-    [onChange, setParseError]
+    [onChange, setParseError, min, max]
   );
 
   const onForceVisible = useCallback(() => {

code/addons/docs/src/preset.ts

@@ -205,10 +205,9 @@ export const resolvedReact = async (existing: any) => ({
 });
 
 const optimizeViteDeps = [
-  '@mdx-js/react',
   '@storybook/addon-docs',
   '@storybook/addon-docs/blocks',
-  'markdown-to-jsx',
+  '@storybook/addon-docs > @mdx-js/react',
 ];
 
 export { webpackX as webpack, docsX as docs, optimizeViteDeps };

code/addons/links/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "Storybook Links: Link stories together to build demos and prototypes with your UI components",
   "keywords": [
     "storybook",
@@ -71,7 +71,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16",
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1I",
   "storybook": {
     "displayName": "Links",
     "icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",

code/addons/onboarding/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "Storybook Onboarding: Help new users learn how to write stories",
   "keywords": [
     "storybook",

code/addons/pseudo-states/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-addon-pseudo-states",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "Storybook Pseudo-states addon: Manipulate CSS pseudo states",
   "keywords": [
     "storybook",

code/addons/themes/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-themes",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "Storybook Themes addon: Switch between themes from the toolbar",
   "keywords": [
     "css",
@@ -72,7 +72,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16",
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1I",
   "storybook": {
     "displayName": "Themes",
     "unsupportedFrameworks": [

code/addons/vitest/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-vitest",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "Storybook Vitest addon: Blazing fast component testing using stories",
   "keywords": [
     "storybook",

code/addons/vitest/src/constants.ts

@@ -22,6 +22,7 @@ export const SUPPORTED_FRAMEWORKS = [
   '@storybook/nextjs',
   '@storybook/nextjs-vite',
   '@storybook/react-vite',
+  '@storybook/preact-vite',
   '@storybook/svelte-vite',
   '@storybook/vue3-vite',
   '@storybook/html-vite',

code/addons/vitest/src/node/vitest-manager.ts

@@ -13,6 +13,7 @@ import type { StoryId, StoryIndex, StoryIndexEntry } from 'storybook/internal/ty
 
 import * as find from 'empathic/find';
 import path, { dirname, join, normalize } from 'pathe';
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 
 import { COVERAGE_DIRECTORY } from '../constants';

code/builders/builder-vite/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "A Storybook builder to dev and build with Vite",
   "keywords": [
     "storybook",
@@ -69,5 +69,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1l"
 }

code/builders/builder-vite/src/list-stories.ts

@@ -5,6 +5,7 @@ import type { Options } from 'storybook/internal/types';
 
 // eslint-disable-next-line depend/ban-dependencies
 import { glob } from 'glob';
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 
 export async function listStories(options: Options) {

code/builders/builder-vite/src/optimizeDeps.ts

@@ -14,6 +14,8 @@ import { listStories } from './list-stories';
 const asyncFilter = async (arr: string[], predicate: (val: string) => Promise<boolean>) =>
   Promise.all(arr.map(predicate)).then((results) => arr.filter((_v, index) => results[index]));
 
+// TODO: This function should be reworked. The code it uses is outdated and we need to investigate
+// More info: https://github.com/storybookjs/storybook/issues/32462#issuecomment-3421326557
 export async function getOptimizeDeps(config: ViteInlineConfig, options: Options) {
   const extraOptimizeDeps = await options.presets.apply('optimizeViteDeps', []);
 
@@ -27,18 +29,15 @@ export async function getOptimizeDeps(config: ViteInlineConfig, options: Options
   // This function converts ids which might include ` > ` to a real path, if it exists on disk.
   // See https://github.com/vitejs/vite/blob/67d164392e8e9081dc3f0338c4b4b8eea6c5f7da/packages/vite/src/node/optimizer/index.ts#L182-L199
   const resolve = resolvedConfig.createResolver({ asSrc: false });
-  const include = await asyncFilter(
-    Array.from(new Set([...INCLUDE_CANDIDATES, ...extraOptimizeDeps])),
-    async (id) => Boolean(await resolve(id))
-  );
+  const include = await asyncFilter(INCLUDE_CANDIDATES, async (id) => Boolean(await resolve(id)));
 
   const optimizeDeps: UserConfig['optimizeDeps'] = {
     ...config.optimizeDeps,
     // We don't need to resolve the glob since vite supports globs for entries.
     entries: stories,
     // We need Vite to precompile these dependencies, because they contain non-ESM code that would break
     // if we served it directly to the browser.
-    include: [...include, ...(config.optimizeDeps?.include || [])],
+    include: [...include, ...extraOptimizeDeps, ...(config.optimizeDeps?.include || [])],
   };
 
   return optimizeDeps;

code/builders/builder-vite/src/plugins/webpack-stats-plugin.ts

@@ -3,6 +3,7 @@ import { relative } from 'node:path';
 
 import type { BuilderStats } from 'storybook/internal/types';
 
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 import type { Plugin } from 'vite';
 

code/builders/builder-webpack5/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "A Storybook builder to dev and build with Webpack",
   "keywords": [
     "storybook",
@@ -89,5 +89,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1l"
 }

code/builders/builder-webpack5/src/index.ts

@@ -1,5 +1,4 @@
 import { cp } from 'node:fs/promises';
-import { dirname, join, parse } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
 import { PREVIEW_BUILDER_PROGRESS } from 'storybook/internal/core-events';
@@ -13,6 +12,7 @@ import type { Builder, Options } from 'storybook/internal/types';
 
 import { checkWebpackVersion } from '@storybook/core-webpack';
 
+import { dirname, join, parse } from 'pathe';
 import prettyTime from 'pretty-hrtime';
 import sirv from 'sirv';
 import type { Configuration, Stats, StatsOptions } from 'webpack';

code/builders/builder-webpack5/src/preview/virtual-module-mapping.ts

@@ -11,6 +11,7 @@ import type { Options, PreviewAnnotation } from 'storybook/internal/types';
 
 import { toImportFn } from '@storybook/core-webpack';
 
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 
 import type { BuilderOptions } from '../types';

code/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "10.0.0",
+  "version": "10.0.8",
   "description": "Storybook: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -344,5 +344,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1l"
 }

code/core/src/builder-manager/utils/files.ts

@@ -3,6 +3,7 @@ import { mkdir, writeFile } from 'node:fs/promises';
 import { dirname, join, normalize, relative } from 'node:path';
 
 import type { OutputFile } from 'esbuild';
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 
 import type { Compilation } from '../types';

code/core/src/builder-manager/utils/managerEntries.ts

@@ -4,6 +4,7 @@ import { dirname, join, parse, relative, sep } from 'node:path';
 
 import { resolvePathInStorybookCache } from 'storybook/internal/common';
 
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 
 const sanitizeBase = (path: string) => {

code/core/src/common/utils/__tests__/paths.test.ts

@@ -3,6 +3,7 @@ import { join, sep } from 'node:path';
 import { describe, expect, it, vi } from 'vitest';
 
 import * as find from 'empathic/find';
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 
 import { getProjectRoot, normalizeStoryPath } from '../paths';

code/core/src/common/utils/normalize-stories.ts

@@ -5,6 +5,7 @@ import { InvalidStoriesEntryError } from 'storybook/internal/server-errors';
 import type { NormalizedStoriesSpecifier, StoriesEntry } from 'storybook/internal/types';
 
 import * as pico from 'picomatch';
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 
 import { globToRegexp } from './glob-to-regexp';

code/core/src/common/utils/strip-abs-node-modules-path.ts

@@ -1,5 +1,6 @@
 import { posix, sep } from 'node:path';
 
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 
 function normalizePath(id: string) {

code/core/src/common/utils/validate-configuration-files.ts

@@ -5,6 +5,7 @@ import { MainFileMissingError } from 'storybook/internal/server-errors';
 
 // eslint-disable-next-line depend/ban-dependencies
 import { glob } from 'glob';
+// eslint-disable-next-line depend/ban-dependencies
 import slash from 'slash';
 import { dedent } from 'ts-dedent';