@storybook/csf-plugin

CSF Plugin

The CSF plugin reads CSF files and enriches their content via static analysis. It supports Webpack, Vite, and other bundlers using unplugin.

Source snippets

CSF plugin can add static source snippets to each story. For example:

export const Basic = () => <Button />;

Would be transformed to:

export const Basic = () => <Button />;
Basic.parameters = {
  storySource: {
    source: '() => <Button />',
  },
  ...Basic.parameters,
};

This allows @storybook/addon-docs to display the static source snippet.

Changelog

7.0.0-beta.63 (March 9, 2023)

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