@storybook/preview-api 8.0.0-alpha.7 → 8.0.0-alpha.9
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/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 };
|