storybook

Bug Fixes

• Revert "Merge pull request #21486 from storybookjs/norbert/wrap-for-pnp" #21532
• Revert "Merge pull request #21497 from storybookjs/tom/21432-replace-… #21526
• Csf-tools: Update babelParse to use legacy decorator syntax #21506

Storybook 7.0 is in RC!! 🎉🎉🎉

Upgrade today: Migration guide

Existing projects

If you're already using Storybook, upgrade using this command:

npx storybook@next upgrade --prerelease

That will perform the following actions:

1. Upgrade your project to the latest prerelease version of Storybook
2. Suggest auto-migrations related to that upgrade
3. One of those auto-migrations will install and configure this framework

New projects

To bootstrap a new Storybook project with 7.0, run: npx storybook@next init

Hundreds of improvements and fixes, including:

• First-class Framework integrations
  • Vite
  • NextJS
  • SvelteKit
• Docs overhaul
• Component Story Format v3 by default
• Improved type safety
• Design refresh
• Code coverage for testing

Track the release in the Github: Storybook 7.0 burndown 🛠

Bug Fixes

• CLI: Upgrade non-core storybook packages better #21508
• Svelte: Pass all arguments to configure through to fix StoryStoreV6 #21491
• Core: Fix project root detection in yarn PnP without git #21461
• Telemetry: Replace isomorphic-unfetch with node-fetch #21497
• Core: Fix builders/renderer PnP support #21486
• CLI: Require main.js without cache in automigrations #21498

Maintenance

• CLI: Filter out internal static dir logging #21137
• Docs: Error if you try to index an MDX file in ssv6 #21495

Build

• Build: add slash to fix windows test #21518

Bug Fixes

• Vite: Fix HMR of preview.js #21485
• Vite: Make sure we update the vite import map when .mdx is added #21490
• Docs: Don't allow passing of={} with undefined prop #21452
• Composition: Restore support for v2 stories.json #21354

Bug Fixes

• Story Index: Fix storySort parsing for parameters variable #21481
• React/Vite: Add some missing types #21449
• Docs: Cleanup with Promise instead of setTimeout #21476
• Docs: Re-render MDX files when you fix a thrown error #21454
• CLI: Fix mdx-to-csf codemod blocks imports #21448

Maintenance

• CLI: Copy tweaks for automigrations #21475
• CLI: Warn the user when stories glob does not match any file #21392
• Docs: Use Of type in useOf argument #21442
• Telemetry: Is interactive shell #21436

Bug Fixes

• Vite: Add react docgen types #21338
• Core: Print errors in withTelemetry before prompting #21407
• Add Angular Builder Codemods #21409
• Docs: Use async import rather than require in docs #21402
• Docs: Don't warn if we find the same entry twice #21403
• Telemetry: Ensure we report errors even when unexpected things happen #21416
• CLI: Fix versions.ts to install latest prerelease packages #21418
• Core: Remove pointless module.hot.decline() in addons #21421
• Docs: Allow ArgTable usage unattached #21371

Maintenance

• Addon-docs: Polish styling for 7.0 #21255

Features

• Docs: Show MDX errors using our error overlay #21369

Bug Fixes

• Core: Remove state deprecation warnings by default #21367
• Core: Fix default export storySort handling #21389
• Vue3: Add slot TS types #21359
• Docs: Fix issue with referencing non-story files with names similar or equal to docs files #21348

Maintenance

• Docs: Update invalid <Meta of={}> error to be more helpful. #21365

Dependency Upgrades

• Upgrade react-docgen-typescript-plugin for TS4.8 #21380

Bug Fixes

• Core: Fix storySort parsing in preview.js with default export #21353
• CLI: Remove the workspace root flag from the install command for yarn2 #21356
• Svelte/Vite: Prevent crash when no svelte.config file #21339
• Use stable Next.js v13.2.0 next/font #21247

Dependency Upgrades

• Bump version of get-tarball #21355

Bug Fixes

• CLI: Improve yarn/pnpm workspaces support for adding dependencies in CLI #21331
• Core: Fix manager.js ignored when sideEffects:false in package.json #21335
• Vite: Fix glob path creation for Windows #21305

Bug Fixes

• UI: Fix enableShortcuts, exclude it from being persisted #21291
• NextJS: Fix type references in Next.js >= 13.2.0 #21304
• CLI: Fix formatting of autodocs-true automigration #21314
• Docs: Remove warning when browsing away in React #21214

Maintenance

• CLI: Fix security report around download-tarball package #21201
• CSF-Tools/Codemods: Un-bundle babel, limit semver range of babel packages #21326

Bug Fixes

• CSF-tools/Codemods: Pre-bundle all babel related packages #21301
• UI: Fix height adjustment in ZoomElement in Safari #21174

Bug Fixes

• Core: Improve framework field validation #21299
• SvelteKit: Only disable SSR when building, not serving #21290
• CLI: Account for legacy framework values in automigration #21184
• TypeScript: Add env type to BuilderOptions #21173
• Core: Reverse order of project decorators #21182

Maintenance

• React-webpack: Fix dependencies to remove peerDep warnings #21278

Build

• Build: Improve sandbox task logs #21296

Bug Fixes

• NextJS: Fix next/babel preset #21104
• CLI: Pass config dir from upgrade to automigration #21270
• Docs: Show errors when stories throw in docs #21212
• CLI: Fix performance regression of storybook dev #21269

Build

• Build: Remove jest_workaround swc package by adding extra jest.mock functions #21249
• Build: Upgrade playwright & re-enable bench #21241

Features

• Core: Add preview.js default export support #21227
• TypeScript: Add preview type and update CLI template #21205
• Autodocs: Hide Stories block when only primary story exists #21178
• CLI: Add automigration for GFM in MDX #21186

Bug Fixes

• Docs: Remove react-dom@18 warning in docs #21197
• mdx-to-csf codemod: Fix wrong export referenced in generated mdx #21226
• Preact: Enable ts plugin by default #21225
• pnpm: Fix run command for pnpm API #21165
• Angular: Properly destroy component when switching to another Story #21219
• CLI: Fix SvelteKit automigration package name #21210
• Angular: Initialize .storybook without references to root in sub projects #21202

Maintenance

• CLI: Only run useful automigrations on init #21203

Build

• Build: Disable broken cra-bench #21238
• Revert "Remove vue-cli as sandbox template is currently busted" #21237
• Build: Add mixed exports test case to composeConfigs #21230
• Build: pass debug option to sandbox generate task #21200
• Build: add @storybook/bench #21199
• Build: Fix Playwright to v1.30.0 #21194

Features

• Codemod: Convert .stories.mdx to MDX and CSF #21073

Bug Fixes

• Csf Tools: Fix overriding scalar named export values #21190
• Csf Tools: Support satisfies and as TS operator with module.exports #21188
• Core: try harder to resolve .mjs files for the browser entries #21161
• CLI: Fix jscodeshift error: env: node\r: No such file or directory #21180
• Angular: Fix NG0800 error #21181
• Addon-docs: Fix style bleeding #21150
• CLI: Improve how automigrations read main.js #21168

Build

• Build: Add check step to ci:daily workflow #21169

Features

• Core: Coalesce multiple indexing errors into one #21114
• Core: Don't crash when there are errors indexing #21112

Bug Fixes

• CLI: Fix CRA init, ensure the new version of the preset #21166
• Angular: Fix 'isStandalone' function not available error #21167
• Angular: Fix constructor dependencies #21059
• NextJS: Add missing dependencies to fix pnpm #21162

Features

• CLI: Improve monorepo support in automigrate and revamp framework-related migrations #20647

Bug Fixes

• UI: Correctly detect Safari in browser supports CSS Zoom #21163
• Web-components: Fix StorybookConfig of webcomponents-webpack5 #21144
• Storysource: Fallback to the docs.source.originalSource parameter #21159
• UI: Fix skip to canvas link style #21021
• Vue2: Fix events to use bracket notation #20754

Maintenance

• Maintenance: Fix type errors on automigrate check step #21164
• Core: Rename framework parameter to renderer #21108
• Docs: Remove DocsOptions.disable #21098

Bug Fixes

• Revert upgrade to react-docgen-typescript-plugin #21147
• Revert Vite fix storysource addon support #21146
• UI: Fix Canvas zoom height #21138
• Addon-interaction: Fix tooltips don't disappear correctly #21105
• UI: Fix CSS zoom in Safari #21069

Maintenance

• Storysource: Rename "Story" tab to "Code" #21132
• TypeScript: Fix @ts-expect-error strict types #20981
• UI: Update border color to match Design System proposal #20660
• CLI: Don't render issue template reproduction section with shell #21128

Dependency Upgrades

• Vite: Update dep range for @storybook/mdx1-csf #21123

Bug Fixes

• NextJS: Fix static dirs lookup #21119
• Svelte/Vue: Use Vite by default #21002
• Storyshots: Fix issue with default export in main.js #21097
• Args: Fix boolean arg types parsing and encoding #21102

Maintenance

• CRA: Add CRA preset to monorepo #21107
• Web-components: Drop lit1 support #21106
• NextJS: Fix some dependency warnings #21117
• Types: Remove unnecessary dependencies #20993

Build

• Build: regen lockfiles #21126

Features

• Interactions: Add debugger to the addon panel #21088

Bug Fixes

• CLI: Fix pnp support & add auto-detection #21046
• Vite: Fix storysource addon support #21096
• NextJS: Fix dynamic source snippets #21029
• Addon-docs: Fix source snippets for duplicate source blocks #20915

Maintenance

• TypeScript: Fix some unsound type check errors #21081

Build

• Build: Fix yarn build command #21099
• Tech: upgrades #21086

Dependency Upgrades

• Remove unused dependencies from core-common #20994
• Upgrade react-docgen-typescript-plugin #21095

Features

• Vite: Support legacyMdx1 fallback flag #20823
• CLI: Automigration to update mdx stories config #21035

Bug Fixes

• Vue3: Fix CSF2 support with decorators #20995
• CLI: Do not use modern TS assets in legacy TS projects #20458
• CLI: Fix conflicts with static dirs #21064

Maintenance

• CLI: Update init script for react-native v6.5 #20719
• CLI: Re-enable vue-vite in new-frameworks automigration #20970