@storybook/nextjs 9.1.10 → 9.1.12

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

@@ -1,56 +0,0 @@
-import '../../../chunk-L66KIASX.mjs';
-import { dirname, join, sep } from 'node:path';
-import { GoogleFontsDownloadError, GoogleFontsLoadingError } from 'storybook/internal/server-errors';
-import { fetchCSSFromGoogleFonts } from 'next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts';
-import { getFontAxes } from 'next/dist/compiled/@next/font/dist/google/get-font-axes';
-import { getGoogleFontsUrl } from 'next/dist/compiled/@next/font/dist/google/get-google-fonts-url';
-import { validateGoogleFontFunctionCall } from 'next/dist/compiled/@next/font/dist/google/validate-google-font-function-call';
-import loaderUtils from 'next/dist/compiled/loader-utils3';
-import { getProjectRoot } from 'storybook/internal/common';
-import { validateLocalFontFunctionCall } from 'next/dist/compiled/@next/font/dist/local/validate-local-font-function-call';
-
-var cssCache=new Map;async function getFontFaceDeclarations(options){let{fontFamily,weights,styles,selectedVariableAxes,display,variable}=validateGoogleFontFunctionCall(options.fontFamily,options.props),fontAxes=getFontAxes(fontFamily,weights,styles,selectedVariableAxes),url=getGoogleFontsUrl(fontFamily,fontAxes,display);try{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,fontFaceCSS,weights,styles,variable}}catch(error){throw new GoogleFontsLoadingError({error,url})}}async function getFontFaceDeclarations2(options,rootContext,swcMode){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),id=`font-${loaderUtils.getHashDigest(Buffer.from(JSON.stringify(localFontSrc)),"md5","hex",6)}`,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=>{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("")})(),weights:weight?[weight]:[],styles:style?[style]:[],variable}}function getCSSMeta(options){let className=getClassName(options),style=getStylesObj(options),variableClassName=`__variable_${className}`,classNamesCSS=`
-    .${className} {
-      font-family: ${options.fontFamily};
-      ${isNextCSSPropertyValid(options.styles)?`font-style: ${options.styles[0]};`:""}
-      ${isNextCSSPropertyValid(options.weights)?`font-weight: ${options.weights[0]};`:""}
-    }
-
-    ${options.variable?`.${variableClassName} { ${options.variable}: '${options.fontFamily}'; }`:""}
-  `,fontFaceCSS=`${changeFontDisplayToSwap(options.fontFaceCSS)}`;return {className,fontFaceCSS,classNamesCSS,style,...options.variable?{variableClassName}:{}}}function getClassName({styles,weights,fontFamily}){let font=fontFamily.replaceAll(" ","-").toLowerCase(),style=isNextCSSPropertyValid(styles)?styles[0]:null,weight=isNextCSSPropertyValid(weights)?weights[0]:null;return `${font}${style?`-${style}`:""}${weight?`-${weight}`:""}`}function getStylesObj({styles,weights,fontFamily}){return {fontFamily,...isNextCSSPropertyValid(styles)?{fontStyle:styles[0]}:{},...isNextCSSPropertyValid(weights)?{fontWeight:weights[0]}:{}}}function isNextCSSPropertyValid(prop){return prop.length===1&&prop[0]!=="variable"}function changeFontDisplayToSwap(css){return css.replaceAll("font-display: optional;","font-display: block;")}function setFontDeclarationsInHead({id,fontFaceCSS,classNamesCSS}){return `
-    if (!document.getElementById('id-${id}')) {
-      const fontDeclarations = \`${fontFaceCSS}\`;
-      const style = document.createElement('style');
-      style.setAttribute('id', 'font-face-${id}');
-      style.innerHTML = fontDeclarations;
-      document.head.appendChild(style);
-
-      const classNamesCSS = \`${classNamesCSS}\`;
-      const classNamesStyle = document.createElement('style');
-      classNamesStyle.setAttribute('id', 'classnames-${id}');
-      classNamesStyle.innerHTML = classNamesCSS;
-      document.head.appendChild(classNamesStyle);
-
-    }
-  `}async function storybookNextjsFontLoader(){let loaderOptions=this.getOptions(),swcMode=!1,options;if(Object.keys(loaderOptions).length>0)options=loaderOptions;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,"")};}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,id:fontFaceDeclaration.id,classNamesCSS:cssMeta.classNamesCSS})}
-
-    module.exports = {
-      className: "${cssMeta.className}", 
-      style: ${JSON.stringify(cssMeta.style)}
-      ${cssMeta.variableClassName?`, variable: "${cssMeta.variableClassName}"`:""}
-    }
-    `}return "module.exports = {}"}
-
-export { storybookNextjsFontLoader as default };

package/dist/node/index.d.ts

@@ -1,10 +0,0 @@
-import { S as StorybookConfig } from '../types-f6ea2c09.js';
-import 'storybook/internal/types';
-import '@storybook/builder-webpack5';
-import '@storybook/preset-react-webpack';
-import 'next/image';
-import 'next/router';
-
-declare function defineMain(config: StorybookConfig): StorybookConfig;
-
-export { defineMain };

package/dist/node/index.mjs

@@ -1,5 +0,0 @@
-import '../chunk-L66KIASX.mjs';
-
-function defineMain(config){return config}
-
-export { defineMain };

package/dist/preset.d.ts

@@ -1,14 +0,0 @@
-import { PresetProperty } from 'storybook/internal/types';
-import { S as StorybookConfig } from './types-f6ea2c09.js';
-import '@storybook/builder-webpack5';
-import '@storybook/preset-react-webpack';
-import 'next/image';
-import 'next/router';
-
-declare const addons: PresetProperty<'addons'>;
-declare const core: PresetProperty<'core'>;
-declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
-declare const babel: PresetProperty<'babel'>;
-declare const webpackFinal: StorybookConfig['webpackFinal'];
-
-export { addons, babel, core, previewAnnotations, webpackFinal };

package/dist/rsc/server-only.d.ts

@@ -1,3 +0,0 @@
-declare const _default: {};
-
-export { _default as default };

package/dist/rsc/server-only.mjs

@@ -1,5 +0,0 @@
-import '../chunk-L66KIASX.mjs';
-
-var server_only_default={};
-
-export { server_only_default as default };

package/dist/swc/next-swc-loader-patch.d.ts

@@ -1,21 +0,0 @@
-import { NextConfig } from 'next';
-
-interface SWCLoaderOptions {
-    rootDir: string;
-    isServer: boolean;
-    pagesDir?: string;
-    appDir?: string;
-    hasReactRefresh: boolean;
-    optimizeServerReact?: boolean;
-    nextConfig: NextConfig;
-    jsConfig: any;
-    supportedBrowsers: string[] | undefined;
-    swcCacheDir: string;
-    serverComponents?: boolean;
-    isReactServerLayer?: boolean;
-}
-declare function pitch(this: any): void;
-declare function swcLoader(this: any, inputSource: string, inputSourceMap: any): void;
-declare const raw = true;
-
-export { SWCLoaderOptions, swcLoader as default, pitch, raw };

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

@@ -1,8 +0,0 @@
-import '../chunk-L66KIASX.mjs';
-import { isAbsolute, relative } from 'node:path';
-import { isWasm, transform } from 'next/dist/build/swc';
-import { getLoaderSWCOptions } from 'next/dist/build/swc/options';
-
-var mockCurrentTraceSpan={traceChild:name=>mockCurrentTraceSpan,traceAsyncFn:async fn=>fn()};async function loaderTransform(parentTrace,source,inputSourceMap){let filename=this.resourcePath,loaderOptions=this.getOptions()||{},{isServer,rootDir,pagesDir,appDir,hasReactRefresh,nextConfig,jsConfig,supportedBrowsers,swcCacheDir,serverComponents,isReactServerLayer}=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,isReactServerLayer}),filename,inputSourceMap:inputSourceMap&&typeof inputSourceMap=="object"?JSON.stringify(inputSourceMap):void 0,sourceMaps:this.sourceMap,inlineSourcesContent:this.sourceMap,sourceFileName:filename};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(()=>transform(source,programmaticOptions).then(output=>{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]}))}var EXCLUDED_PATHS=/[\\/](cache[\\/][^\\/]+\.zip[\\/]node_modules|__virtual__)[\\/]/g;function pitch(){let callback=this.async();(async()=>{if(!process.versions.pnp&&!EXCLUDED_PATHS.test(this.resourcePath)&&this.loaders.length-1===this.loaderIndex&&isAbsolute(this.resourcePath)&&!await isWasm()){let loaderSpan=mockCurrentTraceSpan.traceChild("next-swc-loader");return this.addDependency(this.resourcePath),loaderSpan.traceAsyncFn(()=>loaderTransform.call(this,loaderSpan))}return null})().then(r=>r?callback(null,...r):(callback(),null),callback);}function swcLoader(inputSource,inputSourceMap){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);},err=>{callback(err);});}var raw=!0;
-
-export { swcLoader as default, pitch, raw };

package/dist/types-f6ea2c09.d.ts

@@ -1,54 +0,0 @@
-import { CompatibleString } from 'storybook/internal/types';
-import { BuilderOptions, StorybookConfigWebpack, TypescriptOptions } from '@storybook/builder-webpack5';
-import { ReactOptions, StorybookConfig as StorybookConfig$1, TypescriptOptions as TypescriptOptions$1 } from '@storybook/preset-react-webpack';
-import * as _NextImage from 'next/image';
-import { NextRouter } from 'next/router';
-
-type FrameworkName = CompatibleString<'@storybook/nextjs'>;
-type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
-type FrameworkOptions = ReactOptions & {
-    nextConfigPath?: string;
-    image?: Partial<_NextImage.ImageProps>;
-    builder?: BuilderOptions;
-};
-type StorybookConfigFramework = {
-    framework: FrameworkName | {
-        name: FrameworkName;
-        options: FrameworkOptions;
-    };
-    core?: StorybookConfig$1['core'] & {
-        builder?: BuilderName | {
-            name: BuilderName;
-            options: BuilderOptions;
-        };
-    };
-    typescript?: Partial<TypescriptOptions & TypescriptOptions$1> & StorybookConfig$1['typescript'];
-};
-/** The interface for Storybook configuration in `main.ts` files. */
-type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
-interface NextJsParameters {
-    /**
-     * Next.js framework configuration
-     *
-     * @see https://storybook.js.org/docs/get-started/frameworks/nextjs
-     */
-    nextjs?: {
-        /**
-         * Enable App Directory features If your story imports components that use next/navigation, you
-         * need to set this parameter to true
-         */
-        appDirectory?: boolean;
-        /**
-         * Next.js navigation configuration when using `next/navigation`. Please note that it can only
-         * be used in components/pages in the app directory.
-         */
-        navigation?: Partial<NextRouter>;
-        /** Next.js router configuration */
-        router?: Partial<NextRouter>;
-    };
-}
-interface NextJsTypes {
-    parameters: NextJsParameters;
-}
-
-export { FrameworkOptions as F, NextJsTypes as N, StorybookConfig as S, NextJsParameters as a };