Upgrade to Storybook 8

[ShaunEvening]

What changed

• Update to node 18
• Update Storybook to v8
• Update React to v18
• Add @storybook/addon-webpack5-compiler-swc for compiler
• Remove mdx-gfm addon
• Replace use of @storybook/addons with @storybook/manager-api and @storybook/preview-api

Version

Published prerelease version: v8.0.0-next.1

Changelog

⚠️ Pushed to next

• broaden version ranges (@ndelangen)
• Set version to 8 alpha (@ShaunEvening)
• Temporarily remove broken addon (@ShaunEvening)
• Update some stories to CSF3 (@ShaunEvening)
• Remove old mdx addon (@ShaunEvening)
• Add missing typings (@ShaunEvening)
• Update to React18; Update to SB8 (@ShaunEvening)
• Update node version (@ShaunEvening)

Authors: 2

• Norbert de Langen (@ndelangen)
• Shaun Evening (@ShaunEvening)

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@auto-it/[email protected]	Transitive: environment, eval, filesystem, network, shell, unsafe	+183	90.1 MB	alisowski
npm/@babel/[email protected]	environment, filesystem, unsafe Transitive: shell	+52	10.8 MB	nicolo-ribaudo
npm/@babel/[email protected]	environment Transitive: filesystem, shell, unsafe	+161	14.7 MB	nicolo-ribaudo
npm/@babel/[email protected]	Transitive: environment, filesystem, shell, unsafe	+60	10.9 MB	nicolo-ribaudo
npm/@babel/[email protected]	Transitive: environment, filesystem, shell, unsafe	+64	11.4 MB	nicolo-ribaudo
npm/@figspec/[email protected]	Transitive: environment	+6	3.1 MB	pockawoooh
npm/@storybook/[email protected]	Transitive: environment	+9	3.85 MB	hypnosphi, igor-dv, jreinhold, ...5 more
npm/@storybook/[email protected]	Transitive: environment, eval, filesystem, network, shell, unsafe	+359	266 MB	shilman
npm/@storybook/[email protected]	Transitive: environment, eval, filesystem, network, shell, unsafe	+329	261 MB	hypnosphi, igor-dv, jreinhold, ...5 more
npm/@storybook/[email protected]	Transitive: environment	+7	1.09 MB	hypnosphi, igor-dv, jreinhold, ...5 more
npm/@storybook/[email protected]	Transitive: environment, eval, filesystem	+48	10.1 MB	shilman
npm/@storybook/[email protected]	eval Transitive: environment, filesystem, network, shell, unsafe	+234	248 MB	shilman
npm/@storybook/[email protected]	environment, eval Transitive: filesystem	+115	25.1 MB	shilman
npm/@storybook/[email protected]	Transitive: environment, eval, filesystem	+62	18.6 MB	hypnosphi, igor-dv, jreinhold, ...5 more
npm/@storybook/[email protected]	None	+1	111 kB	hypnosphi, igor-dv, jreinhold, ...5 more
npm/@storybook/[email protected]	Transitive: environment, eval, filesystem	+56	14.3 MB	alexandrebodin, amalik2, dandean, ...23 more
npm/@storybook/[email protected]	Transitive: environment, eval, filesystem	+48	8.51 MB	alexandrebodin, amalik2, dandean, ...23 more
npm/@storybook/[email protected]	Transitive: environment, eval, filesystem, network, shell, unsafe	+516	338 MB	alexandrebodin, amalik2, dandean, ...23 more
npm/@storybook/[email protected]	Transitive: environment, eval, filesystem, network, shell, unsafe	+275	310 MB	hypnosphi, igor-dv, jreinhold, ...5 more
npm/@storybook/[email protected]	environment	+10	5.76 MB	shilman
npm/@storybook/[email protected]	Transitive: environment	+10	5.76 MB	hypnosphi, igor-dv, jreinhold, ...5 more
npm/@types/[email protected]	None	+4	1.71 MB	types
npm/@types/[email protected]	None	+3	1.68 MB	types
npm/@types/[email protected]	None	0	16.7 kB	types
npm/[email protected]	Transitive: environment, eval, filesystem, network, shell, unsafe	+225	91 MB	alisowski
npm/[email protected]	None	0	19.8 kB	jonschlinkert
npm/[email protected]	environment	+4	4.93 MB	gnoff
npm/[email protected]	environment	+2	337 kB	gnoff
npm/[email protected]	Transitive: environment, eval, filesystem, network, shell, unsafe	+622	284 MB	ndelangen, shilman, usulpro

🚮 Removed packages: npm/@auto-it/[email protected], npm/@babel/[email protected], npm/@babel/[email protected], npm/@babel/[email protected], npm/@babel/[email protected], npm/@figspec/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@storybook/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected]

View full report↗︎

[socket-security]

👍 Dependency issues cleared. Learn more about Socket for GitHub ↗︎

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

Ignoring: npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected]

View full report↗︎

Next steps

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/[email protected] or ignore all packages with @SocketSecurity ignore-all

[ndelangen]

@SocketSecurity ignore @sinclair/[email protected]
@SocketSecurity ignore @storybook/[email protected]
@SocketSecurity ignore @storybook/[email protected]
@SocketSecurity ignore @storybook/[email protected]
@SocketSecurity ignore @storybook/[email protected]
@SocketSecurity ignore [email protected]
@SocketSecurity ignore [email protected]
@SocketSecurity ignore [email protected]
@SocketSecurity ignore [email protected]
@SocketSecurity ignore [email protected]
@SocketSecurity ignore [email protected]
@SocketSecurity ignore [email protected]
@SocketSecurity ignore [email protected]

[ndelangen]

@SocketSecurity ignore npm/[email protected]
@SocketSecurity ignore npm/[email protected]
@SocketSecurity ignore npm/[email protected]
@SocketSecurity ignore npm/[email protected]
@SocketSecurity ignore npm/[email protected]
@SocketSecurity ignore npm/[email protected]
@SocketSecurity ignore npm/[email protected]

[ndelangen]

@yannbf I think these version ranges should make it future compatible.. WDYT?

[yannbf]

@ndelangen maybe the range is good, but I think we should test a canary just to be sure

[yannbf]

Reminder NOT to merge this PR until Storybook 8 reaches stable. In the time being, as we push to this branch, a new next version will be generated.