@storybook/nextjs 10.1.0-alpha.10 → 10.1.0-alpha.11

package/dist/preview.js

@@ -2,8 +2,8 @@ import {
   decorators,
   loaders,
   parameters
-} from "./_browser-chunks/chunk-KX5HHFXV.js";
-import "./_browser-chunks/chunk-L5NVL7MD.js";
+} from "./_browser-chunks/chunk-2SBZPHE7.js";
+import "./_browser-chunks/chunk-SL3VIQZ3.js";
 export {
   decorators,
   loaders,

package/dist/rsc/server-only.js

@@ -1,4 +1,4 @@
-import "../_browser-chunks/chunk-L5NVL7MD.js";
+import "../_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/rsc/server-only.ts
 var server_only_default = {};

package/dist/swc/next-swc-loader-patch.js

@@ -1,30 +1,25 @@
-import CJS_COMPAT_NODE_URL_1wy8hqz8e24 from 'node:url';
-import CJS_COMPAT_NODE_PATH_1wy8hqz8e24 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_1wy8hqz8e24 from "node:module";
+import CJS_COMPAT_NODE_URL_h9mxauk5xyo from 'node:url';
+import CJS_COMPAT_NODE_PATH_h9mxauk5xyo from 'node:path';
+import CJS_COMPAT_NODE_MODULE_h9mxauk5xyo from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_1wy8hqz8e24.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_1wy8hqz8e24.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_1wy8hqz8e24.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_h9mxauk5xyo.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_h9mxauk5xyo.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_h9mxauk5xyo.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import {
-  __name
-} from "../_node-chunks/chunk-Z2RESD5M.js";
 
 // src/swc/next-swc-loader-patch.ts
 import { isAbsolute, relative } from "node:path";
 import * as nextSwcUtils from "next/dist/build/swc/index.js";
 import { getLoaderSWCOptions } from "next/dist/build/swc/options.js";
 var mockCurrentTraceSpan = {
-  traceChild: /* @__PURE__ */ __name((name) => mockCurrentTraceSpan, "traceChild"),
-  traceAsyncFn: /* @__PURE__ */ __name(async (fn) => fn(), "traceAsyncFn")
+  traceChild: (name) => mockCurrentTraceSpan,
+  traceAsyncFn: async (fn) => fn()
 };
 async function loaderTransform(parentTrace, source, inputSourceMap) {
-  const filename = this.resourcePath;
-  const loaderOptions = this.getOptions() || {};
-  const {
+  let filename = this.resourcePath, loaderOptions = this.getOptions() || {}, {
     isServer,
     rootDir,
     pagesDir,
@@ -36,35 +31,31 @@ async function loaderTransform(parentTrace, source, inputSourceMap) {
     swcCacheDir,
     serverComponents,
     isReactServerLayer
-  } = loaderOptions;
-  const isPageFile = filename.startsWith(pagesDir);
-  const relativeFilePathFromRoot = relative(rootDir, filename);
-  const swcOptions = getLoaderSWCOptions({
-    pagesDir,
-    appDir,
+  } = loaderOptions, isPageFile = filename.startsWith(pagesDir), relativeFilePathFromRoot = relative(rootDir, filename), programmaticOptions = {
+    ...getLoaderSWCOptions({
+      pagesDir,
+      appDir,
+      filename,
+      isServer,
+      isPageFile,
+      development: this.mode === "development",
+      hasReactRefresh,
+      modularizeImports: nextConfig?.modularizeImports,
+      optimizePackageImports: nextConfig?.experimental?.optimizePackageImports,
+      swcPlugins: nextConfig?.experimental?.swcPlugins,
+      compilerOptions: nextConfig?.compiler,
+      optimizeServerReact: nextConfig?.experimental?.optimizeServerReact,
+      jsConfig,
+      supportedBrowsers,
+      swcCacheDir,
+      relativeFilePathFromRoot,
+      serverComponents,
+      // @ts-expect-error Relevant for Next.js < 14.1
+      // TODO: Remove this when Next.js < 14.1 is no longer supported
+      isReactServerLayer
+    }),
     filename,
-    isServer,
-    isPageFile,
-    development: this.mode === "development",
-    hasReactRefresh,
-    modularizeImports: nextConfig?.modularizeImports,
-    optimizePackageImports: nextConfig?.experimental?.optimizePackageImports,
-    swcPlugins: nextConfig?.experimental?.swcPlugins,
-    compilerOptions: nextConfig?.compiler,
-    optimizeServerReact: nextConfig?.experimental?.optimizeServerReact,
-    jsConfig,
-    supportedBrowsers,
-    swcCacheDir,
-    relativeFilePathFromRoot,
-    serverComponents,
-    // @ts-expect-error Relevant for Next.js < 14.1
-    // TODO: Remove this when Next.js < 14.1 is no longer supported
-    isReactServerLayer
-  });
-  const programmaticOptions = {
-    ...swcOptions,
-    filename,
-    inputSourceMap: inputSourceMap && typeof inputSourceMap === "object" ? JSON.stringify(inputSourceMap) : void 0,
+    inputSourceMap: inputSourceMap && typeof inputSourceMap == "object" ? JSON.stringify(inputSourceMap) : void 0,
     // Set the default sourcemap behavior based on Webpack's mapping flag,
     sourceMaps: this.sourceMap,
     inlineSourcesContent: this.sourceMap,
@@ -73,59 +64,31 @@ async function loaderTransform(parentTrace, source, inputSourceMap) {
     // modules.
     sourceFileName: filename
   };
-  programmaticOptions.env.bugfixes = true;
-  if (!programmaticOptions.inputSourceMap) {
-    delete programmaticOptions.inputSourceMap;
-  }
-  if (this.mode && programmaticOptions.jsc && programmaticOptions.jsc.transform && programmaticOptions.jsc.transform.react && !Object.prototype.hasOwnProperty.call(programmaticOptions.jsc.transform.react, "development")) {
-    programmaticOptions.jsc.transform.react.development = this.mode === "development";
-  }
-  const swcSpan = parentTrace.traceChild("next-swc-transform");
-  return swcSpan.traceAsyncFn(
+  return programmaticOptions.env.bugfixes = !0, programmaticOptions.inputSourceMap || delete programmaticOptions.inputSourceMap, this.mode && programmaticOptions.jsc && programmaticOptions.jsc.transform && programmaticOptions.jsc.transform.react && !Object.prototype.hasOwnProperty.call(programmaticOptions.jsc.transform.react, "development") && (programmaticOptions.jsc.transform.react.development = this.mode === "development"), parentTrace.traceChild("next-swc-transform").traceAsyncFn(
     () => nextSwcUtils.transform(source, programmaticOptions).then((output) => {
-      if (output.eliminatedPackages && this.eliminatedPackages) {
-        for (const pkg of JSON.parse(output.eliminatedPackages)) {
+      if (output.eliminatedPackages && this.eliminatedPackages)
+        for (let pkg of JSON.parse(output.eliminatedPackages))
           this.eliminatedPackages.add(pkg);
-        }
-      }
       return [output.code, output.map ? JSON.parse(output.map) : void 0];
     })
   );
 }
-__name(loaderTransform, "loaderTransform");
 var EXCLUDED_PATHS = /[\\/](cache[\\/][^\\/]+\.zip[\\/]node_modules|__virtual__)[\\/]/g;
 function pitch() {
-  const callback = this.async();
+  let callback = this.async();
   (async () => {
-    let isWasm2 = false;
-    if (!!nextSwcUtils.isWasm) {
-      isWasm2 = await nextSwcUtils.isWasm();
-    } else if (!!nextSwcUtils.getBindingsSync) {
-      await nextSwcUtils.loadBindings();
-      isWasm2 = nextSwcUtils.getBindingsSync().isWasm;
-    }
-    if (
-      // TODO: Evaluate if this is correct after removing pnp compatibility code in SB11
-      // TODO: investigate swc file reading in PnP mode?
-      !process.versions.pnp && !EXCLUDED_PATHS.test(this.resourcePath) && this.loaders.length - 1 === this.loaderIndex && isAbsolute(this.resourcePath) && !isWasm2
-    ) {
-      const loaderSpan = mockCurrentTraceSpan.traceChild("next-swc-loader");
-      this.addDependency(this.resourcePath);
-      return loaderSpan.traceAsyncFn(() => loaderTransform.call(this, loaderSpan));
-    }
-    return null;
-  })().then((r) => {
-    if (r) {
-      return callback(null, ...r);
+    let isWasm2 = !1;
+    if (nextSwcUtils.isWasm ? isWasm2 = await nextSwcUtils.isWasm() : nextSwcUtils.getBindingsSync && (await nextSwcUtils.loadBindings(), isWasm2 = nextSwcUtils.getBindingsSync().isWasm), // TODO: Evaluate if this is correct after removing pnp compatibility code in SB11
+    // TODO: investigate swc file reading in PnP mode?
+    !process.versions.pnp && !EXCLUDED_PATHS.test(this.resourcePath) && this.loaders.length - 1 === this.loaderIndex && isAbsolute(this.resourcePath) && !isWasm2) {
+      let loaderSpan = mockCurrentTraceSpan.traceChild("next-swc-loader");
+      return this.addDependency(this.resourcePath), loaderSpan.traceAsyncFn(() => loaderTransform.call(this, loaderSpan));
     }
-    callback();
     return null;
-  }, callback);
+  })().then((r) => r ? callback(null, ...r) : (callback(), null), callback);
 }
-__name(pitch, "pitch");
 function swcLoader(inputSource, inputSourceMap) {
-  const loaderSpan = mockCurrentTraceSpan.traceChild("next-swc-loader");
-  const callback = this.async();
+  let loaderSpan = mockCurrentTraceSpan.traceChild("next-swc-loader"), callback = this.async();
   loaderSpan.traceAsyncFn(() => loaderTransform.call(this, loaderSpan, inputSource, inputSourceMap)).then(
     ([transformedSource, outputSourceMap]) => {
       callback(null, transformedSource, outputSourceMap || inputSourceMap);
@@ -135,8 +98,7 @@ function swcLoader(inputSource, inputSourceMap) {
     }
   );
 }
-__name(swcLoader, "swcLoader");
-var raw = true;
+var raw = !0;
 export {
   swcLoader as default,
   pitch,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "10.1.0-alpha.10",
+  "version": "10.1.0-alpha.11",
   "description": "Storybook for Next.js: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -94,9 +94,9 @@
     "@babel/preset-typescript": "^7.24.1",
     "@babel/runtime": "^7.24.4",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
-    "@storybook/builder-webpack5": "10.1.0-alpha.10",
-    "@storybook/preset-react-webpack": "10.1.0-alpha.10",
-    "@storybook/react": "10.1.0-alpha.10",
+    "@storybook/builder-webpack5": "10.1.0-alpha.11",
+    "@storybook/preset-react-webpack": "10.1.0-alpha.11",
+    "@storybook/react": "10.1.0-alpha.11",
     "@types/semver": "^7.3.4",
     "babel-loader": "^9.1.3",
     "css-loader": "^6.7.3",
@@ -130,7 +130,7 @@
     "next": "^14.1.0 || ^15.0.0 || ^16.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "storybook": "^10.1.0-alpha.10",
+    "storybook": "^10.1.0-alpha.11",
     "webpack": "^5.0.0"
   },
   "peerDependenciesMeta": {
@@ -144,5 +144,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae17"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae1l"
 }

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

@@ -1,40 +0,0 @@
-import {
-  __name
-} from "./chunk-L5NVL7MD.js";
-
-// src/images/next-image-default-loader.tsx
-var defaultLoader = /* @__PURE__ */ __name(({ src, width, quality = 75 }) => {
-  const missingValues = [];
-  if (!src) {
-    missingValues.push("src");
-  }
-  if (!width) {
-    missingValues.push("width");
-  }
-  if (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
-        }
-      )}`
-    );
-  }
-  const url = new URL(src, window.location.href);
-  if (!url.searchParams.has("w") && !url.searchParams.has("q")) {
-    url.searchParams.set("w", width.toString());
-    url.searchParams.set("q", quality.toString());
-  }
-  if (!src.startsWith("http://") && !src.startsWith("https://")) {
-    return url.toString().slice(url.origin.length);
-  }
-  return url.toString();
-}, "defaultLoader");
-
-export {
-  defaultLoader
-};

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

@@ -1,71 +0,0 @@
-import {
-  __name
-} from "./chunk-L5NVL7MD.js";
-
-// ../../lib/react-dom-shim/dist/_browser-chunks/chunk-JK72E6FR.js
-var __defProp = Object.defineProperty;
-var __name2 = /* @__PURE__ */ __name((target, value) => __defProp(target, "name", { value, configurable: true }), "__name");
-
-// ../../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;
-}
-__name(getIsReactActEnvironment, "getIsReactActEnvironment");
-__name2(getIsReactActEnvironment, "getIsReactActEnvironment");
-var WithCallback = __name2(({
-  callback,
-  children
-}) => {
-  const once = React.useRef();
-  React.useLayoutEffect(() => {
-    if (once.current === callback) {
-      return;
-    }
-    once.current = callback;
-    callback();
-  }, [callback]);
-  return children;
-}, "WithCallback");
-if (typeof Promise.withResolvers === "undefined") {
-  Promise.withResolvers = () => {
-    let resolve = null;
-    let reject = null;
-    const promise = new Promise((res, rej) => {
-      resolve = res;
-      reject = rej;
-    });
-    return { promise, resolve, reject };
-  };
-}
-var renderElement = __name2(async (node, el, rootOptions) => {
-  const root = await getReactRoot(el, rootOptions);
-  if (getIsReactActEnvironment()) {
-    root.render(node);
-    return;
-  }
-  const { promise, resolve } = Promise.withResolvers();
-  root.render(React.createElement(WithCallback, { callback: resolve }, node));
-  return promise;
-}, "renderElement");
-var unmountElement = __name2((el, shouldUseNewRootApi) => {
-  const root = nodes.get(el);
-  if (root) {
-    root.unmount();
-    nodes.delete(el);
-  }
-}, "unmountElement");
-var getReactRoot = __name2(async (el, rootOptions) => {
-  let root = nodes.get(el);
-  if (!root) {
-    root = ReactDOM.createRoot(el, rootOptions);
-    nodes.set(el, root);
-  }
-  return root;
-}, "getReactRoot");
-export {
-  renderElement,
-  unmountElement
-};

package/dist/_node-chunks/chunk-2ADK3PCH.js

@@ -1,74 +0,0 @@
-import CJS_COMPAT_NODE_URL_1wy8hqz8e24 from 'node:url';
-import CJS_COMPAT_NODE_PATH_1wy8hqz8e24 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_1wy8hqz8e24 from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_1wy8hqz8e24.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_1wy8hqz8e24.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_1wy8hqz8e24.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-import {
-  addScopedAlias,
-  getNextjsVersion,
-  setAlias
-} from "./chunk-EVMWO5FG.js";
-import {
-  __name
-} from "./chunk-Z2RESD5M.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"
-  }
-};
-var getCompatibilityAliases = /* @__PURE__ */ __name(() => {
-  const version = getNextjsVersion();
-  const result = {};
-  Object.keys(mapping).forEach((key) => {
-    if (semver.intersects(version, key)) {
-      Object.assign(result, mapping[key]);
-    }
-  });
-  return result;
-}, "getCompatibilityAliases");
-var configureCompatibilityAliases = /* @__PURE__ */ __name((baseConfig) => {
-  const aliases = getCompatibilityAliases();
-  Object.entries(aliases).forEach(([name, alias]) => {
-    if (typeof alias === "string") {
-      addScopedAlias(baseConfig, name, alias);
-    } else {
-      setAlias(baseConfig, name, alias);
-    }
-  });
-}, "configureCompatibilityAliases");
-
-// 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()
-};
-var getPackageAliases = /* @__PURE__ */ __name(() => {
-  return mapping2;
-}, "getPackageAliases");
-var configureNextExportMocks = /* @__PURE__ */ __name((baseConfig) => {
-  const resolve = baseConfig.resolve ?? {};
-  resolve.alias = {
-    ...resolve.alias,
-    ...mapping2
-  };
-}, "configureNextExportMocks");
-
-export {
-  configureCompatibilityAliases,
-  getPackageAliases,
-  configureNextExportMocks
-};

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

@@ -1,102 +0,0 @@
-import CJS_COMPAT_NODE_URL_1wy8hqz8e24 from 'node:url';
-import CJS_COMPAT_NODE_PATH_1wy8hqz8e24 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_1wy8hqz8e24 from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_1wy8hqz8e24.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_1wy8hqz8e24.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_1wy8hqz8e24.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-import {
-  resolvePackageDir
-} from "./chunk-RSBRC6AY.js";
-import {
-  __name
-} from "./chunk-Z2RESD5M.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 = /* @__PURE__ */ __name((baseConfig) => {
-  baseConfig.plugins?.push(
-    new WebpackDefinePlugin({
-      "process.env.__NEXT_VERSION": JSON.stringify(getNextjsVersion())
-    })
-  );
-}, "configureRuntimeNextjsVersionResolution");
-var getNextjsVersion = /* @__PURE__ */ __name(() => JSON.parse(readFileSync(join(resolvePackageDir("next"), "package.json"), "utf8")).version, "getNextjsVersion");
-var isNextVersionGte = /* @__PURE__ */ __name((version) => {
-  const currentVersion = getNextjsVersion();
-  const coercedVersion = semver.coerce(currentVersion);
-  return coercedVersion ? semver.gte(coercedVersion, version) : false;
-}, "isNextVersionGte");
-var resolveNextConfig = /* @__PURE__ */ __name(async ({
-  nextConfigPath
-}) => {
-  const dir = nextConfigPath ? dirname(nextConfigPath) : getProjectRoot();
-  const loadConfig = nextJsLoadConfigModule.default ?? nextJsLoadConfigModule;
-  const nextPrivateRenderWorker = process.env.__NEXT_PRIVATE_RENDER_WORKER;
-  process.env.__NEXT_PRIVATE_RENDER_WORKER = "defined";
-  const config = loadConfig(PHASE_DEVELOPMENT_SERVER, dir, void 0);
-  if (typeof nextPrivateRenderWorker === "undefined") {
-    delete process.env.__NEXT_PRIVATE_RENDER_WORKER;
-  } else {
-    process.env.__NEXT_PRIVATE_RENDER_WORKER = nextPrivateRenderWorker;
-  }
-  return config;
-}, "resolveNextConfig");
-function setAlias(baseConfig, name, alias) {
-  baseConfig.resolve ??= {};
-  baseConfig.resolve.alias ??= {};
-  const aliasConfig = baseConfig.resolve.alias;
-  if (Array.isArray(aliasConfig)) {
-    aliasConfig.push({
-      name,
-      alias
-    });
-  } else {
-    aliasConfig[name] = alias;
-  }
-}
-__name(setAlias, "setAlias");
-var addScopedAlias = /* @__PURE__ */ __name((baseConfig, name, alias) => {
-  const scopedAlias = scopedResolve(`${alias ?? name}`);
-  setAlias(baseConfig, name, scopedAlias);
-}, "addScopedAlias");
-var scopedResolve = /* @__PURE__ */ __name((id) => {
-  const scopedModulePath = fileURLToPath(import.meta.resolve(id));
-  const idWithNativePathSep = id.replace(/\//g, sep);
-  if (scopedModulePath.endsWith(idWithNativePathSep)) {
-    return scopedModulePath;
-  }
-  const moduleFolderStrPosition = scopedModulePath.lastIndexOf(idWithNativePathSep);
-  const beginningOfMainScriptPath = moduleFolderStrPosition + id.length;
-  return scopedModulePath.substring(0, beginningOfMainScriptPath);
-}, "scopedResolve");
-function getNodeModulesExcludeRegex(transpilePackages) {
-  if (!transpilePackages || transpilePackages.length === 0) {
-    return /node_modules/;
-  }
-  const escaped = transpilePackages.map((pkg) => pkg.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
-  return new RegExp(`node_modules/(?!(${escaped})/)`);
-}
-__name(getNodeModulesExcludeRegex, "getNodeModulesExcludeRegex");
-
-export {
-  configureRuntimeNextjsVersionResolution,
-  getNextjsVersion,
-  isNextVersionGte,
-  resolveNextConfig,
-  setAlias,
-  addScopedAlias,
-  scopedResolve,
-  getNodeModulesExcludeRegex
-};