Merge pull request #2675 from modernweb-dev/fix/storybook-builder-tocbot-default

fix(storybook-builder): fix tocbot default import by @storybook/blocks

Author: bashmish

.changeset/four-scissors-greet.md

@@ -0,0 +1,5 @@
+---
+'@web/storybook-builder': patch
+---
+
+fix tocbot default import by @storybook/blocks

packages/storybook-builder/src/esbuild-plugin-commonjs-named-exports.ts

@@ -19,7 +19,13 @@ export function esbuildPluginCommonjsNamedExports(module: string, namedExports:
           contents: `
             import { default as commonjsExports } from '${module}?force-original';
             ${namedExports
-              .map(name => `export const ${name} = commonjsExports.${name};`)
+              .map(name => {
+                if (name === 'default') {
+                  return `export default commonjsExports;`;
+                } else {
+                  return `export const ${name} = commonjsExports.${name};`;
+                }
+              })
               .join('\n')}
           `,
         };

packages/storybook-builder/src/rollup-plugin-prebundle-modules.ts

@@ -50,7 +50,7 @@ export function rollupPluginPrebundleModules(env: Record<string, string>): Plugi
           /* for @storybook/addon-docs */
           // tocbot can't be automatically transformed by @chialab/esbuild-plugin-commonjs
           // so we need a manual wrapper
-          esbuildPluginCommonjsNamedExports('tocbot', ['init', 'destroy']),
+          esbuildPluginCommonjsNamedExports('tocbot', ['default', 'init', 'destroy']),
 
           esbuildPluginCommonjs(),
         ],