storybook

Fresh out of the oven! Storybook 8.3 brings you:

• ⚡️ First-class Vitest integration to run stories as component tests

• 🔼 Next.js-Vite framework for Vitest compatibility and better DX

• 🗜️ Further reduced bundle size for a smaller install footprint

• 🌐 Experimental Story globals to standardize stories for themes, viewports, and locales

• 💯 Hundreds more improvements

List of all updates

• Addon Test: Improve messages and post install script handling

• Addon Viewport: Add default options via parameters

• Addon Test: Add experimental vitest integration

• Addon Test: Fix error message logic in set up file

• Addon Test: Fix indentation of 'vitePluginNext' in generated Vitest config file

• Addon Test: Fix postinstall file types

• Addon Test: Fix tests potentially not existing in non-isolate mode

• Addon Test: Set default viewport if applicable

• Addon Test: Set screenshotFailures to false by default

• Addon Docs: Remove babel dependency

• Addon Interactions: Fix status in panel tab

• Angular: Fix Angular template error for props with a circular reference

• Angular: Fix template props not able to use dot notation

• Backgrounds/Viewports: Make defaults overridable in StoryGlobals-mode

• Blocks: Fix scroll to non-ascii anchors

• Builder-Vite: Add null character prefix to virtual file IDs

• Builder-Vite: Fix 'condition node never be used' warning

• CLI: Add conditional logging for manager and preview start

• CLI: Fix dedent import in package managers

• CLI: Fix the initialization of Storybook in workspaces

• CLI: Handle Yarn PnP wrapper scenario when adding an addon

• CLI: Make PackageJson optional for starting a dev server

• CLI: Update spawn options in proxy.ts to support Windows

• Components: Remove external overrides

• ConfigFile: Fix as const satisfies modifiers

• Controls: Add disableSave parameter

• Core: Add Rsbuild frameworks to known frameworks

• Core: De-duplicate babel use in core

• Core: Fix header for MountMustBeDestructuredError message

• Core: Fix manager-builder tsconfig to emit react-jsx

• Core: Introduce setProjectAnnotations API to more renderers and frameworks

• Core: Make sure CJS build always has lowest prio

• Core: Move util to regular dependency

• Core: Split Storybook CLI

• Core: Upgrade docs-mdx for smaller install

• CPC: Add ESM export to docs-tools & node-logger packages

• CPC: Fix missing dependency in @storybook/addon-interactions

• CPC: Fix type generation

• CPC: Revert renames of panels, addon_ids

• CSF: Allow overridding globals at the story level

• Dependencies: Upgrade commander

• Add header for MountMustBeDestructuredError message

• Prevent iframe from capturing mouse events in composed Storybooks

• Maintenance: Add node:-prefix to node core-modules

• Maintenance: Rename addon-vitest to addon-test

• Next.js-Vite: Fix vite plugin exports

• Next.js-Vite: Streamline Next.js dir option

• Next.js-Vite: Update next and vite-plugin-storybook-nextjs dependencies

• Next.js: Add @storybook/nextjs-vite package

• Next.js: Fix wrong Next.js framework reference

• Next.js: Make RSC portable-stories compatible

• Next.js: Update dependencies

• Nextjs-Vite: Re-export vite-plugin-storybook-nextjs

• Portable Stories: Improve Handling of React Updates and Errors

• React: Avoid 'Dynamic require of react is not possible' issue

• React: Bundle in lodash

• Svelte: Fix events not being logged in Actions when a story has decorators

• SvelteKit: Introduce portable stories support

• SvelteKit/Vue3: Refactor plugin export paths

• Telemetry: Add globals stats

• Telemetry: Add portable stories

• Types: Adjust beforeAll to be non-nullable in NormalizedProjectAnnotations

• Types: Update type signatures of objects and functions

• UI: Fix collapse/expand all functionality

• UI: Fix conditional hooks usage in sidebar

• UI: Fix sidebar not wrapping

• Vite: Fix HMR

• Vite: Fix missing source map warning

• Vitest: Fix add command

• Vitest: Fix default viewport

• Vitest: Implement add command for vitest addon

• Vue: Add missing prop controls when using vue-component-meta docgen plugin

• Vue: Improve generated code snippets

• Vue3: Add vite plugin for portable stories