/
index.js
55 lines (47 loc) · 1.43 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
import React from 'react';
import { configure, storiesOf } from '@storybook/react';
import Markdown from './components/Markdown';
import Story from './components/Story';
import gettingStarted from './docs/gettingStarted.md';
import addingNewComponent from './docs/addingNewComponent.md';
import addingDependencies from './docs/addingDependencies.md';
import internationalization from './docs/internationalization.md';
import plugins from './docs/plugins.md';
require('../assets/javascripts/bundle');
require('../../app/assets/javascripts/application');
require('../../app/assets/stylesheets/base.scss');
require('patternfly/dist/js/patternfly');
require('./index.scss');
const req = require.context(
'../assets/javascripts/react_app',
true,
/.stories.js$/
);
const loadStories = () => req.keys().forEach(filename => req(filename));
storiesOf('Introduction', module)
.add('Getting started', () => (
<Story>
<Markdown source={gettingStarted} />
</Story>
))
.add('Adding new component', () => (
<Story>
<Markdown source={addingNewComponent} />
</Story>
))
.add('Adding dependencies', () => (
<Story>
<Markdown source={addingDependencies} />
</Story>
))
.add('Internationalization', () => (
<Story>
<Markdown source={internationalization} />
</Story>
))
.add('Plugins', () => (
<Story>
<Markdown source={plugins} />
</Story>
));
configure(loadStories, module);