storybook

8.3.0-alpha.0

8.2.0

Hold onto your hats! Storybook 8.2 has dropped, packed with a treasure trove of new features and bug fixes:

• 🪝 New test hook beforeAll
• 🕹️ Enhanced play function
• 📦 Portable stories that let you use your stories in other testing tools
• 🎁 Consolidated dependency to bring you better performance in a smaller package
• ✨ Brand new onboarding experience to get you up to speed quicker
• 💯 Hundreds more improvements

• Addon Controls: Fix saving on Windows - #28485, thanks @ghengeveld!
• Addon Interactions: Use unique keys when rendering array nodes in panel - #28423, thanks @yannbf!
• Addon Onboarding: Add icons for dev/test/doc to the splash screen - #28389, thanks @ghengeveld!
• Addon Onboarding: New design and flow based on Save from Controls - #28327, thanks @ghengeveld!
• Addon Onboarding: Trigger onboarding during init for Vue and Angular projects - #28482, thanks @ghengeveld!
• Addon-A11y: Fix property default assignment - #27224, thanks @valentinpalkovic!
• Angular: Allow format configuration of custom source preview - #28305, thanks @64BitAsura!
• Angular: Allow outputPath object syntax - #28144, thanks @valentinpalkovic!
• Angular: Cleanup types - #27189, thanks @valentinpalkovic!
• Angular: Fix enableProdMode setting - #28415, thanks @valentinpalkovic!
• Angular: Fix wrong detection of standalone components - #27353, thanks @dario-baumberger!
• Angular: Introduce preserveSymlink builder option - #28145, thanks @valentinpalkovic!
• Angular: Update outputPath default value in angular-cli-webpack.js - #28418, thanks @valentinpalkovic!
• Babel: Ensure story files not transpiled earlier than ES2017 - #28469, thanks @kasperpeulen!
• Blocks: Fix reference to storybook core - #28422, thanks @yannbf!
• Blocks: Prebundle tocbot - #28318, thanks @shilman!
• Build: Change require/import order, so that import has higher prio if both are specified - #27730, thanks @kasperpeulen!
• Build: Ignore ts stories in cra/default-js sandbox - #28354, thanks @valentinpalkovic!
• CLI: Add --no-dev option to init - #26918, thanks @fastfrwrd!
• CLI: Add optional --dev and --no-dev options to storybook init CLI - #26918, thanks @fastfrwrd!
• CLI: Add support for Nuxt to project init - #26884, thanks @tobiasdiez!
• CLI: Fix CLI always asking all automigrations - #28238, thanks @ndelangen!
• CLI: Improve error message when fetching CLI version - #28289, thanks @yannbf!
• CLI: Include @storybook/addon-svelte-csf when initializing new projects - #27070, thanks @benmccann!
• CLI: Prebundle get-npm-tarball-url and @ndelangen/get-tarball - #28481, thanks @ndelangen!
• Config: Apply JavaScript-only story glob extensions for JavaScript projects - #28338, thanks @valentinpalkovic!
• Controls: Fix date picker control validation and assignment - #26695, thanks @leeovictor!
• Controls: Fix grouped Radio controls to have the same name - #23374, thanks @srapilly!
• Controls: Throttling makes Color control lagging - #22615, thanks @gitstart!
• Core: Add context as a property of the context (self-referencing) - #28353, thanks @kasperpeulen!
• Core: Add support for beforeAll hook - #28255, thanks @ghengeveld!
• Core: Fix startup hang caused by watchStorySpecifiers - #27016, thanks @heyimalex!
• Core: Make sure StorybookError message shows up in browser console and interactions panel - #28464, thanks @kasperpeulen!
• Core: Migrate from pkg-dir to fd-package-json - #28270, thanks @43081j!
• Core: Refactor phases to run in order loading -> rendering -> playing - #28431, thanks @kasperpeulen!
• Core: Remove more .stories.mdx handling - #25973, thanks @JReinhold!
• Core: Remove util dependency - #28191, thanks @43081j!
• CPC: Add CJS for core/components - #28440, thanks @ndelangen!
• CPC: Core Package Consolidation - #27039, thanks @ndelangen!
• CSF: Automatically extract componentPath - #24396, thanks @shilman!
• CSF: Rename preview.js globals to initialGlobals - #27517, thanks @shilman!
• Dependencies: Allow esbuild version 0.21.x - #28245, thanks @edoardocavazza!
• Dependency: bump markdown-to-jsx to v7.4.5 - #26694, thanks @xyy94813!
• Dependency: Bump Express.js - #26680, thanks @valentinpalkovic!
• Dependency: Remove node-fetch - #28160, thanks @yk-kd!
• Dependency: Upgrade webpack-virtual-modules to 0.6.0 - #27102, thanks @fyodorovandrei!
• Deps: Migrate from read-pkg-up to fd-package-json - #28272, thanks @43081j!
• Docs-tools: Replace doctrine with jsdoc-type-pratt-parser - #26305, thanks @43081j!
• Docs: Filter mount stories from Stories block, error when referenced in MDX - #28434, thanks @kasperpeulen!
• Docs: Fix Typeset Doc block fontSizes type - #26475, thanks @noranda!
• Index: Fix MDX to override project-level autodocs - #28461, thanks @shilman!
• Indexer: Improve locating stories with specials chars in path - #22110, thanks @jankoritak!
• Next: Set default targets for next babel config - #28443, thanks @kasperpeulen!
• Next.js: Set env.bugfixes in SWC so destructuring is never transpiled - #28363, thanks @kasperpeulen!
• React: Export ButtonProps and HeaderProps in CLI templates - #28487, thanks @valentinpalkovic!
• SWC: Set default targets for swc that align with our esbuild targets - #28435, thanks @kasperpeulen!
• Telemetry: Stop prompting about crash reports in CI - #28433, thanks @yannbf!
• Test: Add args to mount in react, svelte, and vue renderers - #28385, thanks @kasperpeulen!
• Test: Add mount property to the story context - #28383, thanks @kasperpeulen!
• Test: Enhance the context with canvas when the test package is used - #28368, thanks @kasperpeulen!
• Test: Improve MountMustBeDestructuredError error message - #28468, thanks @kasperpeulen!
• Test: Reactive spies preserve the this instance - #28445, thanks @kasperpeulen!
• Types: Fix type implementation for CompatibleString - #27180, thanks @sni-J!
• Vite: Fix asset warning by externalizing sb-common-assets font - #27110, thanks @valentinpalkovic!
• Vue3: Enable new hydration mismatch compile time flag - #27192, thanks @Cherry!
• Webpack5/Vite: Fix sourcemaps - #27171, thanks @valentinpalkovic!

8.2.0-beta.3

• Addon Controls: Fix saving on Windows - #28485, thanks @ghengeveld!
• React: Export ButtonProps and HeaderProps in CLI templates - #28487, thanks @valentinpalkovic!

8.2.0-beta.2

• Addon Onboarding: Trigger onboarding during init for Vue and Angular projects - #28482, thanks @ghengeveld!
• CLI: Prebundle get-npm-tarball-url and @ndelangen/get-tarball - #28481, thanks @ndelangen!

8.2.0-beta.1

• Babel: Ensure story files not transpiled earlier than ES2017 - #28469, thanks @kasperpeulen!
• Blocks: Prebundle tocbot - #28318, thanks @shilman!
• Core: Make sure StorybookError message shows up in browser console and interactions panel - #28464, thanks @kasperpeulen!
• Index: Fix MDX to override project-level autodocs - #28461, thanks @shilman!
• Test: Improve MountMustBeDestructuredError error message - #28468, thanks @kasperpeulen!

8.2.0-beta.0

• Addon Interactions: Use unique keys when rendering array nodes in panel - #28423, thanks @yannbf!
• Addon Onboarding: Add icons for dev/test/doc to the splash screen - #28389, thanks @ghengeveld!
• Addon Onboarding: New design and flow based on Save from Controls - #28327, thanks @ghengeveld!
• Angular: Allow format configuration of custom source preview - #28305, thanks @64BitAsura!
• Angular: Fix enableProdMode setting - #28415, thanks @valentinpalkovic!
• Angular: Update outputPath default value in angular-cli-webpack.js - #28418, thanks @valentinpalkovic!
• Blocks: Fix reference to storybook core - #28422, thanks @yannbf!
• Build: Ignore ts stories in cra/default-js sandbox - #28354, thanks @valentinpalkovic!
• CLI: Add support for Nuxt to project init - #26884, thanks @tobiasdiez!
• CLI: Improve error message when fetching CLI version - #28289, thanks @yannbf!
• CPC: Add CJS for core/components - #28440, thanks @ndelangen!
• CPC: Core Package Consolidation - #27039, thanks @ndelangen!
• Config: Apply JavaScript-only story glob extensions for JavaScript projects - #28338, thanks @valentinpalkovic!
• Core: Add context as a property of the context (self-referencing) - #28353, thanks @kasperpeulen!
• Core: Add support for beforeAll hook - #28255, thanks @ghengeveld!
• Core: Migrate from pkg-dir to fd-package-json - #28270, thanks @43081j!
• Core: Refactor phases to run in order loading -> rendering -> playing - #28431, thanks @kasperpeulen!
• Dependency: Remove node-fetch - #28160, thanks @yk-kd!
• Deps: Migrate from read-pkg-up to fd-package-json - #28272, thanks @43081j!
• Docs: Filter mount stories from Stories block, error when referenced in MDX - #28434, thanks @kasperpeulen!
• Indexer: Improve locating stories with specials chars in path - #22110, thanks @jankoritak!
• Next.js: Set env.bugfixes in SWC so destructuring is never transpiled - #28363, thanks @kasperpeulen!
• Next: Set default targets for next babel config - #28443, thanks @kasperpeulen!
• SWC: Set default targets for swc that align with our esbuild targets - #28435, thanks @kasperpeulen!
• Telemetry: Detect Node version - #28299, thanks @yannbf!
• Telemetry: Stop prompting about crash reports in CI - #28433, thanks @yannbf!
• Test: Add args to mount in react, svelte, and vue renderers - #28385, thanks @kasperpeulen!
• Test: Add mount property to the story context - #28383, thanks @kasperpeulen!
• Test: Enhance the context with canvas when the test package is used - #28368, thanks @kasperpeulen!
• Test: Reactive spies preserve the this instance - #28445, thanks @kasperpeulen!

8.1.11

• Telemetry: Detect Node version - #28299, thanks @yannbf!
• Test: Upgrade deps of @storybook/test - #27862, thanks @kasperpeulen!

• Core: Replace ip function to address security concerns #27529, thanks @tony19
• Telemetry: Detect Node version #28299, thanks @yannbf
• Angular: Support v18 #27237, thanks @valentinpalkovic

8.1.10

• Addon-interactions: Fix deprecation warnings - #28250, thanks @shilman!
• Test: Upgrade deps of @storybook/test - #27862, thanks @kasperpeulen!

8.2.0-alpha.10

• Addon-interactions: Fix deprecation warnings - #28250, thanks @shilman!
• Core: Remove util dependency - #28191, thanks @43081j!
• Dependencies: Allow esbuild version 0.21.x - #28245, thanks @edoardocavazza!

8.2.0-alpha.9

• Addon-a11y: Workaround for Vite 5.3.0 compat - #28241, thanks @shilman!
• CLI: Fix CLI always asking all automigrations - #28238, thanks @ndelangen!
• Core: Fix startup hang caused by watchStorySpecifiers - #27016, thanks @heyimalex!

8.1.9

• Addon-a11y: Workaround for Vite 5.3.0 compat - #28241, thanks @shilman!
• CLI: Add --no-dev option to init - #26918, thanks @fastfrwrd!
• CLI: Fix init --skip-install - #28226, thanks @shilman!

8.1.8

• Automigrations: Make VTA "learn more" link clickable - #28020, thanks @deiga!
• CLI: Fix init --skip-install - #28226, thanks @shilman!

8.2.0-alpha.8

• Automigrations: Make VTA "learn more" link clickable - #28020, thanks @deiga!
• CLI: Fix init --skip-install - #28226, thanks @shilman!
• CSF: Rename preview.js globals to initialGlobals - #27517, thanks @shilman!

8.1.7

• Addon-actions: Only log spies with names - #28091, thanks @kasperpeulen!
• CLI: Fix typo in React Docgen migration - #27536, thanks @jonniebigodes!
• Portable Stories: Add tags to composed story - #27708, thanks @yannbf!
• Test: Display toHaveBeenCalledWith expected / received values on failure - #28088, thanks @kasperpeulen!

8.2.0-alpha.7

• Angular: Allow outputPath object syntax - #28144, thanks @valentinpalkovic!
• Angular: Introduce preserveSymlink builder option - #28145, thanks @valentinpalkovic!
• CLI: Fix typo in React Docgen migration - #27536, thanks @jonniebigodes!
• CSF: Automatically extract componentPath - #24396, thanks @shilman!
• Core: Remove more .stories.mdx handling - #25973, thanks @JReinhold!
• Docs-tools: Replace doctrine with jsdoc-type-pratt-parser - #26305, thanks @43081j!
• Test: Display toHaveBeenCalledWith expected / received values on failure - #28088, thanks @kasperpeulen!

8.2.0-alpha.6

• Addon-actions: Only log spies with names - #28091, thanks @kasperpeulen!
• Build: Change require/import order, so that import has higher prio if both are specified - #27730, thanks @kasperpeulen!
• CLI: Only log the UpgradeStorybookToSameVersionError but continue the upgrade as normal - #27217, thanks @kasperpeulen!
• Core: Replace ip function with a small helper function to address security concerns - #27529, thanks @tony19!
• Portable Stories: Add tags to composed story - #27708, thanks @yannbf!
• Test: Upgrade deps of @storybook/test - #27862, thanks @kasperpeulen!
• Vite: Fix stats-plugin to normalize file names with posix paths - #27218, thanks @AlexAtVista!

8.1.6

• CLI: Only log UpgradeStorybookToSameVersionError but continue upgrade as normal - #27217, thanks @kasperpeulen!
• Core: Replace ip function with a small helper function to address security concerns - #27529, thanks @tony19!
• Tags: Fix unsafe project-level tags lookup - #27511, thanks @shilman!
• Vite: Fix stats-plugin to normalize file names with posix paths - #27218, thanks @AlexAtVista!

8.2.0-alpha.5

• Angular: Fix wrong detection of standalone components - #27353, thanks @dario-baumberger!
• Dependency: Bump Express.js - #26680, thanks @valentinpalkovic!
• Tags: Fix unsafe project-level tags lookup - #27511, thanks @shilman!

8.1.5

• CSF-Tools: Fix export specifier bug - #27418, thanks @valentinpalkovic!
• Dependency: Upgrade tempy - #27366, thanks @mnigh!
• Tags: Refine composition behavior - #27379, thanks @shilman!
• Theming: Fix self-referencing type - #27155, thanks @SimenB!