GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 08:01:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Emit STORY_PREPARED in docs mode

Browse Source
This commit is contained in:
Tom Coleman 2021-09-19 15:07:12 +10:00
parent 2c6b069187
commit 9553c585dd
2 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
lib/preview-web/src/PreviewWeb.test.ts
View File

@ -452,6 +452,19 @@ describe('PreviewWeb', () => {
expect(preview.view.prepareForDocs).toHaveBeenCalled(); expect(preview.view.prepareForDocs).toHaveBeenCalled();
}); });
it('emits STORY_PREPARED', async () => {
document.location.search = '?id=component-one--a&viewMode=docs';
await new PreviewWeb({ importFn, fetchStoryIndex }).initialize({ getProjectAnnotations });
expect(mockChannel.emit).toHaveBeenCalledWith(Events.STORY_PREPARED, {
id: 'component-one--a',
parameters: { __isArgsStory: false, docs: { container: expect.any(Function) } },
initialArgs: { foo: 'a' },
argTypes: { foo: { name: 'foo', type: { name: 'string' } } },
args: { foo: 'a' },
});
});
it('render the docs container with the correct context', async () => { it('render the docs container with the correct context', async () => {
document.location.search = '?id=component-one--a&viewMode=docs'; document.location.search = '?id=component-one--a&viewMode=docs';

22
lib/preview-web/src/PreviewWeb.tsx
View File

@ -307,6 +307,17 @@ export class PreviewWeb<TFramework extends AnyFramework> {
this.previousSelection = selection; this.previousSelection = selection;
this.previousStory = story; this.previousStory = story;
const { parameters, initialArgs, argTypes, args } = this.storyStore.getStoryContext(story);
if (FEATURES?.storyStoreV7) {
this.channel.emit(Events.STORY_PREPARED, {
id: story.id,
parameters,
initialArgs,
argTypes,
args,
});
}
if (selection.viewMode === 'docs' || story.parameters.docsOnly) { if (selection.viewMode === 'docs' || story.parameters.docsOnly) {
await this.renderDocs({ story }); await this.renderDocs({ story });
} else { } else {
@ -416,17 +427,6 @@ export class PreviewWeb<TFramework extends AnyFramework> {
const initialRender = async () => { const initialRender = async () => {
const storyContext = this.storyStore.getStoryContext(story); const storyContext = this.storyStore.getStoryContext(story);
const { parameters, initialArgs, argTypes, args } = storyContext;
if (FEATURES?.storyStoreV7) {
this.channel.emit(Events.STORY_PREPARED, {
id,
parameters,
initialArgs,
argTypes,
args,
});
}
const viewMode = element === this.view.storyRoot() ? 'story' : 'docs'; const viewMode = element === this.view.storyRoot() ? 'story' : 'docs';
const loadedContext = await applyLoaders({ const loadedContext = await applyLoaders({
...storyContext, ...storyContext,