4f33b50b28
Closes #3
29 lines
642 B
JavaScript
29 lines
642 B
JavaScript
import React from 'react'
|
|
import addons from '@storybook/addons';
|
|
import pretty from 'pretty';
|
|
|
|
import ReactDOMServer from 'react-dom/server'
|
|
|
|
export class ShowStaticMarkup extends React.Component {
|
|
render() {
|
|
const { children } = this.props;
|
|
|
|
const markup = pretty(ReactDOMServer.renderToStaticMarkup(children));
|
|
|
|
const channel = addons.getChannel();
|
|
channel.emit('evgenykochetkov/static-markup/show-markup', markup);
|
|
|
|
return children;
|
|
}
|
|
}
|
|
|
|
export default {
|
|
addWithStaticMarkup (storyName, story) {
|
|
this.add(storyName, () => (
|
|
<ShowStaticMarkup>
|
|
{ story() }
|
|
</ShowStaticMarkup>
|
|
))
|
|
}
|
|
}
|