Skip to content

upgrade to storybook 10, vite 7#144

Merged
carylwyatt merged 6 commits intomainfrom
storybook10
Apr 20, 2026
Merged

upgrade to storybook 10, vite 7#144
carylwyatt merged 6 commits intomainfrom
storybook10

Conversation

@carylwyatt
Copy link
Copy Markdown
Member

@carylwyatt carylwyatt commented Apr 16, 2026

The vite 7 upgrade was so easy in page turner yesterday that it got me thinking about firebird vite and storybook. So I did that today along with some other minor package bumps.

I was able to remove the custom plugin that was the workaround for our manifest file names.
This turned out to be false. If we want to remove this custom plugin, we need to rewrite the functions that fetch the files from the manifest (thinking /mdp-web/firebird/skeleton.xsl, catalog/interface/plugins/function.firebird_manifest.php, wordpress-hathitrust/functions.php, pt/web/firebird/.../main.svelte.js) to use style.css instead of index.css, which shouldn't be hard, and I should do that when we upgrade to vite 8.

I also removed some ugly old path naming conventions and updated those with the node-native import.meta.dirname (thanks, node 20/ESM!).

The chromatic builds are passing, but I should test this on dev-3 before merging. Update: tested on dev-3 and everything is fine

Edit to add: the github action node version was 18 😱 So I updated that to 22 and the checkout and node-setup actions versions to latest (v6 on both).

Edit to add a celebration: we're finally back up to latest release on Storybook 🥳

@carylwyatt carylwyatt requested a review from kron-spar April 16, 2026 18:40
@carylwyatt
Copy link
Copy Markdown
Member Author

@kron-spar I updated this github action to use checkout v6 and setup-node v6 since they're the latest. It's passing and seems fine, but just wanted to pass this your way in case we're not using the latest on these for some reason.

Copy link
Copy Markdown

@kron-spar kron-spar left a comment

Choose a reason for hiding this comment

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

These changes for the action look good to me!

@carylwyatt carylwyatt requested a review from aelkiss April 16, 2026 19:47
Copy link
Copy Markdown
Member

@aelkiss aelkiss left a comment

Choose a reason for hiding this comment

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

All seems fine to me; storybook looks good in chromatic. I didn't try anything locally.

Comment thread vite.config.js Outdated
optimizeDeps: {
include: ['@storybook/svelte-vite', 'bootstrap', '@storybook/test'],
},
// optimizeDeps: {
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

I noticed this area is commented out. Will these be revisited at a later time?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Nah, I just forgot to delete it after testing the change worked.

A previous storybook migration added these lines, but this current Storybook migration threw errors about these lines while running tests. I commented them out to see if it broke anything and forgot to go back and delete before pushing to github.

Thanks for the note!

Copy link
Copy Markdown

@eumalin eumalin left a comment

Choose a reason for hiding this comment

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

Looks good to me

@carylwyatt carylwyatt merged commit d65e0a9 into main Apr 20, 2026
5 checks passed
@carylwyatt carylwyatt deleted the storybook10 branch April 20, 2026 12:57
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.

4 participants