vite-plugin-storybook-nextjs 3.2.5 → 3.3.0

package/dist/index.cjs

@@ -4925,6 +4925,10 @@ var getAlias2 = (env) => ({
     "router",
     env
   ),
+  "next/link": getEntryPoint3("link", env),
+  "@storybook/nextjs/link.mock": getEntryPoint3("link", env),
+  "@storybook/nextjs-vite/link.mock": getEntryPoint3("link", env),
+  "@storybook/experimental-nextjs-vite/link.mock": getEntryPoint3("link", env),
   "next/cache": getEntryPoint3("cache", env),
   "@storybook/nextjs/cache.mock": getEntryPoint3("cache", env),
   "@storybook/nextjs-vite/cache.mock": getEntryPoint3("cache", env),
@@ -5076,7 +5080,16 @@ function VitePlugin({
               // https://github.com/vitejs/vite/issues/16293
               "next > styled-jsx/style",
               ...nextConfig.compiler?.emotion ? ["@emotion/react/jsx-dev-runtime"] : [],
-              ...isNext16orNewer ? [] : ["next/config"]
+              ...isNext16orNewer ? [] : ["next/config"],
+              // Next.js 16 ships internal re-export chains that Vite's esbuild
+              // pre-bundler fails to resolve in dev mode, causing missing exports
+              // like ServerInsertedHTMLContext and RedirectStatusCode. Forcing
+              // these modules to be pre-bundled fixes the resolution.
+              // See: https://github.com/storybookjs/storybook/issues/34688
+              ...isNext16orNewer ? [
+                "next/navigation",
+                "next/dist/client/components/redirect-error"
+              ] : []
             ]
           },
           test: {

package/dist/index.js

@@ -4892,6 +4892,10 @@ var getAlias2 = (env) => ({
     "router",
     env
   ),
+  "next/link": getEntryPoint3("link", env),
+  "@storybook/nextjs/link.mock": getEntryPoint3("link", env),
+  "@storybook/nextjs-vite/link.mock": getEntryPoint3("link", env),
+  "@storybook/experimental-nextjs-vite/link.mock": getEntryPoint3("link", env),
   "next/cache": getEntryPoint3("cache", env),
   "@storybook/nextjs/cache.mock": getEntryPoint3("cache", env),
   "@storybook/nextjs-vite/cache.mock": getEntryPoint3("cache", env),
@@ -5043,7 +5047,16 @@ function VitePlugin({
               // https://github.com/vitejs/vite/issues/16293
               "next > styled-jsx/style",
               ...nextConfig.compiler?.emotion ? ["@emotion/react/jsx-dev-runtime"] : [],
-              ...isNext16orNewer ? [] : ["next/config"]
+              ...isNext16orNewer ? [] : ["next/config"],
+              // Next.js 16 ships internal re-export chains that Vite's esbuild
+              // pre-bundler fails to resolve in dev mode, causing missing exports
+              // like ServerInsertedHTMLContext and RedirectStatusCode. Forcing
+              // these modules to be pre-bundled fixes the resolution.
+              // See: https://github.com/storybookjs/storybook/issues/34688
+              ...isNext16orNewer ? [
+                "next/navigation",
+                "next/dist/client/components/redirect-error"
+              ] : []
             ]
           },
           test: {

package/dist/mocks/storybook.global.cjs

@@ -1982,6 +1982,10 @@ var getAlias2 = (env) => ({
     "router",
     env
   ),
+  "next/link": getEntryPoint3("link", env),
+  "@storybook/nextjs/link.mock": getEntryPoint3("link", env),
+  "@storybook/nextjs-vite/link.mock": getEntryPoint3("link", env),
+  "@storybook/experimental-nextjs-vite/link.mock": getEntryPoint3("link", env),
   "next/cache": getEntryPoint3("cache", env),
   "@storybook/nextjs/cache.mock": getEntryPoint3("cache", env),
   "@storybook/nextjs-vite/cache.mock": getEntryPoint3("cache", env),

package/dist/mocks/storybook.global.js

@@ -1975,6 +1975,10 @@ var getAlias2 = (env) => ({
     "router",
     env
   ),
+  "next/link": getEntryPoint3("link", env),
+  "@storybook/nextjs/link.mock": getEntryPoint3("link", env),
+  "@storybook/nextjs-vite/link.mock": getEntryPoint3("link", env),
+  "@storybook/experimental-nextjs-vite/link.mock": getEntryPoint3("link", env),
   "next/cache": getEntryPoint3("cache", env),
   "@storybook/nextjs/cache.mock": getEntryPoint3("cache", env),
   "@storybook/nextjs-vite/cache.mock": getEntryPoint3("cache", env),

package/dist/plugins/next-image/alias/next-image.cjs

@@ -31,8 +31,9 @@ var NextImageNamespace__namespace = /*#__PURE__*/_interopNamespace(NextImageName
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 // src/plugins/next-image/alias/next-image.tsx
-var OriginalNextImage = NextImageNamespace__namespace.default;
-var { getImageProps: originalGetImageProps } = NextImageNamespace__namespace;
+var _raw = NextImageNamespace__namespace.default;
+var OriginalNextImage = typeof _raw === "object" && _raw !== null && "__esModule" in _raw ? _raw.default : _raw;
+var originalGetImageProps = NextImageNamespace__namespace.getImageProps ?? (typeof _raw === "object" && _raw !== null && "getImageProps" in _raw ? _raw.getImageProps : void 0);
 var MockedNextImage = React__default.default.forwardRef(({ loader, ...props }, ref) => {
   const imageParameters = React__default.default.useContext(imageContext.ImageContext);
   return /* @__PURE__ */ React__default.default.createElement(
@@ -46,8 +47,8 @@ var MockedNextImage = React__default.default.forwardRef(({ loader, ...props }, r
   );
 });
 MockedNextImage.displayName = "NextImage";
-var getImageProps = (props) => originalGetImageProps?.({ loader: defaultLoader.defaultLoader, ...props });
+var getImageProps2 = (props) => originalGetImageProps?.({ loader: defaultLoader.defaultLoader, ...props });
 var next_image_default = MockedNextImage;
 
 exports.default = next_image_default;
-exports.getImageProps = getImageProps;
+exports.getImageProps = getImageProps2;

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

@@ -2,7 +2,7 @@ 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>, "src" | "srcSet" | "ref" | "alt" | "width" | "height" | "loading"> & {
+declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "width" | "srcSet" | "ref" | "alt" | "height" | "loading"> & {
     src: string | next_dist_shared_lib_get_img_props.StaticImport;
     alt: string;
     width?: number | `${number}`;

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

@@ -2,7 +2,7 @@ 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>, "src" | "srcSet" | "ref" | "alt" | "width" | "height" | "loading"> & {
+declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "width" | "srcSet" | "ref" | "alt" | "height" | "loading"> & {
     src: string | next_dist_shared_lib_get_img_props.StaticImport;
     alt: string;
     width?: number | `${number}`;

package/dist/plugins/next-image/alias/next-image.js

@@ -4,8 +4,9 @@ import { ImageContext } from 'sb-original/image-context';
 import React from 'next/dist/compiled/react';
 
 // src/plugins/next-image/alias/next-image.tsx
-var OriginalNextImage = NextImageNamespace.default;
-var { getImageProps: originalGetImageProps } = NextImageNamespace;
+var _raw = NextImageNamespace.default;
+var OriginalNextImage = typeof _raw === "object" && _raw !== null && "__esModule" in _raw ? _raw.default : _raw;
+var originalGetImageProps = NextImageNamespace.getImageProps ?? (typeof _raw === "object" && _raw !== null && "getImageProps" in _raw ? _raw.getImageProps : void 0);
 var MockedNextImage = React.forwardRef(({ loader, ...props }, ref) => {
   const imageParameters = React.useContext(ImageContext);
   return /* @__PURE__ */ React.createElement(
@@ -19,7 +20,7 @@ var MockedNextImage = React.forwardRef(({ loader, ...props }, ref) => {
   );
 });
 MockedNextImage.displayName = "NextImage";
-var getImageProps = (props) => originalGetImageProps?.({ loader: defaultLoader, ...props });
+var getImageProps2 = (props) => originalGetImageProps?.({ loader: defaultLoader, ...props });
 var next_image_default = MockedNextImage;
 
-export { next_image_default as default, getImageProps };
+export { next_image_default as default, getImageProps2 as getImageProps };

package/dist/plugins/next-image/alias/next-legacy-image.cjs

@@ -1,20 +1,40 @@
 'use strict';
 
-var OriginalNextLegacyImage = require('next/legacy/image');
+var _NextLegacyImageNamespace = require('next/legacy/image');
 var defaultLoader = require('sb-original/default-loader');
 var imageContext = require('sb-original/image-context');
 var React = require('next/dist/compiled/react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var OriginalNextLegacyImage__default = /*#__PURE__*/_interopDefault(OriginalNextLegacyImage);
+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 _NextLegacyImageNamespace__namespace = /*#__PURE__*/_interopNamespace(_NextLegacyImageNamespace);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 // src/plugins/next-image/alias/next-legacy-image.tsx
+var _rawLegacy = _NextLegacyImageNamespace__namespace.default;
+var OriginalNextLegacyImage = typeof _rawLegacy === "object" && _rawLegacy !== null && "__esModule" in _rawLegacy ? _rawLegacy.default : _rawLegacy;
 function NextLegacyImage({ loader, ...props }) {
   const imageParameters = React__default.default.useContext(imageContext.ImageContext);
   return /* @__PURE__ */ React__default.default.createElement(
-    OriginalNextLegacyImage__default.default,
+    OriginalNextLegacyImage,
     {
       ...imageParameters,
       ...props,

package/dist/plugins/next-image/alias/next-legacy-image.js

@@ -1,9 +1,11 @@
-import OriginalNextLegacyImage from 'next/legacy/image';
+import * as _NextLegacyImageNamespace from 'next/legacy/image';
 import { defaultLoader } from 'sb-original/default-loader';
 import { ImageContext } from 'sb-original/image-context';
 import React from 'next/dist/compiled/react';
 
 // src/plugins/next-image/alias/next-legacy-image.tsx
+var _rawLegacy = _NextLegacyImageNamespace.default;
+var OriginalNextLegacyImage = typeof _rawLegacy === "object" && _rawLegacy !== null && "__esModule" in _rawLegacy ? _rawLegacy.default : _rawLegacy;
 function NextLegacyImage({ loader, ...props }) {
   const imageParameters = React.useContext(ImageContext);
   return /* @__PURE__ */ React.createElement(

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

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var test = require('storybook/test');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/plugins/next-mocks/alias/link/index.tsx
+var linkAction = test.fn().mockName("next/link::Link");
+var MockLink = React__default.default.forwardRef(
+  function MockLink2({
+    href,
+    as: _as,
+    replace,
+    scroll,
+    shallow,
+    prefetch,
+    passHref,
+    legacyBehavior,
+    locale,
+    onClick,
+    children,
+    ...rest
+  }, ref) {
+    const hrefString = typeof href === "object" ? `${href.pathname || ""}${href.query ? `?${new URLSearchParams(
+      href.query
+    ).toString()}` : ""}${href.hash || ""}` : href;
+    const handleClick = (e) => {
+      e.preventDefault();
+      onClick?.(e);
+      linkAction(hrefString, { replace, scroll, shallow, prefetch, locale });
+    };
+    if (legacyBehavior) {
+      const child = React__default.default.Children.only(children);
+      const childProps = {
+        ref,
+        onClick: (e) => {
+          e.preventDefault();
+          if (child.props && typeof child.props.onClick === "function") {
+            child.props.onClick(e);
+          }
+          linkAction(hrefString, {
+            replace,
+            scroll,
+            shallow,
+            prefetch,
+            locale
+          });
+        },
+        ...rest
+      };
+      if (passHref || child.type === "a" && !("href" in (child.props || {}))) {
+        childProps.href = hrefString;
+      }
+      return React__default.default.cloneElement(child, childProps);
+    }
+    return /* @__PURE__ */ React__default.default.createElement("a", { ref, href: hrefString, onClick: handleClick, ...rest }, children);
+  }
+);
+MockLink.displayName = "NextLink";
+var link_default = MockLink;
+var useLinkStatus = test.fn(() => ({
+  pending: false
+})).mockName("next/link::useLinkStatus");
+
+exports.Link = MockLink;
+exports.default = link_default;
+exports.useLinkStatus = useLinkStatus;

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

@@ -0,0 +1,11 @@
+import * as storybook_test from 'storybook/test';
+import { LinkProps } from 'next/link';
+import React from 'react';
+
+declare const MockLink: React.ForwardRefExoticComponent<LinkProps<any> & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps<any>> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLAnchorElement>>;
+
+declare const useLinkStatus: storybook_test.Mock<(...args: any[]) => any>;
+
+export { MockLink as Link, MockLink as default, useLinkStatus };

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

@@ -0,0 +1,11 @@
+import * as storybook_test from 'storybook/test';
+import { LinkProps } from 'next/link';
+import React from 'react';
+
+declare const MockLink: React.ForwardRefExoticComponent<LinkProps<any> & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps<any>> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLAnchorElement>>;
+
+declare const useLinkStatus: storybook_test.Mock<(...args: any[]) => any>;
+
+export { MockLink as Link, MockLink as default, useLinkStatus };

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

@@ -0,0 +1,62 @@
+import React from 'react';
+import { fn } from 'storybook/test';
+
+// src/plugins/next-mocks/alias/link/index.tsx
+var linkAction = fn().mockName("next/link::Link");
+var MockLink = React.forwardRef(
+  function MockLink2({
+    href,
+    as: _as,
+    replace,
+    scroll,
+    shallow,
+    prefetch,
+    passHref,
+    legacyBehavior,
+    locale,
+    onClick,
+    children,
+    ...rest
+  }, ref) {
+    const hrefString = typeof href === "object" ? `${href.pathname || ""}${href.query ? `?${new URLSearchParams(
+      href.query
+    ).toString()}` : ""}${href.hash || ""}` : href;
+    const handleClick = (e) => {
+      e.preventDefault();
+      onClick?.(e);
+      linkAction(hrefString, { replace, scroll, shallow, prefetch, locale });
+    };
+    if (legacyBehavior) {
+      const child = React.Children.only(children);
+      const childProps = {
+        ref,
+        onClick: (e) => {
+          e.preventDefault();
+          if (child.props && typeof child.props.onClick === "function") {
+            child.props.onClick(e);
+          }
+          linkAction(hrefString, {
+            replace,
+            scroll,
+            shallow,
+            prefetch,
+            locale
+          });
+        },
+        ...rest
+      };
+      if (passHref || child.type === "a" && !("href" in (child.props || {}))) {
+        childProps.href = hrefString;
+      }
+      return React.cloneElement(child, childProps);
+    }
+    return /* @__PURE__ */ React.createElement("a", { ref, href: hrefString, onClick: handleClick, ...rest }, children);
+  }
+);
+MockLink.displayName = "NextLink";
+var link_default = MockLink;
+var useLinkStatus = fn(() => ({
+  pending: false
+})).mockName("next/link::useLinkStatus");
+
+export { MockLink as Link, link_default as default, useLinkStatus };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-storybook-nextjs",
-  "version": "3.2.5",
+  "version": "3.3.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/storybookjs/vite-plugin-storybook-nextjs.git"
@@ -38,6 +38,7 @@
     "./browser/mocks/navigation": "./dist/plugins/next-mocks/alias/navigation/index.js",
     "./browser/mocks/headers": "./dist/plugins/next-mocks/alias/headers/index.js",
     "./browser/mocks/router": "./dist/plugins/next-mocks/alias/router/index.js",
+    "./browser/mocks/link": "./dist/plugins/next-mocks/alias/link/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",
     "./browser/mocks/image": "./dist/plugins/next-image/alias/next-image.js",
@@ -49,6 +50,7 @@
     "./node/mocks/navigation": "./dist/plugins/next-mocks/alias/navigation/index.cjs",
     "./node/mocks/headers": "./dist/plugins/next-mocks/alias/headers/index.cjs",
     "./node/mocks/router": "./dist/plugins/next-mocks/alias/router/index.cjs",
+    "./node/mocks/link": "./dist/plugins/next-mocks/alias/link/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",
     "./node/mocks/image": "./dist/plugins/next-image/alias/next-image.cjs",