mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 20:11:07 +08:00
Merge branch 'master' into greenkeeper/lint-staged-4.0.0
This commit is contained in:
Michael Shilman
GitHub
commit
a2e76c5407
2
.gitignore
vendored
2
.gitignore
vendored
@ -14,3 +14,5 @@ packages/examples/automated-*
|
||||
yarn.lock
|
||||
/**/LICENSE
|
||||
docs/public
|
||||
packs/*.tgz
|
||||
package-lock.json
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# 3.1.5
|
||||
|
||||
2017-June-17
|
||||
2017-June-22
|
||||
|
||||
#### Features
|
||||
|
||||
@ -14,11 +14,14 @@
|
||||
#### Documentation
|
||||
|
||||
- Added search to docs [#1256](https://github.com/storybooks/storybook/pull/1256)
|
||||
- snapshot testing inverse regex example documentation [#1317](https://github.com/storybooks/storybook/pull/1317)
|
||||
|
||||
#### Maintenance
|
||||
|
||||
- Refactored storybook component library [#1266](https://github.com/storybooks/storybook/pull/1266)
|
||||
- Created CRA kitchen sink addons example [#1288](https://github.com/storybooks/storybook/pull/1288)
|
||||
- Use a pack -> install technique to recreate local packages [#1332](https://github.com/storybooks/storybook/pull/1332)
|
||||
- Import demo components from @storybook/react [#1303](https://github.com/storybooks/storybook/pull/1303)
|
||||
|
||||
# 3.1.4
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
- [See multiple (or all) stories in 1 preview.](#see-multiple-or-all-stories-in-1-preview)
|
||||
- [Deeper level hierarchy](#deeper-level-hierarchy)
|
||||
- [Supporting other frameworks and libraries](#supporting-other-frameworks-and-libraries)
|
||||
- [Vue](#vue)
|
||||
- [Vue](#vue) (*in development*)
|
||||
- [Angular](#angular)
|
||||
- [Webcomponents](#webcomponents)
|
||||
- [Polymer](#polymer)
|
||||
|
||||
@ -23,6 +23,12 @@ Install:
|
||||
npm i -D @storybook/addon-actions
|
||||
```
|
||||
|
||||
Then, add following content to `.storybook/addons.js`
|
||||
|
||||
```
|
||||
import '@storybook/addon-actions/register';
|
||||
```
|
||||
|
||||
Import the `action` function and use it to create actions handlers. When creating action handlers, provide a **name** to make it easier to identify.
|
||||
|
||||
> _Note: Make sure NOT to use reserved words as function names. [issues#29](https://github.com/storybooks/storybook-addon-actions/issues/29#issuecomment-288274794)_
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,7 +21,7 @@
|
||||
"storybook": "start-storybook -p 9001"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.1.2",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"deep-equal": "^1.0.1",
|
||||
"json-stringify-safe": "^5.0.1",
|
||||
"prop-types": "^15.5.8",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-comments",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "Comments addon for Storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -23,7 +23,7 @@
|
||||
"storybook-remote": "start-storybook -p 3006"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.1.2",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"deep-equal": "^1.0.1",
|
||||
"events": "^1.1.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "3.1.4",
|
||||
"version": "3.1.5",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,7 +20,7 @@
|
||||
"storybook": "start-storybook -p 6006"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.1.1",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"babel-runtime": "^6.5.0",
|
||||
"format-json": "^1.0.3",
|
||||
"prop-types": "^15.5.10",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-info",
|
||||
"version": "3.1.4",
|
||||
"version": "3.1.5",
|
||||
"description": "A Storybook addon to show additional information for your stories.",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
@ -14,7 +14,7 @@
|
||||
"storybook": "start-storybook -p 9010"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.1.2",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"global": "^4.3.2",
|
||||
"marksy": "^2.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
@ -16,7 +16,7 @@
|
||||
"storybook": "start-storybook -p 9010"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.1.2",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"deep-equal": "^1.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -22,7 +22,7 @@
|
||||
"storybook": "start-storybook -p 9001"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.1.2"
|
||||
"@storybook/addons": "^3.1.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"react": "^15.5.4",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-notes",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "Write notes for your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -19,7 +19,7 @@
|
||||
"storybook": "start-storybook -p 9010"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.1.2",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"prop-types": "^15.5.10"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-options",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "Options addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,7 +21,7 @@
|
||||
"storybook": "start-storybook -p 9001"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.1.2"
|
||||
"@storybook/addons": "^3.1.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"react": "^15.5.4",
|
||||
|
||||
@ -94,6 +94,19 @@ initStoryshots({
|
||||
|
||||
This can be useful if you want to separate the snapshots in directories next to each component. See an example [here](https://github.com/storybooks/storybook/issues/892).
|
||||
|
||||
If you want to run all stories except stories of a specific kind, you can write an inverse regex which is true for all kinds except those with a specific word such as `DontTest`
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
|
||||
initStoryshots({
|
||||
storyKindRegex:/^((?!.*?DontTest).)*$/
|
||||
});
|
||||
```
|
||||
|
||||
This can be useful while testing react components which make use of the findDomNode API since they always fail with snapshot testing
|
||||
while using react-test-renderer see [here](https://github.com/facebook/react/issues/8324)
|
||||
|
||||
### `storyNameRegex`
|
||||
|
||||
If you'd like to only run a subset of the stories for your snapshot tests based on the story's name:
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "3.1.4",
|
||||
"version": "3.1.5",
|
||||
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
@ -20,9 +20,9 @@
|
||||
"read-pkg-up": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addons": "^3.0.0",
|
||||
"@storybook/channels": "^3.0.0",
|
||||
"@storybook/components": "^3.0.0",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"@storybook/channels": "^3.1.5",
|
||||
"@storybook/react": "^3.1.5",
|
||||
"babel-cli": "^6.24.1",
|
||||
"babel-plugin-transform-runtime": "^6.23.0",
|
||||
"babel-preset-es2015": "^6.24.1",
|
||||
@ -31,9 +31,9 @@
|
||||
"react-dom": "^15.5.4"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addons": "^3.0.0",
|
||||
"@storybook/channels": "^3.0.0",
|
||||
"@storybook/components": "^3.0.0",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"@storybook/channels": "^3.1.5",
|
||||
"@storybook/react": "^3.1.5",
|
||||
"babel-core": "^6.24.1",
|
||||
"react": "*",
|
||||
"react-test-renderer": "*"
|
||||
|
||||
@ -2,8 +2,7 @@ import React from 'react';
|
||||
|
||||
import { storiesOf } from '@storybook/react'; // eslint-disable-line
|
||||
import { action } from '@storybook/addon-actions'; // eslint-disable-line
|
||||
|
||||
import Button from '@storybook/components/dist/demo/Button';
|
||||
import { Button } from '@storybook/react/demo';
|
||||
|
||||
storiesOf('Another Button', module)
|
||||
.add('with text', () => <Button onClick={action('clicked')}>Hello Button</Button>)
|
||||
|
||||
@ -2,8 +2,7 @@ import React from 'react';
|
||||
|
||||
import { storiesOf } from '@storybook/react'; // eslint-disable-line
|
||||
import { action } from '@storybook/addon-actions'; // eslint-disable-line
|
||||
|
||||
import Button from '@storybook/components/dist/demo/Button';
|
||||
import { Button } from '@storybook/react/demo';
|
||||
|
||||
storiesOf('Button', module)
|
||||
.add('with text', () => <Button onClick={action('clicked')}>Hello Button</Button>)
|
||||
|
||||
@ -2,7 +2,6 @@ import React from 'react';
|
||||
|
||||
import { storiesOf } from '@storybook/react'; // eslint-disable-line
|
||||
import { linkTo } from '@storybook/addon-links'; // eslint-disable-line
|
||||
|
||||
import Welcome from '@storybook/components/dist/demo/Welcome';
|
||||
import { Welcome } from '@storybook/react/demo';
|
||||
|
||||
storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-native",
|
||||
"version": "3.1.3",
|
||||
"version": "3.1.5",
|
||||
"description": "A better way to develop React Native Components for your app",
|
||||
"keywords": [
|
||||
"react",
|
||||
@ -24,12 +24,11 @@
|
||||
"prepublish": "node ../../scripts/prepublish.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "^3.1.2",
|
||||
"@storybook/addon-links": "^3.1.2",
|
||||
"@storybook/addons": "^3.1.2",
|
||||
"@storybook/channel-websocket": "^3.1.2",
|
||||
"@storybook/components": "^3.0.0",
|
||||
"@storybook/ui": "^3.1.3",
|
||||
"@storybook/addon-actions": "^3.1.5",
|
||||
"@storybook/addon-links": "^3.1.5",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"@storybook/channel-websocket": "^3.1.5",
|
||||
"@storybook/ui": "^3.1.5",
|
||||
"autoprefixer": "^7.0.1",
|
||||
"babel-core": "^6.24.1",
|
||||
"babel-loader": "^7.0.0",
|
||||
|
||||
5
app/react/demo.js
Normal file
5
app/react/demo.js
Normal file
@ -0,0 +1,5 @@
|
||||
/* eslint-disable global-require */
|
||||
module.exports = {
|
||||
Welcome: require('./dist/demo/Welcome').default,
|
||||
Button: require('./dist/demo/Button').default,
|
||||
};
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "3.1.3",
|
||||
"version": "3.1.5",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/apps/react",
|
||||
"bugs": {
|
||||
@ -22,12 +22,11 @@
|
||||
"prepublish": "node ../../scripts/prepublish.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "^3.1.2",
|
||||
"@storybook/addon-links": "^3.1.2",
|
||||
"@storybook/addons": "^3.1.2",
|
||||
"@storybook/channel-postmessage": "^3.1.2",
|
||||
"@storybook/components": "^3.0.0",
|
||||
"@storybook/ui": "^3.1.3",
|
||||
"@storybook/addon-actions": "^3.1.5",
|
||||
"@storybook/addon-links": "^3.1.5",
|
||||
"@storybook/addons": "^3.1.5",
|
||||
"@storybook/channel-postmessage": "^3.1.5",
|
||||
"@storybook/ui": "^3.1.5",
|
||||
"airbnb-js-shims": "^1.1.1",
|
||||
"autoprefixer": "^7.1.1",
|
||||
"babel-core": "^6.24.1",
|
||||
@ -48,6 +47,8 @@
|
||||
"express": "^4.15.3",
|
||||
"file-loader": "^0.11.1",
|
||||
"find-cache-dir": "^1.0.0",
|
||||
"glamor": "^2.20.25",
|
||||
"glamorous": "^3.22.1",
|
||||
"global": "^4.3.2",
|
||||
"json-loader": "^0.5.4",
|
||||
"json-stringify-safe": "^5.0.1",
|
||||
|
||||
@ -12,3 +12,10 @@ Create React App does not allow providing options to Jest in your `package.json`
|
||||
```sh
|
||||
npm test -- --coverage --collectCoverageFrom='["src/**/*.{js,jsx}","!src/**/stories/*"]'
|
||||
```
|
||||
|
||||
### I see `ReferenceError: React is not defined` when using storybooks with Next.js
|
||||
|
||||
Next automatically defines `React` for all of your files via a babel plugin. You must define `React` for JSX to work. You can solve this either by:
|
||||
|
||||
1. Adding `import React from 'react'` to your component files.
|
||||
1. Adding a `.babelrc` that includes [`babel-plugin-react-require`](https://www.npmjs.com/package/babel-plugin-react-require)
|
||||
|
||||
@ -3,7 +3,7 @@ id: 'css-style-testing'
|
||||
title: 'CSS/Style Testing'
|
||||
---
|
||||
|
||||
We can also use Storybook as the base for CSS/Style testing with stories as the base. First, have a look at the following Storybook.
|
||||
We can also use Storybook as the base for CSS/Style testing with stories as the base. For information on how to correctly apply all of your styles as well as styles from CSS frameworks like Boostrap, Semantic UI or similar check the [configurations section](https://storybook.js.org/configurations/default-config/#css-support). Back to CSS/Style testing: let's have a look at the following Storybook.
|
||||
|
||||
|
||||
|
||||
|
||||
@ -27,8 +27,8 @@
|
||||
"@storybook/addon-links": "^3.0.0",
|
||||
"@storybook/addon-notes": "^3.0.0",
|
||||
"@storybook/addon-options": "^3.0.0",
|
||||
"@storybook/addon-storyshots": "^3.0.0",
|
||||
"@storybook/addons": "^3.0.0",
|
||||
"@storybook/components": "^3.0.0",
|
||||
"@storybook/react": "^3.0.0",
|
||||
"react-scripts": "1.0.1"
|
||||
},
|
||||
|
||||
@ -19,8 +19,7 @@ import {
|
||||
} from '@storybook/addon-knobs';
|
||||
import centered from '@storybook/addon-centered';
|
||||
|
||||
import Button from '@storybook/components/dist/demo/Button';
|
||||
import Welcome from '@storybook/components/dist/demo/Welcome';
|
||||
import { Button, Welcome } from '@storybook/react/demo';
|
||||
|
||||
import App from '../App';
|
||||
import Logger from './Logger';
|
||||
|
||||
30
examples/cra-kitchen-sink/src/storyshots.test.js
Normal file
30
examples/cra-kitchen-sink/src/storyshots.test.js
Normal file
@ -0,0 +1,30 @@
|
||||
describe('Storyshots', () => {
|
||||
xit('should run snapshot tests, but we\'ve disabled this temporarily', () => {});
|
||||
});
|
||||
|
||||
// NOTE: this file should contain a snapshot test, but it is temporarily disabled.
|
||||
//
|
||||
// From @tmeasday: "Both Lerna/npm5 and Jest are incompatible, so we cannot run
|
||||
// Jest tests right now, unless we go to great lengths (see `test-cra`'s build process)."
|
||||
//
|
||||
// A succinct repro here: https://github.com/tmeasday/preserve-symlinks-test
|
||||
//
|
||||
// Once this difference is resolved, we should uncomment the following code:
|
||||
//
|
||||
// import initStoryshots, { snapshotWithOptions } from '@storybook/addon-storyshots';
|
||||
// import path from 'path';
|
||||
//
|
||||
// function createNodeMock(element) {
|
||||
// if (element.type === 'div') {
|
||||
// return { scrollWidth: 123 };
|
||||
// }
|
||||
// return null;
|
||||
// }
|
||||
//
|
||||
// initStoryshots({
|
||||
// framework: 'react',
|
||||
// configPath: path.join(__dirname, '..', '.storybook'),
|
||||
// test: snapshotWithOptions({
|
||||
// createNodeMock,
|
||||
// }),
|
||||
// });
|
||||
@ -17,15 +17,14 @@
|
||||
"react-dom": "^15.5.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "file:../../addons/actions",
|
||||
"@storybook/addon-links": "file:../../addons/links",
|
||||
"@storybook/addon-storyshots": "file:../../addons/storyshots",
|
||||
"@storybook/addons": "file:../../lib/addons",
|
||||
"@storybook/channel-postmessage": "file:../../lib/channel-postmessage",
|
||||
"@storybook/channels": "file:../../lib/channels",
|
||||
"@storybook/components": "file:../../lib/components",
|
||||
"@storybook/react": "file:../../app/react",
|
||||
"@storybook/ui": "file:../../lib/ui",
|
||||
"@storybook/addon-actions": "file:../../packs/storybook-addon-actions.tgz",
|
||||
"@storybook/addon-links": "file:../../packs/storybook-addon-links.tgz",
|
||||
"@storybook/addon-storyshots": "file:../../packs/storybook-addon-storyshots.tgz",
|
||||
"@storybook/addons": "file:../../packs/storybook-addons.tgz",
|
||||
"@storybook/channel-postmessage": "file:../../packs/storybook-channel-postmessage.tgz",
|
||||
"@storybook/channels": "file:../../packs/storybook-channels.tgz",
|
||||
"@storybook/react": "file:../../packs/storybook-react.tgz",
|
||||
"@storybook/ui": "file:../../packs/storybook-ui.tgz",
|
||||
"react-scripts": "1.0.2",
|
||||
"react-test-renderer": "^15.4.2"
|
||||
},
|
||||
|
||||
@ -4,8 +4,7 @@ import { storiesOf } from '@storybook/react';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
|
||||
import Button from '@storybook/components/dist/demo/Button';
|
||||
import Welcome from '@storybook/components/dist/demo/Welcome';
|
||||
import { Button, Welcome } from '@storybook/react/demo';
|
||||
import ComponentWithRef from './ComponentWithRef';
|
||||
|
||||
storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
|
||||
|
||||
@ -11,7 +11,8 @@
|
||||
"ignore": [
|
||||
"cra-kitchen-sink",
|
||||
"test-cra",
|
||||
"react-native-vanilla"
|
||||
"react-native-vanilla",
|
||||
"@storybook/components"
|
||||
]
|
||||
}
|
||||
},
|
||||
@ -22,5 +23,5 @@
|
||||
"examples/*"
|
||||
],
|
||||
"concurrency": 1,
|
||||
"version": "3.1.4"
|
||||
"version": "3.1.5"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
@ -8,7 +8,7 @@
|
||||
"prepublish": "node ../../scripts/prepublish.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "^3.1.2",
|
||||
"@storybook/channels": "^3.1.5",
|
||||
"global": "^4.3.2",
|
||||
"json-stringify-safe": "^5.0.1"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
@ -8,7 +8,7 @@
|
||||
"prepublish": "node ../../scripts/prepublish.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "^3.1.2",
|
||||
"@storybook/channels": "^3.1.5",
|
||||
"global": "^4.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
|
||||
@ -6,8 +6,7 @@ import { storiesOf } from '@storybook/react';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
|
||||
import Button from '@storybook/components/dist/demo/Button';
|
||||
import Welcome from '@storybook/components/dist/demo/Welcome';
|
||||
import { Button, Welcome } from '@storybook/react/demo';
|
||||
|
||||
storiesOf('Welcome', module)
|
||||
.add('to Storybook', () => (
|
||||
|
||||
@ -4,8 +4,7 @@ import { storiesOf } from '@storybook/react';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
|
||||
import Button from '@storybook/components/dist/demo/Button';
|
||||
import Welcome from '@storybook/components/dist/demo/Welcome';
|
||||
import { Button, Welcome } from '@storybook/react/demo';
|
||||
|
||||
storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
|
||||
|
||||
|
||||
@ -31,7 +31,8 @@ module.exports = latestVersion('@storybook/react-native').then(version => {
|
||||
packageJson.devDependencies['@storybook/react-native'] = `^${version}`;
|
||||
|
||||
if (!packageJson.dependencies['react-dom'] && !packageJson.devDependencies['react-dom']) {
|
||||
packageJson.devDependencies['react-dom'] = '^15.5.4';
|
||||
const reactVersion = packageJson.dependencies.react;
|
||||
packageJson.devDependencies['react-dom'] = reactVersion;
|
||||
}
|
||||
|
||||
packageJson.scripts = packageJson.scripts || {};
|
||||
|
||||
@ -15,7 +15,8 @@ module.exports = latestVersion('@storybook/react-native').then(version => {
|
||||
packageJson.devDependencies['@storybook/react-native'] = `^${version}`;
|
||||
|
||||
if (!packageJson.dependencies['react-dom'] && !packageJson.devDependencies['react-dom']) {
|
||||
packageJson.devDependencies['react-dom'] = '^15.5.4';
|
||||
const reactVersion = packageJson.dependencies.react;
|
||||
packageJson.devDependencies['react-dom'] = reactVersion;
|
||||
}
|
||||
|
||||
packageJson.scripts = packageJson.scripts || {};
|
||||
|
||||
@ -4,8 +4,7 @@ import { storiesOf } from '@storybook/react';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
|
||||
import Button from '@storybook/components/dist/demo/Button';
|
||||
import Welcome from '@storybook/components/dist/demo/Welcome';
|
||||
import { Button, Welcome } from '@storybook/react/demo';
|
||||
|
||||
storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
|
||||
|
||||
|
||||
@ -4,8 +4,7 @@ import { storiesOf } from '@storybook/react';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
|
||||
import Button from '@storybook/components/dist/demo/Button';
|
||||
import Welcome from '@storybook/components/dist/demo/Welcome';
|
||||
import { Button, Welcome } from '@storybook/react/demo';
|
||||
|
||||
storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/cli",
|
||||
"version": "3.1.4",
|
||||
"version": "3.1.5",
|
||||
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
||||
"keywords": [
|
||||
"cli",
|
||||
@ -24,7 +24,7 @@
|
||||
"postinstall": "opencollective postinstall --collective=storybook"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/codemod": "^3.1.2",
|
||||
"@storybook/codemod": "^3.1.5",
|
||||
"chalk": "^1.1.3",
|
||||
"child-process-promise": "^2.2.1",
|
||||
"commander": "^2.9.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/codemod",
|
||||
"version": "3.1.2",
|
||||
"version": "3.1.5",
|
||||
"description": "A collection of codemod scripts written with JSCodeshift",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
|
||||
1
lib/components/src/index.js
Normal file
1
lib/components/src/index.js
Normal file
@ -0,0 +1 @@
|
||||
// empty for now
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ui",
|
||||
"version": "3.1.3",
|
||||
"version": "3.1.5",
|
||||
"description": "Core Storybook UI",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
|
||||
@ -7,8 +7,9 @@
|
||||
"scripts": {
|
||||
"bootstrap": "lerna bootstrap",
|
||||
"bootstrap:docs": "cd docs && npmc install",
|
||||
"bootstrap:test-cra": "lerna exec --scope test-cra -- npmc install",
|
||||
"bootstrap:test-cra": "npm run build-packs && lerna exec --scope test-cra -- npmc install",
|
||||
"bootstrap:react-native-vanilla": "lerna exec --scope react-native-vanilla -- npmc install",
|
||||
"build-packs": "lerna exec --scope '@storybook/*' --parallel -- ../../scripts/build-pack.sh ../../packs",
|
||||
"changelog": "pr-log --sloppy",
|
||||
"precommit": "lint-staged",
|
||||
"coverage": "codecov",
|
||||
|
||||
5
packs/README.md
Normal file
5
packs/README.md
Normal file
@ -0,0 +1,5 @@
|
||||
# Git packs
|
||||
|
||||
This directory is filled with git packs of our packages when you run the `build-packs` command.
|
||||
|
||||
The purpose of this is to enable the `test-cra` app to use the packs as "local" installs without linking, and thus behave like a normal app would, yet still use our latest code. It's awkward for development but good to double check things, especially in CI.
|
||||
8
scripts/build-pack.sh
Executable file
8
scripts/build-pack.sh
Executable file
@ -0,0 +1,8 @@
|
||||
#!/bin/bash -
|
||||
|
||||
# run in package directory
|
||||
|
||||
PACK_DIR=$1
|
||||
FILE=$(npm pack | tail -n 1)
|
||||
|
||||
mv "$FILE" "$PACK_DIR/${FILE%-[0-9]*\.[0-9]*\.[0-9]*\.tgz}.tgz"
|
||||
Loading…
x
Reference in New Issue
Block a user