@storybook/csf-tools

Storybook CSF Tools

An experimental library to read, analyze, transform, and write CSF programmatically.

• Read - Parse a CSF file with Babel
• Analyze - Extract its metadata & stories based on the Babel AST
• Write - Write the AST back to a file

It can can parse MDX into CSF.

Coming soon:

• Transform - Update the AST to add/remove/modify stories & metadata (TODO)

Similar packages

Other packages similar to @storybook/csf-tools

storybook-addon-specifications

This package allows you to write tests next to your Storybook stories. It provides a similar concept of enhancing the Storybook experience but focuses on integrating tests rather than manipulating CSF files.

react-docgen-typescript-loader

This package is a webpack loader to generate docgen information from TypeScript React components. While it does not directly manipulate CSF files, it enhances the Storybook documentation experience, similar to how @storybook/csf-tools enhances the story writing experience.

storybook-addon-jsx

This addon for Storybook allows you to view the JSX of the story. It provides a different layer of functionality by displaying the code that generates the story, whereas @storybook/csf-tools is more about creating and transforming the story files themselves.