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

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_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_irqg4lxu6e from 'node:url';
+import CJS_COMPAT_NODE_PATH_irqg4lxu6e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_irqg4lxu6e 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_irqg4lxu6e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_irqg4lxu6e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_irqg4lxu6e.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import {
-  __name
-} from "../_node-chunks/chunk-PWZWGY6W.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.9",
+  "version": "10.1.0-beta.1",
   "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.9",
-    "@storybook/preset-react-webpack": "10.1.0-alpha.9",
-    "@storybook/react": "10.1.0-alpha.9",
+    "@storybook/builder-webpack5": "10.1.0-beta.1",
+    "@storybook/preset-react-webpack": "10.1.0-beta.1",
+    "@storybook/react": "10.1.0-beta.1",
     "@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.9",
+    "storybook": "^10.1.0-beta.1",
     "webpack": "^5.0.0"
   },
   "peerDependenciesMeta": {
@@ -144,5 +144,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
+  "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-PWZWGY6W.js

@@ -1,17 +0,0 @@
-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";
-
-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);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-export {
-  __name
-};