Add pretty to format the HTML output
This commit is contained in:
parent
39c2c3c8b6
commit
3354be4a5a
6
index.js
6
index.js
|
@ -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);
|
||||
|
|
|
@ -35,6 +35,7 @@
|
|||
"react-dom": "^15.4.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"pretty": "^2.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^0.14.7 || ^15.0.0",
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in a new issue