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

Make the wrapStory decorator simple to use.

Browse Source
This commit is contained in:
Arunoda Susiripala 2016-09-09 09:12:40 +05:30
parent dc1d9df0fe
commit cf38bf7d43
3 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
example/stories/index.js
View File

@ -12,7 +12,7 @@ import {
import Button from './Button';
storiesOf('Button', module)
.addDecorator((story, context) => (withKnobs(story)(context)))
.addDecorator(withKnobs)
.add('default view', () => (
<Button
onClick={ action('button clicked') }

20
src/KnobManager.js
View File

@ -30,18 +30,16 @@ export default class KnobManager {
return knobStore.get(name).value;
}
wrapStory(storyFn, channel) {
return context => {
const key = `${context.kind}:::${context.story}`;
let knobStore = this.knobStoreMap[key];
wrapStory(channel, storyFn, context) {
const key = `${context.kind}:::${context.story}`;
let knobStore = this.knobStoreMap[key];
if (!knobStore) {
knobStore = this.knobStoreMap[key] = new KnobStore();
}
this.knobStore = knobStore;
if (!knobStore) {
knobStore = this.knobStoreMap[key] = new KnobStore();
}
this.knobStore = knobStore;
const props = { context, storyFn, channel, knobStore };
return (<WrapStory {...props} />);
};
const props = { context, storyFn, channel, knobStore };
return (<WrapStory {...props} />);
}
}

4
src/index.js
View File

@ -23,7 +23,7 @@ export function object(name, value) {
return manager.knob(name, { type: 'object', value });
}
export function withKnobs(storyFn) {
export function withKnobs(storyFn, context) {
const channel = addons.getChannel();
return manager.wrapStory(storyFn, channel);
return manager.wrapStory(channel, storyFn, context);
}