@storybook/preview-api 8.0.0-alpha.9 → 8.0.0-beta.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.d.ts +43 -57
- 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,33 +336,25 @@ 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;
|
376
354
|
}): Promise<void>;
|
377
355
|
storyIdToEntry(storyId: StoryId): Promise<IndexEntry>;
|
378
356
|
loadCSFFileByStoryId(storyId: StoryId): Promise<CSFFile<TRenderer>>;
|
379
|
-
loadAllCSFFiles(
|
380
|
-
batchSize?: number | undefined;
|
381
|
-
}): Promise<StoryStore<TRenderer>['cachedCSFFiles']>;
|
357
|
+
loadAllCSFFiles(): Promise<StoryStore<TRenderer>['cachedCSFFiles']>;
|
382
358
|
cacheAllCSFFiles(): Promise<void>;
|
383
359
|
preparedMetaFromCSFFile({ csfFile }: {
|
384
360
|
csfFile: CSFFile<TRenderer>;
|
@@ -527,6 +503,7 @@ declare class DocsContext<TRenderer extends Renderer> implements DocsContextProp
|
|
527
503
|
resolveOf<TType extends ResolvedModuleExportType>(moduleExportOrType: ModuleExport | TType, validTypes?: TType[]): ResolvedModuleExportFromType<TType, TRenderer>;
|
528
504
|
storyIdByName: (storyName: StoryName) => string;
|
529
505
|
componentStories: () => PreparedStory<TRenderer>[];
|
506
|
+
componentStoriesFromCSFFile: (csfFile: CSFFile<TRenderer>) => PreparedStory<TRenderer>[];
|
530
507
|
storyById: (storyId?: StoryId) => PreparedStory<TRenderer>;
|
531
508
|
getStoryContext: (story: PreparedStory<TRenderer>) => StoryContextForLoaders<TRenderer, _storybook_types.Args>;
|
532
509
|
loadStory: (id: StoryId) => Promise<PreparedStory<TRenderer>>;
|
@@ -611,30 +588,32 @@ declare class MdxDocsRender<TRenderer extends Renderer> implements Render<TRende
|
|
611
588
|
|
612
589
|
type MaybePromise<T> = Promise<T> | T;
|
613
590
|
declare class Preview<TRenderer extends Renderer> {
|
591
|
+
importFn: ModuleImportFn;
|
592
|
+
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
614
593
|
protected channel: Channel;
|
615
594
|
/**
|
616
595
|
* @deprecated will be removed in 8.0, please use channel instead
|
617
596
|
*/
|
618
597
|
serverChannel?: Channel;
|
619
|
-
|
620
|
-
getStoryIndex?: () => StoryIndex;
|
621
|
-
importFn?: ModuleImportFn;
|
598
|
+
protected storyStoreValue?: StoryStore<TRenderer>;
|
622
599
|
renderToCanvas?: RenderToCanvas<TRenderer>;
|
623
600
|
storyRenders: StoryRender<TRenderer>[];
|
624
601
|
previewEntryError?: Error;
|
625
|
-
|
626
|
-
|
627
|
-
|
628
|
-
|
629
|
-
|
630
|
-
|
602
|
+
private projectAnnotationsBeforeInitialization?;
|
603
|
+
protected storeInitializationPromise: Promise<void>;
|
604
|
+
protected resolveStoreInitializationPromise: () => void;
|
605
|
+
protected rejectStoreInitializationPromise: (err: Error) => void;
|
606
|
+
constructor(importFn: ModuleImportFn, getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>, channel?: Channel, shouldInitialize?: boolean);
|
607
|
+
get storyStore(): {};
|
608
|
+
protected initialize(): Promise<void>;
|
609
|
+
ready(): Promise<void>;
|
631
610
|
setupListeners(): void;
|
632
|
-
getProjectAnnotationsOrRenderError(
|
611
|
+
getProjectAnnotationsOrRenderError(): Promise<ProjectAnnotations<TRenderer>>;
|
633
612
|
initializeWithProjectAnnotations(projectAnnotations: ProjectAnnotations<TRenderer>): Promise<void>;
|
613
|
+
getStoryIndexFromServer(): Promise<StoryIndex>;
|
614
|
+
protected initializeWithStoryIndex(storyIndex: StoryIndex): void;
|
634
615
|
setInitialGlobals(): Promise<void>;
|
635
616
|
emitGlobals(): void;
|
636
|
-
getStoryIndexFromServer(): Promise<StoryIndex>;
|
637
|
-
initializeWithStoryIndex(storyIndex: StoryIndex): void;
|
638
617
|
onGetProjectAnnotationsChanged({ getProjectAnnotations, }: {
|
639
618
|
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
640
619
|
}): Promise<void>;
|
@@ -662,6 +641,12 @@ declare class Preview<TRenderer extends Renderer> {
|
|
662
641
|
teardownRender(render: StoryRender<TRenderer> | CsfDocsRender<TRenderer> | MdxDocsRender<TRenderer>, { viewModeChanged }?: {
|
663
642
|
viewModeChanged?: boolean;
|
664
643
|
}): Promise<void>;
|
644
|
+
loadStory({ storyId }: {
|
645
|
+
storyId: StoryId;
|
646
|
+
}): Promise<PreparedStory<TRenderer>>;
|
647
|
+
getStoryContext(story: PreparedStory<TRenderer>, { forceInitialArgs }?: {
|
648
|
+
forceInitialArgs?: boolean | undefined;
|
649
|
+
}): Omit<_storybook_types.StoryContextForLoaders<Renderer, Args>, "viewMode">;
|
665
650
|
extract(options?: {
|
666
651
|
includeDocsOnly: boolean;
|
667
652
|
}): Promise<Record<string, _storybook_types.StoryContextForEnhancers<TRenderer, Args>>>;
|
@@ -705,19 +690,21 @@ interface View<TStorybookRoot> {
|
|
705
690
|
showStoryDuringRender(): void;
|
706
691
|
}
|
707
692
|
|
708
|
-
type PossibleRender<
|
709
|
-
declare class PreviewWithSelection<
|
693
|
+
type PossibleRender<TRenderer extends Renderer> = StoryRender<TRenderer> | CsfDocsRender<TRenderer> | MdxDocsRender<TRenderer>;
|
694
|
+
declare class PreviewWithSelection<TRenderer extends Renderer> extends Preview<TRenderer> {
|
695
|
+
importFn: ModuleImportFn;
|
696
|
+
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
710
697
|
selectionStore: SelectionStore;
|
711
|
-
view: View<
|
698
|
+
view: View<TRenderer['canvasElement']>;
|
712
699
|
currentSelection?: Selection;
|
713
|
-
currentRender?: PossibleRender<
|
714
|
-
constructor(selectionStore: SelectionStore, view: View<
|
700
|
+
currentRender?: PossibleRender<TRenderer>;
|
701
|
+
constructor(importFn: ModuleImportFn, getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>, selectionStore: SelectionStore, view: View<TRenderer['canvasElement']>);
|
715
702
|
setupListeners(): void;
|
716
703
|
setInitialGlobals(): Promise<void>;
|
717
704
|
initializeWithStoryIndex(storyIndex: StoryIndex): Promise<void>;
|
718
705
|
selectSpecifiedStory(): Promise<void>;
|
719
706
|
onGetProjectAnnotationsChanged({ getProjectAnnotations, }: {
|
720
|
-
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<
|
707
|
+
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
721
708
|
}): Promise<void>;
|
722
709
|
onStoriesChanged({ importFn, storyIndex, }: {
|
723
710
|
importFn?: ModuleImportFn;
|
@@ -739,15 +726,12 @@ declare class PreviewWithSelection<TFramework extends Renderer> extends Preview<
|
|
739
726
|
onPreloadStories({ ids }: {
|
740
727
|
ids: string[];
|
741
728
|
}): Promise<void>;
|
742
|
-
renderSelection({ persistedArgs }?: {
|
729
|
+
protected renderSelection({ persistedArgs }?: {
|
743
730
|
persistedArgs?: Args;
|
744
731
|
}): Promise<void>;
|
745
|
-
teardownRender(render: PossibleRender<
|
732
|
+
teardownRender(render: PossibleRender<TRenderer>, { viewModeChanged }?: {
|
746
733
|
viewModeChanged?: boolean;
|
747
734
|
}): Promise<void>;
|
748
|
-
extract(options?: {
|
749
|
-
includeDocsOnly: boolean;
|
750
|
-
}): Promise<Record<string, _storybook_types.StoryContextForEnhancers<TFramework, Args>>>;
|
751
735
|
mainStoryCallbacks(storyId: StoryId): {
|
752
736
|
showMain: () => void;
|
753
737
|
showError: (err: {
|
@@ -766,11 +750,13 @@ declare class PreviewWithSelection<TFramework extends Renderer> extends Preview<
|
|
766
750
|
}): void;
|
767
751
|
}
|
768
752
|
|
769
|
-
declare class PreviewWeb<
|
770
|
-
|
753
|
+
declare class PreviewWeb<TRenderer extends Renderer> extends PreviewWithSelection<TRenderer> {
|
754
|
+
importFn: ModuleImportFn;
|
755
|
+
getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
|
756
|
+
constructor(importFn: ModuleImportFn, getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>);
|
771
757
|
}
|
772
758
|
|
773
759
|
declare function simulateDOMContentLoaded(): void;
|
774
760
|
declare function simulatePageLoad($container: any): void;
|
775
761
|
|
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 };
|
762
|
+
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 };
|