@storybook/preview-api 8.0.0-alpha.8 → 8.0.0-alpha.9
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.d.ts +7 -173
- package/dist/index.js +13 -32
- package/dist/index.mjs +15 -35
- package/package.json +6 -7
package/dist/index.d.ts
CHANGED
@@ -1,9 +1,6 @@
|
|
1
1
|
import { Channel } from '@storybook/channels';
|
2
2
|
import * as _storybook_types from '@storybook/types';
|
3
|
-
import { Renderer, Args, StoryContext, StoryId, DecoratorApplicator, Addon_StoryWrapper,
|
4
|
-
import { SynchronousPromise } from 'synchronous-promise';
|
5
|
-
import * as qs$1 from 'qs';
|
6
|
-
import qs__default from 'qs';
|
3
|
+
import { Renderer, Args, StoryContext, StoryId, DecoratorApplicator, Addon_StoryWrapper, StoryIndex, IndexEntry, Path, StoryName, ComponentTitle, PreparedStory, Globals, GlobalTypes, LegacyStoryAnnotationsOrFn, NormalizedComponentAnnotations, NormalizedStoryAnnotations, ModuleExports, CSFFile, NormalizedProjectAnnotations, ModuleExport, PreparedMeta, ProjectAnnotations, StepRunner, ComponentAnnotations, ComposedStoryFn, Store_CSFExports, ComposeStoryFn, ModuleImportFn, StoryContextForLoaders, StoryContextForEnhancers, Parameters, StoryIndexV3, BoundStory, StrictArgTypes, ArgTypesEnhancer, LegacyStoryFn, DecoratorFunction, PartialStoryFn, StoryContextUpdate, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, StoryRenderOptions, ViewMode, RenderToCanvas, RenderContextCallbacks, DocsContextProps, ResolvedModuleExportType, ResolvedModuleExportFromType } from '@storybook/types';
|
7
4
|
|
8
5
|
declare class AddonStore {
|
9
6
|
constructor();
|
@@ -365,15 +362,14 @@ declare class StoryStore<TRenderer extends Renderer> {
|
|
365
362
|
processCSFFileWithCache: typeof processCSFFile;
|
366
363
|
prepareMetaWithCache: typeof prepareMeta;
|
367
364
|
prepareStoryWithCache: typeof prepareStory;
|
368
|
-
initializationPromise:
|
365
|
+
initializationPromise: Promise<void>;
|
369
366
|
resolveInitializationPromise: () => void;
|
370
367
|
constructor();
|
371
368
|
setProjectAnnotations(projectAnnotations: ProjectAnnotations<TRenderer>): void;
|
372
|
-
initialize({ storyIndex, importFn,
|
369
|
+
initialize({ storyIndex, importFn, }: {
|
373
370
|
storyIndex?: StoryIndex;
|
374
371
|
importFn: ModuleImportFn;
|
375
|
-
|
376
|
-
}): Promise<void>;
|
372
|
+
}): void;
|
377
373
|
onStoriesChanged({ importFn, storyIndex, }: {
|
378
374
|
importFn?: ModuleImportFn;
|
379
375
|
storyIndex?: StoryIndex;
|
@@ -416,7 +412,6 @@ declare class StoryStore<TRenderer extends Renderer> {
|
|
416
412
|
stories: Record<string, StoryContextForEnhancers<TRenderer, _storybook_types.Args>>;
|
417
413
|
};
|
418
414
|
getStoriesJsonData: () => StoryIndexV3;
|
419
|
-
getSetIndexPayload(): API_PreparedStoryIndex;
|
420
415
|
raw(): BoundStory<TRenderer>[];
|
421
416
|
fromId(storyId: StoryId): BoundStory<TRenderer> | null;
|
422
417
|
}
|
@@ -639,7 +634,7 @@ declare class Preview<TRenderer extends Renderer> {
|
|
639
634
|
setInitialGlobals(): Promise<void>;
|
640
635
|
emitGlobals(): void;
|
641
636
|
getStoryIndexFromServer(): Promise<StoryIndex>;
|
642
|
-
initializeWithStoryIndex(storyIndex: StoryIndex):
|
637
|
+
initializeWithStoryIndex(storyIndex: StoryIndex): void;
|
643
638
|
onGetProjectAnnotationsChanged({ getProjectAnnotations, }: {
|
644
639
|
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
645
640
|
}): Promise<void>;
|
@@ -719,7 +714,7 @@ declare class PreviewWithSelection<TFramework extends Renderer> extends Preview<
|
|
719
714
|
constructor(selectionStore: SelectionStore, view: View<TFramework['canvasElement']>);
|
720
715
|
setupListeners(): void;
|
721
716
|
setInitialGlobals(): Promise<void>;
|
722
|
-
initializeWithStoryIndex(storyIndex: StoryIndex):
|
717
|
+
initializeWithStoryIndex(storyIndex: StoryIndex): Promise<void>;
|
723
718
|
selectSpecifiedStory(): Promise<void>;
|
724
719
|
onGetProjectAnnotationsChanged({ getProjectAnnotations, }: {
|
725
720
|
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TFramework>>;
|
@@ -775,168 +770,7 @@ declare class PreviewWeb<TFramework extends Renderer> extends PreviewWithSelecti
|
|
775
770
|
constructor();
|
776
771
|
}
|
777
772
|
|
778
|
-
declare class UrlStore implements SelectionStore {
|
779
|
-
selectionSpecifier: SelectionSpecifier | null;
|
780
|
-
selection?: Selection;
|
781
|
-
constructor();
|
782
|
-
setSelection(selection: Selection): void;
|
783
|
-
setQueryParams(queryParams: qs__default.ParsedQs): void;
|
784
|
-
}
|
785
|
-
|
786
|
-
declare enum Mode {
|
787
|
-
'MAIN' = "MAIN",
|
788
|
-
'NOPREVIEW' = "NOPREVIEW",
|
789
|
-
'PREPARING_STORY' = "PREPARING_STORY",
|
790
|
-
'PREPARING_DOCS' = "PREPARING_DOCS",
|
791
|
-
'ERROR' = "ERROR"
|
792
|
-
}
|
793
|
-
declare const layoutClassMap: {
|
794
|
-
readonly centered: "sb-main-centered";
|
795
|
-
readonly fullscreen: "sb-main-fullscreen";
|
796
|
-
readonly padded: "sb-main-padded";
|
797
|
-
};
|
798
|
-
type Layout = keyof typeof layoutClassMap | 'none';
|
799
|
-
declare class WebView implements View<HTMLElement> {
|
800
|
-
private currentLayoutClass?;
|
801
|
-
private testing;
|
802
|
-
private preparingTimeout?;
|
803
|
-
constructor();
|
804
|
-
prepareForStory(story: PreparedStory<any>): HTMLElement;
|
805
|
-
storyRoot(): HTMLElement;
|
806
|
-
prepareForDocs(): HTMLElement;
|
807
|
-
docsRoot(): HTMLElement;
|
808
|
-
applyLayout(layout?: Layout): void;
|
809
|
-
checkIfLayoutExists(layout: keyof typeof layoutClassMap): void;
|
810
|
-
showMode(mode: Mode): void;
|
811
|
-
showErrorDisplay({ message, stack }: {
|
812
|
-
message?: string | undefined;
|
813
|
-
stack?: string | undefined;
|
814
|
-
}): void;
|
815
|
-
showNoPreview(): void;
|
816
|
-
showPreparingStory({ immediate }?: {
|
817
|
-
immediate?: boolean | undefined;
|
818
|
-
}): void;
|
819
|
-
showPreparingDocs({ immediate }?: {
|
820
|
-
immediate?: boolean | undefined;
|
821
|
-
}): void;
|
822
|
-
showMain(): void;
|
823
|
-
showDocs(): void;
|
824
|
-
showStory(): void;
|
825
|
-
showStoryDuringRender(): void;
|
826
|
-
}
|
827
|
-
|
828
773
|
declare function simulateDOMContentLoaded(): void;
|
829
774
|
declare function simulatePageLoad($container: any): void;
|
830
775
|
|
831
|
-
|
832
|
-
projectAnnotations: NormalizedProjectAnnotations<TRenderer>;
|
833
|
-
entries: Record<StoryId, IndexEntry & {
|
834
|
-
componentId?: ComponentId;
|
835
|
-
}>;
|
836
|
-
csfExports: Record<Path, ModuleExports>;
|
837
|
-
constructor();
|
838
|
-
importFn(path: Path): Promise<ModuleExports>;
|
839
|
-
getStoryIndex(store: StoryStore<TRenderer>): {
|
840
|
-
v: number;
|
841
|
-
entries: Record<string, IndexEntry>;
|
842
|
-
};
|
843
|
-
clearFilenameExports(fileName: Path): void;
|
844
|
-
addStoriesFromExports(fileName: Path, fileExports: ModuleExports): void;
|
845
|
-
}
|
846
|
-
|
847
|
-
declare const addDecorator: (decorator: DecoratorFunction<Renderer>) => void;
|
848
|
-
declare const addParameters: (parameters: Parameters) => void;
|
849
|
-
declare const addLoader: (loader: LoaderFunction<Renderer>) => void;
|
850
|
-
declare const addArgs: (args: Args) => void;
|
851
|
-
declare const addArgTypes: (argTypes: ArgTypes) => void;
|
852
|
-
declare const addArgsEnhancer: (enhancer: ArgsEnhancer<Renderer>) => void;
|
853
|
-
declare const addArgTypesEnhancer: (enhancer: ArgTypesEnhancer<Renderer>) => void;
|
854
|
-
declare const addStepRunner: (stepRunner: StepRunner) => void;
|
855
|
-
declare const setGlobalRender: (render: StoryStoreFacade<any>['projectAnnotations']['render']) => void;
|
856
|
-
declare class ClientApi<TRenderer extends Renderer> {
|
857
|
-
facade: StoryStoreFacade<TRenderer>;
|
858
|
-
storyStore?: StoryStore<TRenderer>;
|
859
|
-
onImportFnChanged?: ({ importFn }: {
|
860
|
-
importFn: ModuleImportFn;
|
861
|
-
}) => void;
|
862
|
-
constructor({ storyStore }?: {
|
863
|
-
storyStore?: StoryStore<TRenderer>;
|
864
|
-
});
|
865
|
-
importFn(path: Path): Promise<ModuleExports>;
|
866
|
-
getStoryIndex(): {
|
867
|
-
v: number;
|
868
|
-
entries: Record<string, _storybook_types.IndexEntry>;
|
869
|
-
};
|
870
|
-
addDecorator: (decorator: DecoratorFunction<TRenderer>) => void;
|
871
|
-
addParameters: ({ globals, globalTypes, ...parameters }: Parameters & {
|
872
|
-
globals?: Globals | undefined;
|
873
|
-
globalTypes?: GlobalTypes | undefined;
|
874
|
-
}) => void;
|
875
|
-
addStepRunner: (stepRunner: StepRunner<TRenderer>) => void;
|
876
|
-
addLoader: (loader: LoaderFunction<TRenderer>) => void;
|
877
|
-
addArgs: (args: Args) => void;
|
878
|
-
addArgTypes: (argTypes: ArgTypes) => void;
|
879
|
-
addArgsEnhancer: (enhancer: ArgsEnhancer<TRenderer>) => void;
|
880
|
-
addArgTypesEnhancer: (enhancer: ArgTypesEnhancer<TRenderer>) => void;
|
881
|
-
_addedExports: Record<string, ModuleExports>;
|
882
|
-
_loadAddedExports(): void;
|
883
|
-
raw: () => _storybook_types.BoundStory<TRenderer>[] | undefined;
|
884
|
-
get _storyStore(): StoryStore<TRenderer> | undefined;
|
885
|
-
}
|
886
|
-
|
887
|
-
declare const getQueryParams: () => qs$1.ParsedQs;
|
888
|
-
declare const getQueryParam: (key: string) => string | string[] | qs$1.ParsedQs | qs$1.ParsedQs[] | undefined;
|
889
|
-
|
890
|
-
interface CoreClient_RendererImplementation<TRenderer extends Renderer> {
|
891
|
-
/**
|
892
|
-
* A function that applies decorators to a story.
|
893
|
-
* @template TRenderer The type of renderer used by the Storybook client API.
|
894
|
-
* @type {ProjectAnnotations<TRenderer>['applyDecorators']}
|
895
|
-
*/
|
896
|
-
decorateStory?: ProjectAnnotations<TRenderer>['applyDecorators'];
|
897
|
-
/**
|
898
|
-
* A function that renders a story with args.
|
899
|
-
* @template TRenderer The type of renderer used by the Storybook client API.
|
900
|
-
* @type {ArgsStoryFn<TRenderer>}
|
901
|
-
*/
|
902
|
-
render?: ArgsStoryFn<TRenderer>;
|
903
|
-
}
|
904
|
-
interface CoreClient_ClientAPIFacade {
|
905
|
-
/**
|
906
|
-
* The old way of retrieving the list of stories at runtime.
|
907
|
-
* @deprecated This method is deprecated and will be removed in a future version.
|
908
|
-
*/
|
909
|
-
raw: (...args: any[]) => never;
|
910
|
-
}
|
911
|
-
interface CoreClient_StartReturnValue<TRenderer extends Renderer> {
|
912
|
-
/**
|
913
|
-
* Forces a re-render of all stories in the Storybook preview.
|
914
|
-
* This function emits the `FORCE_RE_RENDER` event to the Storybook channel.
|
915
|
-
* @deprecated This method is deprecated and will be removed in a future version.
|
916
|
-
* @returns {void}
|
917
|
-
*/
|
918
|
-
forceReRender: () => void;
|
919
|
-
/**
|
920
|
-
* The old way of setting up storybook with runtime configuration.
|
921
|
-
* @deprecated This method is deprecated and will be removed in a future version.
|
922
|
-
* @returns {void}
|
923
|
-
*/
|
924
|
-
configure: any;
|
925
|
-
/**
|
926
|
-
* @deprecated This property is deprecated and will be removed in a future version.
|
927
|
-
* @type {ClientApi<TRenderer> | CoreClient_ClientAPIFacade}
|
928
|
-
*/
|
929
|
-
clientApi: ClientApi<TRenderer> | CoreClient_ClientAPIFacade;
|
930
|
-
}
|
931
|
-
/**
|
932
|
-
* Initializes the Storybook preview API.
|
933
|
-
* @template TRenderer The type of renderer used by the Storybook client API.
|
934
|
-
* @param {ProjectAnnotations<TRenderer>['renderToCanvas']} renderToCanvas A function that renders a story to a canvas.
|
935
|
-
* @param {CoreClient_RendererImplementation<TRenderer>} [options] Optional configuration options for the renderer implementation.
|
936
|
-
* @param {ProjectAnnotations<TRenderer>['applyDecorators']} [options.decorateStory] A function that applies decorators to a story.
|
937
|
-
* @param {ArgsStoryFn<TRenderer>} [options.render] A function that renders a story with arguments.
|
938
|
-
* @returns {CoreClient_StartReturnValue<TRenderer>} An object containing functions and objects related to the Storybook preview API.
|
939
|
-
*/
|
940
|
-
declare function start<TRenderer extends Renderer>(renderToCanvas: ProjectAnnotations<TRenderer>['renderToCanvas'], { decorateStory, render }?: CoreClient_RendererImplementation<TRenderer>): CoreClient_StartReturnValue<TRenderer>;
|
941
|
-
|
942
|
-
export { ClientApi, DocsContext, HooksContext, Preview, PreviewWeb, PreviewWithSelection, PropDescriptor, SelectionStore, StoryStore, UrlStore, View, WebView, addArgTypes, addArgTypesEnhancer, addArgs, addArgsEnhancer, addDecorator, addLoader, addParameters, addStepRunner, addons, applyHooks, combineArgs, combineParameters, composeConfigs, composeStepRunners, composeStories, composeStory, decorateStory, defaultDecorateStory, filterArgTypes, getQueryParam, getQueryParams, inferControls, makeDecorator, mockChannel, normalizeStory, prepareMeta, prepareStory, sanitizeStoryContextUpdate, setGlobalRender, setProjectAnnotations, simulateDOMContentLoaded, simulatePageLoad, sortStoriesV7, start, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext, userOrAutoTitle, userOrAutoTitleFromSpecifier };
|
776
|
+
export { DocsContext, HooksContext, Preview, PreviewWeb, PropDescriptor, StoryStore, addons, applyHooks, combineArgs, combineParameters, composeConfigs, composeStepRunners, composeStories, composeStory, decorateStory, defaultDecorateStory, filterArgTypes, inferControls, makeDecorator, mockChannel, normalizeStory, prepareMeta, prepareStory, sanitizeStoryContextUpdate, setProjectAnnotations, simulateDOMContentLoaded, simulatePageLoad, sortStoriesV7, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext, userOrAutoTitle, userOrAutoTitleFromSpecifier };
|