@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 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, StoryName, ComponentTitle, StoryIndex, IndexEntry, Path, PreparedStory, Globals, GlobalTypes, LegacyStoryAnnotationsOrFn, NormalizedComponentAnnotations, NormalizedStoryAnnotations, ModuleExports, CSFFile, NormalizedProjectAnnotations, ModuleExport, PreparedMeta, ProjectAnnotations, StepRunner, ComponentAnnotations, ComposedStoryFn, Store_CSFExports, ComposeStoryFn, ModuleImportFn, StoryContextForLoaders, StoryContextForEnhancers, Parameters, StoryIndexV3, API_PreparedStoryIndex, BoundStory, StrictArgTypes, ArgTypesEnhancer, LegacyStoryFn, DecoratorFunction, PartialStoryFn, StoryContextUpdate, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, StoryRenderOptions, ViewMode, RenderToCanvas, RenderContextCallbacks, DocsContextProps, ResolvedModuleExportType, ResolvedModuleExportFromType, ComponentId, LoaderFunction, ArgTypes, ArgsEnhancer, ArgsStoryFn } from '@storybook/types';
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: SynchronousPromise<void>;
365
+ initializationPromise: Promise<void>;
369
366
  resolveInitializationPromise: () => void;
370
367
  constructor();
371
368
  setProjectAnnotations(projectAnnotations: ProjectAnnotations<TRenderer>): void;
372
- initialize({ storyIndex, importFn, cache, }: {
369
+ initialize({ storyIndex, importFn, }: {
373
370
  storyIndex?: StoryIndex;
374
371
  importFn: ModuleImportFn;
375
- cache?: boolean;
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): PromiseLike<void>;
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): PromiseLike<void>;
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
- declare class StoryStoreFacade<TRenderer extends Renderer> {
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 };