Extensión de VSCode: Open Storybook – ejecuta rápido solo el Storybook que quieres

Contexto

Nuestro equipo estaba teniendo problemas de velocidad al ejecutar Storybook.
A medida que el proyecto crecía, el tiempo total de build de Storybook se fue alargando cada vez más,
y era incómodo tener que ejecutar siempre todo Storybook o modificar la ruta en .storybook/main.ts cada vez que solo queríamos abrir una parte de las stories para probarlas.

Para resolver esto, creamos una extensión de VSCode llamada "Open Storybook".
Al igual que con Jest Runner, hicimos posible que Storybook también pueda "ejecutarse seleccionando solo una carpeta específica desde el explorador de archivos" o "ejecutarse seleccionando el archivo de Storybook que quieres".

Funciones

• Carpeta - clic derecho - comando Open Stories: puedes abrir adicionalmente todos los Storybooks dentro de esa carpeta.
• Paleta de comandos: comando Open Storybook: si ya hay Storybooks abiertos con el comando, puedes ver juntos los existentes + el nuevo Storybook. (Si se abre con Open Stories, también se combinan del mismo modo).
• Gestión de monorepo: administra por separado la terminal de Storybook para cada paquete.
• Busca y ejecuta el comando de storybook en script; si no existe, lo ejecuta con npx storybook.

Instalación

• en extensiones, busca roseline-song.open-storybook o open storybook
• en el caso de Cursor: si aparece un error de compatibilidad de versión de vscode, haz clic en el botón de engrane junto a install - install specific version - instala la versión más reciente

[guseod24]

Versión 0.0.5

Muestra un mensaje de error si intentas abrir con Open Storybook un archivo que no es de Storybook.
Se solucionó el problema en el que la ruta de Storybook por paquete se seguía acumulando continuamente.
Se restaura main.ts al cerrar la terminal de Storybook.