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