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

package/dist/font/webpack/loader/storybook-nextjs-font-loader.js

@@ -1,17 +1,14 @@
-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 {
-  __name
-} from "../../../_node-chunks/chunk-PWZWGY6W.js";
 
 // src/font/webpack/loader/storybook-nextjs-font-loader.ts
 import { sep } from "node:path";
@@ -28,23 +25,14 @@ import { validateGoogleFontFunctionCall } from "next/dist/compiled/@next/font/di
 import loaderUtils from "next/dist/compiled/loader-utils3/index.js";
 var cssCache = /* @__PURE__ */ new Map();
 async function getFontFaceDeclarations(options) {
-  const { fontFamily, weights, styles, selectedVariableAxes, display, variable } = validateGoogleFontFunctionCall(options.fontFamily, options.props);
-  const fontAxes = getFontAxes(fontFamily, weights, styles, selectedVariableAxes);
-  const url = getGoogleFontsUrl(fontFamily, fontAxes, display);
+  let { fontFamily, weights, styles, selectedVariableAxes, display, variable } = validateGoogleFontFunctionCall(options.fontFamily, options.props), fontAxes = getFontAxes(fontFamily, weights, styles, selectedVariableAxes), url = getGoogleFontsUrl(fontFamily, fontAxes, display);
   try {
-    const hasCachedCSS = cssCache.has(url);
-    const fontFaceCSS = hasCachedCSS ? cssCache.get(url) : await fetchCSSFromGoogleFonts(url, fontFamily, true).catch(() => null);
-    if (!hasCachedCSS) {
-      cssCache.set(url, fontFaceCSS);
-    } else {
-      cssCache.delete(url);
-    }
-    if (fontFaceCSS === null) {
+    let hasCachedCSS = cssCache.has(url), fontFaceCSS = hasCachedCSS ? cssCache.get(url) : await fetchCSSFromGoogleFonts(url, fontFamily, !0).catch(() => null);
+    if (hasCachedCSS ? cssCache.delete(url) : cssCache.set(url, fontFaceCSS), fontFaceCSS === null)
       throw new GoogleFontsDownloadError({
         fontFamily,
         url
       });
-    }
     return {
       id: loaderUtils.getHashDigest(url, "md5", "hex", 6),
       fontFamily,
@@ -57,7 +45,6 @@ async function getFontFaceDeclarations(options) {
     throw new GoogleFontsLoadingError({ error, url });
   }
 }
-__name(getFontFaceDeclarations, "getFontFaceDeclarations");
 
 // src/font/webpack/loader/local/get-font-face-declarations.ts
 import { dirname, join } from "node:path";
@@ -65,58 +52,50 @@ import { getProjectRoot } from "storybook/internal/common";
 import { validateLocalFontFunctionCall } from "next/dist/compiled/@next/font/dist/local/validate-local-font-function-call.js";
 import loaderUtils2 from "next/dist/compiled/loader-utils3/index.js";
 async function getFontFaceDeclarations2(options, rootContext, swcMode) {
-  const localFontSrc = options.props.src;
-  const parentFolder = swcMode ? dirname(join(getProjectRoot(), options.filename)).replace(rootContext, "") : dirname(options.filename).replace(rootContext, "");
-  const {
+  let localFontSrc = options.props.src, parentFolder = swcMode ? dirname(join(getProjectRoot(), options.filename)).replace(rootContext, "") : dirname(options.filename).replace(rootContext, ""), {
     weight,
     style,
     variable,
     declarations = []
-  } = validateLocalFontFunctionCall("", options.props);
-  const id = `font-${loaderUtils2.getHashDigest(
+  } = validateLocalFontFunctionCall("", options.props), id = `font-${loaderUtils2.getHashDigest(
     Buffer.from(JSON.stringify(localFontSrc)),
     "md5",
     "hex",
     6
-  )}`;
-  const fontDeclarations = declarations.map(({ prop, value }) => `${prop}: ${value};`).join("\n");
-  const getFontFaceCSS = /* @__PURE__ */ __name(() => {
-    if (typeof localFontSrc === "string") {
-      const localFontPath = join(parentFolder, localFontSrc).replaceAll("\\", "/");
-      return `@font-face {
+  )}`, fontDeclarations = declarations.map(({ prop, value }) => `${prop}: ${value};`).join(`
+`);
+  return {
+    id,
+    fontFamily: id,
+    fontFaceCSS: (() => {
+      if (typeof localFontSrc == "string") {
+        let localFontPath = join(parentFolder, localFontSrc).replaceAll("\\", "/");
+        return `@font-face {
           font-family: ${id};
           src: url(.${localFontPath});
           ${fontDeclarations}
       }`;
-    }
-    return localFontSrc.map((font) => {
-      const localFontPath = join(parentFolder, font.path).replaceAll("\\", "/");
-      return `@font-face {
+      }
+      return localFontSrc.map((font) => {
+        let localFontPath = join(parentFolder, font.path).replaceAll("\\", "/");
+        return `@font-face {
           font-family: ${id};
           src: url(.${localFontPath});
           ${font.weight ? `font-weight: ${font.weight};` : ""}
           ${font.style ? `font-style: ${font.style};` : ""}
           ${fontDeclarations}
         }`;
-    }).join("");
-  }, "getFontFaceCSS");
-  return {
-    id,
-    fontFamily: id,
-    fontFaceCSS: getFontFaceCSS(),
+      }).join("");
+    })(),
     weights: weight ? [weight] : [],
     styles: style ? [style] : [],
     variable
   };
 }
-__name(getFontFaceDeclarations2, "getFontFaceDeclarations");
 
 // src/font/webpack/loader/utils/get-css-meta.ts
 function getCSSMeta(options) {
-  const className = getClassName(options);
-  const style = getStylesObj(options);
-  const variableClassName = `__variable_${className}`;
-  const classNamesCSS = `
+  let className = getClassName(options), style = getStylesObj(options), variableClassName = `__variable_${className}`, classNamesCSS = `
     .${className} {
       font-family: ${options.fontFamily};
       ${isNextCSSPropertyValid(options.styles) ? `font-style: ${options.styles[0]};` : ""}
@@ -124,8 +103,7 @@ function getCSSMeta(options) {
     }
 
     ${options.variable ? `.${variableClassName} { ${options.variable}: '${options.fontFamily}'; }` : ""}
-  `;
-  const fontFaceCSS = `${changeFontDisplayToSwap(options.fontFaceCSS)}`;
+  `, fontFaceCSS = `${changeFontDisplayToSwap(options.fontFaceCSS)}`;
   return {
     className,
     fontFaceCSS,
@@ -134,14 +112,10 @@ function getCSSMeta(options) {
     ...options.variable ? { variableClassName } : {}
   };
 }
-__name(getCSSMeta, "getCSSMeta");
 function getClassName({ styles, weights, fontFamily }) {
-  const font = fontFamily.replaceAll(" ", "-").toLowerCase();
-  const style = isNextCSSPropertyValid(styles) ? styles[0] : null;
-  const weight = isNextCSSPropertyValid(weights) ? weights[0] : null;
+  let font = fontFamily.replaceAll(" ", "-").toLowerCase(), style = isNextCSSPropertyValid(styles) ? styles[0] : null, weight = isNextCSSPropertyValid(weights) ? weights[0] : null;
   return `${font}${style ? `-${style}` : ""}${weight ? `-${weight}` : ""}`;
 }
-__name(getClassName, "getClassName");
 function getStylesObj({ styles, weights, fontFamily }) {
   return {
     fontFamily,
@@ -149,15 +123,12 @@ function getStylesObj({ styles, weights, fontFamily }) {
     ...isNextCSSPropertyValid(weights) ? { fontWeight: weights[0] } : {}
   };
 }
-__name(getStylesObj, "getStylesObj");
 function isNextCSSPropertyValid(prop) {
   return prop.length === 1 && prop[0] !== "variable";
 }
-__name(isNextCSSPropertyValid, "isNextCSSPropertyValid");
 function changeFontDisplayToSwap(css) {
   return css.replaceAll("font-display: optional;", "font-display: block;");
 }
-__name(changeFontDisplayToSwap, "changeFontDisplayToSwap");
 
 // src/font/webpack/loader/utils/set-font-declarations-in-head.ts
 function setFontDeclarationsInHead({ id, fontFaceCSS, classNamesCSS }) {
@@ -178,36 +149,24 @@ function setFontDeclarationsInHead({ id, fontFaceCSS, classNamesCSS }) {
     }
   `;
 }
-__name(setFontDeclarationsInHead, "setFontDeclarationsInHead");
 
 // src/font/webpack/loader/storybook-nextjs-font-loader.ts
 async function storybookNextjsFontLoader() {
-  const loaderOptions = this.getOptions();
-  let swcMode = false;
-  let options;
-  if (Object.keys(loaderOptions).length > 0) {
+  let loaderOptions = this.getOptions(), swcMode = !1, options;
+  if (Object.keys(loaderOptions).length > 0)
     options = loaderOptions;
-  } else {
-    const importQuery = JSON.parse(this.resourceQuery.slice(1));
-    swcMode = true;
-    options = {
+  else {
+    let importQuery = JSON.parse(this.resourceQuery.slice(1));
+    swcMode = !0, options = {
       filename: importQuery.path,
       fontFamily: importQuery.import,
       props: importQuery.arguments[0],
       source: this.context.replace(this.rootContext, "")
     };
   }
-  const rootCtx = this.rootContext;
-  let fontFaceDeclaration;
-  const pathSep = sep;
-  if (options.source.endsWith(`next${pathSep}font${pathSep}google`) || options.source.endsWith(`@next${pathSep}font${pathSep}google`)) {
-    fontFaceDeclaration = await getFontFaceDeclarations(options);
-  }
-  if (options.source.endsWith(`next${pathSep}font${pathSep}local`) || options.source.endsWith(`@next${pathSep}font${pathSep}local`)) {
-    fontFaceDeclaration = await getFontFaceDeclarations2(options, rootCtx, swcMode);
-  }
-  if (typeof fontFaceDeclaration !== "undefined") {
-    const cssMeta = getCSSMeta(fontFaceDeclaration);
+  let rootCtx = this.rootContext, fontFaceDeclaration, pathSep = sep;
+  if ((options.source.endsWith(`next${pathSep}font${pathSep}google`) || options.source.endsWith(`@next${pathSep}font${pathSep}google`)) && (fontFaceDeclaration = await getFontFaceDeclarations(options)), (options.source.endsWith(`next${pathSep}font${pathSep}local`) || options.source.endsWith(`@next${pathSep}font${pathSep}local`)) && (fontFaceDeclaration = await getFontFaceDeclarations2(options, rootCtx, swcMode)), typeof fontFaceDeclaration < "u") {
+    let cssMeta = getCSSMeta(fontFaceDeclaration);
     return `
     ${setFontDeclarationsInHead({
       fontFaceCSS: cssMeta.fontFaceCSS,
@@ -222,9 +181,8 @@ async function storybookNextjsFontLoader() {
     }
     `;
   }
-  return `module.exports = {}`;
+  return "module.exports = {}";
 }
-__name(storybookNextjsFontLoader, "storybookNextjsFontLoader");
 export {
   storybookNextjsFontLoader as default
 };

package/dist/image-context.js

@@ -1,4 +1,4 @@
-import "./_browser-chunks/chunk-L5NVL7MD.js";
+import "./_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/image-context.ts
 import { createContext } from "react";

package/dist/images/next-image.js

@@ -1,20 +1,15 @@
 import {
   defaultLoader
-} from "../_browser-chunks/chunk-I5RFHXDS.js";
-import {
-  __name
-} from "../_browser-chunks/chunk-L5NVL7MD.js";
+} from "../_browser-chunks/chunk-RDMFII4N.js";
+import "../_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/images/next-image.tsx
 import React from "react";
 import { ImageContext as ImageContextValue } from "@storybook/nextjs/image-context";
 import * as NextImageNamespace from "sb-original/next/image";
-var OriginalNextImage = NextImageNamespace.default;
-var { getImageProps: originalGetImageProps } = NextImageNamespace;
-var ImageContext = ImageContextValue;
-var MockedNextImage = React.forwardRef(
+var OriginalNextImage = NextImageNamespace.default, { getImageProps: originalGetImageProps } = NextImageNamespace, ImageContext = ImageContextValue, MockedNextImage = React.forwardRef(
   ({ loader, ...props }, ref) => {
-    const imageParameters = React.useContext(ImageContext);
+    let imageParameters = React.useContext(ImageContext);
     return React.createElement(
       OriginalNextImage,
       {
@@ -27,8 +22,7 @@ var MockedNextImage = React.forwardRef(
   }
 );
 MockedNextImage.displayName = "NextImage";
-var getImageProps = /* @__PURE__ */ __name((props) => originalGetImageProps?.({ loader: defaultLoader, ...props }), "getImageProps");
-var next_image_default = MockedNextImage;
+var getImageProps = (props) => originalGetImageProps?.({ loader: defaultLoader, ...props }), next_image_default = MockedNextImage;
 export {
   next_image_default as default,
   getImageProps

package/dist/images/next-legacy-image.js

@@ -1,9 +1,7 @@
 import {
   defaultLoader
-} from "../_browser-chunks/chunk-I5RFHXDS.js";
-import {
-  __name
-} from "../_browser-chunks/chunk-L5NVL7MD.js";
+} from "../_browser-chunks/chunk-RDMFII4N.js";
+import "../_browser-chunks/chunk-SL3VIQZ3.js";
 
 // src/images/next-legacy-image.tsx
 import React from "react";
@@ -11,10 +9,9 @@ import { ImageContext as ImageContextValue } from "@storybook/nextjs/image-conte
 import OriginalNextLegacyImage from "sb-original/next/legacy/image";
 var ImageContext = ImageContextValue;
 function NextLegacyImage({ loader, ...props }) {
-  const imageParameters = React.useContext(ImageContext);
+  let imageParameters = React.useContext(ImageContext);
   return React.createElement(OriginalNextLegacyImage, { ...imageParameters, ...props, loader: loader ?? defaultLoader });
 }
-__name(NextLegacyImage, "NextLegacyImage");
 var next_legacy_image_default = NextLegacyImage;
 export {
   next_legacy_image_default as default