Gerador Storybook main.js

Você já tem um projeto React com Vite rodando e quer só encaixar o Storybook nele. Rodar o init às vezes reescreve mais coisa do que você gostaria, ou falha porque a estrutura de pastas foge do padrão. Na prática, o que falta é um arquivo: o .storybook/main.js apontando para as stories e dizendo qual framework usar.

A ferramenta imprime esse arquivo pronto, sem nenhum campo para preencher, já visível ao abrir a página. Ele exporta via module.exports um glob de stories em ../src com as extensões js, jsx, ts, tsx e mdx, a lista de addons essentials, interactions e links, o framework @storybook/react-vite e docs com autodocs no modo tag. O caminho é relativo à pasta .storybook, não à raiz do projeto.

Dois ajustes comuns. Como o arquivo usa module.exports, ele quebra se o package.json tiver type: module; renomeie para main.cjs ou troque por export default. E este é um config no formato do Storybook 7: em versões mais novas, boa parte dos addons essentials foi absorvida pelo core, então confira o que ainda precisa estar no array antes de instalar tudo. O texto é gerado no navegador.