parent
310e3f431d
commit
4f33b50b28
|
@ -1,3 +1 @@
|
||||||
import '@kadira/storybook/addons';
|
|
||||||
|
|
||||||
import '../src/register';
|
import '../src/register';
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import { configure, setAddon } from '@kadira/storybook'
|
import { configure, setAddon } from '@storybook/react'
|
||||||
|
|
||||||
import staticMarkup from '../src/'
|
import staticMarkup from '../src/'
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { storiesOf } from '@kadira/storybook';
|
import { storiesOf } from '@storybook/react';
|
||||||
|
|
||||||
import { ShowStaticMarkup } from '../src'
|
import { ShowStaticMarkup } from '../src'
|
||||||
|
|
||||||
|
|
6
index.js
6
index.js
|
@ -29,9 +29,9 @@ var _react = require('react');
|
||||||
|
|
||||||
var _react2 = _interopRequireDefault(_react);
|
var _react2 = _interopRequireDefault(_react);
|
||||||
|
|
||||||
var _storybookAddons = require('@kadira/storybook-addons');
|
var _addons = require('@storybook/addons');
|
||||||
|
|
||||||
var _storybookAddons2 = _interopRequireDefault(_storybookAddons);
|
var _addons2 = _interopRequireDefault(_addons);
|
||||||
|
|
||||||
var _pretty = require('pretty');
|
var _pretty = require('pretty');
|
||||||
|
|
||||||
|
@ -59,7 +59,7 @@ var ShowStaticMarkup = exports.ShowStaticMarkup = function (_React$Component) {
|
||||||
|
|
||||||
var markup = (0, _pretty2.default)(_server2.default.renderToStaticMarkup(children));
|
var markup = (0, _pretty2.default)(_server2.default.renderToStaticMarkup(children));
|
||||||
|
|
||||||
var channel = _storybookAddons2.default.getChannel();
|
var channel = _addons2.default.getChannel();
|
||||||
channel.emit('evgenykochetkov/static-markup/show-markup', markup);
|
channel.emit('evgenykochetkov/static-markup/show-markup', markup);
|
||||||
|
|
||||||
return children;
|
return children;
|
||||||
|
|
|
@ -22,7 +22,6 @@
|
||||||
},
|
},
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@kadira/storybook": "^2.33.1",
|
|
||||||
"@kadira/storybook-deployer": "^1.2.0",
|
"@kadira/storybook-deployer": "^1.2.0",
|
||||||
"babel-cli": "^6.18.0",
|
"babel-cli": "^6.18.0",
|
||||||
"babel-core": "^6.18.2",
|
"babel-core": "^6.18.2",
|
||||||
|
@ -32,7 +31,8 @@
|
||||||
"babel-preset-react": "^6.16.0",
|
"babel-preset-react": "^6.16.0",
|
||||||
"babel-preset-stage-2": "^6.18.0",
|
"babel-preset-stage-2": "^6.18.0",
|
||||||
"react": "^15.4.1",
|
"react": "^15.4.1",
|
||||||
"react-dom": "^15.4.1"
|
"react-dom": "^15.4.1",
|
||||||
|
"@storybook/react": "3.1.3"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"pretty": "^2.0.0"
|
"pretty": "^2.0.0"
|
||||||
|
|
10
register.js
10
register.js
|
@ -24,9 +24,9 @@ var _react = require('react');
|
||||||
|
|
||||||
var _react2 = _interopRequireDefault(_react);
|
var _react2 = _interopRequireDefault(_react);
|
||||||
|
|
||||||
var _storybookAddons = require('@kadira/storybook-addons');
|
var _addons = require('@storybook/addons');
|
||||||
|
|
||||||
var _storybookAddons2 = _interopRequireDefault(_storybookAddons);
|
var _addons2 = _interopRequireDefault(_addons);
|
||||||
|
|
||||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||||
|
|
||||||
|
@ -121,12 +121,12 @@ var StaticMarkup = function (_React$Component) {
|
||||||
// Register the addon with a unique name.
|
// Register the addon with a unique name.
|
||||||
|
|
||||||
|
|
||||||
_storybookAddons2.default.register('evgenykochetkov/static-markup', function (api) {
|
_addons2.default.register('evgenykochetkov/static-markup', function (api) {
|
||||||
// Also need to set a unique name to the panel.
|
// Also need to set a unique name to the panel.
|
||||||
_storybookAddons2.default.addPanel('evgenykochetkov/static-markup/panel', {
|
_addons2.default.addPanel('evgenykochetkov/static-markup/panel', {
|
||||||
title: 'Static Markup',
|
title: 'Static Markup',
|
||||||
render: function render() {
|
render: function render() {
|
||||||
return _react2.default.createElement(StaticMarkup, { channel: _storybookAddons2.default.getChannel(), api: api });
|
return _react2.default.createElement(StaticMarkup, { channel: _addons2.default.getChannel(), api: api });
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
|
@ -1,5 +1,5 @@
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import addons from '@kadira/storybook-addons';
|
import addons from '@storybook/addons';
|
||||||
import pretty from 'pretty';
|
import pretty from 'pretty';
|
||||||
|
|
||||||
import ReactDOMServer from 'react-dom/server'
|
import ReactDOMServer from 'react-dom/server'
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import addons from '@kadira/storybook-addons';
|
import addons from '@storybook/addons';
|
||||||
|
|
||||||
const styles = {
|
const styles = {
|
||||||
markupPanel: {
|
markupPanel: {
|
||||||
|
|
Loading…
Reference in a new issue