Support @storybook/experimental-nextjs-vite

storybookjs · Aug 6, 2024 · 259c485 · 259c485
1 parent bced89b
commit 259c485
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -1,11 +1,11 @@
 # vite-plugin-storybook-nextjs
 
-This is a Vite plugin that allows you to use Next.js features in Vite. It is the basis for `@storybook/nextjs-vite` and should be used when running portable stories in Vitest.
+This is a Vite plugin that allows you to use Next.js features in Vite. It is the basis for `@storybook/experimental-nextjs-vite` and should be used when running portable stories in Vitest.
 
 ## Features
 
 - **Next.js Integration**: Seamlessly integrate Next.js features into your Vite project.
-- **Storybook Compatibility**: Acts as the foundation for `@storybook/nextjs-vite`, enabling you to use Storybook with Next.js in a Vite environment.
+- **Storybook Compatibility**: Acts as the foundation for `@storybook/experimental-nextjs-vite`, enabling you to use Storybook with Next.js in a Vite environment.
 - **Portable Stories**: Ideal for running portable stories in Vitest, ensuring your components are tested in an environment that closely mirrors production.
 
 ## Installation

diff --git a/src/plugins/next-mocks/plugin.ts b/src/plugins/next-mocks/plugin.ts
@@ -13,15 +13,28 @@ export const getAlias = (env: Env) => ({
  "next/headers": getEntryPoint("headers", env),
  "@storybook/nextjs/headers.mock": getEntryPoint("headers", env),
  "@storybook/nextjs-vite/headers.mock": getEntryPoint("headers", env),
+ "@storybook/experimental-nextjs-vite/headers.mock": getEntryPoint(
+ "headers",
+ env,
+ ),
  "next/navigation": getEntryPoint("navigation", env),
  "@storybook/nextjs/navigation.mock": getEntryPoint("navigation", env),
  "@storybook/nextjs-vite/navigation.mock": getEntryPoint("navigation", env),
+ "@storybook/experimental-nextjs-vite/navigation.mock": getEntryPoint(
+ "navigation",
+ env,
+ ),
  "next/router": getEntryPoint("router", env),
  "@storybook/nextjs/router.mock": getEntryPoint("router", env),
  "@storybook/nextjs-vite/router.mock": getEntryPoint("router", env),
+ "@storybook/experimental-nextjs-vite/router.mock": getEntryPoint(
+ "router",
+ env,
+ ),
  "next/cache": getEntryPoint("cache", env),
  "@storybook/nextjs/cache.mock": getEntryPoint("cache", env),
  "@storybook/nextjs-vite/cache.mock": getEntryPoint("cache", env),
+ "@storybook/experimental-nextjs-vite/cache.mock": getEntryPoint("cache", env),
  "server-only": getEntryPoint("server-only", env),
  "@opentelemetry/api": require.resolve(
  "next/dist/compiled/@opentelemetry/api",