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

package/dist/_browser-chunks/{chunk-KX5HHFXV.js → chunk-2SBZPHE7.js}

@@ -1,7 +1,6 @@
 import {
-  __export,
-  __name
-} from "./chunk-L5NVL7MD.js";
+  __export
+} from "./chunk-SL3VIQZ3.js";
 
 // src/preview.tsx
 var preview_exports = {};
@@ -21,28 +20,18 @@ import * as React2 from "react";
 import React, { useMemo } from "react";
 import initHeadManager from "next/dist/client/head-manager";
 import { HeadManagerContext } from "next/dist/shared/lib/head-manager-context.shared-runtime";
-var HeadManagerProvider = /* @__PURE__ */ __name(({ children }) => {
-  const headManager = useMemo(initHeadManager, []);
-  headManager.getIsSsr = () => false;
-  return React.createElement(HeadManagerContext.Provider, { value: headManager }, children);
-}, "HeadManagerProvider");
-var head_manager_provider_default = HeadManagerProvider;
+var HeadManagerProvider = ({ children }) => {
+  let headManager = useMemo(initHeadManager, []);
+  return headManager.getIsSsr = () => !1, React.createElement(HeadManagerContext.Provider, { value: headManager }, children);
+}, head_manager_provider_default = HeadManagerProvider;
 
 // src/head-manager/decorator.tsx
-var HeadManagerDecorator = /* @__PURE__ */ __name((Story) => {
-  return React2.createElement(head_manager_provider_default, null, React2.createElement(Story, null));
-}, "HeadManagerDecorator");
+var HeadManagerDecorator = (Story) => React2.createElement(head_manager_provider_default, null, React2.createElement(Story, null));
 
 // src/images/decorator.tsx
 import * as React3 from "react";
 import { ImageContext as ImageContextValue } from "@storybook/nextjs/image-context";
-var ImageContext = ImageContextValue;
-var ImageDecorator = /* @__PURE__ */ __name((Story, { parameters: parameters2 }) => {
-  if (!parameters2.nextjs?.image) {
-    return React3.createElement(Story, null);
-  }
-  return React3.createElement(ImageContext.Provider, { value: parameters2.nextjs.image }, React3.createElement(Story, null));
-}, "ImageDecorator");
+var ImageContext = ImageContextValue, ImageDecorator = (Story, { parameters: parameters2 }) => parameters2.nextjs?.image ? React3.createElement(ImageContext.Provider, { value: parameters2.nextjs.image }, React3.createElement(Story, null)) : React3.createElement(Story, null);
 
 // src/routing/decorator.tsx
 import * as React6 from "react";
@@ -62,43 +51,30 @@ import {
   SearchParamsContext
 } from "next/dist/shared/lib/hooks-client-context.shared-runtime";
 import { PAGE_SEGMENT_KEY } from "next/dist/shared/lib/segment";
-var getParallelRoutes = /* @__PURE__ */ __name((segmentsList) => {
-  const segment = segmentsList.shift();
-  if (segment) {
-    return [segment, { children: getParallelRoutes(segmentsList) }];
-  }
-  return [];
-}, "getParallelRoutes");
-var AppRouterProvider = /* @__PURE__ */ __name(({
+var getParallelRoutes = (segmentsList) => {
+  let segment = segmentsList.shift();
+  return segment ? [segment, { children: getParallelRoutes(segmentsList) }] : [];
+}, AppRouterProvider = ({
   children,
   routeParams
 }) => {
-  const { pathname, query, segments = [] } = routeParams;
-  const tree = [pathname, { children: getParallelRoutes([...segments]) }];
-  const pathParams = useMemo2(() => {
-    const params = {};
-    const currentSegments = routeParams.segments;
+  let { pathname, query, segments = [] } = routeParams, tree = [pathname, { children: getParallelRoutes([...segments]) }], pathParams = useMemo2(() => {
+    let params = {}, currentSegments = routeParams.segments;
     if (currentSegments) {
       if (Array.isArray(currentSegments)) {
-        for (const segmentEntry of currentSegments) {
-          if (Array.isArray(segmentEntry) && segmentEntry.length === 2 && typeof segmentEntry[0] === "string") {
-            const key = segmentEntry[0];
-            const value = segmentEntry[1];
+        for (let segmentEntry of currentSegments)
+          if (Array.isArray(segmentEntry) && segmentEntry.length === 2 && typeof segmentEntry[0] == "string") {
+            let key = segmentEntry[0], value = segmentEntry[1];
             params[key] = value;
           }
-        }
-      } else if (typeof currentSegments === "object" && !Array.isArray(currentSegments)) {
-        const segmentObject = currentSegments;
-        for (const key in segmentObject) {
-          if (Object.prototype.hasOwnProperty.call(segmentObject, key)) {
-            params[key] = segmentObject[key];
-          }
-        }
+      } else if (typeof currentSegments == "object" && !Array.isArray(currentSegments)) {
+        let segmentObject = currentSegments;
+        for (let key in segmentObject)
+          Object.prototype.hasOwnProperty.call(segmentObject, key) && (params[key] = segmentObject[key]);
       }
     }
     return params;
-  }, [routeParams.segments]);
-  const newLazyCacheNode = {
+  }, [routeParams.segments]), newLazyCacheNode = {
     lazyData: null,
     rsc: null,
     prefetchRsc: null,
@@ -118,10 +94,10 @@ var AppRouterProvider = /* @__PURE__ */ __name(({
         buildId: "storybook",
         tree,
         focusAndScrollRef: {
-          apply: false,
+          apply: !1,
           hashFragment: null,
           segmentPaths: [tree],
-          onlyHashChange: false
+          onlyHashChange: !1
         },
         nextUrl: pathname
       }
@@ -149,64 +125,47 @@ var AppRouterProvider = /* @__PURE__ */ __name(({
       children
     ))
   ))));
-}, "AppRouterProvider");
+};
 
 // src/routing/page-router-provider.tsx
 import React5 from "react";
 import { getRouter as getRouter2 } from "@storybook/nextjs/router.mock";
 import { RouterContext } from "next/dist/shared/lib/router-context.shared-runtime";
-var PageRouterProvider = /* @__PURE__ */ __name(({ children }) => React5.createElement(RouterContext.Provider, { value: getRouter2() }, children), "PageRouterProvider");
+var PageRouterProvider = ({ children }) => React5.createElement(RouterContext.Provider, { value: getRouter2() }, children);
 
 // src/routing/decorator.tsx
 var defaultRouterParams = {
   pathname: "/",
   query: {}
-};
-var RouterDecorator = /* @__PURE__ */ __name((Story, { parameters: parameters2 }) => {
-  const nextAppDirectory = parameters2.nextjs?.appDirectory ?? false;
-  if (nextAppDirectory) {
-    if (!AppRouterProvider) {
-      return null;
+}, RouterDecorator = (Story, { parameters: parameters2 }) => parameters2.nextjs?.appDirectory ?? !1 ? AppRouterProvider ? React6.createElement(
+  AppRouterProvider,
+  {
+    routeParams: {
+      ...defaultRouterParams,
+      ...parameters2.nextjs?.navigation
     }
-    return React6.createElement(
-      AppRouterProvider,
-      {
-        routeParams: {
-          ...defaultRouterParams,
-          ...parameters2.nextjs?.navigation
-        }
-      },
-      React6.createElement(RedirectBoundary, null, React6.createElement(Story, null))
-    );
-  }
-  return React6.createElement(PageRouterProvider, null, React6.createElement(Story, null));
-}, "RouterDecorator");
+  },
+  React6.createElement(RedirectBoundary, null, React6.createElement(Story, null))
+) : null : React6.createElement(PageRouterProvider, null, React6.createElement(Story, null));
 
 // src/styledJsx/decorator.tsx
 import * as React7 from "react";
 import { StyleRegistry } from "styled-jsx";
-var StyledJsxDecorator = /* @__PURE__ */ __name((Story) => React7.createElement(StyleRegistry, null, React7.createElement(Story, null)), "StyledJsxDecorator");
+var StyledJsxDecorator = (Story) => React7.createElement(StyleRegistry, null, React7.createElement(Story, null));
 
 // src/preview.tsx
 function addNextHeadCount() {
-  const meta = document.createElement("meta");
-  meta.name = "next-head-count";
-  meta.content = "0";
-  document.head.appendChild(meta);
+  let meta = document.createElement("meta");
+  meta.name = "next-head-count", meta.content = "0", document.head.appendChild(meta);
 }
-__name(addNextHeadCount, "addNextHeadCount");
 function isAsyncClientComponentError(error) {
-  return typeof error === "string" && (error.includes("Only Server Components can be async at the moment.") || error.includes("A component was suspended by an uncached promise.") || error.includes("async/await is not yet supported in Client Components"));
+  return typeof error == "string" && (error.includes("Only Server Components can be async at the moment.") || error.includes("A component was suspended by an uncached promise.") || error.includes("async/await is not yet supported in Client Components"));
 }
-__name(isAsyncClientComponentError, "isAsyncClientComponentError");
 addNextHeadCount();
 var origConsoleError = globalThis.console.error;
 globalThis.console.error = (...args) => {
-  const error = args[0];
-  if (isNextRouterError(error) || isAsyncClientComponentError(error)) {
-    return;
-  }
-  origConsoleError.apply(globalThis.console, args);
+  let error = args[0];
+  isNextRouterError(error) || isAsyncClientComponentError(error) || origConsoleError.apply(globalThis.console, args);
 };
 globalThis.addEventListener("error", (ev) => {
   if (isNextRouterError(ev.error) || isAsyncClientComponentError(ev.error)) {
@@ -219,31 +178,22 @@ var decorators = [
   ImageDecorator,
   RouterDecorator,
   HeadManagerDecorator
-];
-var loaders = /* @__PURE__ */ __name(async ({ globals, parameters: parameters2 }) => {
-  const { router, appDirectory } = parameters2.nextjs ?? {};
-  if (appDirectory) {
-    createNavigation(router);
-  } else {
-    createRouter({
-      locale: globals.locale,
-      ...router
-    });
-  }
-}, "loaders");
-var parameters = {
+], loaders = async ({ globals, parameters: parameters2 }) => {
+  let { router, appDirectory } = parameters2.nextjs ?? {};
+  appDirectory ? createNavigation(router) : createRouter({
+    locale: globals.locale,
+    ...router
+  });
+}, parameters = {
   docs: {
     source: {
-      excludeDecorators: true
+      excludeDecorators: !0
     }
   },
   react: {
     rootOptions: {
       onCaughtError(error) {
-        if (isNextRouterError(error)) {
-          return;
-        }
-        console.error(error);
+        isNextRouterError(error) || console.error(error);
       }
     }
   }

package/dist/_browser-chunks/chunk-RDMFII4N.js

@@ -0,0 +1,22 @@
+// src/images/next-image-default-loader.tsx
+var defaultLoader = ({ src, width, quality = 75 }) => {
+  let missingValues = [];
+  if (src || missingValues.push("src"), width || missingValues.push("width"), missingValues.length > 0)
+    throw new Error(
+      `Next Image Optimization requires ${missingValues.join(
+        ", "
+      )} to be provided. Make sure you pass them as props to the \`next/image\` component. Received: ${JSON.stringify(
+        {
+          src,
+          width,
+          quality
+        }
+      )}`
+    );
+  let url = new URL(src, window.location.href);
+  return !url.searchParams.has("w") && !url.searchParams.has("q") && (url.searchParams.set("w", width.toString()), url.searchParams.set("q", quality.toString())), !src.startsWith("http://") && !src.startsWith("https://") ? url.toString().slice(url.origin.length) : url.toString();
+};
+
+export {
+  defaultLoader
+};

package/dist/_browser-chunks/{chunk-L5NVL7MD.js → chunk-SL3VIQZ3.js}

@@ -2,22 +2,17 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __commonJS = (cb, mod) => function __require() {
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -25,12 +20,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
 ));
 
 export {
-  __name,
   __commonJS,
   __export,
   __toESM

package/dist/_browser-chunks/react-18-PYSEDAWB.js

@@ -0,0 +1,43 @@
+import "./chunk-SL3VIQZ3.js";
+
+// ../../lib/react-dom-shim/dist/react-18.js
+import * as React from "react";
+import * as ReactDOM from "react-dom/client";
+var nodes = /* @__PURE__ */ new Map();
+function getIsReactActEnvironment() {
+  return globalThis.IS_REACT_ACT_ENVIRONMENT;
+}
+var WithCallback = ({
+  callback,
+  children
+}) => {
+  let once = React.useRef();
+  return React.useLayoutEffect(() => {
+    once.current !== callback && (once.current = callback, callback());
+  }, [callback]), children;
+};
+typeof Promise.withResolvers > "u" && (Promise.withResolvers = () => {
+  let resolve = null, reject = null;
+  return { promise: new Promise((res, rej) => {
+    resolve = res, reject = rej;
+  }), resolve, reject };
+});
+var renderElement = async (node, el, rootOptions) => {
+  let root = await getReactRoot(el, rootOptions);
+  if (getIsReactActEnvironment()) {
+    root.render(node);
+    return;
+  }
+  let { promise, resolve } = Promise.withResolvers();
+  return root.render(React.createElement(WithCallback, { callback: resolve }, node)), promise;
+}, unmountElement = (el, shouldUseNewRootApi) => {
+  let root = nodes.get(el);
+  root && (root.unmount(), nodes.delete(el));
+}, getReactRoot = async (el, rootOptions) => {
+  let root = nodes.get(el);
+  return root || (root = ReactDOM.createRoot(el, rootOptions), nodes.set(el, root)), root;
+};
+export {
+  renderElement,
+  unmountElement
+};

package/dist/_node-chunks/chunk-AU547LNK.js

@@ -0,0 +1,76 @@
+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 {
+  resolvePackageDir
+} from "./chunk-NVHRUSN5.js";
+
+// src/utils.ts
+import { readFileSync } from "node:fs";
+import { dirname, join, sep } from "node:path";
+import { fileURLToPath } from "node:url";
+import { getProjectRoot } from "storybook/internal/common";
+import { WebpackDefinePlugin } from "@storybook/builder-webpack5";
+import { PHASE_DEVELOPMENT_SERVER } from "next/constants.js";
+import nextJsLoadConfigModule from "next/dist/server/config.js";
+import semver from "semver";
+var configureRuntimeNextjsVersionResolution = (baseConfig) => {
+  baseConfig.plugins?.push(
+    new WebpackDefinePlugin({
+      "process.env.__NEXT_VERSION": JSON.stringify(getNextjsVersion())
+    })
+  );
+}, getNextjsVersion = () => JSON.parse(readFileSync(join(resolvePackageDir("next"), "package.json"), "utf8")).version, isNextVersionGte = (version) => {
+  let currentVersion = getNextjsVersion(), coercedVersion = semver.coerce(currentVersion);
+  return coercedVersion ? semver.gte(coercedVersion, version) : !1;
+}, resolveNextConfig = async ({
+  nextConfigPath
+}) => {
+  let dir = nextConfigPath ? dirname(nextConfigPath) : getProjectRoot(), loadConfig = nextJsLoadConfigModule.default ?? nextJsLoadConfigModule, nextPrivateRenderWorker = process.env.__NEXT_PRIVATE_RENDER_WORKER;
+  process.env.__NEXT_PRIVATE_RENDER_WORKER = "defined";
+  let config = loadConfig(PHASE_DEVELOPMENT_SERVER, dir, void 0);
+  return typeof nextPrivateRenderWorker > "u" ? delete process.env.__NEXT_PRIVATE_RENDER_WORKER : process.env.__NEXT_PRIVATE_RENDER_WORKER = nextPrivateRenderWorker, config;
+};
+function setAlias(baseConfig, name, alias) {
+  baseConfig.resolve ??= {}, baseConfig.resolve.alias ??= {};
+  let aliasConfig = baseConfig.resolve.alias;
+  Array.isArray(aliasConfig) ? aliasConfig.push({
+    name,
+    alias
+  }) : aliasConfig[name] = alias;
+}
+var addScopedAlias = (baseConfig, name, alias) => {
+  let scopedAlias = scopedResolve(`${alias ?? name}`);
+  setAlias(baseConfig, name, scopedAlias);
+}, scopedResolve = (id) => {
+  let scopedModulePath = fileURLToPath(import.meta.resolve(id)), idWithNativePathSep = id.replace(/\//g, sep);
+  if (scopedModulePath.endsWith(idWithNativePathSep))
+    return scopedModulePath;
+  let beginningOfMainScriptPath = scopedModulePath.lastIndexOf(idWithNativePathSep) + id.length;
+  return scopedModulePath.substring(0, beginningOfMainScriptPath);
+};
+function getNodeModulesExcludeRegex(transpilePackages) {
+  if (!transpilePackages || transpilePackages.length === 0)
+    return /node_modules/;
+  let escaped = transpilePackages.map((pkg) => pkg.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
+  return new RegExp(`node_modules/(?!(${escaped})/)`);
+}
+
+export {
+  configureRuntimeNextjsVersionResolution,
+  getNextjsVersion,
+  isNextVersionGte,
+  resolveNextConfig,
+  setAlias,
+  addScopedAlias,
+  scopedResolve,
+  getNodeModulesExcludeRegex
+};

package/dist/_node-chunks/chunk-EONFLREF.js

@@ -0,0 +1,57 @@
+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 {
+  addScopedAlias,
+  getNextjsVersion,
+  setAlias
+} from "./chunk-AU547LNK.js";
+
+// src/compatibility/compatibility-map.ts
+import semver from "semver";
+var mapping = {
+  "<15.0.0": {
+    "next/dist/server/request/headers": "next/dist/client/components/headers",
+    // this path only exists from Next 15 onwards
+    "next/dist/server/request/draft-mode": "@storybook/nextjs/compatibility/draft-mode.compat"
+  }
+}, getCompatibilityAliases = () => {
+  let version = getNextjsVersion(), result = {};
+  return Object.keys(mapping).forEach((key) => {
+    semver.intersects(version, key) && Object.assign(result, mapping[key]);
+  }), result;
+}, configureCompatibilityAliases = (baseConfig) => {
+  let aliases = getCompatibilityAliases();
+  Object.entries(aliases).forEach(([name, alias]) => {
+    typeof alias == "string" ? addScopedAlias(baseConfig, name, alias) : setAlias(baseConfig, name, alias);
+  });
+};
+
+// src/export-mocks/webpack.ts
+var mapping2 = {
+  "next/headers": "@storybook/nextjs/headers.mock",
+  "next/navigation": "@storybook/nextjs/navigation.mock",
+  "next/router": "@storybook/nextjs/router.mock",
+  "next/cache": "@storybook/nextjs/cache.mock",
+  ...getCompatibilityAliases()
+}, getPackageAliases = () => mapping2, configureNextExportMocks = (baseConfig) => {
+  let resolve = baseConfig.resolve ?? {};
+  resolve.alias = {
+    ...resolve.alias,
+    ...mapping2
+  };
+};
+
+export {
+  configureCompatibilityAliases,
+  getPackageAliases,
+  configureNextExportMocks
+};