mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 20:51:07 +08:00
Merge branch 'master' into deprecate-left-down
This commit is contained in:
Filipp Riabchun
GitHub
commit
bb21744a2f
@ -72,28 +72,6 @@ jobs:
|
||||
name: "Build vue kitchen-sink"
|
||||
command: |
|
||||
cd examples/vue-kitchen-sink && npm run build-storybook
|
||||
example-test-cra:
|
||||
<<: *defaults
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
keys:
|
||||
- root-dependencies-{{ checksum "package.json" }}
|
||||
- root-dependencies-
|
||||
- run:
|
||||
name: "Install root dependencies"
|
||||
command: |
|
||||
yarn install
|
||||
- run:
|
||||
name: "Bootstrapping"
|
||||
command: |
|
||||
npm run bootstrap
|
||||
npm run build-packs
|
||||
npm run bootstrap:test-cra
|
||||
- run:
|
||||
name: "Build test-cra"
|
||||
command: |
|
||||
cd examples/test-cra && npm run build-storybook
|
||||
example-react-native:
|
||||
<<: *defaults
|
||||
steps:
|
||||
@ -189,7 +167,6 @@ workflows:
|
||||
- validate
|
||||
- build
|
||||
- example-kitchen-sinks
|
||||
- example-test-cra
|
||||
- example-react-native
|
||||
- docs
|
||||
- lint
|
||||
|
||||
36
CHANGELOG.md
36
CHANGELOG.md
@ -1,3 +1,39 @@
|
||||
# 3.2.6
|
||||
|
||||
2017-August-22
|
||||
|
||||
#### Features
|
||||
|
||||
- Improve search and highlighting [#1693](https://github.com/storybooks/storybook/pull/1693)
|
||||
- Add centered decorator for vue [#1595](https://github.com/storybooks/storybook/pull/1595)
|
||||
- Add react-docgen propTypes to info addon [#1562](https://github.com/storybooks/storybook/pull/1562)
|
||||
|
||||
#### Bug Fixes
|
||||
|
||||
- Fix stories panel resizing bug [#1689](https://github.com/storybooks/storybook/pull/1689)
|
||||
- Check for React presence when detecting `WEBPACK_REACT` type [#1646](https://github.com/storybooks/storybook/pull/1646)
|
||||
- Fix Create React App detection [#1645](https://github.com/storybooks/storybook/pull/1645)
|
||||
- Add dependencies on plugins used by getstorybook CLI [#1652](https://github.com/storybooks/storybook/pull/1652)
|
||||
- Fix preview window loading non js,css files [#1554](https://github.com/storybooks/storybook/pull/1554)
|
||||
|
||||
#### Documentation
|
||||
|
||||
- Improve the warning given when using channel before it's defined [#1515](https://github.com/storybooks/storybook/pull/1515)
|
||||
- Remove imports from README that are not necessary with latest API [#1700](https://github.com/storybooks/storybook/pull/1700)
|
||||
- Add reminders to PR template [#1683](https://github.com/storybooks/storybook/pull/1683)
|
||||
- Docgen Flow Type Example [#1684](https://github.com/storybooks/storybook/pull/1684)
|
||||
|
||||
#### Maintenance
|
||||
|
||||
- Make lint-staged work properly [#1675](https://github.com/storybooks/storybook/pull/1675)
|
||||
- Move baseFonts and RoutedLink to `@storybook/components` [#1659](https://github.com/storybooks/storybook/pull/1659)
|
||||
|
||||
#### Dependency Upgrades
|
||||
|
||||
- Switch to babel preset env + async/await/generator support [#1668](https://github.com/storybooks/storybook/pull/1668)
|
||||
- Upgrade react-native-compat to avoid PropTypes warnings [#1673](https://github.com/storybooks/storybook/pull/1673)
|
||||
- Change React.PropTypes to prop-types [#1674](https://github.com/storybooks/storybook/pull/1674) [#1710](https://github.com/storybooks/storybook/pull/1710)
|
||||
|
||||
# 3.2.5
|
||||
|
||||
2017-August-16
|
||||
|
||||
@ -41,7 +41,7 @@ To test your project against the current latest version of storybook, you can cl
|
||||
|
||||
The best way to help figure out an issue you are having is to produce a minimal reproduction against the `master` branch.
|
||||
|
||||
A good way to do that is using the example `test-cra` app embedded in this repository:
|
||||
A good way to do that is using the example `cra-kitchen-sink` app embedded in this repository:
|
||||
|
||||
```bash
|
||||
# Download and build this repository:
|
||||
@ -50,7 +50,7 @@ cd storybook
|
||||
npm install
|
||||
npm run bootstrap
|
||||
|
||||
cd examples/test-cra
|
||||
cd examples/cra-kitchen-sink
|
||||
|
||||
# make changes to try and reproduce the problem, such as adding components + stories
|
||||
npm start storybook
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "3.2.0",
|
||||
"version": "3.2.6",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,7 +21,7 @@
|
||||
"storybook": "start-storybook -p 9001"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"deep-equal": "^1.0.1",
|
||||
"json-stringify-safe": "^5.0.1",
|
||||
"prop-types": "^15.5.10",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-centered",
|
||||
"version": "3.2.1",
|
||||
"version": "3.2.6",
|
||||
"description": "Storybook decorator to center components",
|
||||
"license": "MIT",
|
||||
"author": "Muhammed Thanish <mnmtanish@gmail.com>",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-comments",
|
||||
"version": "3.2.0",
|
||||
"version": "3.2.6",
|
||||
"description": "Comments addon for Storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -23,7 +23,7 @@
|
||||
"storybook-remote": "start-storybook -p 3006"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"deep-equal": "^1.0.1",
|
||||
"events": "^1.1.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "3.2.0",
|
||||
"version": "3.2.6",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,7 +20,7 @@
|
||||
"storybook": "start-storybook -p 6006"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"format-json": "^1.0.3",
|
||||
"prop-types": "^15.5.10",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-info",
|
||||
"version": "3.2.5",
|
||||
"version": "3.2.6",
|
||||
"description": "A Storybook addon to show additional information for your stories.",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
@ -14,8 +14,8 @@
|
||||
"storybook": "start-storybook -p 9010"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/components": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"@storybook/components": "^3.2.6",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"global": "^4.3.2",
|
||||
"marksy": "^2.0.0",
|
||||
|
||||
@ -130,8 +130,6 @@ export default function PropTable(props) {
|
||||
return <small>No propTypes defined!</small>;
|
||||
}
|
||||
|
||||
array.sort((a, b) => a.property > b.property);
|
||||
|
||||
const propValProps = {
|
||||
maxPropObjectKeys,
|
||||
maxPropArrayLength,
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "3.2.5",
|
||||
"version": "3.2.6",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
@ -15,7 +15,7 @@
|
||||
"storybook": "start-storybook -p 9010"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"deep-equal": "^1.0.1",
|
||||
"global": "^4.3.2",
|
||||
@ -38,7 +38,7 @@
|
||||
"style-loader": "^0.17.0",
|
||||
"typescript": "^2.2.2",
|
||||
"typescript-definition-tester": "^0.0.5",
|
||||
"vue": "^2.4.1"
|
||||
"vue": "^2.4.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "*",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "3.2.0",
|
||||
"version": "3.2.6",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -21,7 +21,7 @@
|
||||
"storybook": "start-storybook -p 9001"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.2.0"
|
||||
"@storybook/addons": "^3.2.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"react": "^15.6.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-notes",
|
||||
"version": "3.2.0",
|
||||
"version": "3.2.6",
|
||||
"description": "Write notes for your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -19,7 +19,7 @@
|
||||
"storybook": "start-storybook -p 9010"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-options",
|
||||
"version": "3.2.4",
|
||||
"version": "3.2.6",
|
||||
"description": "Options addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -20,7 +20,7 @@
|
||||
"storybook": "start-storybook -p 9001"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "^3.2.0"
|
||||
"@storybook/addons": "^3.2.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"react": "^15.6.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "3.2.5",
|
||||
"version": "3.2.6",
|
||||
"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.2.0",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"@storybook/channels": "^3.2.0",
|
||||
"@storybook/react": "^3.2.5",
|
||||
"@storybook/react": "^3.2.6",
|
||||
"babel-cli": "^6.24.1",
|
||||
"babel-plugin-transform-runtime": "^6.23.0",
|
||||
"babel-preset-env": "^1.6.0",
|
||||
@ -31,9 +31,9 @@
|
||||
"react-dom": "^15.6.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"@storybook/channels": "^3.2.0",
|
||||
"@storybook/react": "^3.2.5",
|
||||
"@storybook/react": "^3.2.6",
|
||||
"babel-core": "^6.25.0",
|
||||
"react": "*",
|
||||
"react-test-renderer": "*"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-native",
|
||||
"version": "3.2.5",
|
||||
"version": "3.2.6",
|
||||
"description": "A better way to develop React Native Components for your app",
|
||||
"keywords": [
|
||||
"react",
|
||||
@ -24,11 +24,11 @@
|
||||
"prepublish": "node ../../scripts/prepublish.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "^3.2.0",
|
||||
"@storybook/addon-links": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/addon-actions": "^3.2.6",
|
||||
"@storybook/addon-links": "^3.2.6",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"@storybook/channel-websocket": "^3.2.0",
|
||||
"@storybook/ui": "^3.2.5",
|
||||
"@storybook/ui": "^3.2.6",
|
||||
"autoprefixer": "^7.1.1",
|
||||
"babel-core": "^6.25.0",
|
||||
"babel-loader": "^7.0.0",
|
||||
|
||||
6
app/react-native/src/manager/provider.js
vendored
6
app/react-native/src/manager/provider.js
vendored
@ -10,7 +10,11 @@ export default class ReactProvider extends Provider {
|
||||
super();
|
||||
this.options = options;
|
||||
this.selection = null;
|
||||
this.channel = addons.getChannel();
|
||||
try {
|
||||
this.channel = addons.getChannel();
|
||||
} catch (err) {
|
||||
this.channel = undefined;
|
||||
}
|
||||
|
||||
const secured = options.secured;
|
||||
const websocketType = secured ? 'wss' : 'ws';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "3.2.5",
|
||||
"version": "3.2.6",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/apps/react",
|
||||
"bugs": {
|
||||
@ -22,11 +22,11 @@
|
||||
"prepublish": "node ../../scripts/prepublish.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "^3.2.0",
|
||||
"@storybook/addon-links": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/addon-actions": "^3.2.6",
|
||||
"@storybook/addon-links": "^3.2.6",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"@storybook/channel-postmessage": "^3.2.0",
|
||||
"@storybook/ui": "^3.2.5",
|
||||
"@storybook/ui": "^3.2.6",
|
||||
"airbnb-js-shims": "^1.1.1",
|
||||
"autoprefixer": "^7.1.1",
|
||||
"babel-core": "^6.25.0",
|
||||
@ -47,8 +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",
|
||||
"glamor": "^2.20.40",
|
||||
"glamorous": "^4.1.2",
|
||||
"global": "^4.3.2",
|
||||
"json-loader": "^0.5.4",
|
||||
"json-stringify-safe": "^5.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "3.2.5",
|
||||
"version": "3.2.6",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/apps/vue",
|
||||
"bugs": {
|
||||
@ -22,11 +22,11 @@
|
||||
"prepublish": "node ../../scripts/prepublish.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "^3.2.0",
|
||||
"@storybook/addon-links": "^3.2.0",
|
||||
"@storybook/addons": "^3.2.0",
|
||||
"@storybook/addon-actions": "^3.2.6",
|
||||
"@storybook/addon-links": "^3.2.6",
|
||||
"@storybook/addons": "^3.2.6",
|
||||
"@storybook/channel-postmessage": "^3.2.0",
|
||||
"@storybook/ui": "^3.2.5",
|
||||
"@storybook/ui": "^3.2.6",
|
||||
"airbnb-js-shims": "^1.1.1",
|
||||
"autoprefixer": "^7.1.1",
|
||||
"babel-core": "^6.25.0",
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { TouchableNativeFeedback } from 'react-native';
|
||||
|
||||
export default function Button(props) {
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { TouchableHighlight } from 'react-native';
|
||||
|
||||
export default function Button(props) {
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { View } from 'react-native';
|
||||
import style from './style';
|
||||
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { View, Text } from 'react-native';
|
||||
|
||||
export default class Welcome extends React.Component {
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { TouchableNativeFeedback } from 'react-native';
|
||||
|
||||
export default function Button(props) {
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { TouchableHighlight } from 'react-native';
|
||||
|
||||
export default function Button(props) {
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { View } from 'react-native';
|
||||
import style from './style';
|
||||
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { View, Text } from 'react-native';
|
||||
|
||||
export default class Welcome extends React.Component {
|
||||
|
||||
18
examples/test-cra/.gitignore
vendored
18
examples/test-cra/.gitignore
vendored
@ -1,18 +0,0 @@
|
||||
# See https://help.github.com/ignore-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
import '@storybook/addon-actions/register';
|
||||
import '@storybook/addon-options/register';
|
||||
import '@storybook/addon-links/register';
|
||||
@ -1,10 +0,0 @@
|
||||
import { configure } from '@storybook/react';
|
||||
import { setOptions } from '@storybook/addon-options';
|
||||
|
||||
setOptions({ sidebarAnimations: false, }),
|
||||
|
||||
function loadStories() {
|
||||
require('../src/stories');
|
||||
}
|
||||
|
||||
configure(loadStories, module);
|
||||
@ -1 +0,0 @@
|
||||
|
||||
@ -1,33 +0,0 @@
|
||||
{
|
||||
"name": "test-cra",
|
||||
"version": "1.0.0",
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
"build-storybook": "build-storybook -s public",
|
||||
"eject": "react-scripts eject",
|
||||
"start": "react-scripts start",
|
||||
"storybook": "start-storybook -p 9009 -s public",
|
||||
"pretest": "npm install",
|
||||
"test": "react-scripts test --env=jsdom"
|
||||
},
|
||||
"dependencies": {
|
||||
"global": "^4.3.2",
|
||||
"prop-types": "^15.5.10",
|
||||
"react": "^15.6.1",
|
||||
"react-dom": "^15.6.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "file:../../packs/storybook-addon-actions.tgz",
|
||||
"@storybook/addon-links": "file:../../packs/storybook-addon-links.tgz",
|
||||
"@storybook/addon-options": "file:../../packs/storybook-addon-options.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/components": "file:../../packs/storybook-components.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"
|
||||
},
|
||||
"private": true
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
@ -1,31 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
|
||||
<!--
|
||||
Notice the use of %PUBLIC_URL% in the tag above.
|
||||
It will be replaced with the URL of the `public` folder during the build.
|
||||
Only files inside the `public` folder can be referenced from the HTML.
|
||||
|
||||
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
||||
work correctly both with client-side routing and a non-root public URL.
|
||||
Learn how to configure a non-root public URL by running `npm run build`.
|
||||
-->
|
||||
<title>React App</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<!--
|
||||
This HTML file is a template.
|
||||
If you open it directly in the browser, you will see an empty page.
|
||||
|
||||
You can add webfonts, meta tags, or analytics to this file.
|
||||
The build step will place the bundled scripts into the <body> tag.
|
||||
|
||||
To begin the development, run `npm start`.
|
||||
To create a production bundle, use `npm run build`.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
@ -1,24 +0,0 @@
|
||||
.App {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.App-logo {
|
||||
animation: App-logo-spin infinite 20s linear;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.App-header {
|
||||
background-color: #222;
|
||||
height: 150px;
|
||||
padding: 20px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.App-intro {
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
@keyframes App-logo-spin {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
@ -1,16 +0,0 @@
|
||||
import React from 'react';
|
||||
import logo from './logo.svg';
|
||||
import './App.css';
|
||||
|
||||
const App = () =>
|
||||
<div className="App">
|
||||
<div className="App-header">
|
||||
<img src={logo} className="App-logo" alt="logo" />
|
||||
<h2>Welcome to React</h2>
|
||||
</div>
|
||||
<p className="App-intro">
|
||||
To get started, edit <code>src/App.js</code> and save to reload.
|
||||
</p>
|
||||
</div>;
|
||||
|
||||
export default App;
|
||||
@ -1,10 +0,0 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import { document } from 'global';
|
||||
|
||||
import App from './App';
|
||||
|
||||
it('renders without crashing', () => {
|
||||
const div = document.createElement('div');
|
||||
ReactDOM.render(<App />, div);
|
||||
});
|
||||
@ -1,5 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
@ -1,8 +0,0 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import { document } from 'global';
|
||||
|
||||
import App from './App';
|
||||
import './index.css';
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById('root'));
|
||||
@ -1,7 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
|
||||
<g fill="#61DAFB">
|
||||
<path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
|
||||
<circle cx="420.9" cy="296.5" r="45.7"/>
|
||||
<path d="M520.5 78.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.6 KiB |
@ -1,20 +0,0 @@
|
||||
import React, { Component } from 'react';
|
||||
|
||||
class ComponentWithRef extends Component {
|
||||
componentDidMount() {
|
||||
// Read the scroll width off the DOM element
|
||||
this.scrollWidth = this.ref.scrollWidth;
|
||||
}
|
||||
scrollWidth = 0;
|
||||
render() {
|
||||
return (
|
||||
<div
|
||||
ref={r => {
|
||||
this.ref = r;
|
||||
}}
|
||||
/>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default ComponentWithRef;
|
||||
@ -1,16 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
import { storiesOf } from '@storybook/react';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
import { linkTo } from '@storybook/addon-links';
|
||||
|
||||
import { Button, Welcome } from '@storybook/react/demo';
|
||||
import ComponentWithRef from './ComponentWithRef';
|
||||
|
||||
storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
|
||||
|
||||
storiesOf('Button', module)
|
||||
.add('with text', () => <Button onClick={action('clicked')}>Hello Button</Button>)
|
||||
.add('with some emoji', () => <Button onClick={action('clicked')}>😀 😎 👍 💯</Button>);
|
||||
|
||||
storiesOf('ComponentWithRef', module).add('basic', () => <ComponentWithRef />);
|
||||
@ -11,7 +11,6 @@ module.exports = {
|
||||
'<rootDir>/app',
|
||||
'<rootDir>/lib',
|
||||
'<rootDir>/examples/cra-kitchen-sink',
|
||||
'<rootDir>/examples/test-cra',
|
||||
],
|
||||
testPathIgnorePatterns: ['/node_modules/'],
|
||||
collectCoverage: false,
|
||||
|
||||
@ -4,7 +4,6 @@
|
||||
"bootstrap": {
|
||||
"ignore": [
|
||||
"crna-kitchen-sink",
|
||||
"test-cra",
|
||||
"react-native-vanilla"
|
||||
]
|
||||
},
|
||||
@ -12,7 +11,6 @@
|
||||
"ignore": [
|
||||
"cra-kitchen-sink",
|
||||
"crna-kitchen-sink",
|
||||
"test-cra",
|
||||
"react-native-vanilla",
|
||||
"vue-example"
|
||||
]
|
||||
@ -25,5 +23,5 @@
|
||||
"examples/*"
|
||||
],
|
||||
"concurrency": 1,
|
||||
"version": "3.2.5"
|
||||
"version": "3.2.6"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "3.2.0",
|
||||
"version": "3.2.6",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { TouchableNativeFeedback } from 'react-native';
|
||||
|
||||
export default function Button(props) {
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { TouchableHighlight } from 'react-native';
|
||||
|
||||
export default function Button(props) {
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { View } from 'react-native';
|
||||
import style from './style';
|
||||
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/* eslint-disable import/extensions */
|
||||
|
||||
import React, { PropTypes } from 'react';
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { View, Text } from 'react-native';
|
||||
|
||||
export default class Welcome extends React.Component {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/cli",
|
||||
"version": "3.2.5",
|
||||
"version": "3.2.6",
|
||||
"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.2.5",
|
||||
"@storybook/codemod": "^3.2.6",
|
||||
"chalk": "^2.0.1",
|
||||
"child-process-promise": "^2.2.1",
|
||||
"commander": "^2.9.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/codemod",
|
||||
"version": "3.2.5",
|
||||
"version": "3.2.6",
|
||||
"description": "A collection of codemod scripts written with JSCodeshift",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/components",
|
||||
"version": "3.2.4",
|
||||
"version": "3.2.6",
|
||||
"description": "Core Storybook Components",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ui",
|
||||
"version": "3.2.5",
|
||||
"version": "3.2.6",
|
||||
"description": "Core Storybook UI",
|
||||
"license": "MIT",
|
||||
"main": "dist/index.js",
|
||||
@ -14,16 +14,16 @@
|
||||
"storybook": "start-storybook -p 9010"
|
||||
},
|
||||
"dependencies": {
|
||||
"@hypnosphi/fuse.js": "^3.0.9",
|
||||
"@storybook/components": "^3.2.6",
|
||||
"@storybook/react-fuzzy": "^0.4.0",
|
||||
"@storybook/components": "^3.2.4",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"deep-equal": "^1.0.1",
|
||||
"events": "^1.1.1",
|
||||
"@hypnosphi/fuse.js": "^3.0.9",
|
||||
"global": "^4.3.2",
|
||||
"json-stringify-safe": "^5.0.1",
|
||||
"keycode": "^2.1.8",
|
||||
"lodash.debounce": "4.0.8",
|
||||
"lodash.debounce": "^4.0.8",
|
||||
"lodash.pick": "^4.4.0",
|
||||
"lodash.sortby": "^4.7.0",
|
||||
"mantra-core": "^1.7.0",
|
||||
|
||||
@ -10,7 +10,6 @@
|
||||
"bootstrap:docs": "cd docs && yarn install",
|
||||
"bootstrap:react-native-vanilla": "lerna exec --scope react-native-vanilla -- npm install",
|
||||
"bootstrap:crna-kitchen-sink": "lerna exec --scope crna-kitchen-sink -- npm install",
|
||||
"bootstrap:test-cra": "lerna exec --scope test-cra -- npm install",
|
||||
"build-packs": "lerna exec --scope '@storybook/*' --parallel -- ../../scripts/build-pack.sh ../../packs",
|
||||
"start": "lerna run --stream --scope cra-kitchen-sink storybook",
|
||||
"changelog": "pr-log --sloppy",
|
||||
|
||||
@ -2,4 +2,4 @@
|
||||
|
||||
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.
|
||||
The purpose of this is to enable the example apps 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.
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user