@storybook/nextjs 9.2.0-alpha.3 → 10.0.0-beta.1

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

@@ -1 +1,21 @@
-"use strict";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 __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);var next_legacy_image_exports={};__export(next_legacy_image_exports,{default:()=>next_legacy_image_default});module.exports=__toCommonJS(next_legacy_image_exports);var import_react=__toESM(require("react")),import_image_context=require("@storybook/nextjs/dist/image-context"),import_image=__toESM(require("sb-original/next/legacy/image"));var defaultLoader=({src,width,quality=75})=>{let missingValues=[];if(src||missingValues.push("src"),width||missingValues.push("width"),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})}`);let url=new URL(src,window.location.href);return!url.searchParams.has("w")&&!url.searchParams.has("q")&&(url.searchParams.set("w",width.toString()),url.searchParams.set("q",quality.toString())),!src.startsWith("http://")&&!src.startsWith("https://")?url.toString().slice(url.origin.length):url.toString()};var ImageContext=import_image_context.ImageContext;function NextLegacyImage({loader,...props}){let imageParameters=import_react.default.useContext(ImageContext);return import_react.default.createElement(import_image.default,{...imageParameters,...props,loader:loader??defaultLoader})}var next_legacy_image_default=NextLegacyImage;
+import {
+  defaultLoader
+} from "../_browser-chunks/chunk-I5RFHXDS.js";
+import {
+  __name
+} from "../_browser-chunks/chunk-L5NVL7MD.js";
+
+// src/images/next-legacy-image.tsx
+import React from "react";
+import { ImageContext as ImageContextValue } from "@storybook/nextjs/image-context";
+import OriginalNextLegacyImage from "sb-original/next/legacy/image";
+var ImageContext = ImageContextValue;
+function NextLegacyImage({ loader, ...props }) {
+  const 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
+};

package/dist/index.d.ts

@@ -1,13 +1,58 @@
 import { PreviewAddon, InferTypes, AddonTypes } from 'storybook/internal/csf';
-import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Args, StoryAnnotationsOrFn, ProjectAnnotations, ComposedStoryFn, Store_CSFExports, StoriesWithPartialProps } from 'storybook/internal/types';
+import { CompatibleString, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Args, StoryAnnotationsOrFn, ProjectAnnotations, ComposedStoryFn, Store_CSFExports, StoriesWithPartialProps } from 'storybook/internal/types';
 import { ReactRenderer, Meta, ReactTypes, ReactPreview } from '@storybook/react';
 export * from '@storybook/react';
-import { N as NextJsTypes } from './types-f6ea2c09.js';
-export { F as FrameworkOptions, a as NextJsParameters, S as StorybookConfig } from './types-f6ea2c09.js';
-import '@storybook/builder-webpack5';
-import '@storybook/preset-react-webpack';
-import 'next/image';
-import 'next/router';
+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;
+}
 
 /**
  * Function that sets the globalConfig of your storybook. The global config is the preview module of
@@ -93,4 +138,4 @@ declare function definePreview<Addons extends PreviewAddon<never>[]>(preview: {
 interface NextPreview<T extends AddonTypes> extends ReactPreview<NextJsTypes & T> {
 }
 
-export { NextJsTypes, composeStories, composeStory, definePreview, setProjectAnnotations };
+export { type FrameworkOptions, type NextJsParameters, type NextJsTypes, type StorybookConfig, composeStories, composeStory, definePreview, setProjectAnnotations };