fix: (dirty) workaround for autodocs in for WDS & Rollup build

Author: florian-sanders-cc

package-lock.json

@@ -48,6 +48,9 @@
   ],
   "dependencies": {
     "@chialab/esbuild-plugin-commonjs": "^0.17.2",
+    "@rollup/plugin-alias": "^5.0.1",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.0.1",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/pluginutils": "^5.0.2",
     "@storybook/core-common": "^7.0.0",
@@ -67,6 +70,7 @@
     "path-browserify": "^1.0.1",
     "rollup": "^3.25.1",
     "rollup-plugin-external-globals": "^0.7.3",
+    "rollup-plugin-inject-process-env": "^1.3.1",
     "slash": "^5.1.0"
   },
   "devDependencies": {

packages/storybook-builder/package.json

@@ -20,6 +20,10 @@ import {
   rollupPluginPrebundleModules,
 } from './rollup-plugin-prebundle-modules';
 import { rollupPluginStorybookBuilder } from './rollup-plugin-storybook-builder';
+import rollupPluginCommonjs from '@rollup/plugin-commonjs';
+import rollupPluginInjectProcessEnv from 'rollup-plugin-inject-process-env';
+import rollupPluginJson from '@rollup/plugin-json';
+import alias from '@rollup/plugin-alias';
 
 const wdsPluginExternalGlobals = fromRollup(rollupPluginExternalGlobals);
 const wdsPluginPrebundleModules = fromRollup(rollupPluginPrebundleModules);
@@ -144,7 +148,14 @@ export const build: WdsBuilder['build'] = async ({ startTime, options }) => {
         extractAssets: false,
       }),
       rollupPluginNodeResolve(),
-      rollupPluginPrebundleModules(env),
+      alias({
+        entries: [
+          { find: 'assert', replacement: 'browser-assert' },
+        ]
+      }),
+      rollupPluginJson(),
+      rollupPluginCommonjs(),
+      rollupPluginInjectProcessEnv(env),
       rollupPluginStorybookBuilder(options),
       rollupPluginExternalGlobals(globals),
     ],

packages/storybook-builder/src/index.ts

@@ -85,4 +85,37 @@ export const CANDIDATES = [
 
   // ESM, but uses `process.env.NODE_ENV`
   'tiny-invariant',
+  /**
+     * dependency of '@storybook/react-dom-shim' (https://cdn.jsdelivr.net/npm/@storybook/react-dom-shim@7.5.1/dist/react-16.mjs)
+     * exports rely on commonjs: https://cdn.jsdelivr.net/npm/react-dom@18.2.0/index.js
+     */ 
+  'react-dom',
+  /**
+   * dependency of '@storybook/theming' (https://cdn.jsdelivr.net/npm/@storybook/theming@7.5.1/dist/index.mjs) 
+   * `import * as React from 'react';
+   * import { forwardRef, useContext } from 'react';`
+   * exports rely on commonjs: https://cdn.jsdelivr.net/npm/react@18.2.0/index.js
+   */
+  'react',
+  /**
+   * dependency of '@storybook/theming' (https://cdn.jsdelivr.net/npm/@storybook/theming@7.5.1/dist/index.mjs)
+   * `import memoize2 from 'memoizerific';`
+   * exports rely on commonjs: https://cdn.jsdelivr.net/npm/memoizerific@1.11.3/src/memoizerific.js
+   */
+  'memoizerific',
+  /**
+   * dependencies of '@storybook/blocks' (https://cdn.jsdelivr.net/npm/@storybook/blocks@7.5.1/dist/index.mjs)
+   * they all rely on commonjs (https://cdn.jsdelivr.net/npm/lodash@4.17.21/uniq.js for instance)
+   */
+  'lodash/uniq.js',
+  'lodash/pickBy.js',
+  'lodash/cloneDeep.js',
+  'lodash/throttle.js',
+  /**
+   * dependency of '@storybook/dist/Color-[hash].msj' (https://cdn.jsdelivr.net/npm/@storybook/blocks@7.5.1/dist/Color-6VNJS4EI.mjs)
+   * exports rely on commonjs: https://cdn.jsdelivr.net/npm/color-convert@2.0.1/index.js 
+   */
+  'color-convert',
+  'tocbot',
+  '@storybook/blocks',
 ];