@storybook/preview-api 8.0.0-alpha.9 → 8.0.0-beta.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.d.ts +42 -54
- package/dist/index.js +9 -31
- package/dist/index.mjs +12 -33
- package/package.json +8 -6
package/dist/index.d.ts
CHANGED
@@ -1,32 +1,16 @@
|
|
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,
|
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, BoundStory, StrictArgTypes, ArgTypesEnhancer, LegacyStoryFn, DecoratorFunction, PartialStoryFn, StoryContextUpdate, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, StoryRenderOptions, ViewMode, RenderToCanvas, RenderContextCallbacks, DocsContextProps, ResolvedModuleExportType, ResolvedModuleExportFromType } from '@storybook/types';
|
4
4
|
|
5
5
|
declare class AddonStore {
|
6
6
|
constructor();
|
7
7
|
private channel;
|
8
|
-
/**
|
9
|
-
* @deprecated will be removed in 8.0, please use channel instead
|
10
|
-
*/
|
11
|
-
private serverChannel;
|
12
8
|
private promise;
|
13
9
|
private resolve;
|
14
10
|
getChannel: () => Channel;
|
15
|
-
/**
|
16
|
-
* @deprecated will be removed in 8.0, please use getChannel instead
|
17
|
-
*/
|
18
|
-
getServerChannel: () => Channel;
|
19
11
|
ready: () => Promise<Channel>;
|
20
12
|
hasChannel: () => boolean;
|
21
|
-
/**
|
22
|
-
* @deprecated will be removed in 8.0, please use the normal channel instead
|
23
|
-
*/
|
24
|
-
hasServerChannel: () => boolean;
|
25
13
|
setChannel: (channel: Channel) => void;
|
26
|
-
/**
|
27
|
-
* @deprecated will be removed in 8.0, please use the normal channel instead
|
28
|
-
*/
|
29
|
-
setServerChannel: (channel: Channel) => void;
|
30
14
|
}
|
31
15
|
declare const addons: AddonStore;
|
32
16
|
|
@@ -352,24 +336,18 @@ declare function composeStory<TRenderer extends Renderer = Renderer, TArgs exten
|
|
352
336
|
declare function composeStories<TModule extends Store_CSFExports>(storiesImport: TModule, globalConfig: ProjectAnnotations<Renderer>, composeStoryFn: ComposeStoryFn): {};
|
353
337
|
|
354
338
|
declare class StoryStore<TRenderer extends Renderer> {
|
355
|
-
|
356
|
-
|
357
|
-
projectAnnotations
|
358
|
-
globals
|
339
|
+
importFn: ModuleImportFn;
|
340
|
+
storyIndex: StoryIndexStore;
|
341
|
+
projectAnnotations: NormalizedProjectAnnotations<TRenderer>;
|
342
|
+
globals: GlobalsStore;
|
359
343
|
args: ArgsStore;
|
360
344
|
hooks: Record<StoryId, HooksContext<TRenderer>>;
|
361
345
|
cachedCSFFiles?: Record<Path, CSFFile<TRenderer>>;
|
362
346
|
processCSFFileWithCache: typeof processCSFFile;
|
363
347
|
prepareMetaWithCache: typeof prepareMeta;
|
364
348
|
prepareStoryWithCache: typeof prepareStory;
|
365
|
-
|
366
|
-
resolveInitializationPromise: () => void;
|
367
|
-
constructor();
|
349
|
+
constructor(storyIndex: StoryIndex, importFn: ModuleImportFn, projectAnnotations: ProjectAnnotations<TRenderer>);
|
368
350
|
setProjectAnnotations(projectAnnotations: ProjectAnnotations<TRenderer>): void;
|
369
|
-
initialize({ storyIndex, importFn, }: {
|
370
|
-
storyIndex?: StoryIndex;
|
371
|
-
importFn: ModuleImportFn;
|
372
|
-
}): void;
|
373
351
|
onStoriesChanged({ importFn, storyIndex, }: {
|
374
352
|
importFn?: ModuleImportFn;
|
375
353
|
storyIndex?: StoryIndex;
|
@@ -527,6 +505,7 @@ declare class DocsContext<TRenderer extends Renderer> implements DocsContextProp
|
|
527
505
|
resolveOf<TType extends ResolvedModuleExportType>(moduleExportOrType: ModuleExport | TType, validTypes?: TType[]): ResolvedModuleExportFromType<TType, TRenderer>;
|
528
506
|
storyIdByName: (storyName: StoryName) => string;
|
529
507
|
componentStories: () => PreparedStory<TRenderer>[];
|
508
|
+
componentStoriesFromCSFFile: (csfFile: CSFFile<TRenderer>) => PreparedStory<TRenderer>[];
|
530
509
|
storyById: (storyId?: StoryId) => PreparedStory<TRenderer>;
|
531
510
|
getStoryContext: (story: PreparedStory<TRenderer>) => StoryContextForLoaders<TRenderer, _storybook_types.Args>;
|
532
511
|
loadStory: (id: StoryId) => Promise<PreparedStory<TRenderer>>;
|
@@ -611,30 +590,32 @@ declare class MdxDocsRender<TRenderer extends Renderer> implements Render<TRende
|
|
611
590
|
|
612
591
|
type MaybePromise<T> = Promise<T> | T;
|
613
592
|
declare class Preview<TRenderer extends Renderer> {
|
593
|
+
importFn: ModuleImportFn;
|
594
|
+
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
614
595
|
protected channel: Channel;
|
615
596
|
/**
|
616
597
|
* @deprecated will be removed in 8.0, please use channel instead
|
617
598
|
*/
|
618
599
|
serverChannel?: Channel;
|
619
|
-
|
620
|
-
getStoryIndex?: () => StoryIndex;
|
621
|
-
importFn?: ModuleImportFn;
|
600
|
+
protected storyStoreValue?: StoryStore<TRenderer>;
|
622
601
|
renderToCanvas?: RenderToCanvas<TRenderer>;
|
623
602
|
storyRenders: StoryRender<TRenderer>[];
|
624
603
|
previewEntryError?: Error;
|
625
|
-
|
626
|
-
|
627
|
-
|
628
|
-
|
629
|
-
|
630
|
-
|
604
|
+
private projectAnnotationsBeforeInitialization?;
|
605
|
+
protected storeInitializationPromise: Promise<void>;
|
606
|
+
protected resolveStoreInitializationPromise: () => void;
|
607
|
+
protected rejectStoreInitializationPromise: (err: Error) => void;
|
608
|
+
constructor(importFn: ModuleImportFn, getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>, channel?: Channel, shouldInitialize?: boolean);
|
609
|
+
get storyStore(): {};
|
610
|
+
protected initialize(): Promise<void>;
|
611
|
+
ready(): Promise<void>;
|
631
612
|
setupListeners(): void;
|
632
|
-
getProjectAnnotationsOrRenderError(
|
613
|
+
getProjectAnnotationsOrRenderError(): Promise<ProjectAnnotations<TRenderer>>;
|
633
614
|
initializeWithProjectAnnotations(projectAnnotations: ProjectAnnotations<TRenderer>): Promise<void>;
|
615
|
+
getStoryIndexFromServer(): Promise<StoryIndex>;
|
616
|
+
protected initializeWithStoryIndex(storyIndex: StoryIndex): void;
|
634
617
|
setInitialGlobals(): Promise<void>;
|
635
618
|
emitGlobals(): void;
|
636
|
-
getStoryIndexFromServer(): Promise<StoryIndex>;
|
637
|
-
initializeWithStoryIndex(storyIndex: StoryIndex): void;
|
638
619
|
onGetProjectAnnotationsChanged({ getProjectAnnotations, }: {
|
639
620
|
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
640
621
|
}): Promise<void>;
|
@@ -662,6 +643,12 @@ declare class Preview<TRenderer extends Renderer> {
|
|
662
643
|
teardownRender(render: StoryRender<TRenderer> | CsfDocsRender<TRenderer> | MdxDocsRender<TRenderer>, { viewModeChanged }?: {
|
663
644
|
viewModeChanged?: boolean;
|
664
645
|
}): Promise<void>;
|
646
|
+
loadStory({ storyId }: {
|
647
|
+
storyId: StoryId;
|
648
|
+
}): Promise<PreparedStory<TRenderer>>;
|
649
|
+
getStoryContext(story: PreparedStory<TRenderer>, { forceInitialArgs }?: {
|
650
|
+
forceInitialArgs?: boolean | undefined;
|
651
|
+
}): Omit<_storybook_types.StoryContextForLoaders<Renderer, Args>, "viewMode">;
|
665
652
|
extract(options?: {
|
666
653
|
includeDocsOnly: boolean;
|
667
654
|
}): Promise<Record<string, _storybook_types.StoryContextForEnhancers<TRenderer, Args>>>;
|
@@ -705,19 +692,21 @@ interface View<TStorybookRoot> {
|
|
705
692
|
showStoryDuringRender(): void;
|
706
693
|
}
|
707
694
|
|
708
|
-
type PossibleRender<
|
709
|
-
declare class PreviewWithSelection<
|
695
|
+
type PossibleRender<TRenderer extends Renderer> = StoryRender<TRenderer> | CsfDocsRender<TRenderer> | MdxDocsRender<TRenderer>;
|
696
|
+
declare class PreviewWithSelection<TRenderer extends Renderer> extends Preview<TRenderer> {
|
697
|
+
importFn: ModuleImportFn;
|
698
|
+
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
710
699
|
selectionStore: SelectionStore;
|
711
|
-
view: View<
|
700
|
+
view: View<TRenderer['canvasElement']>;
|
712
701
|
currentSelection?: Selection;
|
713
|
-
currentRender?: PossibleRender<
|
714
|
-
constructor(selectionStore: SelectionStore, view: View<
|
702
|
+
currentRender?: PossibleRender<TRenderer>;
|
703
|
+
constructor(importFn: ModuleImportFn, getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>, selectionStore: SelectionStore, view: View<TRenderer['canvasElement']>);
|
715
704
|
setupListeners(): void;
|
716
705
|
setInitialGlobals(): Promise<void>;
|
717
706
|
initializeWithStoryIndex(storyIndex: StoryIndex): Promise<void>;
|
718
707
|
selectSpecifiedStory(): Promise<void>;
|
719
708
|
onGetProjectAnnotationsChanged({ getProjectAnnotations, }: {
|
720
|
-
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<
|
709
|
+
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
721
710
|
}): Promise<void>;
|
722
711
|
onStoriesChanged({ importFn, storyIndex, }: {
|
723
712
|
importFn?: ModuleImportFn;
|
@@ -739,15 +728,12 @@ declare class PreviewWithSelection<TFramework extends Renderer> extends Preview<
|
|
739
728
|
onPreloadStories({ ids }: {
|
740
729
|
ids: string[];
|
741
730
|
}): Promise<void>;
|
742
|
-
renderSelection({ persistedArgs }?: {
|
731
|
+
protected renderSelection({ persistedArgs }?: {
|
743
732
|
persistedArgs?: Args;
|
744
733
|
}): Promise<void>;
|
745
|
-
teardownRender(render: PossibleRender<
|
734
|
+
teardownRender(render: PossibleRender<TRenderer>, { viewModeChanged }?: {
|
746
735
|
viewModeChanged?: boolean;
|
747
736
|
}): Promise<void>;
|
748
|
-
extract(options?: {
|
749
|
-
includeDocsOnly: boolean;
|
750
|
-
}): Promise<Record<string, _storybook_types.StoryContextForEnhancers<TFramework, Args>>>;
|
751
737
|
mainStoryCallbacks(storyId: StoryId): {
|
752
738
|
showMain: () => void;
|
753
739
|
showError: (err: {
|
@@ -766,11 +752,13 @@ declare class PreviewWithSelection<TFramework extends Renderer> extends Preview<
|
|
766
752
|
}): void;
|
767
753
|
}
|
768
754
|
|
769
|
-
declare class PreviewWeb<
|
770
|
-
|
755
|
+
declare class PreviewWeb<TRenderer extends Renderer> extends PreviewWithSelection<TRenderer> {
|
756
|
+
importFn: ModuleImportFn;
|
757
|
+
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
758
|
+
constructor(importFn: ModuleImportFn, getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>);
|
771
759
|
}
|
772
760
|
|
773
761
|
declare function simulateDOMContentLoaded(): void;
|
774
762
|
declare function simulatePageLoad($container: any): void;
|
775
763
|
|
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 };
|
764
|
+
export { DocsContext, HooksContext, Preview, PreviewWeb, PreviewWithSelection, 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 };
|