Skip to content

Upgrade Storybook 8 to 10 - #9

Merged
microbit-matt-hillsdon merged 1 commit into
mainfrom
storybook-10
Sep 1, 2026
Merged

Upgrade Storybook 8 to 10#9
microbit-matt-hillsdon merged 1 commit into
mainfrom
storybook-10

Conversation

@microbit-matt-hillsdon

Copy link
Copy Markdown
Contributor

Applied the same changes as makecode-embed's upgrade, verified with the full ci script.

Drop unused addons: essentials and interactions are core in Storybook 9+; links, docs and Chromatic were unused (no linkTo, MDX, autodocs tags, or Chromatic CI). This leaves storybook, @storybook/react-vite and eslint-plugin-storybook as the only Storybook dev dependencies. The docs.autodocs option was removed in Storybook 9.

Story and preview imports move from @storybook/react to @storybook/react-vite as direct renderer imports are deprecated.

Ignore generated docs/build in eslint: a new eslint-plugin-storybook rule flags stale typedoc output there.

Disable the onboarding checklist and what's new notifications.

The lockfile is regenerated as npm could not resolve the major bumps in place.

Applied the same changes as makecode-embed's upgrade, verified with the
full ci script.

Drop unused addons: essentials and interactions are core in Storybook 9+;
links, docs and Chromatic were unused (no linkTo, MDX, autodocs tags, or
Chromatic CI). This leaves storybook, @storybook/react-vite and
eslint-plugin-storybook as the only Storybook dev dependencies. The
docs.autodocs option was removed in Storybook 9.

Story and preview imports move from @storybook/react to
@storybook/react-vite as direct renderer imports are deprecated.

Ignore generated docs/build in eslint: a new eslint-plugin-storybook
rule flags stale typedoc output there.

Disable the onboarding checklist and what's new notifications.

The lockfile is regenerated as npm could not resolve the major bumps
in place.
@microbit-matt-hillsdon

Copy link
Copy Markdown
Contributor Author

Motivated by npm/renovate tying itself in knots (and wasting 15 mins of timeout) on this upgrade.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying python-editor-embed with  Cloudflare Pages  Cloudflare Pages

Latest commit: b2cbdab
Status: ✅  Deploy successful!
Preview URL: https://878ef8f6.python-editor-embed.pages.dev
Branch Preview URL: https://storybook-10.python-editor-embed.pages.dev

View logs

Comment thread .storybook/preview.ts
@@ -1,4 +1,4 @@
import type { Preview } from "@storybook/react";
import type { Preview } from "@storybook/react-vite";

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This seemed weird but is an intentional restructuring that should address exactly the issue that meant it was hard to just npm upgrade.

@microbit-matt-hillsdon
microbit-matt-hillsdon merged commit 0ec4aff into main Sep 1, 2026
4 checks passed
@microbit-matt-hillsdon
microbit-matt-hillsdon deleted the storybook-10 branch September 1, 2026 08:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant