Release: Prerelease 9.0.0-alpha.3

.circleci/config.yml

@@ -878,10 +878,11 @@ workflows:
           parallelism: 4
           requires:
             - create-sandboxes
-      - bench-sandboxes:
-          parallelism: 5
-          requires:
-            - create-sandboxes
+# TODO: don't forget to reenable this
+#      - bench-sandboxes:
+#          parallelism: 5
+#          requires:
+#            - create-sandboxes
       - test-ui-testing-module:
           requires:
             - build
@@ -965,10 +966,11 @@ workflows:
       - test-init-features:
           requires:
             - build
-      - bench-sandboxes:
-          parallelism: 5
-          requires:
-            - create-sandboxes
+# TODO: don't forget to reenable this
+#      - bench-sandboxes:
+#          parallelism: 5
+#          requires:
+#            - create-sandboxes
       # TODO: reenable once we find out the source of flakyness
       # - test-runner-dev:
       #     parallelism: 4
@@ -1059,10 +1061,11 @@ workflows:
                 # --smoke-test is not supported for the angular builder right now
                 # - "angular-cli"
                 - "lit-vite-ts"
-      - bench-sandboxes:
-          parallelism: 5
-          requires:
-            - create-sandboxes
+# TODO: don't forget to reenable this
+#      - bench-sandboxes:
+#          parallelism: 5
+#          requires:
+#            - create-sandboxes
 
       # TODO: reenable once we find out the source of flakyness
       # - test-runner-dev:

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 8.6.4
+
+- Manager: Add Content-Type to fix Cloud IDEs - [#30606](https://github.com/storybookjs/storybook/pull/30606), thanks @GCHQDeveloper548!
+- Vite: Include `node_modules` in stats file - [#30711](https://github.com/storybookjs/storybook/pull/30711), thanks @JReinhold!
+
 ## 8.6.3
 
 - CSF Factories: Align addon-essentials import with other addons - [#30716](https://github.com/storybookjs/storybook/pull/30716), thanks @kasperpeulen!
@@ -37,7 +42,6 @@ Here’s what’s new:
 - Addon-Test: Add telemetry data for Focused Tests - [#30568](https://github.com/storybookjs/storybook/pull/30568), thanks @JReinhold!
 - Addon-Test: Fix config and watch mode inconsistencies - [#30491](https://github.com/storybookjs/storybook/pull/30491), thanks @JReinhold!
 - Addon-Test: Fix console error in build mode - [#30625](https://github.com/storybookjs/storybook/pull/30625), thanks @JReinhold!
-- Addon Test: Fix printing Date object in MethodCall for test/interactions log - [#30507](https://github.com/storybookjs/storybook/pull/30507), thanks @ghengeveld!
 - Addon-Test: Make sure that only one global portable story config is ever loaded - [#30582](https://github.com/storybookjs/storybook/pull/30582), thanks @kasperpeulen!
 - Angular: Fix accent character issue - [#30276](https://github.com/storybookjs/storybook/pull/30276), thanks @valentinpalkovic!
 - Angular: Support experimental zoneless mode - [#28657](https://github.com/storybookjs/storybook/pull/28657), thanks @anedomansky!
@@ -46,7 +50,6 @@ Here’s what’s new:
 - Builder-Vite: Fix runtime and iframe 404 on first load - [#30567](https://github.com/storybookjs/storybook/pull/30567), thanks @valentinpalkovic!
 - Bun: Add support for text lock file - [#30160](https://github.com/storybookjs/storybook/pull/30160), thanks @Arctomachine!
 - Cleanup: Remove unused constants in viewport addon - [#30479](https://github.com/storybookjs/storybook/pull/30479), thanks @Guria!
-- CLI: Add "features" question & auto-install test addon & improve test-addon compatibility - [#30202](https://github.com/storybookjs/storybook/pull/30202), thanks @ndelangen!
 - CLI: Don't initially select Documentation and Testing features - [#30599](https://github.com/storybookjs/storybook/pull/30599), thanks @ghengeveld!
 - CLI: Fix peer dep issues for npm users during upgrade - [#30616](https://github.com/storybookjs/storybook/pull/30616), thanks @valentinpalkovic!
 - CLI: Fix printing of selected features - [#30605](https://github.com/storybookjs/storybook/pull/30605), thanks @ghengeveld!

CHANGELOG.prerelease.md

@@ -1,3 +1,21 @@
+## 9.0.0-alpha.3
+
+- Addon A11y: Promote @storybook/global to full dependency - [#30723](https://github.com/storybookjs/storybook/pull/30723), thanks @mrginglymus!
+- Addon Test: Improve unhandled error messages - [#30755](https://github.com/storybookjs/storybook/pull/30755), thanks @yannbf!
+- Angular: Add @angular-devkit/build-angular to default installed pacakages in angular - [#30790](https://github.com/storybookjs/storybook/pull/30790), thanks @kasperpeulen!
+- Automigrate: Disable `missingStorybookDependencies` for 9.0 - [#30769](https://github.com/storybookjs/storybook/pull/30769), thanks @ndelangen!
+- CLI: Fix test install in RNW projects - [#30786](https://github.com/storybookjs/storybook/pull/30786), thanks @shilman!
+- Core: Re-Export renderers from frameworks - [#30771](https://github.com/storybookjs/storybook/pull/30771), thanks @ndelangen!
+- Core: Replace 'min' instead of 'm' in printDuration - [#30668](https://github.com/storybookjs/storybook/pull/30668), thanks @wlewis-formative!
+- Migration: Add auto-automigration for merged packages - [#30753](https://github.com/storybookjs/storybook/pull/30753), thanks @ndelangen!
+- Next.js: Upgrade image-size to 2.0 - [#30741](https://github.com/storybookjs/storybook/pull/30741), thanks @valentinpalkovic!
+- Next.js: Use latest version when init in empty directory - [#30659](https://github.com/storybookjs/storybook/pull/30659), thanks @valentinpalkovic!
+- Svelte: Fix Vite crashing on virtual module imports - [#26838](https://github.com/storybookjs/storybook/pull/26838), thanks @rChaoz!
+- Svelte: Fix automatic argTypes inference coming up empty with `[email protected]` - [#30784](https://github.com/storybookjs/storybook/pull/30784), thanks @JReinhold!
+- Svelte: Pin svelte2tsx to solve argType regression - [#30783](https://github.com/storybookjs/storybook/pull/30783), thanks @kasperpeulen!
+- Test: Move `@storybook/test` into `storybook/test` - [#30742](https://github.com/storybookjs/storybook/pull/30742), thanks @valentinpalkovic!
+- Universal Store: Don't use `crypto.randomUUID` - [#30781](https://github.com/storybookjs/storybook/pull/30781), thanks @JReinhold!
+
 ## 9.0.0-alpha.2
 
 - AutoBlocker: Add major version upgrade blocker - [#30714](https://github.com/storybookjs/storybook/pull/30714), thanks @ndelangen!

MIGRATION.md

@@ -1,6 +1,7 @@
 <h1>Migration</h1>
 
 - [From version 8.x to 9.0.0](#from-version-8x-to-900)
+  - [Dropped support for legacy packages](#dropped-support-for-legacy-packages)
   - [Dropped support for TypeScript \< 4.9](#dropped-support-for-typescript--49)
   - [Test addon renamed from experimental to stable](#test-addon-renamed-from-experimental-to-stable)
 - [From version 8.5.x to 8.6.x](#from-version-85x-to-86x)
@@ -436,6 +437,45 @@
 
 ## From version 8.x to 9.0.0
 
+### Dropped support for legacy packages
+
+The following packages are no longer published as part of `9.0.0`:
+The following packages have been consolidated into the main `storybook` package:
+
+| Old Package            | New Path                       |
+| ---------------------- | ------------------------------ |
+| @storybook/manager-api | storybook/manager-api |
+| @storybook/preview-api | storybook/preview-api |
+| @storybook/theming     | storybook/theming     |
+| @storybook/test        | storybook/test                 |
+
+Please un-install these packages, and ensure you have the `storybook` package installed.
+
+Replace any imports with the path listed in the second column.
+
+Additionally the following packages were also consolidated and placed under a `/internal` sub-path, to indicate they are for internal usage only.
+If you're depending on these packages, they will continue to work for `9.0`, but they will likely be removed in `10.0`.
+
+| Old Package                | New Path                           |
+| -------------------------- | ---------------------------------- |
+| @storybook/channels        | storybook/internal/channels        |
+| @storybook/client-logger   | storybook/internal/client-logger   |
+| @storybook/core-common     | storybook/internal/common          |
+| @storybook/core-events     | storybook/internal/core-events     |
+| @storybook/csf-tools       | storybook/internal/csf-tools       |
+| @storybook/docs-tools      | storybook/internal/docs-tools      |
+| @storybook/node-logger     | storybook/internal/node-logger     |
+| @storybook/router          | storybook/internal/router          |
+| @storybook/telemetry       | storybook/internal/telemetry       |
+| @storybook/types           | storybook/internal/types           |
+| @storybook/manager         | storybook/internal/manager         |
+| @storybook/preview         | storybook/internal/preview         |
+| @storybook/core-server     | storybook/internal/core-server     |
+| @storybook/builder-manager | storybook/internal/builder-manager |
+| @storybook/components      | storybook/internal/components      |
+
+Addon authors may continue to use the internal packages, there is currently not yet any replacement.
+
 ### Dropped support for TypeScript < 4.9
 
 Storybook now requires TypeScript 4.9 or later. If you're using an older version of TypeScript, you'll need to upgrade to continue using Storybook.

code/.storybook/bench.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import type { Meta } from '@storybook/react';
+import type { Meta } from '@storybook/react-vite';
 
 // @ts-expect-error - TS doesn't know about import.meta.glob from Vite
 const allMetafiles = import.meta.glob([

code/.storybook/preview.tsx

@@ -16,8 +16,8 @@ import {
 
 import { DocsContext } from '@storybook/blocks';
 import { global } from '@storybook/global';
-import type { Decorator, Loader, ReactRenderer } from '@storybook/react';
 
+import type { Decorator, Loader, ReactRenderer } from '@storybook/react-vite';
 // TODO add empty preview
 // import * as storysource from '@storybook/addon-storysource';
 // import * as designs from '@storybook/addon-designs/preview';

code/.storybook/storybook.setup.ts

@@ -1,7 +1,8 @@
 import { beforeAll, vi, expect as vitestExpect } from 'vitest';
 
 import { setProjectAnnotations } from '@storybook/react';
-import { userEvent as storybookEvent, expect as storybookExpect } from '@storybook/test';
+
+import { userEvent as storybookEvent, expect as storybookExpect } from 'storybook/test';
 
 import preview from './preview';
 

code/.storybook/vitest.config.ts

@@ -1,5 +1,7 @@
 import { defaultExclude, defineProject, mergeConfig } from 'vitest/config';
 
+import { storybookTest } from '@storybook/addon-test/vitest-plugin';
+
 import Inspect from 'vite-plugin-inspect';
 
 import { vitestCommonConfig } from '../vitest.workspace';
@@ -22,14 +24,12 @@ export default mergeConfig(
   // @ts-expect-error added this because of testNamePattern below
   defineProject({
     plugins: [
-      import('@storybook/addon-test/vitest-plugin').then(({ storybookTest }) =>
-        storybookTest({
-          configDir: __dirname,
-          tags: {
-            include: ['vitest'],
-          },
-        })
-      ),
+      storybookTest({
+        configDir: __dirname,
+        tags: {
+          include: ['vitest'],
+        },
+      }),
       ...extraPlugins,
     ],
     test: {
@@ -40,7 +40,7 @@ export default mergeConfig(
         '**/__mockdata__/**',
         '../**/__mockdata__/**',
         '**/Zoom.stories.tsx', // expected to fail in Vitest because of fetching /iframe.html to cause ECONNREFUSED
-        '**/lib/blocks/src/**', // won't work because of https://github.com/storybookjs/storybook/issues/29783
+        '../lib/blocks/src/**', // won't work because of https://github.com/storybookjs/storybook/issues/29783
       ],
       // TODO: bring this back once portable stories support storybook/internal/preview-api hooks
       // @ts-expect-error this type does not exist but the property does!

code/addons/a11y/package.json

@@ -67,11 +67,10 @@
   },
   "dependencies": {
     "@storybook/addon-highlight": "workspace:*",
-    "@storybook/test": "workspace:*",
+    "@storybook/global": "^5.0.0",
     "axe-core": "^4.2.0"
   },
   "devDependencies": {
-    "@storybook/global": "^5.0.0",
     "@storybook/icons": "^1.2.12",
     "@testing-library/react": "^14.0.0",
     "execa": "^9.5.2",

code/addons/a11y/src/components/A11YPanel.stories.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import { ManagerContext } from 'storybook/internal/manager-api';
 import { ThemeProvider, convert, themes } from 'storybook/internal/theming';
 
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import type axe from 'axe-core';
+import { fn } from 'storybook/test';
 
 import { A11YPanel } from './A11YPanel';
 import { A11yContext } from './A11yContext';

code/addons/a11y/src/components/TestDiscrepancyMessage.stories.tsx

@@ -2,8 +2,9 @@ import React from 'react';
 
 import { ManagerContext } from 'storybook/internal/manager-api';
 
-import type { Meta, StoryObj } from '@storybook/react';
-import { fn } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { fn } from 'storybook/test';
 
 import { TestDiscrepancyMessage } from './TestDiscrepancyMessage';
 

code/addons/a11y/src/preview.tsx

@@ -1,6 +1,6 @@
 import type { AfterEach } from 'storybook/internal/types';
 
-import { expect } from '@storybook/test';
+import { expect } from 'storybook/test';
 
 import { run } from './a11yRunner';
 import type { A11yParameters } from './params';
@@ -64,7 +64,7 @@ export const experimental_afterEach: AfterEach<any> = async ({
               vitestMatchersExtended = true;
             }
 
-            // @ts-expect-error - todo - fix type extension of expect from @storybook/test
+            // @ts-expect-error - todo - fix type extension of expect from storybook/test
             expect(result).toHaveNoViolations();
           }
         }

code/addons/actions/package.json

@@ -74,7 +74,6 @@
     "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "@storybook/test": "workspace:*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-inspector": "^6.0.0",

code/addons/actions/src/loaders.ts

@@ -2,7 +2,8 @@
 import type { LoaderFunction } from 'storybook/internal/types';
 
 import { global } from '@storybook/global';
-import type { onMockCall as onMockCallType } from '@storybook/test';
+
+import type { onMockCall as onMockCallType } from 'storybook/test';
 
 import { action } from './runtime';
 

code/addons/actions/template/stories/spies.stories.ts

@@ -1,5 +1,6 @@
 import { global as globalThis } from '@storybook/global';
-import { spyOn } from '@storybook/test';
+
+import { spyOn } from 'storybook/test';
 
 const meta = {
   component: globalThis.Components.Button,

code/addons/controls/src/SaveStory.stories.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
 
-import type { Meta, StoryObj } from '@storybook/react';
-import { expect, fireEvent, fn, userEvent, within } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { action } from '@storybook/addon-actions';
 
+import { expect, fireEvent, fn, userEvent, within } from 'storybook/test';
+
 import { SaveStory } from './SaveStory';
 
 const meta = {

code/addons/docs/template/stories/docs2/resolved-react.stories.ts

@@ -2,7 +2,7 @@ import * as ReactExport from 'react';
 import * as ReactDom from 'react-dom';
 import * as ReactDomServer from 'react-dom/server';
 
-import { expect, within } from '@storybook/test';
+import { expect, within } from 'storybook/test';
 
 /**
  * This component is used to display the resolved version of React and its related packages. As long

code/addons/docs/template/stories/docspage/autoplay.stories.ts

@@ -1,4 +1,4 @@
-import { expect, within } from '@storybook/test';
+import { expect, within } from 'storybook/test';
 
 export default {
   component: globalThis.Components.Pre,

code/addons/docs/template/stories/docspage/basic.stories.ts

@@ -1,4 +1,4 @@
-import { fn } from '@storybook/test';
+import { fn } from 'storybook/test';
 
 export default {
   component: globalThis.Components.Button,

code/addons/interactions/README.md

@@ -9,7 +9,7 @@ Storybook Addon Interactions enables visual debugging of interactions and tests
 Install this addon by adding the `@storybook/addon-interactions` dependency:
 
 ```sh
-yarn add -D @storybook/addon-interactions @storybook/test
+yarn add -D @storybook/addon-interactions
 ```
 
 within `.storybook/main.js`:
@@ -24,10 +24,10 @@ Note that `@storybook/addon-interactions` must be listed **after** `@storybook/a
 
 ## Usage
 
-Interactions relies on "instrumented" versions of Vitest and Testing Library, that you import from `@storybook/test` instead of their original package. You can then use these libraries in your `play` function.
+Interactions relies on "instrumented" versions of Vitest and Testing Library, that you import from `storybook/test` instead of their original package. You can then use these libraries in your `play` function.
 
 ```js
-import { expect, fn, userEvent, within } from '@storybook/test';
+import { expect, fn, userEvent, within } from 'storybook/test';
 import { Button } from './Button';
 
 export default {

code/addons/interactions/package.json

@@ -63,7 +63,6 @@
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/test": "workspace:*",
     "polished": "^4.2.2",
     "ts-dedent": "^2.2.0"
   },

code/addons/interactions/src/components/Interaction.stories.tsx

@@ -1,7 +1,8 @@
 import { CallStates } from 'storybook/internal/instrumenter';
 
-import type { Meta, StoryObj } from '@storybook/react';
-import { expect, userEvent, within } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { expect, userEvent, within } from 'storybook/test';
 
 import { getCalls } from '../mocks';
 import { Interaction } from './Interaction';

code/addons/interactions/src/components/InteractionsPanel.stories.tsx

@@ -3,8 +3,9 @@ import React from 'react';
 import { CallStates } from 'storybook/internal/instrumenter';
 import { styled } from 'storybook/internal/theming';
 
-import type { Meta, StoryObj } from '@storybook/react';
-import { expect, userEvent, waitFor, within } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { expect, userEvent, waitFor, within } from 'storybook/test';
 
 import { isChromatic } from '../../../../.storybook/isChromatic';
 import { getCalls, getInteractions } from '../mocks';

code/addons/interactions/src/preview.ts

@@ -3,7 +3,7 @@ import type { PlayFunction, StepLabel, StepRunner, StoryContext } from 'storyboo
 
 // This makes sure that storybook test loaders are always loaded when addon-interactions is used
 // For 9.0 we want to merge storybook/test and addon-interactions into one addon.
-import '@storybook/test';
+import 'storybook/test';
 
 import type { InteractionsParameters } from './types';