vite-plugin-storybook-nextjs 1.0.13 → 1.0.14--canary.26.660ea90.0

package/README.md

@@ -3,13 +3,14 @@
 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 [the `@storybook/experimental-nextjs-vite` framework](https://storybook.js.org/docs/get-started/frameworks/nextjs#with-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.
 
 ## Requirements
 
-- Next.js v14.1.0 or higher
+- Next.js v15.0.3 or higher
 
 ## Installation
 

package/dist/index.cjs

@@ -490,7 +490,7 @@ function getEmotionOptions(emotionConfig, development) {
 }
 
 // src/utils/swc/options.ts
-var require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
 var regeneratorRuntimePath = require2.resolve(
   "next/dist/compiled/regenerator-runtime"
 );
@@ -790,7 +790,7 @@ var isVitestEnv = process.env.VITEST === "true";
 function getExecutionEnvironment(config) {
   return isVitestEnv && config.test?.browser?.enabled !== true ? "node" : "browser";
 }
-var require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
 var getEntryPoint = (subPath, env) => require3.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
 var getAlias = (env) => ({
   "sb-original/default-loader": getEntryPoint("image-default-loader", env),
@@ -804,7 +804,7 @@ var virtualImage = "virtual:next-image";
 var virtualNextImage = "virtual:next/image";
 var virtualNextLegacyImage = "virtual:next/legacy/image";
 var sharp;
-var require4 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var require4 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
 try {
   sharp = require4("sharp");
   if (sharp && sharp.concurrency() > 1) {
@@ -906,40 +906,48 @@ function vitePluginNextImage(nextConfigResolver) {
     }
   };
 }
-var require5 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var require5 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
 var getEntryPoint2 = (subPath, env) => require5.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
-var getAlias2 = (env) => ({
-  "next/headers": getEntryPoint2("headers", env),
-  "@storybook/nextjs/headers.mock": getEntryPoint2("headers", env),
-  "@storybook/nextjs-vite/headers.mock": getEntryPoint2("headers", env),
-  "@storybook/experimental-nextjs-vite/headers.mock": getEntryPoint2(
-    "headers",
-    env
-  ),
-  "next/navigation": getEntryPoint2("navigation", env),
-  "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
-  "@storybook/nextjs-vite/navigation.mock": getEntryPoint2("navigation", env),
-  "@storybook/experimental-nextjs-vite/navigation.mock": getEntryPoint2(
-    "navigation",
-    env
-  ),
-  "next/router": getEntryPoint2("router", env),
-  "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
-  "@storybook/nextjs-vite/router.mock": getEntryPoint2("router", env),
-  "@storybook/experimental-nextjs-vite/router.mock": getEntryPoint2(
-    "router",
-    env
-  ),
-  "next/cache": getEntryPoint2("cache", env),
-  "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
-  "@storybook/nextjs-vite/cache.mock": getEntryPoint2("cache", env),
-  "@storybook/experimental-nextjs-vite/cache.mock": getEntryPoint2("cache", env),
-  "server-only": getEntryPoint2("server-only", env),
-  "@opentelemetry/api": require5.resolve(
-    "next/dist/compiled/@opentelemetry/api"
-  ),
-  "next/dynamic": getEntryPoint2("dynamic", env)
-});
+var getAlias2 = (env) => {
+  const nextPackageJson = require5("next/package.json");
+  const nextMajorVersion = Number.parseInt(
+    String(nextPackageJson?.version).split(".").at(0) ?? "",
+    10
+  );
+  const headersMock = nextMajorVersion <= 14 ? getEntryPoint2("v14-headers", env) : getEntryPoint2("headers", env);
+  return {
+    "next/headers": headersMock,
+    "@storybook/nextjs/headers.mock": headersMock,
+    "@storybook/nextjs-vite/headers.mock": headersMock,
+    "@storybook/experimental-nextjs-vite/headers.mock": headersMock,
+    "next/navigation": getEntryPoint2("navigation", env),
+    "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
+    "@storybook/nextjs-vite/navigation.mock": getEntryPoint2("navigation", env),
+    "@storybook/experimental-nextjs-vite/navigation.mock": getEntryPoint2(
+      "navigation",
+      env
+    ),
+    "next/router": getEntryPoint2("router", env),
+    "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
+    "@storybook/nextjs-vite/router.mock": getEntryPoint2("router", env),
+    "@storybook/experimental-nextjs-vite/router.mock": getEntryPoint2(
+      "router",
+      env
+    ),
+    "next/cache": getEntryPoint2("cache", env),
+    "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
+    "@storybook/nextjs-vite/cache.mock": getEntryPoint2("cache", env),
+    "@storybook/experimental-nextjs-vite/cache.mock": getEntryPoint2(
+      "cache",
+      env
+    ),
+    "server-only": getEntryPoint2("server-only", env),
+    "@opentelemetry/api": require5.resolve(
+      "next/dist/compiled/@opentelemetry/api"
+    ),
+    "next/dynamic": getEntryPoint2("dynamic", env)
+  };
+};
 var vitePluginNextMocks = () => ({
   name: "vite-plugin-next-mocks",
   config: (config) => {
@@ -953,7 +961,7 @@ var vitePluginNextMocks = () => ({
 });
 
 // src/index.ts
-var require6 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var require6 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
 var loadConfig = (
   // biome-ignore lint/suspicious/noExplicitAny: CJS support
   nextServerConfig__default.default.default || nextServerConfig__default.default

package/dist/index.js

@@ -874,38 +874,46 @@ function vitePluginNextImage(nextConfigResolver) {
 }
 var require5 = createRequire(import.meta.url);
 var getEntryPoint2 = (subPath, env) => require5.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
-var getAlias2 = (env) => ({
-  "next/headers": getEntryPoint2("headers", env),
-  "@storybook/nextjs/headers.mock": getEntryPoint2("headers", env),
-  "@storybook/nextjs-vite/headers.mock": getEntryPoint2("headers", env),
-  "@storybook/experimental-nextjs-vite/headers.mock": getEntryPoint2(
-    "headers",
-    env
-  ),
-  "next/navigation": getEntryPoint2("navigation", env),
-  "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
-  "@storybook/nextjs-vite/navigation.mock": getEntryPoint2("navigation", env),
-  "@storybook/experimental-nextjs-vite/navigation.mock": getEntryPoint2(
-    "navigation",
-    env
-  ),
-  "next/router": getEntryPoint2("router", env),
-  "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
-  "@storybook/nextjs-vite/router.mock": getEntryPoint2("router", env),
-  "@storybook/experimental-nextjs-vite/router.mock": getEntryPoint2(
-    "router",
-    env
-  ),
-  "next/cache": getEntryPoint2("cache", env),
-  "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
-  "@storybook/nextjs-vite/cache.mock": getEntryPoint2("cache", env),
-  "@storybook/experimental-nextjs-vite/cache.mock": getEntryPoint2("cache", env),
-  "server-only": getEntryPoint2("server-only", env),
-  "@opentelemetry/api": require5.resolve(
-    "next/dist/compiled/@opentelemetry/api"
-  ),
-  "next/dynamic": getEntryPoint2("dynamic", env)
-});
+var getAlias2 = (env) => {
+  const nextPackageJson = require5("next/package.json");
+  const nextMajorVersion = Number.parseInt(
+    String(nextPackageJson?.version).split(".").at(0) ?? "",
+    10
+  );
+  const headersMock = nextMajorVersion <= 14 ? getEntryPoint2("v14-headers", env) : getEntryPoint2("headers", env);
+  return {
+    "next/headers": headersMock,
+    "@storybook/nextjs/headers.mock": headersMock,
+    "@storybook/nextjs-vite/headers.mock": headersMock,
+    "@storybook/experimental-nextjs-vite/headers.mock": headersMock,
+    "next/navigation": getEntryPoint2("navigation", env),
+    "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
+    "@storybook/nextjs-vite/navigation.mock": getEntryPoint2("navigation", env),
+    "@storybook/experimental-nextjs-vite/navigation.mock": getEntryPoint2(
+      "navigation",
+      env
+    ),
+    "next/router": getEntryPoint2("router", env),
+    "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
+    "@storybook/nextjs-vite/router.mock": getEntryPoint2("router", env),
+    "@storybook/experimental-nextjs-vite/router.mock": getEntryPoint2(
+      "router",
+      env
+    ),
+    "next/cache": getEntryPoint2("cache", env),
+    "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
+    "@storybook/nextjs-vite/cache.mock": getEntryPoint2("cache", env),
+    "@storybook/experimental-nextjs-vite/cache.mock": getEntryPoint2(
+      "cache",
+      env
+    ),
+    "server-only": getEntryPoint2("server-only", env),
+    "@opentelemetry/api": require5.resolve(
+      "next/dist/compiled/@opentelemetry/api"
+    ),
+    "next/dynamic": getEntryPoint2("dynamic", env)
+  };
+};
 var vitePluginNextMocks = () => ({
   name: "vite-plugin-next-mocks",
   config: (config) => {

package/dist/mocks/storybook.global.cjs

@@ -15,49 +15,57 @@ var VITEST_PLUGIN_NAME = "vite-plugin-storybook-nextjs";
 process.env.VITEST === "true";
 
 // src/plugins/next-image/alias/index.tsx
-var require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('storybook.global.cjs', document.baseURI).href)));
 var getEntryPoint = (subPath, env) => require2.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
 var getAlias = (env) => ({
   "sb-original/default-loader": getEntryPoint("image-default-loader", env),
   "sb-original/image-context": getEntryPoint("image-context", env)
 });
-var require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('storybook.global.cjs', document.baseURI).href)));
 var getEntryPoint2 = (subPath, env) => require3.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
-var getAlias2 = (env) => ({
-  "next/headers": getEntryPoint2("headers", env),
-  "@storybook/nextjs/headers.mock": getEntryPoint2("headers", env),
-  "@storybook/nextjs-vite/headers.mock": getEntryPoint2("headers", env),
-  "@storybook/experimental-nextjs-vite/headers.mock": getEntryPoint2(
-    "headers",
-    env
-  ),
-  "next/navigation": getEntryPoint2("navigation", env),
-  "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
-  "@storybook/nextjs-vite/navigation.mock": getEntryPoint2("navigation", env),
-  "@storybook/experimental-nextjs-vite/navigation.mock": getEntryPoint2(
-    "navigation",
-    env
-  ),
-  "next/router": getEntryPoint2("router", env),
-  "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
-  "@storybook/nextjs-vite/router.mock": getEntryPoint2("router", env),
-  "@storybook/experimental-nextjs-vite/router.mock": getEntryPoint2(
-    "router",
-    env
-  ),
-  "next/cache": getEntryPoint2("cache", env),
-  "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
-  "@storybook/nextjs-vite/cache.mock": getEntryPoint2("cache", env),
-  "@storybook/experimental-nextjs-vite/cache.mock": getEntryPoint2("cache", env),
-  "server-only": getEntryPoint2("server-only", env),
-  "@opentelemetry/api": require3.resolve(
-    "next/dist/compiled/@opentelemetry/api"
-  ),
-  "next/dynamic": getEntryPoint2("dynamic", env)
-});
+var getAlias2 = (env) => {
+  const nextPackageJson = require3("next/package.json");
+  const nextMajorVersion = Number.parseInt(
+    String(nextPackageJson?.version).split(".").at(0) ?? "",
+    10
+  );
+  const headersMock = nextMajorVersion <= 14 ? getEntryPoint2("v14-headers", env) : getEntryPoint2("headers", env);
+  return {
+    "next/headers": headersMock,
+    "@storybook/nextjs/headers.mock": headersMock,
+    "@storybook/nextjs-vite/headers.mock": headersMock,
+    "@storybook/experimental-nextjs-vite/headers.mock": headersMock,
+    "next/navigation": getEntryPoint2("navigation", env),
+    "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
+    "@storybook/nextjs-vite/navigation.mock": getEntryPoint2("navigation", env),
+    "@storybook/experimental-nextjs-vite/navigation.mock": getEntryPoint2(
+      "navigation",
+      env
+    ),
+    "next/router": getEntryPoint2("router", env),
+    "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
+    "@storybook/nextjs-vite/router.mock": getEntryPoint2("router", env),
+    "@storybook/experimental-nextjs-vite/router.mock": getEntryPoint2(
+      "router",
+      env
+    ),
+    "next/cache": getEntryPoint2("cache", env),
+    "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
+    "@storybook/nextjs-vite/cache.mock": getEntryPoint2("cache", env),
+    "@storybook/experimental-nextjs-vite/cache.mock": getEntryPoint2(
+      "cache",
+      env
+    ),
+    "server-only": getEntryPoint2("server-only", env),
+    "@opentelemetry/api": require3.resolve(
+      "next/dist/compiled/@opentelemetry/api"
+    ),
+    "next/dynamic": getEntryPoint2("dynamic", env)
+  };
+};
 
 // src/mocks/storybook.global.ts
-var require4 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var require4 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('storybook.global.cjs', document.baseURI).href)));
 moduleAlias__default.default.addAliases({
   react: "next/dist/compiled/react",
   "react-dom/server": "next/dist/compiled/react-dom/server.js",

package/dist/mocks/storybook.global.js

@@ -16,38 +16,46 @@ var getAlias = (env) => ({
 });
 var require3 = createRequire(import.meta.url);
 var getEntryPoint2 = (subPath, env) => require3.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
-var getAlias2 = (env) => ({
-  "next/headers": getEntryPoint2("headers", env),
-  "@storybook/nextjs/headers.mock": getEntryPoint2("headers", env),
-  "@storybook/nextjs-vite/headers.mock": getEntryPoint2("headers", env),
-  "@storybook/experimental-nextjs-vite/headers.mock": getEntryPoint2(
-    "headers",
-    env
-  ),
-  "next/navigation": getEntryPoint2("navigation", env),
-  "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
-  "@storybook/nextjs-vite/navigation.mock": getEntryPoint2("navigation", env),
-  "@storybook/experimental-nextjs-vite/navigation.mock": getEntryPoint2(
-    "navigation",
-    env
-  ),
-  "next/router": getEntryPoint2("router", env),
-  "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
-  "@storybook/nextjs-vite/router.mock": getEntryPoint2("router", env),
-  "@storybook/experimental-nextjs-vite/router.mock": getEntryPoint2(
-    "router",
-    env
-  ),
-  "next/cache": getEntryPoint2("cache", env),
-  "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
-  "@storybook/nextjs-vite/cache.mock": getEntryPoint2("cache", env),
-  "@storybook/experimental-nextjs-vite/cache.mock": getEntryPoint2("cache", env),
-  "server-only": getEntryPoint2("server-only", env),
-  "@opentelemetry/api": require3.resolve(
-    "next/dist/compiled/@opentelemetry/api"
-  ),
-  "next/dynamic": getEntryPoint2("dynamic", env)
-});
+var getAlias2 = (env) => {
+  const nextPackageJson = require3("next/package.json");
+  const nextMajorVersion = Number.parseInt(
+    String(nextPackageJson?.version).split(".").at(0) ?? "",
+    10
+  );
+  const headersMock = nextMajorVersion <= 14 ? getEntryPoint2("v14-headers", env) : getEntryPoint2("headers", env);
+  return {
+    "next/headers": headersMock,
+    "@storybook/nextjs/headers.mock": headersMock,
+    "@storybook/nextjs-vite/headers.mock": headersMock,
+    "@storybook/experimental-nextjs-vite/headers.mock": headersMock,
+    "next/navigation": getEntryPoint2("navigation", env),
+    "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
+    "@storybook/nextjs-vite/navigation.mock": getEntryPoint2("navigation", env),
+    "@storybook/experimental-nextjs-vite/navigation.mock": getEntryPoint2(
+      "navigation",
+      env
+    ),
+    "next/router": getEntryPoint2("router", env),
+    "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
+    "@storybook/nextjs-vite/router.mock": getEntryPoint2("router", env),
+    "@storybook/experimental-nextjs-vite/router.mock": getEntryPoint2(
+      "router",
+      env
+    ),
+    "next/cache": getEntryPoint2("cache", env),
+    "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
+    "@storybook/nextjs-vite/cache.mock": getEntryPoint2("cache", env),
+    "@storybook/experimental-nextjs-vite/cache.mock": getEntryPoint2(
+      "cache",
+      env
+    ),
+    "server-only": getEntryPoint2("server-only", env),
+    "@opentelemetry/api": require3.resolve(
+      "next/dist/compiled/@opentelemetry/api"
+    ),
+    "next/dynamic": getEntryPoint2("dynamic", env)
+  };
+};
 
 // src/mocks/storybook.global.ts
 var require4 = createRequire(import.meta.url);

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

@@ -2,26 +2,26 @@ import * as next_dist_shared_lib_get_img_props from 'next/dist/shared/lib/get-im
 import * as _NextImage from 'next/image';
 import React__default from 'next/dist/compiled/react';
 
-declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.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>, "src" | "srcSet" | "ref" | "alt" | "width" | "height" | "loading"> & {
     src: string | next_dist_shared_lib_get_img_props.StaticImport;
     alt: string;
-    width?: number | `${number}` | undefined;
-    height?: number | `${number}` | undefined;
-    fill?: boolean | undefined;
-    loader?: _NextImage.ImageLoader | undefined;
-    quality?: number | `${number}` | undefined;
-    priority?: boolean | undefined;
+    width?: number | `${number}`;
+    height?: number | `${number}`;
+    fill?: boolean;
+    loader?: _NextImage.ImageLoader;
+    quality?: number | `${number}`;
+    priority?: boolean;
     loading?: "lazy" | "eager" | undefined;
-    placeholder?: next_dist_shared_lib_get_img_props.PlaceholderValue | undefined;
-    blurDataURL?: string | undefined;
-    unoptimized?: boolean | undefined;
-    overrideSrc?: string | undefined;
-    onLoadingComplete?: next_dist_shared_lib_get_img_props.OnLoadingComplete | undefined;
-    layout?: string | undefined;
-    objectFit?: string | undefined;
-    objectPosition?: string | undefined;
-    lazyBoundary?: string | undefined;
-    lazyRoot?: string | undefined;
+    placeholder?: next_dist_shared_lib_get_img_props.PlaceholderValue;
+    blurDataURL?: string;
+    unoptimized?: boolean;
+    overrideSrc?: string;
+    onLoadingComplete?: next_dist_shared_lib_get_img_props.OnLoadingComplete;
+    layout?: string;
+    objectFit?: string;
+    objectPosition?: string;
+    lazyBoundary?: string;
+    lazyRoot?: string;
 } & 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-image.d.ts

@@ -2,26 +2,26 @@ import * as next_dist_shared_lib_get_img_props from 'next/dist/shared/lib/get-im
 import * as _NextImage from 'next/image';
 import React__default from 'next/dist/compiled/react';
 
-declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.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>, "src" | "srcSet" | "ref" | "alt" | "width" | "height" | "loading"> & {
     src: string | next_dist_shared_lib_get_img_props.StaticImport;
     alt: string;
-    width?: number | `${number}` | undefined;
-    height?: number | `${number}` | undefined;
-    fill?: boolean | undefined;
-    loader?: _NextImage.ImageLoader | undefined;
-    quality?: number | `${number}` | undefined;
-    priority?: boolean | undefined;
+    width?: number | `${number}`;
+    height?: number | `${number}`;
+    fill?: boolean;
+    loader?: _NextImage.ImageLoader;
+    quality?: number | `${number}`;
+    priority?: boolean;
     loading?: "lazy" | "eager" | undefined;
-    placeholder?: next_dist_shared_lib_get_img_props.PlaceholderValue | undefined;
-    blurDataURL?: string | undefined;
-    unoptimized?: boolean | undefined;
-    overrideSrc?: string | undefined;
-    onLoadingComplete?: next_dist_shared_lib_get_img_props.OnLoadingComplete | undefined;
-    layout?: string | undefined;
-    objectFit?: string | undefined;
-    objectPosition?: string | undefined;
-    lazyBoundary?: string | undefined;
-    lazyRoot?: string | undefined;
+    placeholder?: next_dist_shared_lib_get_img_props.PlaceholderValue;
+    blurDataURL?: string;
+    unoptimized?: boolean;
+    overrideSrc?: string;
+    onLoadingComplete?: next_dist_shared_lib_get_img_props.OnLoadingComplete;
+    layout?: string;
+    objectFit?: string;
+    objectPosition?: string;
+    lazyBoundary?: string;
+    lazyRoot?: string;
 } & React__default.RefAttributes<HTMLImageElement>>;
 declare const getImageProps: (props: _NextImage.ImageProps) => {
     props: next_dist_shared_lib_get_img_props.ImgProps;

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

@@ -2,7 +2,7 @@
 
 var test = require('@storybook/test');
 var index_js = require('next/dist/compiled/@edge-runtime/cookies/index.js');
-var originalHeaders = require('next/dist/client/components/headers.js');
+var originalHeaders = require('next/dist/server/request/draft-mode');
 var headers_js = require('next/dist/server/web/spec-extension/adapters/headers.js');
 
 function _interopNamespace(e) {

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

@@ -1,6 +1,6 @@
 import { fn } from '@storybook/test';
 import { RequestCookies } from 'next/dist/compiled/@edge-runtime/cookies/index.js';
-import * as originalHeaders from 'next/dist/client/components/headers.js';
+import * as originalHeaders from 'next/dist/server/request/draft-mode';
 import { HeadersAdapter } from 'next/dist/server/web/spec-extension/adapters/headers.js';
 
 // src/plugins/next-mocks/alias/headers/cookies.ts

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var test = require('@storybook/test');
-var originalHeaders = require('next/dist/client/components/headers.js');
+var originalHeaders = require('next/dist/server/request/draft-mode');
 var headers_js = require('next/dist/server/web/spec-extension/adapters/headers.js');
 var index_js = require('next/dist/compiled/@edge-runtime/cookies/index.js');
 

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

@@ -1,10 +1,11 @@
-import { DraftMode } from 'next/dist/client/components/draft-mode';
+import { UnsafeUnwrappedDraftMode } from 'next/dist/server/request/draft-mode';
 import { Mock } from 'vitest';
 export { headers } from './headers.cjs';
 export { cookies } from './cookies.cjs';
 import 'next/dist/server/web/spec-extension/adapters/headers.js';
 import 'next/dist/compiled/@edge-runtime/cookies/index.js';
 
+type DraftMode = Promise<UnsafeUnwrappedDraftMode>;
 declare const draftMode: Mock<() => DraftMode>;
 
 export { draftMode };

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

@@ -1,10 +1,11 @@
-import { DraftMode } from 'next/dist/client/components/draft-mode';
+import { UnsafeUnwrappedDraftMode } from 'next/dist/server/request/draft-mode';
 import { Mock } from 'vitest';
 export { headers } from './headers.js';
 export { cookies } from './cookies.js';
 import 'next/dist/server/web/spec-extension/adapters/headers.js';
 import 'next/dist/compiled/@edge-runtime/cookies/index.js';
 
+type DraftMode = Promise<UnsafeUnwrappedDraftMode>;
 declare const draftMode: Mock<() => DraftMode>;
 
 export { draftMode };

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

@@ -1,5 +1,5 @@
 import { fn } from '@storybook/test';
-import * as originalHeaders from 'next/dist/client/components/headers.js';
+import * as originalHeaders from 'next/dist/server/request/draft-mode';
 import { HeadersAdapter } from 'next/dist/server/web/spec-extension/adapters/headers.js';
 import { RequestCookies } from 'next/dist/compiled/@edge-runtime/cookies/index.js';
 

package/dist/plugins/next-mocks/alias/headers/v14.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+var test = require('@storybook/test');
+var originalHeaders2 = require('next/dist/client/components/headers.js');
+var headers_js = require('next/dist/server/web/spec-extension/adapters/headers.js');
+var index_js = require('next/dist/compiled/@edge-runtime/cookies/index.js');
+var originalHeaders = require('next/dist/server/request/draft-mode');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var originalHeaders2__namespace = /*#__PURE__*/_interopNamespace(originalHeaders2);
+var originalHeaders__namespace = /*#__PURE__*/_interopNamespace(originalHeaders);
+
+// src/plugins/next-mocks/alias/headers/v14.ts
+var HeadersAdapterMock = class extends headers_js.HeadersAdapter {
+  constructor() {
+    super({});
+    this.append = test.fn(
+      super.append.bind(this)
+    ).mockName("next/headers::headers().append");
+    this.delete = test.fn(super.delete.bind(this)).mockName(
+      "next/headers::headers().delete"
+    );
+    this.get = test.fn(
+      super.get.bind(this)
+    ).mockName("next/headers::headers().get");
+    this.has = test.fn(super.has.bind(this)).mockName(
+      "next/headers::headers().has"
+    );
+    this.set = test.fn(
+      super.set.bind(this)
+    ).mockName("next/headers::headers().set");
+    this.forEach = test.fn(super.forEach.bind(this)).mockName("next/headers::headers().forEach");
+    this.entries = test.fn(
+      super.entries.bind(this)
+    ).mockName("next/headers::headers().entries");
+    this.keys = test.fn(
+      super.keys.bind(this)
+    ).mockName("next/headers::headers().keys");
+    this.values = test.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();
+};
+test.fn(originalHeaders__namespace.draftMode).mockName(
+  "draftMode"
+);
+
+// src/plugins/next-mocks/alias/headers/cookies.ts
+var RequestCookiesMock = class extends index_js.RequestCookies {
+  constructor() {
+    super(...arguments);
+    this.get = test.fn(super.get.bind(this)).mockName("next/headers::cookies().get");
+    this.getAll = test.fn(super.getAll.bind(this)).mockName("next/headers::cookies().getAll");
+    this.has = test.fn(super.has.bind(this)).mockName(
+      "next/headers::cookies().has"
+    );
+    this.set = test.fn(super.set.bind(this)).mockName("next/headers::cookies().set");
+    this.delete = test.fn(
+      super.delete.bind(this)
+    ).mockName("next/headers::cookies().delete");
+  }
+};
+var requestCookiesMock;
+var cookies = test.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());
+};
+
+// src/plugins/next-mocks/alias/headers/v14.ts
+var draftMode4 = test.fn(originalHeaders2__namespace.draftMode).mockName(
+  "draftMode"
+);
+
+exports.cookies = cookies;
+exports.draftMode = draftMode4;
+exports.headers = headers;

package/dist/plugins/next-mocks/alias/headers/v14.d.cts

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

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

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

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

@@ -0,0 +1,84 @@
+import { fn } from '@storybook/test';
+import * as originalHeaders2 from 'next/dist/client/components/headers.js';
+import { HeadersAdapter } from 'next/dist/server/web/spec-extension/adapters/headers.js';
+import { RequestCookies } from 'next/dist/compiled/@edge-runtime/cookies/index.js';
+import * as originalHeaders from 'next/dist/server/request/draft-mode';
+
+// src/plugins/next-mocks/alias/headers/v14.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();
+};
+fn(originalHeaders.draftMode).mockName(
+  "draftMode"
+);
+
+// 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());
+};
+
+// src/plugins/next-mocks/alias/headers/v14.ts
+var draftMode4 = fn(originalHeaders2.draftMode).mockName(
+  "draftMode"
+);
+
+export { cookies, draftMode4 as draftMode, headers };

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

@@ -1,7 +1,6 @@
 import { Mock } from '@storybook/test';
 import { NextComponentType, NextPageContext } from 'next';
-import * as originalRouter from 'next/dist/client/router.js';
-import originalRouter__default from 'next/dist/client/router.js';
+import singletonRouter from 'next/dist/client/router.js';
 export { default } from 'next/dist/client/router.js';
 import { WithRouterProps, ExcludeRouterProps } from 'next/dist/client/with-router';
 import { NextRouter } from 'next/router.js';
@@ -13,7 +12,7 @@ export * from 'next/dist/client/router';
  * @ignore
  * @internal
  * */
-declare const createRouter: (overrides: Partial<NextRouter>) => originalRouter.NextRouter;
+declare const createRouter: (overrides: Partial<NextRouter>) => NextRouter;
 declare const getRouter: () => {
     push: Mock;
     replace: Mock;

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

@@ -1,7 +1,6 @@
 import { Mock } from '@storybook/test';
 import { NextComponentType, NextPageContext } from 'next';
-import * as originalRouter from 'next/dist/client/router.js';
-import originalRouter__default from 'next/dist/client/router.js';
+import singletonRouter from 'next/dist/client/router.js';
 export { default } from 'next/dist/client/router.js';
 import { WithRouterProps, ExcludeRouterProps } from 'next/dist/client/with-router';
 import { NextRouter } from 'next/router.js';
@@ -13,7 +12,7 @@ export * from 'next/dist/client/router';
  * @ignore
  * @internal
  * */
-declare const createRouter: (overrides: Partial<NextRouter>) => originalRouter.NextRouter;
+declare const createRouter: (overrides: Partial<NextRouter>) => NextRouter;
 declare const getRouter: () => {
     push: Mock;
     replace: Mock;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-storybook-nextjs",
-  "version": "1.0.13",
+  "version": "1.0.14--canary.26.660ea90.0",
   "description": "",
   "keywords": [
     "vite-plugin",
@@ -32,6 +32,7 @@
     "./browser/mocks/cache": "./dist/plugins/next-mocks/alias/cache/index.js",
     "./browser/mocks/navigation": "./dist/plugins/next-mocks/alias/navigation/index.js",
     "./browser/mocks/headers": "./dist/plugins/next-mocks/alias/headers/index.js",
+    "./browser/mocks/v14-headers": "./dist/plugins/next-mocks/alias/headers/v14.js",
     "./browser/mocks/router": "./dist/plugins/next-mocks/alias/router/index.js",
     "./browser/mocks/server-only": "./dist/plugins/next-mocks/alias/rsc/server-only.js",
     "./browser/mocks/dynamic": "./dist/plugins/next-mocks/alias/dynamic/index.js",
@@ -42,6 +43,7 @@
     "./node/mocks/cache": "./dist/plugins/next-mocks/alias/cache/index.cjs",
     "./node/mocks/navigation": "./dist/plugins/next-mocks/alias/navigation/index.cjs",
     "./node/mocks/headers": "./dist/plugins/next-mocks/alias/headers/index.cjs",
+    "./node/mocks/v14-headers": "./dist/plugins/next-mocks/alias/headers/v14.cjs",
     "./node/mocks/router": "./dist/plugins/next-mocks/alias/router/index.cjs",
     "./node/mocks/server-only": "./dist/plugins/next-mocks/alias/rsc/server-only.cjs",
     "./node/mocks/dynamic": "./dist/plugins/next-mocks/alias/dynamic/index.cjs",
@@ -59,23 +61,25 @@
     "release": "auto shipit"
   },
   "peerDependencies": {
-    "@storybook/test": "^8.3.0",
-    "next": "^14.1.0",
-    "storybook": "^8.3.0",
+    "@storybook/test": "^8.4.3",
+    "@next/env": "^14.2.5 || ^15.0.3",
+    "next": "^14.2.5 || ^15.0.3",
+    "react": "^18 || ^19.0.0-rc",
+    "storybook": "^8.4.3",
     "vite": "^5.0.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.8.1",
-    "@storybook/test": "^8.3.0",
+    "@storybook/test": "^8.4.3",
     "@types/node": "^18",
-    "@types/react": "^18",
+    "@types/react": "npm:types-react@rc",
     "auto": "^11.2.0",
     "lefthook": "^1.6.16",
-    "next": "^14.2.5",
-    "react": "^18",
+    "next": "^15.0.3",
+    "react": "^19.0.0-rc",
     "rollup": "^4.18.0",
     "sharp": "^0.33.4",
-    "storybook": "^8.3.0",
+    "storybook": "^8.4.3",
     "tsup": "^8.1.0",
     "typescript": "^5.0.0",
     "vite": "^5.0.0",
@@ -83,7 +87,7 @@
   },
   "packageManager": "pnpm@9.4.0",
   "dependencies": {
-    "@next/env": "^14.2.5",
+    "@next/env": "^15.0.3",
     "image-size": "^1.1.1",
     "magic-string": "^0.30.11",
     "module-alias": "^2.2.3",
@@ -97,7 +101,7 @@
   },
   "pnpm": {
     "overrides": {
-      "vite-plugin-storybook-nextjs": "workspace:*"
+      "vite-plugin-storybook-nextjs": "file:./"
     }
   }
 }