GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 15:31:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' into contributing-reviewer-policy

Browse Source
This commit is contained in:
Norbert de Langen 2017-04-23 20:59:26 +02:00 committed by GitHub
commit 1a1a3f91df
3 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -13,7 +13,7 @@ Storybook is a development environment for React UI components. It allows you to
Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.
Storybook comes with a lot of [addons](https://storybooks.js.org) for component design, documentation, testing, interactivity, and so on. Storybook's easy-to-use API makes it easy to configure and extend in various ways. It has even been extended to support React Native development for mobile.
Storybook comes with a lot of [addons](https://storybooks.js.org/docs/react-storybook/addons/introduction) for component design, documentation, testing, interactivity, and so on. Storybook's easy-to-use API makes it easy to configure and extend in various ways. It has even been extended to support React Native development for mobile.
## Getting Started

17
packages/react-storybook/config/storybook.d.ts vendored
View File

@ -1,7 +1,9 @@
declare var module: any; // dangerous
type RenderFunction = Function;
interface StoryDecorator {
(story: Function, context: { kind: string, story: string }): Object | null;
(story: RenderFunction, context: { kind: string, story: string }): Object | null;
}
interface Story {
@ -10,6 +12,19 @@ interface Story {
}
export function addDecorator(decorator: StoryDecorator): void;
export function configure(fn: Function, module: any): void;
export function linkTo(name: string, ...params: any[]): void;
export function storiesOf(name: string, module: any): Story;
export function action(name: string, ...params: any[]): any;
type StoryObject = {
name: string,
render: RenderFunction,
};
type StoryBucket = {
kind: string,
stories: StoryObject[],
};
export function getStorybook(): StoryBucket[];

9
packages/react-storybook/src/server/config/defaults/webpack.config.js
View File

@ -1,5 +1,6 @@
import webpack from 'webpack';
import autoprefixer from 'autoprefixer';
import { includePaths } from '../utils';
import { includePaths, excludePaths } from '../utils';
// Add a default custom config which is similar to what React Create App does.
module.exports = storybookBaseConfig => {
@ -57,12 +58,6 @@ module.exports = storybookBaseConfig => {
},
];
newConfig.postcss = () => [
autoprefixer({
browsers: ['>1%', 'last 4 versions', 'Firefox ESR', 'not ie < 9'],
}),
];
newConfig.resolve.alias = {
...storybookBaseConfig.resolve.alias,
// This is to support NPM2