Vite: Add builder-vite, react-vite, and vue3-vite

[IanVS]

Issue:

Branched from #19002

What I did

• Add builder-vite to monorepo
• Add react-vite framework
• Add vue3-vite framework
• Remove react/vue3-specific code from builder
• Updated vite builder
  • Added previewEntries preset support for parity with builder-webpack5
  • Updated story roots for V7 per Future - Rename Storybook DOM root IDs #10638

How to test

• CI passes
• Locally:

yarn task --task smoke-test --template react-vite/default-js --force
yarn task --task smoke-test --template vue3-vite/default-js --force

[IanVS]

I traced down the error to the vue3 renderer. It was trying to pass an argument to .unmount(), which was removed in vuejs/core#2601, which first went out in vue 3.0.6, so updating off of 3.0.0 was breaking tsup's DTS creation.

In fact, if you look at the circleci build job: https://app.circleci.com/pipelines/github/storybookjs/storybook/28586/workflows/403fcf57-c793-489d-8ad4-556916d15c99/jobs/404987, you'll see that it's green, but if you check the bootstrap task, there are NX errors. I think that if NX fails to build a package, it should fail the CI job.

[IanVS]

I'm running the e2e-sandbox tests locally, and it's not crashing. All I can see is a few firefox specs failing, but that doesn't seem like what's happening in CI.

Another thing I've noticed, when I first open up localhost:8001, I get an error: Error: Cannot render docs before preparing. But, refreshing the page is fine. It seems to only happen when there's no ?path= in the URL.

Edit: maybe the firefox failures are what's happening in CI after all: https://app.circleci.com/pipelines/github/storybookjs/storybook/28590/workflows/a66fc97a-f506-46fe-87bd-5cdf91ede154/jobs/405073/artifacts

What seems to be happening in the failing tests is that the navigation to the intended story is not happening, perhaps because the navigation happens too soon, before the page is fully ready, and it stays on the introduction docs page.

[shilman]

@IanVS I updated the tsconfig.json to have the same structure as the rest of the monorepo. There are a bunch of flags I removed, and I invite you to add them back as needed, probably in a separate PR 😄

[shilman]

Hallelujah!