Merge pull request #2703 from modernweb-dev/fix/storybook-builder-pro…

…viderImportSource-extension fix(storybook-builder): fix providerImportSource extension when using @storybook/addon-essentials
modernweb-dev · Apr 17, 2024 · 691afb0 · 691afb0
2 parents 872c92b + 7b11064
commit 691afb0
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/.changeset/clean-olives-fly.md b/.changeset/clean-olives-fly.md
@@ -0,0 +1,5 @@
+---
+'@web/storybook-builder': patch
+---
+
+fix providerImportSource extension when using @storybook/addon-essentials
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/storybook-builder/src/rollup-plugin-mdx.ts b/packages/storybook-builder/src/rollup-plugin-mdx.ts
@@ -1,6 +1,7 @@
 import { compile } from '@storybook/mdx2-csf';
 import type { Options } from '@storybook/types';
-import { readFile } from 'fs-extra';
+import { exists, readFile } from 'fs-extra';
+import { isAbsolute } from 'path';
 import remarkExternalLinks from 'remark-external-links';
 import remarkSlug from 'remark-slug';
 import type { Plugin } from 'rollup';
@@ -43,7 +44,16 @@ export function rollupPluginMdx(storybookOptions: Options): Plugin {
         jsxOptions,
       });
 
-      const jsCode = compile(mdxCode, {
+      // workaround for https://github.com/storybookjs/storybook/blob/v7.6.17/code/addons/essentials/src/docs/preset.ts#L10
+      const { providerImportSource } = mdxLoaderOptions.mdxCompileOptions;
+      if (isAbsolute(providerImportSource)) {
+        const providerImportSourceWithExt = providerImportSource + '.mjs';
+        if (await exists(providerImportSourceWithExt)) {
+          mdxLoaderOptions.mdxCompileOptions.providerImportSource = providerImportSourceWithExt;
+        }
+      }
+
+      const jsCode = await compile(mdxCode, {
         skipCsf: true,
         ...mdxLoaderOptions,
       });