chromatic-cli icon indicating copy to clipboard operation
chromatic-cli copied to clipboard

Support multiple storybooks in TypeScript monorepos

Open relm923 opened this issue 2 years ago • 4 comments

The suggested work around for multiple Storybooks in a monorepo (docs) does not work with Typescript as the storybooks need to be transpiled with WebPack. There is no easy way to merge multiple WebPack builds even if they are using the same configurations.

Example Repo

apps/
  web-app-a/
    .storybook/
    package.json
    src/
      index.stories.tsx
    storybook-static
  web-app-b/
    .storybook/
    package.json
    src/
      index.stories.tsx
    storybook-static
  web-app-c/
    .storybook/
    package.json
    src/
      index.stories.tsx
    storybook-static

Suggested Options:

  1. Chromatic to add full support for multiple Chromatic projects in a single GitHub repo with full working PR checks
  2. Chromatic to add support for multiple Storybooks in a single Chromatic project

relm923 avatar Feb 26 '22 16:02 relm923

Having same issue

sandeepvortexa avatar Feb 28 '22 13:02 sandeepvortexa

+1

tibi2303 avatar Mar 01 '22 13:03 tibi2303

This is a must with Nx -> we have 2 apps: 1 nextjs app and one create react app with different setups and it is becoming a nightmare

paulvidal avatar May 10 '22 08:05 paulvidal

This would be very useful for us, too.

norbertdragan avatar Jun 06 '22 05:06 norbertdragan

My colleague shared an announcement with me, but it looks like monorepo is officially supported?

https://www.chromatic.com/blog/monorepo-support/

kenfdev avatar Oct 18 '22 14:10 kenfdev

Hi @kenfdev you are correct. Monorepo support is now officially supported.

ethriel3695 avatar Oct 18 '22 18:10 ethriel3695