vite-plugin-storybook-nextjs 0.0.3 → 0.0.4--canary.fb0538a.0

package/dist/index.js

@@ -21,7 +21,7 @@ import { getParserOptions } from 'next/dist/build/swc/options.js';
 import loadConfig from 'next/dist/server/config.js';
 import { cpus } from 'node:os';
 import { decode } from 'node:querystring';
-import { fileURLToPath, URL } from 'node:url';
+import { fileURLToPath, URL as URL$1 } from 'node:url';
 import imageSizeOf from 'image-size';
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
@@ -571,7 +571,7 @@ var getVitestSWCTransformConfig = ({
 }) => {
   const baseOptions = getBaseSWCOptions({
     filename,
-    development: false,
+    development: isDev,
     hasReactRefresh: false,
     globalWindow: !isServerEnvironment,
     modularizeImports: nextConfig.modularizeImports,
@@ -588,6 +588,7 @@ var getVitestSWCTransformConfig = ({
     )
   });
   const useCjsModules = shouldOutputCommonJs(filename);
+  const isPageFile = nextDirectories.pagesDir ? filename.startsWith(nextDirectories.pagesDir) : false;
   return {
     ...baseOptions,
     fontLoaders: {
@@ -622,10 +623,13 @@ var getVitestSWCTransformConfig = ({
     module: {
       type: isEsmProject && !useCjsModules ? "es6" : "commonjs"
     },
-    disableNextSsg: true,
+    disableNextSsg: !isPageFile,
     disablePageConfig: true,
+    isPageFile,
     pagesDir: nextDirectories.pagesDir,
     appDir: nextDirectories.appDir,
+    isDevelopment: isDev,
+    isServerCompiler: isServerEnvironment,
     inputSourceMap: inputSourceMap && typeof inputSourceMap === "object" ? JSON.stringify(inputSourceMap) : void 0,
     sourceFileName: filename,
     filename
@@ -652,7 +656,7 @@ function vitePluginNextSwc(rootDir, nextConfigResolver) {
       const nextConfig = await nextConfigResolver.promise;
       nextDirectories = findPagesDir(resolvedDir);
       loadedJSConfig = await loadJsConfig.default(resolvedDir, nextConfig);
-      isDev = env.mode === "development";
+      isDev = env.mode !== "production";
       await loadClosestPackageJson(resolvedDir);
       isEsmProject = true;
       await loadSWCBindingsEagerly(nextConfig);
@@ -770,7 +774,7 @@ function vitePluginNextImage(nextConfigResolver) {
       if (virtualNextImage === id) {
         return (await fs3.promises.readFile(
           fileURLToPath(
-            new URL(
+            new URL$1(
               "./plugins/next-image/alias/next-image.js",
               import.meta.url
             )
@@ -780,7 +784,7 @@ function vitePluginNextImage(nextConfigResolver) {
       if (virtualNextLegacyImage === id) {
         return (await fs3.promises.readFile(
           fileURLToPath(
-            new URL(
+            new URL$1(
               "./plugins/next-image/alias/next-legacy-image.js",
               import.meta.url
             )
@@ -790,7 +794,7 @@ function vitePluginNextImage(nextConfigResolver) {
       if (virtualNextImageDefaultLoader === id) {
         return (await fs3.promises.readFile(
           fileURLToPath(
-            new URL(
+            new URL$1(
               "./plugins/next-image/alias/image-default-loader.js",
               import.meta.url
             )
@@ -800,7 +804,7 @@ function vitePluginNextImage(nextConfigResolver) {
       if (virtualNextImageContext === id) {
         return (await fs3.promises.readFile(
           fileURLToPath(
-            new URL(
+            new URL$1(
               "./plugins/next-image/alias/image-context.js",
               import.meta.url
             )
@@ -850,12 +854,36 @@ function vitePluginNextImage(nextConfigResolver) {
     }
   };
 }
+var dirname = path.dirname(new URL(import.meta.url).pathname);
+var joinDir = (...subPath) => path.join(dirname, "plugins", "next-mocks", "alias", ...subPath);
+var vitePluginNextMocks = () => ({
+  name: "vite-plugin-next-mocks",
+  config: () => ({
+    resolve: {
+      alias: {
+        "next/headers": joinDir("headers", "index.js"),
+        "@storybook/nextjs/headers.mock": joinDir("headers", "index.js"),
+        "next/navigation": joinDir("navigation", "index.js"),
+        "@storybook/nextjs/navigation.mock": joinDir(
+          "navigation",
+          "index.js"
+        ),
+        "next/router": joinDir("router", "index.js"),
+        "@storybook/nextjs/router.mock": joinDir("router", "index.js"),
+        "next/cache": joinDir("cache", "index.js"),
+        "@storybook/nextjs/cache.mock": joinDir("cache", "index.js"),
+        "server-only$": joinDir("rsc", "server-only.js")
+      }
+    }
+  })
+});
 
 // src/index.ts
-createRequire(import.meta.url);
+var require3 = createRequire(import.meta.url);
 function VitePlugin({ dir = process.cwd() } = {}) {
   const resolvedDir = resolve(dir);
   const nextConfigResolver = Promise.withResolvers();
+  const isVitestEnv = process.env.VITEST === "true";
   return [
     {
       name: "vite-plugin-storybook-nextjs",
@@ -866,13 +894,52 @@ function VitePlugin({ dir = process.cwd() } = {}) {
           // @ts-ignore TODO figure out why TypeScript is complaining about this
           await loadConfig.default(phase, resolvedDir)
         );
-        return config;
+        return {
+          ...!isVitestEnv && {
+            resolve: {
+              alias: {
+                react: "next/dist/compiled/react",
+                "react-dom": "next/dist/compiled/react-dom"
+              }
+            }
+          },
+          test: {
+            alias: {
+              "react/jsx-dev-runtime": require3.resolve(
+                "next/dist/compiled/react/jsx-dev-runtime.js"
+              ),
+              "react/jsx-runtime": require3.resolve(
+                "next/dist/compiled/react/jsx-runtime.js"
+              ),
+              react: require3.resolve("next/dist/compiled/react"),
+              "react-dom/test-utils": require3.resolve(
+                "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js"
+              ),
+              "react-dom/cjs/react-dom.development.js": require3.resolve(
+                "next/dist/compiled/react-dom/cjs/react-dom.development.js"
+              ),
+              "react-dom/client": require3.resolve(
+                "next/dist/compiled/react-dom/client.js"
+              ),
+              "react-dom": require3.resolve("next/dist/compiled/react-dom")
+            }
+          }
+        };
+      },
+      configResolved(config) {
+        if (!config.test?.browser?.enabled) {
+          config.test.setupFiles = [
+            require3.resolve("./mocks/storybook.global.js"),
+            ...config.test?.setupFiles ?? []
+          ];
+        }
       }
     },
     vitePluginNextFont(),
     vitePluginNextSwc(dir, nextConfigResolver),
     vitePluginNextEnv(dir, nextConfigResolver),
-    vitePluginNextImage(nextConfigResolver)
+    vitePluginNextImage(nextConfigResolver),
+    vitePluginNextMocks()
   ];
 }
 var src_default = VitePlugin;

package/dist/mocks/storybook.global.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/mocks/storybook.global.js

@@ -0,0 +1,15 @@
+import moduleAlias from 'module-alias';
+
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+moduleAlias.addAliases({
+  react: "next/dist/compiled/react",
+  "react-dom/test-utils": __require.resolve(
+    "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js"
+  ),
+  "react-dom": "next/dist/compiled/react-dom"
+});

package/dist/plugins/next-image/alias/next-image.d.ts

@@ -1,8 +1,8 @@
 import * as next_dist_shared_lib_get_img_props from 'next/dist/shared/lib/get-img-props';
 import * as _NextImage from 'next/image';
-import React from 'react';
+import React__default from 'react';
 
-declare const MockedNextImage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "height" | "width" | "loading" | "ref" | "alt" | "src" | "srcSet"> & {
+declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "height" | "width" | "loading" | "ref" | "alt" | "src" | "srcSet"> & {
     src: string | next_dist_shared_lib_get_img_props.StaticImport;
     alt: string;
     width?: number | `${number}` | undefined;
@@ -22,7 +22,7 @@ declare const MockedNextImage: React.ForwardRefExoticComponent<Omit<React.Detail
     objectPosition?: string | undefined;
     lazyBoundary?: string | undefined;
     lazyRoot?: string | undefined;
-} & React.RefAttributes<HTMLImageElement>>;
+} & React__default.RefAttributes<HTMLImageElement>>;
 declare const getImageProps: (props: _NextImage.ImageProps) => {
     props: next_dist_shared_lib_get_img_props.ImgProps;
 };

package/dist/plugins/next-image/alias/next-legacy-image.d.ts

@@ -1,6 +1,6 @@
 import * as _NextLegacyImage from 'next/legacy/image';
-import React from 'react';
+import React__default from 'react';
 
-declare function NextLegacyImage({ loader, ...props }: _NextLegacyImage.ImageProps): React.JSX.Element;
+declare function NextLegacyImage({ loader, ...props }: _NextLegacyImage.ImageProps): React__default.JSX.Element;
 
 export { NextLegacyImage as default };

package/dist/plugins/next-mocks/alias/cache/index.d.ts

@@ -0,0 +1,16 @@
+import * as vitest from 'vitest';
+import { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
+export { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
+import { unstable_noStore } from 'next/dist/server/web/spec-extension/unstable-no-store';
+export { unstable_noStore } from 'next/dist/server/web/spec-extension/unstable-no-store';
+
+declare const revalidatePath: vitest.Mock<any, any>;
+declare const revalidateTag: vitest.Mock<any, any>;
+declare const cacheExports: {
+    unstable_cache: typeof unstable_cache;
+    revalidateTag: vitest.Mock<any, any>;
+    revalidatePath: vitest.Mock<any, any>;
+    unstable_noStore: typeof unstable_noStore;
+};
+
+export { cacheExports as default, revalidatePath, revalidateTag };

package/dist/plugins/next-mocks/alias/cache/index.js

@@ -0,0 +1,18 @@
+import { fn } from '@storybook/test';
+import { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
+export { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
+import { unstable_noStore } from 'next/dist/server/web/spec-extension/unstable-no-store';
+export { unstable_noStore } from 'next/dist/server/web/spec-extension/unstable-no-store';
+
+// src/plugins/next-mocks/alias/cache/index.ts
+var revalidatePath = fn().mockName("next/cache::revalidatePath");
+var revalidateTag = fn().mockName("next/cache::revalidateTag");
+var cacheExports = {
+  unstable_cache,
+  revalidateTag,
+  revalidatePath,
+  unstable_noStore
+};
+var cache_default = cacheExports;
+
+export { cache_default as default, revalidatePath, revalidateTag };

package/dist/plugins/next-mocks/alias/headers/cookies.d.ts

@@ -0,0 +1,14 @@
+import * as vitest from 'vitest';
+import * as next_dist_compiled__edge_runtime_cookies from 'next/dist/compiled/@edge-runtime/cookies';
+import { RequestCookies } from 'next/dist/compiled/@edge-runtime/cookies';
+
+declare class RequestCookiesMock extends RequestCookies {
+    get: vitest.Mock<[name: string] | [next_dist_compiled__edge_runtime_cookies.RequestCookie], next_dist_compiled__edge_runtime_cookies.RequestCookie | undefined>;
+    getAll: vitest.Mock<[next_dist_compiled__edge_runtime_cookies.RequestCookie] | [name: string] | [], next_dist_compiled__edge_runtime_cookies.RequestCookie[]>;
+    has: vitest.Mock<[name: string], boolean>;
+    set: vitest.Mock<[key: string, value: string] | [options: next_dist_compiled__edge_runtime_cookies.RequestCookie], this>;
+    delete: vitest.Mock<[names: string | string[]], boolean | boolean[]>;
+}
+declare const cookies: vitest.Mock<[], RequestCookiesMock>;
+
+export { cookies };

package/dist/plugins/next-mocks/alias/headers/cookies.js

@@ -0,0 +1,34 @@
+import { headers } from '@storybook/nextjs/headers.mock';
+import { fn } from '@storybook/test';
+import { RequestCookies } from 'next/dist/compiled/@edge-runtime/cookies';
+
+// src/plugins/next-mocks/alias/headers/cookies.ts
+var RequestCookiesMock = class extends RequestCookies {
+  constructor() {
+    super(...arguments);
+    this.get = fn(super.get.bind(this)).mockName("next/headers::cookies().get");
+    this.getAll = fn(super.getAll.bind(this)).mockName(
+      "next/headers::cookies().getAll"
+    );
+    this.has = fn(super.has.bind(this)).mockName("next/headers::cookies().has");
+    this.set = fn(super.set.bind(this)).mockName("next/headers::cookies().set");
+    this.delete = fn(super.delete.bind(this)).mockName(
+      "next/headers::cookies().delete"
+    );
+  }
+};
+var requestCookiesMock;
+var cookies = fn(() => {
+  if (!requestCookiesMock) {
+    requestCookiesMock = new RequestCookiesMock(headers());
+  }
+  return requestCookiesMock;
+}).mockName("next/headers::cookies()");
+var originalRestore = cookies.mockRestore.bind(null);
+cookies.mockRestore = () => {
+  originalRestore();
+  headers.mockRestore();
+  requestCookiesMock = new RequestCookiesMock(headers());
+};
+
+export { cookies };

package/dist/plugins/next-mocks/alias/headers/headers.d.ts

@@ -0,0 +1,21 @@
+import * as vitest from 'vitest';
+import { HeadersAdapter } from 'next/dist/server/web/spec-extension/adapters/headers';
+
+declare class HeadersAdapterMock extends HeadersAdapter {
+    constructor();
+    append: vitest.Mock<[name: string, value: string], void>;
+    delete: vitest.Mock<[name: string], void>;
+    get: vitest.Mock<[name: string], string | null>;
+    has: vitest.Mock<[name: string], boolean>;
+    set: vitest.Mock<[name: string, value: string], void>;
+    forEach: vitest.Mock<[callbackfn: (value: string, name: string, parent: Headers) => void, thisArg?: any], void>;
+    entries: vitest.Mock<[], IterableIterator<[string, string]>>;
+    keys: vitest.Mock<[], IterableIterator<string>>;
+    values: vitest.Mock<[], IterableIterator<string>>;
+}
+declare const headers: {
+    (): HeadersAdapterMock;
+    mockRestore(): void;
+};
+
+export { headers };

package/dist/plugins/next-mocks/alias/headers/headers.js

@@ -0,0 +1,38 @@
+import { fn } from '@storybook/test';
+import { HeadersAdapter } from 'next/dist/server/web/spec-extension/adapters/headers';
+
+// src/plugins/next-mocks/alias/headers/headers.ts
+var HeadersAdapterMock = class extends HeadersAdapter {
+  constructor() {
+    super({});
+    this.append = fn(super.append.bind(this)).mockName(
+      "next/headers::headers().append"
+    );
+    this.delete = fn(super.delete.bind(this)).mockName(
+      "next/headers::headers().delete"
+    );
+    this.get = fn(super.get.bind(this)).mockName("next/headers::headers().get");
+    this.has = fn(super.has.bind(this)).mockName("next/headers::headers().has");
+    this.set = fn(super.set.bind(this)).mockName("next/headers::headers().set");
+    this.forEach = fn(super.forEach.bind(this)).mockName(
+      "next/headers::headers().forEach"
+    );
+    this.entries = fn(super.entries.bind(this)).mockName(
+      "next/headers::headers().entries"
+    );
+    this.keys = fn(super.keys.bind(this)).mockName("next/headers::headers().keys");
+    this.values = fn(super.values.bind(this)).mockName(
+      "next/headers::headers().values"
+    );
+  }
+};
+var headersAdapterMock;
+var headers = () => {
+  if (!headersAdapterMock) headersAdapterMock = new HeadersAdapterMock();
+  return headersAdapterMock;
+};
+headers.mockRestore = () => {
+  headersAdapterMock = new HeadersAdapterMock();
+};
+
+export { headers };

package/dist/plugins/next-mocks/alias/headers/index.d.ts

@@ -0,0 +1,10 @@
+import * as vitest from 'vitest';
+import * as next_dist_client_components_draft_mode from 'next/dist/client/components/draft-mode';
+export { headers } from './headers.js';
+export { cookies } from './cookies.js';
+import 'next/dist/server/web/spec-extension/adapters/headers';
+import 'next/dist/compiled/@edge-runtime/cookies';
+
+declare const draftMode: vitest.Mock<[], next_dist_client_components_draft_mode.DraftMode>;
+
+export { draftMode };

package/dist/plugins/next-mocks/alias/headers/index.js

@@ -0,0 +1,71 @@
+import { fn } from '@storybook/test';
+import * as originalHeaders from 'next/dist/client/components/headers';
+import { HeadersAdapter } from 'next/dist/server/web/spec-extension/adapters/headers';
+import { headers as headers$1 } from '@storybook/nextjs/headers.mock';
+import { RequestCookies } from 'next/dist/compiled/@edge-runtime/cookies';
+
+// src/plugins/next-mocks/alias/headers/index.ts
+var HeadersAdapterMock = class extends HeadersAdapter {
+  constructor() {
+    super({});
+    this.append = fn(super.append.bind(this)).mockName(
+      "next/headers::headers().append"
+    );
+    this.delete = fn(super.delete.bind(this)).mockName(
+      "next/headers::headers().delete"
+    );
+    this.get = fn(super.get.bind(this)).mockName("next/headers::headers().get");
+    this.has = fn(super.has.bind(this)).mockName("next/headers::headers().has");
+    this.set = fn(super.set.bind(this)).mockName("next/headers::headers().set");
+    this.forEach = fn(super.forEach.bind(this)).mockName(
+      "next/headers::headers().forEach"
+    );
+    this.entries = fn(super.entries.bind(this)).mockName(
+      "next/headers::headers().entries"
+    );
+    this.keys = fn(super.keys.bind(this)).mockName("next/headers::headers().keys");
+    this.values = fn(super.values.bind(this)).mockName(
+      "next/headers::headers().values"
+    );
+  }
+};
+var headersAdapterMock;
+var headers = () => {
+  if (!headersAdapterMock) headersAdapterMock = new HeadersAdapterMock();
+  return headersAdapterMock;
+};
+headers.mockRestore = () => {
+  headersAdapterMock = new HeadersAdapterMock();
+};
+var RequestCookiesMock = class extends RequestCookies {
+  constructor() {
+    super(...arguments);
+    this.get = fn(super.get.bind(this)).mockName("next/headers::cookies().get");
+    this.getAll = fn(super.getAll.bind(this)).mockName(
+      "next/headers::cookies().getAll"
+    );
+    this.has = fn(super.has.bind(this)).mockName("next/headers::cookies().has");
+    this.set = fn(super.set.bind(this)).mockName("next/headers::cookies().set");
+    this.delete = fn(super.delete.bind(this)).mockName(
+      "next/headers::cookies().delete"
+    );
+  }
+};
+var requestCookiesMock;
+var cookies = fn(() => {
+  if (!requestCookiesMock) {
+    requestCookiesMock = new RequestCookiesMock(headers$1());
+  }
+  return requestCookiesMock;
+}).mockName("next/headers::cookies()");
+var originalRestore = cookies.mockRestore.bind(null);
+cookies.mockRestore = () => {
+  originalRestore();
+  headers$1.mockRestore();
+  requestCookiesMock = new RequestCookiesMock(headers$1());
+};
+
+// src/plugins/next-mocks/alias/headers/index.ts
+var draftMode2 = fn(originalHeaders.draftMode).mockName("draftMode");
+
+export { cookies, draftMode2 as draftMode, headers };

package/dist/plugins/next-mocks/alias/navigation/index.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as next_dist_shared_lib_app_router_context_shared_runtime from 'next/dist/shared/lib/app-router-context.shared-runtime';
+import { Mock } from '@storybook/test';
+import * as actual from 'next/dist/client/components/navigation';
+export * from 'next/dist/client/components/navigation';
+
+declare const createNavigation: (overrides?: Record<string, (...params: unknown[]) => unknown>) => {
+    push: Mock;
+    replace: Mock;
+    forward: Mock;
+    back: Mock;
+    prefetch: Mock;
+    refresh: Mock;
+};
+
+declare const redirect: Mock<[url: string, type?: actual.RedirectType | undefined], never>;
+declare const permanentRedirect: Mock<[url: string, type?: actual.RedirectType | undefined], never>;
+declare const useSearchParams: Mock<[], actual.ReadonlyURLSearchParams>;
+declare const usePathname: Mock<[], string>;
+declare const useSelectedLayoutSegment: Mock<[parallelRouteKey?: string | undefined], string | null>;
+declare const useSelectedLayoutSegments: Mock<[parallelRouteKey?: string | undefined], string[]>;
+declare const useRouter: Mock<[], next_dist_shared_lib_app_router_context_shared_runtime.AppRouterInstance>;
+declare const useServerInsertedHTML: Mock<[callback: () => React.ReactNode], void>;
+declare const notFound: Mock<[], never>;
+interface Params {
+    [key: string]: string | string[];
+}
+declare const useParams: Mock<[], Params>;
+
+export { createNavigation, notFound, permanentRedirect, redirect, useParams, usePathname, useRouter, useSearchParams, useSelectedLayoutSegment, useSelectedLayoutSegments, useServerInsertedHTML };

package/dist/plugins/next-mocks/alias/navigation/index.js

@@ -0,0 +1,65 @@
+import { fn } from '@storybook/test';
+import * as actual from 'next/dist/client/components/navigation';
+export * from 'next/dist/client/components/navigation';
+import { getRedirectError } from 'next/dist/client/components/redirect';
+import { RedirectStatusCode } from 'next/dist/client/components/redirect-status-code';
+
+// src/plugins/next-mocks/alias/navigation/index.ts
+var navigationAPI;
+var createNavigation = (overrides) => {
+  const navigationActions = {
+    push: fn().mockName("next/navigation::useRouter().push"),
+    replace: fn().mockName("next/navigation::useRouter().replace"),
+    forward: fn().mockName("next/navigation::useRouter().forward"),
+    back: fn().mockName("next/navigation::useRouter().back"),
+    prefetch: fn().mockName("next/navigation::useRouter().prefetch"),
+    refresh: fn().mockName("next/navigation::useRouter().refresh")
+  };
+  if (overrides) {
+    for (const key of Object.keys(navigationActions)) {
+      if (key in overrides) {
+        navigationActions[key] = fn((...args) => {
+          return overrides[key](...args);
+        }).mockName(`useRouter().${key}`);
+      }
+    }
+  }
+  navigationAPI = navigationActions;
+  return navigationAPI;
+};
+var redirect = fn(
+  (url, type = actual.RedirectType.push) => {
+    throw getRedirectError(url, type, RedirectStatusCode.SeeOther);
+  }
+).mockName("next/navigation::redirect");
+var permanentRedirect = fn(
+  (url, type = actual.RedirectType.push) => {
+    throw getRedirectError(url, type, RedirectStatusCode.SeeOther);
+  }
+).mockName("next/navigation::permanentRedirect");
+var useSearchParams2 = fn(actual.useSearchParams).mockName(
+  "next/navigation::useSearchParams"
+);
+var usePathname2 = fn(actual.usePathname).mockName(
+  "next/navigation::usePathname"
+);
+var useSelectedLayoutSegment2 = fn(
+  actual.useSelectedLayoutSegment
+).mockName("next/navigation::useSelectedLayoutSegment");
+var useSelectedLayoutSegments2 = fn(
+  actual.useSelectedLayoutSegments
+).mockName("next/navigation::useSelectedLayoutSegments");
+var useRouter2 = fn(actual.useRouter).mockName(
+  "next/navigation::useRouter"
+);
+var useServerInsertedHTML2 = fn(actual.useServerInsertedHTML).mockName(
+  "next/navigation::useServerInsertedHTML"
+);
+var notFound2 = fn(actual.notFound).mockName(
+  "next/navigation::notFound"
+);
+var useParams2 = fn(actual.useParams).mockName(
+  "next/navigation::useParams"
+);
+
+export { createNavigation, notFound2 as notFound, permanentRedirect, redirect, useParams2 as useParams, usePathname2 as usePathname, useRouter2 as useRouter, useSearchParams2 as useSearchParams, useSelectedLayoutSegment2 as useSelectedLayoutSegment, useSelectedLayoutSegments2 as useSelectedLayoutSegments, useServerInsertedHTML2 as useServerInsertedHTML };

package/dist/plugins/next-mocks/alias/router/index.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import * as next_dist_client_with_router from 'next/dist/client/with-router';
+import * as next_types from 'next/types';
+import { Mock } from '@storybook/test';
+import * as originalRouter from 'next/dist/client/router';
+import originalRouter__default from 'next/dist/client/router';
+export * from 'next/dist/client/router';
+export { default } from 'next/dist/client/router';
+import { NextRouter } from 'next/router';
+
+/**
+ * Creates a next/router router API mock. Used internally.
+ * @ignore
+ * @internal
+ * */
+declare const createRouter: (overrides: Partial<NextRouter>) => originalRouter.NextRouter;
+declare const getRouter: () => {
+    push: Mock;
+    replace: Mock;
+    reload: Mock;
+    back: Mock;
+    forward: Mock;
+    prefetch: Mock;
+    beforePopState: Mock;
+    events: {
+        on: Mock;
+        off: Mock;
+        emit: Mock;
+    };
+} & {
+    route: string;
+    asPath: string;
+    basePath: string;
+    pathname: string;
+    query: {};
+    isFallback: boolean;
+    isLocaleDomain: boolean;
+    isReady: boolean;
+    isPreview: boolean;
+};
+
+declare const useRouter: Mock<[], originalRouter.NextRouter>;
+declare const withRouter: Mock<[ComposedComponent: next_types.NextComponentType<next_types.NextPageContext, any, next_dist_client_with_router.WithRouterProps>], React.ComponentType<next_dist_client_with_router.ExcludeRouterProps<next_dist_client_with_router.WithRouterProps>>>;
+
+export { createRouter, getRouter, useRouter, withRouter };

package/dist/plugins/next-mocks/alias/router/index.js

@@ -0,0 +1,108 @@
+import { fn } from '@storybook/test';
+import * as singletonRouter from 'next/dist/client/router';
+import singletonRouter__default from 'next/dist/client/router';
+export * from 'next/dist/client/router';
+import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
+
+// src/plugins/next-mocks/alias/router/index.ts
+var defaultRouterState = {
+  route: "/",
+  asPath: "/",
+  basePath: "/",
+  pathname: "/",
+  query: {},
+  isFallback: false,
+  isLocaleDomain: false,
+  isReady: true,
+  isPreview: false
+};
+var routerAPI;
+var createRouter = (overrides) => {
+  const routerActions = {
+    push: fn((..._args) => {
+      return Promise.resolve(true);
+    }).mockName("next/router::useRouter().push"),
+    replace: fn((..._args) => {
+      return Promise.resolve(true);
+    }).mockName("next/router::useRouter().replace"),
+    reload: fn((..._args) => {
+    }).mockName(
+      "next/router::useRouter().reload"
+    ),
+    back: fn((..._args) => {
+    }).mockName(
+      "next/router::useRouter().back"
+    ),
+    forward: fn(() => {
+    }).mockName("next/router::useRouter().forward"),
+    prefetch: fn((..._args) => {
+      return Promise.resolve();
+    }).mockName("next/router::useRouter().prefetch"),
+    beforePopState: fn((..._args) => {
+    }).mockName(
+      "next/router::useRouter().beforePopState"
+    )
+  };
+  const routerEvents = {
+    on: fn((..._args) => {
+    }).mockName(
+      "next/router::useRouter().events.on"
+    ),
+    off: fn((..._args) => {
+    }).mockName(
+      "next/router::useRouter().events.off"
+    ),
+    emit: fn((..._args) => {
+    }).mockName(
+      "next/router::useRouter().events.emit"
+    )
+  };
+  if (overrides) {
+    for (const key of Object.keys(routerActions)) {
+      if (key in overrides) {
+        routerActions[key] = fn((...args) => {
+          return overrides[key](...args);
+        }).mockName(`useRouter().${key}`);
+      }
+    }
+  }
+  if (overrides?.events) {
+    for (const key of Object.keys(routerEvents)) {
+      if (key in routerEvents) {
+        routerEvents[key] = fn((...args) => {
+          return overrides.events[key](...args);
+        }).mockName(`useRouter().events.${key}`);
+      }
+    }
+  }
+  routerAPI = {
+    ...defaultRouterState,
+    ...overrides,
+    ...routerActions,
+    // @ts-expect-error TODO improve typings
+    events: routerEvents
+  };
+  singletonRouter__default.router = routerAPI;
+  for (const cb of singletonRouter__default.readyCallbacks) {
+    cb();
+  }
+  singletonRouter__default.readyCallbacks = [];
+  return routerAPI;
+};
+var getRouter = () => {
+  if (!routerAPI) {
+    throw new NextjsRouterMocksNotAvailable({
+      importType: "next/router"
+    });
+  }
+  return routerAPI;
+};
+var router_default = singletonRouter__default;
+var useRouter2 = fn(singletonRouter.useRouter).mockName(
+  "next/router::useRouter"
+);
+var withRouter2 = fn(singletonRouter.withRouter).mockName(
+  "next/router::withRouter"
+);
+
+export { createRouter, router_default as default, getRouter, useRouter2 as useRouter, withRouter2 as withRouter };

package/dist/plugins/next-mocks/alias/rsc/server-only.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {};
+
+export { _default as default };

package/dist/plugins/next-mocks/alias/rsc/server-only.js

@@ -0,0 +1,4 @@
+// src/plugins/next-mocks/alias/rsc/server-only.ts
+var server_only_default = {};
+
+export { server_only_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-storybook-nextjs",
-  "version": "0.0.3",
+  "version": "0.0.4--canary.fb0538a.0",
   "description": "",
   "keywords": [
     "vite-plugin",
@@ -32,11 +32,14 @@
     "release": "auto shipit"
   },
   "peerDependencies": {
+    "@storybook/test": "^8.3.0-alpha.3",
     "next": "^14.0.0",
+    "storybook": "^8.3.0-alpha.3",
     "vite": "^5.0.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.8.1",
+    "@storybook/test": "8.3.0-alpha.3",
     "@types/node": "^18",
     "@types/react": "^18",
     "auto": "^11.2.0",
@@ -45,6 +48,7 @@
     "react": "^18",
     "rollup": "^4.18.0",
     "sharp": "^0.33.4",
+    "storybook": "8.3.0-alpha.3",
     "tsup": "^8.1.0",
     "typescript": "^5.0.0",
     "vite": "^5.0.0",