@storybook/nextjs 9.1.0-alpha.5 → 9.1.0-alpha.7

package/dist/chunk-2TZKD6A5.mjs

@@ -0,0 +1,20 @@
+import { ImageDecorator } from './chunk-NQ32RFK2.mjs';
+import { __export } from './chunk-L66KIASX.mjs';
+import { createNavigation, getRouter } from '@storybook/nextjs/navigation.mock';
+import { createRouter, getRouter as getRouter$1 } from '@storybook/nextjs/router.mock';
+import { isNextRouterError } from 'next/dist/client/components/is-next-router-error';
+import { setConfig } from 'next/config';
+import * as React3 from 'react';
+import React3__default, { useMemo } from 'react';
+import initHeadManager from 'next/dist/client/head-manager';
+import { HeadManagerContext } from 'next/dist/shared/lib/head-manager-context.shared-runtime';
+import { RedirectBoundary } from 'next/dist/client/components/redirect-boundary';
+import { GlobalLayoutRouterContext, AppRouterContext, LayoutRouterContext } from 'next/dist/shared/lib/app-router-context.shared-runtime';
+import { PathParamsContext, PathnameContext, SearchParamsContext } from 'next/dist/shared/lib/hooks-client-context.shared-runtime';
+import 'next/dist/shared/lib/segment';
+import { RouterContext } from 'next/dist/shared/lib/router-context.shared-runtime';
+import { StyleRegistry } from 'styled-jsx';
+
+var preview_exports={};__export(preview_exports,{decorators:()=>decorators,loaders:()=>loaders,parameters:()=>parameters});setConfig(process.env.__NEXT_RUNTIME_CONFIG);var HeadManagerProvider=({children})=>{let headManager=useMemo(initHeadManager,[]);return headManager.getIsSsr=()=>!1,React3__default.createElement(HeadManagerContext.Provider,{value:headManager},children)},head_manager_provider_default=HeadManagerProvider;var HeadManagerDecorator=Story=>React3.createElement(head_manager_provider_default,null,React3.createElement(Story,null));var getParallelRoutes=segmentsList=>{let segment=segmentsList.shift();return segment?[segment,{children:getParallelRoutes(segmentsList)}]:[]},AppRouterProvider=({children,routeParams})=>{let{pathname,query,segments=[]}=routeParams,tree=[pathname,{children:getParallelRoutes([...segments])}],pathParams=useMemo(()=>{let params={},currentSegments=routeParams.segments;if(currentSegments){if(Array.isArray(currentSegments)){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)){let segmentObject=currentSegments;for(let key in segmentObject)Object.prototype.hasOwnProperty.call(segmentObject,key)&&(params[key]=segmentObject[key]);}}return params},[routeParams.segments]),newLazyCacheNode={lazyData:null,rsc:null,prefetchRsc:null,head:null,prefetchHead:null,parallelRoutes:new Map,loading:null};return React3__default.createElement(PathParamsContext.Provider,{value:pathParams},React3__default.createElement(PathnameContext.Provider,{value:pathname},React3__default.createElement(SearchParamsContext.Provider,{value:new URLSearchParams(query)},React3__default.createElement(GlobalLayoutRouterContext.Provider,{value:{changeByServerResponse(){},buildId:"storybook",tree,focusAndScrollRef:{apply:!1,hashFragment:null,segmentPaths:[tree],onlyHashChange:!1},nextUrl:pathname}},React3__default.createElement(AppRouterContext.Provider,{value:getRouter()},React3__default.createElement(LayoutRouterContext.Provider,{value:{childNodes:new Map,tree,parentTree:tree,parentCacheNode:newLazyCacheNode,url:pathname,loading:null}},children))))))};var PageRouterProvider=({children})=>React3__default.createElement(RouterContext.Provider,{value:getRouter$1()},children);var defaultRouterParams={pathname:"/",query:{}},RouterDecorator=(Story,{parameters:parameters2})=>parameters2.nextjs?.appDirectory??!1?AppRouterProvider?React3.createElement(AppRouterProvider,{routeParams:{...defaultRouterParams,...parameters2.nextjs?.navigation}},React3.createElement(RedirectBoundary,null,React3.createElement(Story,null))):null:React3.createElement(PageRouterProvider,null,React3.createElement(Story,null));var StyledJsxDecorator=Story=>React3.createElement(StyleRegistry,null,React3.createElement(Story,null));function addNextHeadCount(){let meta=document.createElement("meta");meta.name="next-head-count",meta.content="0",document.head.appendChild(meta);}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"))}addNextHeadCount();var origConsoleError=globalThis.console.error;globalThis.console.error=(...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)){ev.preventDefault();return}});var decorators=[StyledJsxDecorator,ImageDecorator,RouterDecorator,HeadManagerDecorator],loaders=async({globals,parameters:parameters2})=>{let{router,appDirectory}=parameters2.nextjs??{};appDirectory?createNavigation(router):createRouter({locale:globals.locale,...router});},parameters={docs:{source:{excludeDecorators:!0}},react:{rootOptions:{onCaughtError(error){isNextRouterError(error)||console.error(error);}}}};
+
+export { decorators, loaders, parameters, preview_exports };

package/dist/chunk-L66KIASX.mjs

@@ -0,0 +1,3 @@
+var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});var __esm=(fn,res)=>function(){return fn&&(res=(0, fn[__getOwnPropNames(fn)[0]])(fn=0)),res};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:!0});},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__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(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);
+
+export { __commonJS, __esm, __export, __require, __toCommonJS, __toESM };

package/dist/compatibility/draft-mode.compat.mjs

@@ -1,2 +1,2 @@
-import '../chunk-42AJV46F.mjs';
+import '../chunk-L66KIASX.mjs';
 export { draftMode } from 'next/dist/client/components/headers';

package/dist/export-mocks/cache/index.d.ts

@@ -1,4 +1,4 @@
-import { M as Mock } from '../../index.d-98b9eb06.js';
+import { M as Mock } from '../../index.d-ff220430.js';
 import { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
 export { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
 import { unstable_noStore } from 'next/dist/server/web/spec-extension/unstable-no-store';

package/dist/export-mocks/cache/index.mjs

@@ -1,4 +1,4 @@
-import '../../chunk-42AJV46F.mjs';
+import '../../chunk-L66KIASX.mjs';
 import { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
 export { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
 import { unstable_noStore } from 'next/dist/server/web/spec-extension/unstable-no-store';

package/dist/export-mocks/headers/index.d.ts

@@ -1,4 +1,4 @@
-import { M as Mock } from '../../index.d-98b9eb06.js';
+import { M as Mock } from '../../index.d-ff220430.js';
 import { draftMode as draftMode$1 } from 'next/dist/server/request/draft-mode';
 export * from 'next/dist/server/request/headers';
 import { HeadersAdapter } from 'next/dist/server/web/spec-extension/adapters/headers';

package/dist/export-mocks/headers/index.mjs

@@ -1,4 +1,4 @@
-import '../../chunk-42AJV46F.mjs';
+import '../../chunk-L66KIASX.mjs';
 import { draftMode } from 'next/dist/server/request/draft-mode';
 import * as headers3 from 'next/dist/server/request/headers';
 export * from 'next/dist/server/request/headers';

package/dist/export-mocks/index.mjs

@@ -1,4 +1,4 @@
-import { __require } from '../chunk-42AJV46F.mjs';
+import { __require } from '../chunk-L66KIASX.mjs';
 import { dirname, sep, join } from 'node:path';
 import semver from 'semver';
 import 'storybook/internal/common';

package/dist/export-mocks/navigation/index.mjs

@@ -1,4 +1,4 @@
-import '../../chunk-42AJV46F.mjs';
+import '../../chunk-L66KIASX.mjs';
 import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
 import * as actual from 'next/dist/client/components/navigation';
 export * from 'next/dist/client/components/navigation';

package/dist/export-mocks/router/index.mjs

@@ -1,4 +1,4 @@
-import '../../chunk-42AJV46F.mjs';
+import '../../chunk-L66KIASX.mjs';
 import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
 import * as singletonRouter from 'next/dist/client/router';
 import singletonRouter__default from 'next/dist/client/router';

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

@@ -1,4 +1,4 @@
-import '../../../chunk-42AJV46F.mjs';
+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';

package/dist/image-context.mjs

@@ -1,4 +1,4 @@
-import './chunk-42AJV46F.mjs';
+import './chunk-L66KIASX.mjs';
 import { createContext } from 'react';
 
 var ImageContext=createContext({});

package/dist/images/decorator.mjs

@@ -1,2 +1,2 @@
 export { ImageDecorator } from '../chunk-NQ32RFK2.mjs';
-import '../chunk-42AJV46F.mjs';
+import '../chunk-L66KIASX.mjs';

package/dist/images/next-image.mjs

@@ -1,5 +1,5 @@
 import { defaultLoader } from '../chunk-ETFXNGLC.mjs';
-import '../chunk-42AJV46F.mjs';
+import '../chunk-L66KIASX.mjs';
 import React from 'react';
 import { ImageContext as ImageContext$1 } from '@storybook/nextjs/dist/image-context';
 import * as NextImageNamespace from 'sb-original/next/image';

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

@@ -1,5 +1,5 @@
 import { defaultLoader } from '../chunk-ETFXNGLC.mjs';
-import '../chunk-42AJV46F.mjs';
+import '../chunk-L66KIASX.mjs';
 import React from 'react';
 import { ImageContext as ImageContext$1 } from '@storybook/nextjs/dist/image-context';
 import OriginalNextLegacyImage from 'sb-original/next/legacy/image';

package/dist/{index.d-98b9eb06.d.ts → index.d-ff220430.d.ts}

@@ -135,8 +135,21 @@ interface MockContext<T extends Procedure> {
 	lastCall: Parameters<T> | undefined;
 }
 type Procedure = (...args: any[]) => any;
+// pick a single function type from function overloads, unions, etc...
 type NormalizedProcedure<T extends Procedure> = (...args: Parameters<T>) => ReturnType<T>;
-interface MockInstance<T extends Procedure = Procedure> {
+/*
+cf. https://typescript-eslint.io/rules/method-signature-style/
+
+Typescript assignability is different between
+{ foo: (f: T) => U } (this is "method-signature-style")
+and
+{ foo(f: T): U }
+
+Jest uses the latter for `MockInstance.mockImplementation` etc... and it allows assignment such as:
+const boolFn: Jest.Mock<() => boolean> = jest.fn<() => true>(() => true)
+*/
+/* eslint-disable ts/method-signature-style */
+interface MockInstance<T extends Procedure = Procedure> extends Disposable {
 	/**
 	* Use it to return the name assigned to the mock with the `.mockName(name)` method. By default, it will return `vi.fn()`.
 	* @see https://vitest.dev/api/mock#getmockname
@@ -288,6 +301,7 @@ interface MockInstance<T extends Procedure = Procedure> {
 	*/
 	mockRejectedValueOnce(error: unknown): this;
 }
+/* eslint-enable ts/method-signature-style */
 interface Mock<T extends Procedure = Procedure> extends MockInstance<T> {
 	new (...args: Parameters<T>): ReturnType<T>;
 	(...args: Parameters<T>): ReturnType<T>;