parent
310e3f431d
commit
4f33b50b28
|
@ -1,3 +1 @@
|
|||
import '@kadira/storybook/addons';
|
||||
|
||||
import '../src/register';
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import { configure, setAddon } from '@kadira/storybook'
|
||||
import { configure, setAddon } from '@storybook/react'
|
||||
|
||||
import staticMarkup from '../src/'
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react';
|
||||
import { storiesOf } from '@kadira/storybook';
|
||||
import { storiesOf } from '@storybook/react';
|
||||
|
||||
import { ShowStaticMarkup } from '../src'
|
||||
|
||||
|
|
6
index.js
6
index.js
|
@ -29,9 +29,9 @@ var _react = require('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');
|
||||
|
||||
|
@ -59,7 +59,7 @@ var ShowStaticMarkup = exports.ShowStaticMarkup = function (_React$Component) {
|
|||
|
||||
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);
|
||||
|
||||
return children;
|
||||
|
|
|
@ -22,7 +22,6 @@
|
|||
},
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"@kadira/storybook": "^2.33.1",
|
||||
"@kadira/storybook-deployer": "^1.2.0",
|
||||
"babel-cli": "^6.18.0",
|
||||
"babel-core": "^6.18.2",
|
||||
|
@ -32,7 +31,8 @@
|
|||
"babel-preset-react": "^6.16.0",
|
||||
"babel-preset-stage-2": "^6.18.0",
|
||||
"react": "^15.4.1",
|
||||
"react-dom": "^15.4.1"
|
||||
"react-dom": "^15.4.1",
|
||||
"@storybook/react": "3.1.3"
|
||||
},
|
||||
"dependencies": {
|
||||
"pretty": "^2.0.0"
|
||||
|
|
10
register.js
10
register.js
|
@ -24,9 +24,9 @@ var _react = require('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 }; }
|
||||
|
||||
|
@ -121,12 +121,12 @@ var StaticMarkup = function (_React$Component) {
|
|||
// 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.
|
||||
_storybookAddons2.default.addPanel('evgenykochetkov/static-markup/panel', {
|
||||
_addons2.default.addPanel('evgenykochetkov/static-markup/panel', {
|
||||
title: 'Static Markup',
|
||||
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 addons from '@kadira/storybook-addons';
|
||||
import addons from '@storybook/addons';
|
||||
import pretty from 'pretty';
|
||||
|
||||
import ReactDOMServer from 'react-dom/server'
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react';
|
||||
import addons from '@kadira/storybook-addons';
|
||||
import addons from '@storybook/addons';
|
||||
|
||||
const styles = {
|
||||
markupPanel: {
|
||||
|
|
Loading…
Reference in New Issue