Core: Pre-bundle @storybook/theming to avoid emotion11 conflicts

[ndelangen]

Issue: #16716 #13145 #13114

introduce pre-bundle script as an alternative to prepare script.

pre-bundling means we'll:

• create a runtime bundle of the entire package.
  we actually create the bundle 3 times (CJS, ESM, modern)
• create a collected type-definitions file

We can specify our source-code entry-point in our package's package.json file:

  "bundlerEntrypoint": "./src/index.ts",

And we can specify which dependencies we'd like to NOT be bundled (will apply to both the runtime bundles and type-definitions) by adding those modules to the dependencies and peerDependencies properties in package.json

To use the prebundle script instead of the prepare script:

  "scripts": {
    "prepare": "ts-node ../../scripts/prebundle.ts"
  },

You may need to install ts-node in the package for this to work.

TODO:

• fix bootstrap
• fix linting
• fix tests
• investigate if I can generate dist/ts3.4 again.
• implement some sort of watch mode for yarn dev

[nx-cloud]

☁️ Nx Cloud Report

CI ran the following commands for commit be09c8f. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 1 target

• nx run-many --target=prepare --all --parallel --max-parallel=15 -- --optimized

---

Sent with 💌 from NxCloud.

[nx-cloud]

Nx Cloud Report

We didn't find any information for the current pull request with the commit 603908d.
You might need to set the 'NX_BRANCH' environment variable in your CI pipeline.

Check the Nx Cloud Github Integration documentation for more information.

---

Sent with 💌 from NxCloud.

[robinmetral]

This mean that the emotionAlias flag can be dropped, right?

storybook/lib/core-server/src/presets/common-preset.ts

Line 104 in 612b03d

emotionAlias: false, // TODO remove in 7.0, this no longer does anything

[shilman]

@robinmetral already done in the 7.0 branch future/base