Merge pull request #2 from robtarr/pretty-output

Add pretty to format the HTML output
This commit is contained in:
Evgeny Kochetkov 2017-06-13 13:29:34 +03:00 committed by GitHub
commit b86efbd7bb
3 changed files with 8 additions and 2 deletions

View file

@ -33,6 +33,10 @@ var _storybookAddons = require('@kadira/storybook-addons');
var _storybookAddons2 = _interopRequireDefault(_storybookAddons);
var _pretty = require('pretty');
var _pretty2 = _interopRequireDefault(_pretty);
var _server = require('react-dom/server');
var _server2 = _interopRequireDefault(_server);
@ -53,7 +57,7 @@ var ShowStaticMarkup = exports.ShowStaticMarkup = function (_React$Component) {
var children = this.props.children;
var markup = _server2.default.renderToStaticMarkup(children);
var markup = (0, _pretty2.default)(_server2.default.renderToStaticMarkup(children));
var channel = _storybookAddons2.default.getChannel();
channel.emit('evgenykochetkov/static-markup/show-markup', markup);

View file

@ -35,6 +35,7 @@
"react-dom": "^15.4.1"
},
"dependencies": {
"pretty": "^2.0.0"
},
"peerDependencies": {
"react": "^0.14.7 || ^15.0.0",

View file

@ -1,5 +1,6 @@
import React from 'react'
import addons from '@kadira/storybook-addons';
import pretty from 'pretty';
import ReactDOMServer from 'react-dom/server'
@ -7,7 +8,7 @@ export class ShowStaticMarkup extends React.Component {
render() {
const { children } = this.props;
const markup = ReactDOMServer.renderToStaticMarkup(children)
const markup = pretty(ReactDOMServer.renderToStaticMarkup(children));
const channel = addons.getChannel();
channel.emit('evgenykochetkov/static-markup/show-markup', markup);