-
-
Notifications
You must be signed in to change notification settings - Fork 55
fix(create-rslib): compatible with Storybook 10 #1310
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR adds the createRequire import and setup to enable the use of require.resolve() in ES module-based Storybook configuration files. This is necessary for the getAbsolutePath function to resolve package paths in environments like Yarn PnP or monorepos.
- Adds
createRequireimport fromnode:module - Creates a
requirefunction usingcreateRequire(import.meta.url)
Reviewed Changes
Copilot reviewed 16 out of 16 changed files in this pull request and generated 8 comments.
Show a summary per file
| File | Description |
|---|---|
| template-[vue]-[storybook]-ts/.storybook/main.ts | Adds createRequire setup for Vue+Storybook TypeScript template |
| template-[vue]-[storybook]-js/.storybook/main.js | Adds createRequire setup for Vue+Storybook JavaScript template |
| template-[vue]-[storybook,vitest]-ts/.storybook/main.ts | Adds createRequire setup for Vue+Storybook+Vitest TypeScript template |
| template-[vue]-[storybook,vitest]-js/.storybook/main.js | Adds createRequire setup for Vue+Storybook+Vitest JavaScript template |
| template-[vue]-[rstest,storybook]-ts/.storybook/main.ts | Adds createRequire setup for Vue+rstest+Storybook TypeScript template |
| template-[vue]-[rstest,storybook]-js/.storybook/main.js | Adds createRequire setup for Vue+rstest+Storybook JavaScript template |
| template-[react]-[storybook]-ts/.storybook/main.ts | Adds createRequire setup for React+Storybook TypeScript template |
| template-[react]-[storybook]-js/.storybook/main.js | Adds createRequire setup for React+Storybook JavaScript template |
| template-[react]-[storybook,vitest]-ts/.storybook/main.ts | Adds createRequire setup for React+Storybook+Vitest TypeScript template |
| template-[react]-[storybook,vitest]-js/.storybook/main.js | Adds createRequire setup for React+Storybook+Vitest JavaScript template |
| template-[react]-[rstest,storybook]-ts/.storybook/main.ts | Adds createRequire setup for React+rstest+Storybook TypeScript template |
| template-[react]-[rstest,storybook]-js/.storybook/main.js | Adds createRequire setup for React+rstest+Storybook JavaScript template |
| fragments/tools/storybook-vue-ts/.storybook/main.ts | Adds createRequire setup for Vue+Storybook TypeScript fragment |
| fragments/tools/storybook-vue-js/.storybook/main.js | Adds createRequire setup for Vue+Storybook JavaScript fragment |
| fragments/tools/storybook-react-ts/.storybook/main.ts | Adds createRequire setup for React+Storybook TypeScript fragment |
| fragments/tools/storybook-react-js/.storybook/main.js | Adds createRequire setup for React+Storybook JavaScript fragment |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
packages/create-rslib/template-[vue]-[storybook,vitest]-js/.storybook/main.js
Show resolved
Hide resolved
packages/create-rslib/template-[vue]-[rstest,storybook]-js/.storybook/main.js
Show resolved
Hide resolved
packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js
Show resolved
Hide resolved
packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js
Show resolved
Hide resolved
packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js
Show resolved
Hide resolved
packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js
Show resolved
Hide resolved
packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js
Show resolved
Hide resolved
Timeless0911
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
should also compatible in https://github.com/rspack-contrib/rstack-examples/tree/main/rslib
Summary
due to the breaking change of https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#from-version-9x-to-1000. use pure ESM syntax in Storybook config files.
Related Links
Checklist