@storybook/nextjs 7.5.0-alpha.0 → 7.5.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/chunk-NQ32RFK2.mjs +6 -0
- package/dist/{images/context.js → image-context.js} +1 -1
- package/dist/{chunk-2SSJK7AW.mjs → image-context.mjs} +1 -0
- package/dist/images/decorator.d.ts +9 -0
- package/dist/images/decorator.js +1 -0
- package/dist/images/decorator.mjs +2 -0
- package/dist/images/next-future-image.d.ts +1 -1
- package/dist/images/next-future-image.js +1 -1
- package/dist/images/next-future-image.mjs +2 -2
- package/dist/images/next-image.d.ts +1 -1
- package/dist/images/next-image.js +1 -1
- package/dist/images/next-image.mjs +2 -2
- package/dist/images/next-legacy-image.d.ts +1 -1
- package/dist/images/next-legacy-image.js +1 -1
- package/dist/images/next-legacy-image.mjs +2 -2
- package/dist/{index.d-4cb7d32b.d.ts → index.d-3ba778c6.d.ts} +2 -1
- package/dist/preset.d.ts +1 -1
- package/dist/preview.d.ts +1 -1
- package/dist/preview.js +1 -1
- package/dist/preview.mjs +4 -4
- package/package.json +30 -9
- package/dist/images/context.mjs +0 -2
- /package/dist/{images/context.d.ts → image-context.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -295,7 +295,7 @@ export const Example = {
|
|
|
295
295
|
parameters: {
|
|
296
296
|
nextjs: {
|
|
297
297
|
router: {
|
|
298
|
-
|
|
298
|
+
pathname: '/profile/[id]',
|
|
299
299
|
asPath: '/profile/1',
|
|
300
300
|
query: {
|
|
301
301
|
id: '1',
|
|
@@ -316,7 +316,7 @@ Global defaults can be set in [preview.js](https://storybook.js.org/docs/react/c
|
|
|
316
316
|
export const parameters = {
|
|
317
317
|
nextjs: {
|
|
318
318
|
router: {
|
|
319
|
-
|
|
319
|
+
pathname: '/some-default-path',
|
|
320
320
|
asPath: '/some-default-path',
|
|
321
321
|
query: {},
|
|
322
322
|
},
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ImageContext as ImageContext$1 } from '@storybook/nextjs/dist/image-context';
|
|
3
|
+
|
|
4
|
+
var ImageContext=ImageContext$1,ImageDecorator=(Story,{parameters})=>parameters.nextjs?.image?React.createElement(ImageContext.Provider,{value:parameters.nextjs.image},React.createElement(Story,null)):React.createElement(Story,null);
|
|
5
|
+
|
|
6
|
+
export { ImageDecorator };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __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 __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var
|
|
1
|
+
"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __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 __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var image_context_exports={};__export(image_context_exports,{ImageContext:()=>ImageContext});module.exports=__toCommonJS(image_context_exports);var import_react=require("react"),ImageContext=(0,import_react.createContext)({});0&&(module.exports={ImageContext});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { a as Addon_StoryContext } from '../index.d-3ba778c6.js';
|
|
3
|
+
import 'file-system-cache';
|
|
4
|
+
import '@babel/core';
|
|
5
|
+
import 'http';
|
|
6
|
+
|
|
7
|
+
declare const ImageDecorator: (Story: React.FC, { parameters }: Addon_StoryContext) => React.ReactNode;
|
|
8
|
+
|
|
9
|
+
export { ImageDecorator };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"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 decorator_exports={};__export(decorator_exports,{ImageDecorator:()=>ImageDecorator});module.exports=__toCommonJS(decorator_exports);var React=__toESM(require("react")),import_image_context=require("@storybook/nextjs/dist/image-context"),ImageContext=import_image_context.ImageContext,ImageDecorator=(Story,{parameters})=>{var _a;return(_a=parameters.nextjs)!=null&&_a.image?React.createElement(ImageContext.Provider,{value:parameters.nextjs.image},React.createElement(Story,null)):React.createElement(Story,null)};0&&(module.exports={ImageDecorator});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import * as _NextImage from 'next/image';
|
|
3
3
|
|
|
4
|
-
declare function NextFutureImage(props: _NextImage.ImageProps): React__default.JSX.Element;
|
|
4
|
+
declare function NextFutureImage({ loader, ...props }: _NextImage.ImageProps): React__default.JSX.Element;
|
|
5
5
|
|
|
6
6
|
export { NextFutureImage as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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_future_image_exports={};__export(next_future_image_exports,{default:()=>next_future_image_default});module.exports=__toCommonJS(next_future_image_exports);var
|
|
1
|
+
"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_future_image_exports={};__export(next_future_image_exports,{default:()=>next_future_image_default});module.exports=__toCommonJS(next_future_image_exports);var import_react=__toESM(require("react")),import_image=__toESM(require("sb-original/next/future/image")),import_image_context=require("@storybook/nextjs/dist/image-context");var defaultLoader=({src,width,quality})=>{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})}`);return`${src}?w=${width}&q=${quality??75}`};var ImageContext=import_image_context.ImageContext;function NextFutureImage({loader,...props}){let imageParameters=import_react.default.useContext(ImageContext);return import_react.default.createElement(import_image.default,{...imageParameters,...props,loader:loader??defaultLoader})}var next_future_image_default=NextFutureImage;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defaultLoader } from '../chunk-HAVEVISW.mjs';
|
|
2
|
-
import { ImageContext } from '../chunk-2SSJK7AW.mjs';
|
|
3
2
|
import '../chunk-FFRTCGB4.mjs';
|
|
4
3
|
import React from 'react';
|
|
5
4
|
import OriginalNextFutureImage from 'sb-original/next/future/image';
|
|
5
|
+
import { ImageContext as ImageContext$1 } from '@storybook/nextjs/dist/image-context';
|
|
6
6
|
|
|
7
|
-
function NextFutureImage(props){let imageParameters=React.useContext(ImageContext);return React.createElement(OriginalNextFutureImage,{...imageParameters,...props,loader:
|
|
7
|
+
var ImageContext=ImageContext$1;function NextFutureImage({loader,...props}){let imageParameters=React.useContext(ImageContext);return React.createElement(OriginalNextFutureImage,{...imageParameters,...props,loader:loader??defaultLoader})}var next_future_image_default=NextFutureImage;
|
|
8
8
|
|
|
9
9
|
export { next_future_image_default as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _NextImage from 'next/image';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
|
-
declare const MockedNextImage: (props: _NextImage.ImageProps) => React__default.JSX.Element;
|
|
4
|
+
declare const MockedNextImage: ({ loader, ...props }: _NextImage.ImageProps) => React__default.JSX.Element;
|
|
5
5
|
|
|
6
6
|
export { MockedNextImage as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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_image_exports={};__export(next_image_exports,{default:()=>next_image_default});module.exports=__toCommonJS(next_image_exports);var import_image=__toESM(require("sb-original/next/image")),
|
|
1
|
+
"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_image_exports={};__export(next_image_exports,{default:()=>next_image_default});module.exports=__toCommonJS(next_image_exports);var import_image=__toESM(require("sb-original/next/image")),import_react=__toESM(require("react")),import_image_context=require("@storybook/nextjs/dist/image-context");var defaultLoader=({src,width,quality})=>{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})}`);return`${src}?w=${width}&q=${quality??75}`};var ImageContext=import_image_context.ImageContext,MockedNextImage=({loader,...props})=>{let imageParameters=import_react.default.useContext(ImageContext);return import_react.default.createElement(import_image.default,{...imageParameters,...props,loader:loader??defaultLoader})},next_image_default=MockedNextImage;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defaultLoader } from '../chunk-HAVEVISW.mjs';
|
|
2
|
-
import { ImageContext } from '../chunk-2SSJK7AW.mjs';
|
|
3
2
|
import '../chunk-FFRTCGB4.mjs';
|
|
4
3
|
import OriginalNextImage from 'sb-original/next/image';
|
|
5
4
|
import React from 'react';
|
|
5
|
+
import { ImageContext as ImageContext$1 } from '@storybook/nextjs/dist/image-context';
|
|
6
6
|
|
|
7
|
-
var MockedNextImage=props=>{let imageParameters=React.useContext(ImageContext);return React.createElement(OriginalNextImage,{...imageParameters,...props,loader:
|
|
7
|
+
var ImageContext=ImageContext$1,MockedNextImage=({loader,...props})=>{let imageParameters=React.useContext(ImageContext);return React.createElement(OriginalNextImage,{...imageParameters,...props,loader:loader??defaultLoader})},next_image_default=MockedNextImage;
|
|
8
8
|
|
|
9
9
|
export { next_image_default as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _NextLegacyImage from 'next/legacy/image';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
|
|
4
|
-
declare function NextLegacyImage(props: _NextLegacyImage.ImageProps): React__default.JSX.Element;
|
|
4
|
+
declare function NextLegacyImage({ loader, ...props }: _NextLegacyImage.ImageProps): React__default.JSX.Element;
|
|
5
5
|
|
|
6
6
|
export { NextLegacyImage as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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_image=__toESM(require("sb-original/next/legacy/image")),
|
|
1
|
+
"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_image=__toESM(require("sb-original/next/legacy/image")),import_react=__toESM(require("react")),import_image_context=require("@storybook/nextjs/dist/image-context");var defaultLoader=({src,width,quality})=>{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})}`);return`${src}?w=${width}&q=${quality??75}`};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;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defaultLoader } from '../chunk-HAVEVISW.mjs';
|
|
2
|
-
import { ImageContext } from '../chunk-2SSJK7AW.mjs';
|
|
3
2
|
import '../chunk-FFRTCGB4.mjs';
|
|
4
3
|
import OriginalNextLegacyImage from 'sb-original/next/legacy/image';
|
|
5
4
|
import React from 'react';
|
|
5
|
+
import { ImageContext as ImageContext$1 } from '@storybook/nextjs/dist/image-context';
|
|
6
6
|
|
|
7
|
-
function NextLegacyImage(props){let imageParameters=React.useContext(ImageContext);return React.createElement(OriginalNextLegacyImage,{...imageParameters,...props,loader:
|
|
7
|
+
var ImageContext=ImageContext$1;function NextLegacyImage({loader,...props}){let imageParameters=React.useContext(ImageContext);return React.createElement(OriginalNextLegacyImage,{...imageParameters,...props,loader:loader??defaultLoader})}var next_legacy_image_default=NextLegacyImage;
|
|
8
8
|
|
|
9
9
|
export { next_legacy_image_default as default };
|
|
@@ -1274,6 +1274,7 @@ interface StorybookConfig {
|
|
|
1274
1274
|
type PresetValue<T> = T | ((config: T, options: Options) => T | Promise<T>);
|
|
1275
1275
|
type PresetProperty<K, TStorybookConfig = StorybookConfig> = TStorybookConfig[K extends keyof TStorybookConfig ? K : never] | PresetPropertyFn<K, TStorybookConfig>;
|
|
1276
1276
|
type PresetPropertyFn<K, TStorybookConfig = StorybookConfig, TOptions = {}> = (config: TStorybookConfig[K extends keyof TStorybookConfig ? K : never], options: Options & TOptions) => TStorybookConfig[K extends keyof TStorybookConfig ? K : never] | Promise<TStorybookConfig[K extends keyof TStorybookConfig ? K : never]>;
|
|
1277
|
+
type Addon_StoryContext<TRenderer extends Renderer = Renderer> = StoryContext<TRenderer>;
|
|
1277
1278
|
type Addon_ReturnTypeFramework<ReturnType> = {
|
|
1278
1279
|
component: any;
|
|
1279
1280
|
storyResult: ReturnType;
|
|
@@ -1282,4 +1283,4 @@ type Addon_ReturnTypeFramework<ReturnType> = {
|
|
|
1282
1283
|
type Addon_DecoratorFunction<StoryFnReturnType = unknown> = DecoratorFunction<Addon_ReturnTypeFramework<StoryFnReturnType>>;
|
|
1283
1284
|
type Path = string;
|
|
1284
1285
|
|
|
1285
|
-
export { Addon_DecoratorFunction as A, Options as O, PresetProperty as P };
|
|
1286
|
+
export { Addon_DecoratorFunction as A, Options as O, PresetProperty as P, Addon_StoryContext as a };
|
package/dist/preset.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { P as PresetProperty, O as Options } from './index.d-
|
|
1
|
+
import { P as PresetProperty, O as Options } from './index.d-3ba778c6.js';
|
|
2
2
|
import { TransformOptions } from '@babel/core';
|
|
3
3
|
import { StorybookConfig } from './index.js';
|
|
4
4
|
import 'file-system-cache';
|
package/dist/preview.d.ts
CHANGED
package/dist/preview.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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 preview_exports={};__export(preview_exports,{decorators:()=>decorators,parameters:()=>parameters});module.exports=__toCommonJS(preview_exports);var import_config=require("next/config");(0,import_config.setConfig)(process.env.__NEXT_RUNTIME_CONFIG);var React=__toESM(require("react"))
|
|
1
|
+
"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 preview_exports={};__export(preview_exports,{decorators:()=>decorators,parameters:()=>parameters});module.exports=__toCommonJS(preview_exports);var import_config=require("next/config");(0,import_config.setConfig)(process.env.__NEXT_RUNTIME_CONFIG);var React=__toESM(require("react")),import_image_context=require("@storybook/nextjs/dist/image-context"),ImageContext=import_image_context.ImageContext,ImageDecorator=(Story,{parameters:parameters2})=>{var _a;return(_a=parameters2.nextjs)!=null&&_a.image?React.createElement(ImageContext.Provider,{value:parameters2.nextjs.image},React.createElement(Story,null)):React.createElement(Story,null)};var React4=__toESM(require("react"));var import_react=__toESM(require("react")),AppRouterContext,LayoutRouterContext,PathnameContext,SearchParamsContext,GlobalLayoutRouterContext;try{AppRouterContext=require("next/dist/shared/lib/app-router-context").AppRouterContext,LayoutRouterContext=require("next/dist/shared/lib/app-router-context").LayoutRouterContext,PathnameContext=require("next/dist/shared/lib/hooks-client-context").PathnameContext,SearchParamsContext=require("next/dist/shared/lib/hooks-client-context").SearchParamsContext,GlobalLayoutRouterContext=require("next/dist/shared/lib/app-router-context").GlobalLayoutRouterContext}catch{AppRouterContext=import_react.default.Fragment,LayoutRouterContext=import_react.default.Fragment,PathnameContext=import_react.default.Fragment,SearchParamsContext=import_react.default.Fragment,GlobalLayoutRouterContext=import_react.default.Fragment}var getParallelRoutes=segmentsList=>{let segment=segmentsList.shift();return segment?[segment,{children:getParallelRoutes(segmentsList)}]:[]},AppRouterProvider=({children,action:action2,routeParams})=>{let{pathname,query,segments=[],...restRouteParams}=routeParams,tree=[pathname,{children:getParallelRoutes([...segments])}];return import_react.default.createElement(PathnameContext.Provider,{value:pathname},import_react.default.createElement(SearchParamsContext.Provider,{value:new URLSearchParams(query)},import_react.default.createElement(GlobalLayoutRouterContext.Provider,{value:{changeByServerResponse(){},buildId:"storybook",tree,focusAndScrollRef:{apply:!1,hashFragment:null,segmentPaths:[tree]},nextUrl:pathname}},import_react.default.createElement(AppRouterContext.Provider,{value:{push(...args){action2("nextNavigation.push")(...args)},replace(...args){action2("nextNavigation.replace")(...args)},forward(...args){action2("nextNavigation.forward")(...args)},back(...args){action2("nextNavigation.back")(...args)},prefetch(...args){action2("nextNavigation.prefetch")(...args)},refresh:()=>{action2("nextNavigation.refresh")()},...restRouteParams}},import_react.default.createElement(LayoutRouterContext.Provider,{value:{childNodes:new Map,tree,url:pathname}},children)))))},app_router_provider_default=AppRouterProvider;var import_router_context=require("next/dist/shared/lib/router-context"),import_react2=__toESM(require("react")),PageRouterProvider=({children,action:action2,routeParams,globals})=>import_react2.default.createElement(import_router_context.RouterContext.Provider,{value:{push(...args){return action2("nextRouter.push")(...args),Promise.resolve(!0)},replace(...args){return action2("nextRouter.replace")(...args),Promise.resolve(!0)},reload(...args){action2("nextRouter.reload")(...args)},back(...args){action2("nextRouter.back")(...args)},forward(){action2("nextRouter.forward")()},prefetch(...args){return action2("nextRouter.prefetch")(...args),Promise.resolve()},beforePopState(...args){action2("nextRouter.beforePopState")(...args)},events:{on(...args){action2("nextRouter.events.on")(...args)},off(...args){action2("nextRouter.events.off")(...args)},emit(...args){action2("nextRouter.events.emit")(...args)}},locale:globals==null?void 0:globals.locale,route:"/",asPath:"/",basePath:"/",isFallback:!1,isLocaleDomain:!1,isReady:!0,isPreview:!1,...routeParams}},children),page_router_provider_default=PageRouterProvider;var action;try{action=require("@storybook/addon-actions").action}catch{action=()=>()=>{}}var defaultRouterParams={pathname:"/",query:{}},RouterDecorator=(Story,{globals,parameters:parameters2})=>{var _a,_b,_c;return((_a=parameters2.nextjs)==null?void 0:_a.appDirectory)??!1?React4.createElement(app_router_provider_default,{action,routeParams:{...defaultRouterParams,...(_b=parameters2.nextjs)==null?void 0:_b.navigation}},React4.createElement(Story,null)):React4.createElement(page_router_provider_default,{action,globals,routeParams:{...defaultRouterParams,...(_c=parameters2.nextjs)==null?void 0:_c.router}},React4.createElement(Story,null))};var React5=__toESM(require("react")),StyleRegistry;try{StyleRegistry=require("styled-jsx").StyleRegistry}catch{StyleRegistry=React5.Fragment}var StyledJsxDecorator=Story=>React5.createElement(StyleRegistry,null,React5.createElement(Story,null));var React7=__toESM(require("react"));var import_react3=__toESM(require("react")),import_head_manager_context=require("next/dist/shared/lib/head-manager-context"),import_head_manager=__toESM(require("next/dist/client/head-manager")),HeadManagerProvider=({children})=>{let headManager=(0,import_react3.useMemo)(import_head_manager.default,[]);return headManager.getIsSsr=()=>!1,import_react3.default.createElement(import_head_manager_context.HeadManagerContext.Provider,{value:headManager},children)},head_manager_provider_default=HeadManagerProvider;var HeadManagerDecorator=Story=>React7.createElement(head_manager_provider_default,null,React7.createElement(Story,null));function addNextHeadCount(){let meta=document.createElement("meta");meta.name="next-head-count",meta.content="0",document.head.appendChild(meta)}addNextHeadCount();var decorators=[StyledJsxDecorator,ImageDecorator,RouterDecorator,HeadManagerDecorator],parameters={docs:{source:{excludeDecorators:!0}}};0&&(module.exports={decorators,parameters});
|
package/dist/preview.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ImageDecorator } from './chunk-NQ32RFK2.mjs';
|
|
2
2
|
import { __require } from './chunk-FFRTCGB4.mjs';
|
|
3
3
|
import { setConfig } from 'next/config';
|
|
4
|
-
import * as
|
|
5
|
-
import
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import React__default, { useMemo } from 'react';
|
|
6
6
|
import { RouterContext } from 'next/dist/shared/lib/router-context';
|
|
7
7
|
import { HeadManagerContext } from 'next/dist/shared/lib/head-manager-context';
|
|
8
8
|
import initHeadManager from 'next/dist/client/head-manager';
|
|
9
9
|
|
|
10
|
-
setConfig(process.env.__NEXT_RUNTIME_CONFIG);var
|
|
10
|
+
setConfig(process.env.__NEXT_RUNTIME_CONFIG);var AppRouterContext,LayoutRouterContext,PathnameContext,SearchParamsContext,GlobalLayoutRouterContext;try{AppRouterContext=__require("next/dist/shared/lib/app-router-context").AppRouterContext,LayoutRouterContext=__require("next/dist/shared/lib/app-router-context").LayoutRouterContext,PathnameContext=__require("next/dist/shared/lib/hooks-client-context").PathnameContext,SearchParamsContext=__require("next/dist/shared/lib/hooks-client-context").SearchParamsContext,GlobalLayoutRouterContext=__require("next/dist/shared/lib/app-router-context").GlobalLayoutRouterContext;}catch{AppRouterContext=React__default.Fragment,LayoutRouterContext=React__default.Fragment,PathnameContext=React__default.Fragment,SearchParamsContext=React__default.Fragment,GlobalLayoutRouterContext=React__default.Fragment;}var getParallelRoutes=segmentsList=>{let segment=segmentsList.shift();return segment?[segment,{children:getParallelRoutes(segmentsList)}]:[]},AppRouterProvider=({children,action:action2,routeParams})=>{let{pathname,query,segments=[],...restRouteParams}=routeParams,tree=[pathname,{children:getParallelRoutes([...segments])}];return React__default.createElement(PathnameContext.Provider,{value:pathname},React__default.createElement(SearchParamsContext.Provider,{value:new URLSearchParams(query)},React__default.createElement(GlobalLayoutRouterContext.Provider,{value:{changeByServerResponse(){},buildId:"storybook",tree,focusAndScrollRef:{apply:!1,hashFragment:null,segmentPaths:[tree]},nextUrl:pathname}},React__default.createElement(AppRouterContext.Provider,{value:{push(...args){action2("nextNavigation.push")(...args);},replace(...args){action2("nextNavigation.replace")(...args);},forward(...args){action2("nextNavigation.forward")(...args);},back(...args){action2("nextNavigation.back")(...args);},prefetch(...args){action2("nextNavigation.prefetch")(...args);},refresh:()=>{action2("nextNavigation.refresh")();},...restRouteParams}},React__default.createElement(LayoutRouterContext.Provider,{value:{childNodes:new Map,tree,url:pathname}},children)))))},app_router_provider_default=AppRouterProvider;var PageRouterProvider=({children,action:action2,routeParams,globals})=>React__default.createElement(RouterContext.Provider,{value:{push(...args){return action2("nextRouter.push")(...args),Promise.resolve(!0)},replace(...args){return action2("nextRouter.replace")(...args),Promise.resolve(!0)},reload(...args){action2("nextRouter.reload")(...args);},back(...args){action2("nextRouter.back")(...args);},forward(){action2("nextRouter.forward")();},prefetch(...args){return action2("nextRouter.prefetch")(...args),Promise.resolve()},beforePopState(...args){action2("nextRouter.beforePopState")(...args);},events:{on(...args){action2("nextRouter.events.on")(...args);},off(...args){action2("nextRouter.events.off")(...args);},emit(...args){action2("nextRouter.events.emit")(...args);}},locale:globals?.locale,route:"/",asPath:"/",basePath:"/",isFallback:!1,isLocaleDomain:!1,isReady:!0,isPreview:!1,...routeParams}},children),page_router_provider_default=PageRouterProvider;var action;try{action=__require("@storybook/addon-actions").action;}catch{action=()=>()=>{};}var defaultRouterParams={pathname:"/",query:{}},RouterDecorator=(Story,{globals,parameters:parameters2})=>parameters2.nextjs?.appDirectory??!1?React.createElement(app_router_provider_default,{action,routeParams:{...defaultRouterParams,...parameters2.nextjs?.navigation}},React.createElement(Story,null)):React.createElement(page_router_provider_default,{action,globals,routeParams:{...defaultRouterParams,...parameters2.nextjs?.router}},React.createElement(Story,null));var StyleRegistry;try{StyleRegistry=__require("styled-jsx").StyleRegistry;}catch{StyleRegistry=React.Fragment;}var StyledJsxDecorator=Story=>React.createElement(StyleRegistry,null,React.createElement(Story,null));var HeadManagerProvider=({children})=>{let headManager=useMemo(initHeadManager,[]);return headManager.getIsSsr=()=>!1,React__default.createElement(HeadManagerContext.Provider,{value:headManager},children)},head_manager_provider_default=HeadManagerProvider;var HeadManagerDecorator=Story=>React.createElement(head_manager_provider_default,null,React.createElement(Story,null));function addNextHeadCount(){let meta=document.createElement("meta");meta.name="next-head-count",meta.content="0",document.head.appendChild(meta);}addNextHeadCount();var decorators=[StyledJsxDecorator,ImageDecorator,RouterDecorator,HeadManagerDecorator],parameters={docs:{source:{excludeDecorators:!0}}};
|
|
11
11
|
|
|
12
12
|
export { decorators, parameters };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/nextjs",
|
|
3
|
-
"version": "7.5.0-alpha.
|
|
3
|
+
"version": "7.5.0-alpha.2",
|
|
4
4
|
"description": "Storybook for Next.js",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook",
|
|
@@ -27,6 +27,16 @@
|
|
|
27
27
|
"require": "./dist/index.js",
|
|
28
28
|
"import": "./dist/index.mjs"
|
|
29
29
|
},
|
|
30
|
+
"./image-context": {
|
|
31
|
+
"types": "./dist/image-context.d.ts",
|
|
32
|
+
"require": "./dist/image-context.js",
|
|
33
|
+
"import": "./dist/image-context.mjs"
|
|
34
|
+
},
|
|
35
|
+
"./dist/image-context": {
|
|
36
|
+
"types": "./dist/image-context.d.ts",
|
|
37
|
+
"require": "./dist/image-context.js",
|
|
38
|
+
"import": "./dist/image-context.mjs"
|
|
39
|
+
},
|
|
30
40
|
"./preset": {
|
|
31
41
|
"types": "./dist/preset.d.ts",
|
|
32
42
|
"require": "./dist/preset.js"
|
|
@@ -46,6 +56,16 @@
|
|
|
46
56
|
"main": "dist/index.js",
|
|
47
57
|
"module": "dist/index.mjs",
|
|
48
58
|
"types": "dist/index.d.ts",
|
|
59
|
+
"typesVersions": {
|
|
60
|
+
"*": {
|
|
61
|
+
"*": [
|
|
62
|
+
"dist/index.d.ts"
|
|
63
|
+
],
|
|
64
|
+
"dist/image-context": [
|
|
65
|
+
"dist/image-context.d.ts"
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
},
|
|
49
69
|
"files": [
|
|
50
70
|
"dist/**/*",
|
|
51
71
|
"template/cli/**/*",
|
|
@@ -72,13 +92,13 @@
|
|
|
72
92
|
"@babel/preset-react": "^7.22.5",
|
|
73
93
|
"@babel/preset-typescript": "^7.22.5",
|
|
74
94
|
"@babel/runtime": "^7.22.6",
|
|
75
|
-
"@storybook/addon-actions": "7.5.0-alpha.
|
|
76
|
-
"@storybook/builder-webpack5": "7.5.0-alpha.
|
|
77
|
-
"@storybook/core-common": "7.5.0-alpha.
|
|
78
|
-
"@storybook/node-logger": "7.5.0-alpha.
|
|
79
|
-
"@storybook/preset-react-webpack": "7.5.0-alpha.
|
|
80
|
-
"@storybook/preview-api": "7.5.0-alpha.
|
|
81
|
-
"@storybook/react": "7.5.0-alpha.
|
|
95
|
+
"@storybook/addon-actions": "7.5.0-alpha.2",
|
|
96
|
+
"@storybook/builder-webpack5": "7.5.0-alpha.2",
|
|
97
|
+
"@storybook/core-common": "7.5.0-alpha.2",
|
|
98
|
+
"@storybook/node-logger": "7.5.0-alpha.2",
|
|
99
|
+
"@storybook/preset-react-webpack": "7.5.0-alpha.2",
|
|
100
|
+
"@storybook/preview-api": "7.5.0-alpha.2",
|
|
101
|
+
"@storybook/react": "7.5.0-alpha.2",
|
|
82
102
|
"@types/node": "^16.0.0",
|
|
83
103
|
"css-loader": "^6.7.3",
|
|
84
104
|
"find-up": "^5.0.0",
|
|
@@ -136,11 +156,12 @@
|
|
|
136
156
|
},
|
|
137
157
|
"bundler": {
|
|
138
158
|
"entries": [
|
|
159
|
+
"./src/image-context.ts",
|
|
139
160
|
"./src/index.ts",
|
|
140
161
|
"./src/preset.ts",
|
|
141
162
|
"./src/preview.tsx",
|
|
142
163
|
"./src/next-image-loader-stub.ts",
|
|
143
|
-
"./src/images/
|
|
164
|
+
"./src/images/decorator.tsx",
|
|
144
165
|
"./src/images/next-future-image.tsx",
|
|
145
166
|
"./src/images/next-legacy-image.tsx",
|
|
146
167
|
"./src/images/next-image.tsx",
|
package/dist/images/context.mjs
DELETED
|
File without changes
|