Browse Source

Merge in react-storybook, add yarn lockfile

pull/4/head
Eugen Rochko 5 years ago
parent
commit
ffaba617d2
7 changed files with 4801 additions and 1 deletions
  1. +1
    -0
      .dockerignore
  2. +3
    -1
      package.json
  3. +16
    -0
      storybook/config.js
  4. +15
    -0
      storybook/stories/button.story.jsx
  5. +6
    -0
      storybook/stories/loading_indicator.story.jsx
  6. +3
    -0
      storybook/storybook.css
  7. +4757
    -0
      yarn.lock

+ 1
- 0
.dockerignore View File

@ -3,3 +3,4 @@
public/system
public/assets
node_modules
storybook

+ 3
- 1
package.json View File

@ -1,9 +1,11 @@
{
"name": "mastodon",
"scripts": {
"test": "mocha --require ./spec/javascript/setup.js --compilers js:babel-register ./spec/javascript/components/*.test.jsx"
"test": "mocha --require ./spec/javascript/setup.js --compilers js:babel-register ./spec/javascript/components/*.test.jsx",
"storybook": "start-storybook -p 9001 -c storybook"
},
"devDependencies": {
"@kadira/storybook": "^2.24.0",
"axios": "^0.14.0",
"babel-plugin-react-transform": "^2.0.2",
"babel-plugin-transform-object-rest-spread": "^6.8.0",

+ 16
- 0
storybook/config.js View File

@ -0,0 +1,16 @@
import { configure } from '@kadira/storybook';
import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
import './storybook.css'
window.storiesOf = storiesOf;
window.action = action;
window.React = React;
function loadStories () {
require('./stories/loading_indicator.story.jsx');
require('./stories/button.story.jsx');
}
configure(loadStories, module);

+ 15
- 0
storybook/stories/button.story.jsx View File

@ -0,0 +1,15 @@
import Button from '../../app/assets/javascripts/components/components/button.jsx'
storiesOf('Button', module)
.add('default state', () => (
<Button text="submit" onClick={action('clicked')} />
))
.add('secondary', () => (
<Button secondary text="submit" onClick={action('clicked')} />
))
.add('disabled', () => (
<Button disabled text="submit" onClick={action('clicked')} />
))
.add('block', () => (
<Button block text="submit" onClick={action('clicked')} />
));

+ 6
- 0
storybook/stories/loading_indicator.story.jsx View File

@ -0,0 +1,6 @@
import LoadingIndicator from '../../app/assets/javascripts/components/components/loading_indicator.jsx'
storiesOf('LoadingIndicator', module)
.add('default state', () => (
<LoadingIndicator />
));

+ 3
- 0
storybook/storybook.css View File

@ -0,0 +1,3 @@
#root {
padding: 4rem;
}

+ 4757
- 0
yarn.lock
File diff suppressed because it is too large
View File


Loading…
Cancel
Save