@storybook/nextjs 10.1.0-alpha.9 → 10.1.0-beta.0

package/dist/_node-chunks/webpack-UAKFJEYJ.js

@@ -0,0 +1,30 @@
+import CJS_COMPAT_NODE_URL_kl8x2s4rzz from 'node:url';
+import CJS_COMPAT_NODE_PATH_kl8x2s4rzz from 'node:path';
+import CJS_COMPAT_NODE_MODULE_kl8x2s4rzz from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_kl8x2s4rzz.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_kl8x2s4rzz.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_kl8x2s4rzz.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+
+// src/imports/webpack.ts
+import { loadConfig } from "tsconfig-paths";
+import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin";
+var configureImports = ({
+  baseConfig,
+  configDir
+}) => {
+  let configLoadResult = loadConfig(configDir);
+  configLoadResult.resultType !== "failed" && (baseConfig.resolve ??= {}, baseConfig.resolve.plugins ??= [], baseConfig.resolve.plugins.push(
+    new TsconfigPathsPlugin({
+      configFile: configLoadResult.configFileAbsolutePath,
+      extensions: [".js", ".jsx", ".ts", ".tsx"]
+    })
+  ));
+};
+export {
+  configureImports
+};

package/dist/_node-chunks/webpack-WL4FYVO5.js

@@ -0,0 +1,23 @@
+import CJS_COMPAT_NODE_URL_kl8x2s4rzz from 'node:url';
+import CJS_COMPAT_NODE_PATH_kl8x2s4rzz from 'node:path';
+import CJS_COMPAT_NODE_MODULE_kl8x2s4rzz from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_kl8x2s4rzz.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_kl8x2s4rzz.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_kl8x2s4rzz.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+
+// src/nodePolyfills/webpack.ts
+import NodePolyfillPlugin from "node-polyfill-webpack-plugin";
+var configureNodePolyfills = (baseConfig) => (baseConfig.plugins = [...baseConfig.plugins || [], new NodePolyfillPlugin()], baseConfig.resolve = {
+  ...baseConfig.resolve,
+  fallback: {
+    fs: !1
+  }
+}, baseConfig);
+export {
+  configureNodePolyfills
+};

package/dist/_node-chunks/webpack-WZC6ZANM.js

@@ -0,0 +1,60 @@
+import CJS_COMPAT_NODE_URL_kl8x2s4rzz from 'node:url';
+import CJS_COMPAT_NODE_PATH_kl8x2s4rzz from 'node:path';
+import CJS_COMPAT_NODE_MODULE_kl8x2s4rzz from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_kl8x2s4rzz.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_kl8x2s4rzz.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_kl8x2s4rzz.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  getNextjsVersion
+} from "./chunk-AU547LNK.js";
+import "./chunk-NVHRUSN5.js";
+
+// src/images/webpack.ts
+import { fileURLToPath } from "node:url";
+import semver from "semver";
+var configureImages = (baseConfig, nextConfig) => {
+  configureStaticImageImport(baseConfig, nextConfig), configureImageDefaults(baseConfig);
+}, fallbackFilename = "static/media/[path][name][ext]", configureImageDefaults = (baseConfig) => {
+  let version = getNextjsVersion(), resolve = baseConfig.resolve ?? {};
+  resolve.alias = {
+    ...resolve.alias,
+    "sb-original/next/image": fileURLToPath(import.meta.resolve("next/image")),
+    "next/image": "@storybook/nextjs/images/next-image"
+  }, semver.satisfies(version, ">=13.0.0") && (resolve.alias = {
+    ...resolve.alias,
+    "sb-original/next/legacy/image": fileURLToPath(import.meta.resolve("next/legacy/image")),
+    "next/legacy/image": "@storybook/nextjs/images/next-legacy-image"
+  });
+}, configureStaticImageImport = (baseConfig, nextConfig) => {
+  let rules = baseConfig.module?.rules, assetRule = rules?.find(
+    (rule) => rule && typeof rule != "string" && rule.test instanceof RegExp && rule.test.test("test.jpg")
+  );
+  assetRule && (assetRule.test = /\.(apng|eot|otf|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/, rules?.push({
+    test: /\.(png|jpg|jpeg|gif|webp|avif|ico|bmp|svg)$/i,
+    issuer: { not: /\.(css|scss|sass)$/ },
+    use: [
+      {
+        loader: fileURLToPath(import.meta.resolve("@storybook/nextjs/next-image-loader-stub")),
+        options: {
+          filename: assetRule.generator?.filename ?? fallbackFilename,
+          nextConfig
+        }
+      }
+    ]
+  }), rules?.push({
+    test: /\.(png|jpg|jpeg|gif|webp|avif|ico|bmp|svg)$/i,
+    issuer: /\.(css|scss|sass)$/,
+    type: "asset/resource",
+    generator: {
+      filename: assetRule.generator?.filename ?? fallbackFilename
+    }
+  }));
+};
+export {
+  configureImages
+};

package/dist/compatibility/draft-mode.compat.js

@@ -1,4 +1,4 @@
-import "../_browser-chunks/chunk-L5NVL7MD.js";
+import "../_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/compatibility/draft-mode.compat.ts
 import { draftMode } from "next/dist/client/components/headers";

package/dist/export-mocks/cache/index.js

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

package/dist/export-mocks/headers/index.js

@@ -1,6 +1,4 @@
-import {
-  __name
-} from "../../_browser-chunks/chunk-L5NVL7MD.js";
+import "../../_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/export-mocks/headers/index.ts
 import { draftMode as originalDraftMode } from "next/dist/server/request/draft-mode";
@@ -11,7 +9,7 @@ export * from "next/dist/server/request/headers";
 // src/export-mocks/headers/headers.ts
 import { HeadersAdapter } from "next/dist/server/web/spec-extension/adapters/headers";
 import { fn } from "storybook/test";
-var _HeadersAdapterMock = class _HeadersAdapterMock extends HeadersAdapter {
+var HeadersAdapterMock = class extends HeadersAdapter {
   constructor() {
     super({});
     this.append = fn(super.append.bind(this)).mockName("next/headers::headers().append");
@@ -24,16 +22,7 @@ var _HeadersAdapterMock = class _HeadersAdapterMock extends HeadersAdapter {
     this.keys = fn(super.keys.bind(this)).mockName("next/headers::headers().keys");
     this.values = fn(super.values.bind(this)).mockName("next/headers::headers().values");
   }
-};
-__name(_HeadersAdapterMock, "HeadersAdapterMock");
-var HeadersAdapterMock = _HeadersAdapterMock;
-var headersAdapterMock;
-var headers = /* @__PURE__ */ __name(() => {
-  if (!headersAdapterMock) {
-    headersAdapterMock = new HeadersAdapterMock();
-  }
-  return headersAdapterMock;
-}, "headers");
+}, headersAdapterMock, headers = () => (headersAdapterMock || (headersAdapterMock = new HeadersAdapterMock()), headersAdapterMock);
 headers.mockRestore = () => {
   headersAdapterMock = new HeadersAdapterMock();
 };
@@ -42,7 +31,7 @@ headers.mockRestore = () => {
 import { headers as headers2 } from "@storybook/nextjs/headers.mock";
 import { RequestCookies } from "next/dist/compiled/@edge-runtime/cookies";
 import { fn as fn2 } from "storybook/test";
-var _RequestCookiesMock = class _RequestCookiesMock extends RequestCookies {
+var RequestCookiesMock = class extends RequestCookies {
   constructor() {
     super(...arguments);
     this.get = fn2(super.get.bind(this)).mockName("next/headers::cookies().get");
@@ -51,21 +40,9 @@ var _RequestCookiesMock = class _RequestCookiesMock extends RequestCookies {
     this.set = fn2(super.set.bind(this)).mockName("next/headers::cookies().set");
     this.delete = fn2(super.delete.bind(this)).mockName("next/headers::cookies().delete");
   }
-};
-__name(_RequestCookiesMock, "RequestCookiesMock");
-var RequestCookiesMock = _RequestCookiesMock;
-var requestCookiesMock;
-var cookies = fn2(() => {
-  if (!requestCookiesMock) {
-    requestCookiesMock = new RequestCookiesMock(headers2());
-  }
-  return requestCookiesMock;
-}).mockName("next/headers::cookies()");
-var originalRestore = cookies.mockRestore.bind(null);
+}, requestCookiesMock, cookies = fn2(() => (requestCookiesMock || (requestCookiesMock = new RequestCookiesMock(headers2())), requestCookiesMock)).mockName("next/headers::cookies()"), originalRestore = cookies.mockRestore.bind(null);
 cookies.mockRestore = () => {
-  originalRestore();
-  headers2.mockRestore();
-  requestCookiesMock = new RequestCookiesMock(headers2());
+  originalRestore(), headers2.mockRestore(), requestCookiesMock = new RequestCookiesMock(headers2());
 };
 
 // src/export-mocks/headers/index.ts

package/dist/export-mocks/index.js

@@ -1,20 +1,19 @@
-import CJS_COMPAT_NODE_URL_mt98813ktw from 'node:url';
-import CJS_COMPAT_NODE_PATH_mt98813ktw from 'node:path';
-import CJS_COMPAT_NODE_MODULE_mt98813ktw from "node:module";
+import CJS_COMPAT_NODE_URL_kl8x2s4rzz from 'node:url';
+import CJS_COMPAT_NODE_PATH_kl8x2s4rzz from 'node:path';
+import CJS_COMPAT_NODE_MODULE_kl8x2s4rzz from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_mt98813ktw.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_mt98813ktw.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_mt98813ktw.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_kl8x2s4rzz.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_kl8x2s4rzz.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_kl8x2s4rzz.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getPackageAliases
-} from "../_node-chunks/chunk-WR63XCFA.js";
-import "../_node-chunks/chunk-X47EC6DB.js";
-import "../_node-chunks/chunk-UHO3ELD2.js";
-import "../_node-chunks/chunk-PWZWGY6W.js";
+} from "../_node-chunks/chunk-EONFLREF.js";
+import "../_node-chunks/chunk-AU547LNK.js";
+import "../_node-chunks/chunk-NVHRUSN5.js";
 export {
   getPackageAliases
 };

package/dist/export-mocks/navigation/index.js

@@ -1,6 +1,4 @@
-import {
-  __name
-} from "../../_browser-chunks/chunk-L5NVL7MD.js";
+import "../../_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/export-mocks/navigation/index.ts
 import { NextjsRouterMocksNotAvailable } from "storybook/internal/preview-errors";
@@ -9,9 +7,8 @@ import { getRedirectError } from "next/dist/client/components/redirect";
 import { RedirectStatusCode } from "next/dist/client/components/redirect-status-code";
 import { fn } from "storybook/test";
 export * from "next/dist/client/components/navigation";
-var navigationAPI;
-var createNavigation = /* @__PURE__ */ __name((overrides) => {
-  const navigationActions = {
+var navigationAPI, createNavigation = (overrides) => {
+  let navigationActions = {
     push: fn().mockName("next/navigation::useRouter().push"),
     replace: fn().mockName("next/navigation::useRouter().replace"),
     forward: fn().mockName("next/navigation::useRouter().forward"),
@@ -19,59 +16,38 @@ var createNavigation = /* @__PURE__ */ __name((overrides) => {
     prefetch: fn().mockName("next/navigation::useRouter().prefetch"),
     refresh: fn().mockName("next/navigation::useRouter().refresh")
   };
-  if (overrides) {
-    Object.keys(navigationActions).forEach((key) => {
-      if (key in overrides) {
-        navigationActions[key] = fn((...args) => {
-          return overrides[key](...args);
-        }).mockName(`useRouter().${key}`);
-      }
-    });
-  }
-  navigationAPI = navigationActions;
-  return navigationAPI;
-}, "createNavigation");
-var getRouter = /* @__PURE__ */ __name(() => {
-  if (!navigationAPI) {
+  return overrides && Object.keys(navigationActions).forEach((key) => {
+    key in overrides && (navigationActions[key] = fn((...args) => overrides[key](...args)).mockName(`useRouter().${key}`));
+  }), navigationAPI = navigationActions, navigationAPI;
+}, getRouter = () => {
+  if (!navigationAPI)
     throw new NextjsRouterMocksNotAvailable({
       importType: "next/navigation"
     });
-  }
   return navigationAPI;
-}, "getRouter");
-var redirect = fn(
+}, redirect = fn(
   (url, type = actual.RedirectType.push) => {
     throw getRedirectError(url, type, RedirectStatusCode.SeeOther);
   }
-).mockName("next/navigation::redirect");
-var permanentRedirect = fn(
+).mockName("next/navigation::redirect"), permanentRedirect = fn(
   (url, type = actual.RedirectType.push) => {
     throw getRedirectError(url, type, RedirectStatusCode.SeeOther);
   }
-).mockName("next/navigation::permanentRedirect");
-var useSearchParams2 = fn(actual.useSearchParams).mockName(
+).mockName("next/navigation::permanentRedirect"), useSearchParams2 = fn(actual.useSearchParams).mockName(
   "next/navigation::useSearchParams"
-);
-var usePathname2 = fn(actual.usePathname).mockName("next/navigation::usePathname");
-var useSelectedLayoutSegment2 = fn(actual.useSelectedLayoutSegment).mockName(
+), usePathname2 = fn(actual.usePathname).mockName("next/navigation::usePathname"), useSelectedLayoutSegment2 = fn(actual.useSelectedLayoutSegment).mockName(
   "next/navigation::useSelectedLayoutSegment"
-);
-var useSelectedLayoutSegments2 = fn(actual.useSelectedLayoutSegments).mockName(
+), useSelectedLayoutSegments2 = fn(actual.useSelectedLayoutSegments).mockName(
   "next/navigation::useSelectedLayoutSegments"
-);
-var useRouter = fn(() => {
-  if (!navigationAPI) {
+), useRouter = fn(() => {
+  if (!navigationAPI)
     throw new NextjsRouterMocksNotAvailable({
       importType: "next/navigation"
     });
-  }
   return navigationAPI;
-}).mockName("next/navigation::useRouter");
-var useServerInsertedHTML2 = fn(actual.useServerInsertedHTML).mockName(
+}).mockName("next/navigation::useRouter"), 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");
+), notFound2 = fn(actual.notFound).mockName("next/navigation::notFound"), useParams2 = fn(actual.useParams).mockName("next/navigation::useParams");
 export {
   createNavigation,
   getRouter,

package/dist/export-mocks/router/index.d.ts

@@ -1,8 +1,5 @@
-import * as react from 'react';
-import * as next_dist_client_with_router from 'next/dist/client/with-router';
-import * as next from 'next';
-import * as singletonRouter from 'next/dist/client/router';
-import singletonRouter__default from 'next/dist/client/router';
+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';
@@ -40,7 +37,7 @@ declare const getRouter: () => {
     isPreview: boolean;
 };
 
-declare const useRouter: Mock<typeof singletonRouter.useRouter>;
-declare const withRouter: Mock<(ComposedComponent: next.NextComponentType<next.NextPageContext, any, next_dist_client_with_router.WithRouterProps>) => react.ComponentType<next_dist_client_with_router.ExcludeRouterProps<next_dist_client_with_router.WithRouterProps>>>;
+declare const useRouter: Mock<typeof originalRouter.useRouter>;
+declare const withRouter: Mock<typeof originalRouter.withRouter>;
 
 export { createRouter, getRouter, useRouter, withRouter };

package/dist/export-mocks/router/index.js

@@ -1,6 +1,4 @@
-import {
-  __name
-} from "../../_browser-chunks/chunk-L5NVL7MD.js";
+import "../../_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/export-mocks/router/index.ts
 import { NextjsRouterMocksNotAvailable } from "storybook/internal/preview-errors";
@@ -13,33 +11,24 @@ var defaultRouterState = {
   basePath: "/",
   pathname: "/",
   query: {},
-  isFallback: false,
-  isLocaleDomain: false,
-  isReady: true,
-  isPreview: false
-};
-var routerAPI;
-var createRouter = /* @__PURE__ */ __name((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"),
+  isFallback: !1,
+  isLocaleDomain: !1,
+  isReady: !0,
+  isPreview: !1
+}, routerAPI, createRouter = (overrides) => {
+  let routerActions = {
+    push: fn((..._args) => Promise.resolve(!0)).mockName("next/router::useRouter().push"),
+    replace: fn((..._args) => Promise.resolve(!0)).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"),
+    prefetch: fn((..._args) => Promise.resolve()).mockName("next/router::useRouter().prefetch"),
     beforePopState: fn((..._args) => {
     }).mockName("next/router::useRouter().beforePopState")
-  };
-  const routerEvents = {
+  }, routerEvents = {
     on: fn((..._args) => {
     }).mockName("next/router::useRouter().events.on"),
     off: fn((..._args) => {
@@ -47,47 +36,24 @@ var createRouter = /* @__PURE__ */ __name((overrides) => {
     emit: fn((..._args) => {
     }).mockName("next/router::useRouter().events.emit")
   };
-  if (overrides) {
-    Object.keys(routerActions).forEach((key) => {
-      if (key in overrides) {
-        routerActions[key] = fn((...args) => {
-          return overrides[key](...args);
-        }).mockName(`useRouter().${key}`);
-      }
-    });
-  }
-  if (overrides?.events) {
-    Object.keys(routerEvents).forEach((key) => {
-      if (key in routerEvents) {
-        routerEvents[key] = fn((...args) => {
-          return overrides.events[key](...args);
-        }).mockName(`useRouter().events.${key}`);
-      }
-    });
-  }
-  routerAPI = {
+  return overrides && Object.keys(routerActions).forEach((key) => {
+    key in overrides && (routerActions[key] = fn((...args) => overrides[key](...args)).mockName(`useRouter().${key}`));
+  }), overrides?.events && Object.keys(routerEvents).forEach((key) => {
+    key in routerEvents && (routerEvents[key] = fn((...args) => overrides.events[key](...args)).mockName(`useRouter().events.${key}`));
+  }), routerAPI = {
     ...defaultRouterState,
     ...overrides,
     ...routerActions,
     // @ts-expect-error TODO improve typings
     events: routerEvents
-  };
-  singletonRouter.router = routerAPI;
-  singletonRouter.readyCallbacks.forEach((cb) => cb());
-  singletonRouter.readyCallbacks = [];
-  return routerAPI;
-}, "createRouter");
-var getRouter = /* @__PURE__ */ __name(() => {
-  if (!routerAPI) {
+  }, singletonRouter.router = routerAPI, singletonRouter.readyCallbacks.forEach((cb) => cb()), singletonRouter.readyCallbacks = [], routerAPI;
+}, getRouter = () => {
+  if (!routerAPI)
     throw new NextjsRouterMocksNotAvailable({
       importType: "next/router"
     });
-  }
   return routerAPI;
-}, "getRouter");
-var router_default = singletonRouter;
-var useRouter2 = fn(originalRouter.useRouter).mockName("next/router::useRouter");
-var withRouter2 = fn(originalRouter.withRouter).mockName("next/router::withRouter");
+}, router_default = singletonRouter, useRouter2 = fn(originalRouter.useRouter).mockName("next/router::useRouter"), withRouter2 = fn(originalRouter.withRouter).mockName("next/router::withRouter");
 export {
   createRouter,
   router_default as default,