setup React Storybook; add example story for LoadingIndicator component
parent
1af00c8193
commit
e4f10bf9b1
12
package.json
12
package.json
|
@ -1,6 +1,11 @@
|
||||||
{
|
{
|
||||||
"name": "mastodon",
|
"name": "mastodon",
|
||||||
|
"scripts": {
|
||||||
|
"storybook": "start-storybook -p 9001 -c storybook"
|
||||||
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@kadira/storybook": "^2.24.0",
|
||||||
|
"axios": "^0.14.0",
|
||||||
"babel-plugin-react-transform": "^2.0.2",
|
"babel-plugin-react-transform": "^2.0.2",
|
||||||
"babel-plugin-transform-object-rest-spread": "^6.8.0",
|
"babel-plugin-transform-object-rest-spread": "^6.8.0",
|
||||||
"babel-preset-es2015": "^6.13.2",
|
"babel-preset-es2015": "^6.13.2",
|
||||||
|
@ -8,17 +13,16 @@
|
||||||
"babelify": "^7.3.0",
|
"babelify": "^7.3.0",
|
||||||
"browserify": "^13.1.0",
|
"browserify": "^13.1.0",
|
||||||
"browserify-incremental": "^3.1.1",
|
"browserify-incremental": "^3.1.1",
|
||||||
"react": "^15.3.0",
|
|
||||||
"react-dom": "^15.3.0",
|
|
||||||
"react-proxy": "^1.1.8",
|
|
||||||
"axios": "^0.14.0",
|
|
||||||
"es6-promise": "^3.2.1",
|
"es6-promise": "^3.2.1",
|
||||||
"immutable": "^3.8.1",
|
"immutable": "^3.8.1",
|
||||||
"moment": "^2.14.1",
|
"moment": "^2.14.1",
|
||||||
|
"react": "^15.3.0",
|
||||||
"react-addons-perf": "^15.3.2",
|
"react-addons-perf": "^15.3.2",
|
||||||
"react-addons-pure-render-mixin": "^15.3.1",
|
"react-addons-pure-render-mixin": "^15.3.1",
|
||||||
|
"react-dom": "^15.3.0",
|
||||||
"react-immutable-proptypes": "^2.1.0",
|
"react-immutable-proptypes": "^2.1.0",
|
||||||
"react-notification": "^6.1.1",
|
"react-notification": "^6.1.1",
|
||||||
|
"react-proxy": "^1.1.8",
|
||||||
"react-redux": "^5.0.0-beta.3",
|
"react-redux": "^5.0.0-beta.3",
|
||||||
"react-redux-loading-bar": "^2.3.3",
|
"react-redux-loading-bar": "^2.3.3",
|
||||||
"react-router": "^2.8.0",
|
"react-router": "^2.8.0",
|
||||||
|
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { configure } from '@kadira/storybook';
|
||||||
|
import React from 'react';
|
||||||
|
import { storiesOf, action } from '@kadira/storybook';
|
||||||
|
|
||||||
|
window.storiesOf = storiesOf;
|
||||||
|
window.action = action;
|
||||||
|
window.React = React;
|
||||||
|
|
||||||
|
function loadStories () {
|
||||||
|
require('./stories/loading_indicator.story.jsx');
|
||||||
|
// You can require as many stories as you need.
|
||||||
|
}
|
||||||
|
|
||||||
|
configure(loadStories, module);
|
|
@ -0,0 +1,6 @@
|
||||||
|
import LoadingIndicator from '../../app/assets/javascripts/components/components/loading_indicator.jsx'
|
||||||
|
|
||||||
|
storiesOf('LoadingIndicator', module)
|
||||||
|
.add('default state', () => (
|
||||||
|
<LoadingIndicator />
|
||||||
|
));
|
Loading…
Reference in New Issue