@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 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, 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';
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
- storyIndex?: StoryIndexStore;
356
- importFn?: ModuleImportFn;
357
- projectAnnotations?: NormalizedProjectAnnotations<TRenderer>;
358
- globals?: GlobalsStore;
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
- initializationPromise: Promise<void>;
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
- storyStore: StoryStore<TRenderer>;
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
- constructor(channel?: Channel);
626
- initialize({ getStoryIndex, importFn, getProjectAnnotations, }: {
627
- getStoryIndex?: () => StoryIndex;
628
- importFn: ModuleImportFn;
629
- getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>;
630
- }): Promise<void>;
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(getProjectAnnotations: () => MaybePromise<ProjectAnnotations<TRenderer>>): Promise<ProjectAnnotations<TRenderer>>;
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<TFramework extends Renderer> = StoryRender<TFramework> | CsfDocsRender<TFramework> | MdxDocsRender<TFramework>;
709
- declare class PreviewWithSelection<TFramework extends Renderer> extends Preview<TFramework> {
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<TFramework['canvasElement']>;
700
+ view: View<TRenderer['canvasElement']>;
712
701
  currentSelection?: Selection;
713
- currentRender?: PossibleRender<TFramework>;
714
- constructor(selectionStore: SelectionStore, view: View<TFramework['canvasElement']>);
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<TFramework>>;
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<TFramework>, { viewModeChanged }?: {
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<TFramework extends Renderer> extends PreviewWithSelection<TFramework> {
770
- constructor();
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 };