mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 10:21:07 +08:00
no message
This commit is contained in:
Norbert de Langen
commit
73f1013b8d
41
.babelrc
41
.babelrc
@ -1,16 +1,33 @@
|
||||
{
|
||||
"presets": ["env", "stage-0", "react"],
|
||||
"presets": [
|
||||
"@babel/preset-env",
|
||||
"@babel/preset-react",
|
||||
"@babel/preset-flow"
|
||||
],
|
||||
"plugins": [
|
||||
"babel-plugin-emotion",
|
||||
"babel-plugin-macros",
|
||||
"@babel/plugin-proposal-class-properties",
|
||||
"@babel/plugin-proposal-export-default-from",
|
||||
[
|
||||
"@babel/plugin-transform-runtime",
|
||||
{
|
||||
"regenerator": true
|
||||
}
|
||||
]
|
||||
],
|
||||
"env": {
|
||||
"test": {
|
||||
"plugins": ["require-context-hook"]
|
||||
},
|
||||
"plugins": [
|
||||
"emotion",
|
||||
"babel-plugin-macros",
|
||||
["transform-runtime", {
|
||||
"polyfill": false,
|
||||
"regenerator": true
|
||||
}]
|
||||
]
|
||||
}
|
||||
"plugins": ["babel-plugin-require-context-hook"]
|
||||
}
|
||||
},
|
||||
"overrides": [
|
||||
{
|
||||
"test": "./examples/vue-kitchen-sink",
|
||||
"presets": [
|
||||
"@babel/preset-env",
|
||||
"babel-preset-vue"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -1,9 +1,11 @@
|
||||
defaults: &defaults
|
||||
working_directory: /tmp/storybook
|
||||
docker:
|
||||
- image: circleci/node:8
|
||||
|
||||
version: 2
|
||||
|
||||
aliases:
|
||||
- &defaults
|
||||
working_directory: /tmp/storybook
|
||||
docker:
|
||||
- image: circleci/node:8
|
||||
|
||||
dependencies:
|
||||
pre:
|
||||
- yarn global add npm
|
||||
@ -13,24 +15,25 @@ jobs:
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore core dependencies cache"
|
||||
name: Restore core dependencies cache
|
||||
keys:
|
||||
- core-dependencies-{{ checksum "yarn.lock" }}
|
||||
- core-dependencies-v3-{{ checksum "yarn.lock" }}
|
||||
- run:
|
||||
name: "Install dependencies"
|
||||
command: |
|
||||
yarn install
|
||||
name: Install dependencies
|
||||
command: yarn install
|
||||
- run:
|
||||
name: "Dirty check"
|
||||
command: |
|
||||
yarn repo-dirty-check
|
||||
name: Check that yarn.lock is not corrupted
|
||||
command: yarn repo-dirty-check
|
||||
- run:
|
||||
name: "Bootstrap"
|
||||
command: |
|
||||
yarn bootstrap --core
|
||||
name: Bootstrap
|
||||
command: yarn bootstrap --core
|
||||
- save_cache:
|
||||
name: "Cache core dependencies"
|
||||
key: core-dependencies-v2-{{ checksum "yarn.lock" }}
|
||||
name: Cache core dependencies
|
||||
key: core-dependencies-v3-{{ checksum "yarn.lock" }}
|
||||
paths:
|
||||
- ~/.cache/yarn
|
||||
- persist_to_workspace:
|
||||
root: .
|
||||
paths:
|
||||
- node_modules
|
||||
- examples/angular-cli/node_modules
|
||||
@ -41,10 +44,6 @@ jobs:
|
||||
- examples/vue-kitchen-sink/node_modules
|
||||
- examples/svelte-kitchen-sink/node_modules
|
||||
- examples/marko-cli/node_modules
|
||||
- save_cache:
|
||||
name: "Cache core dist"
|
||||
key: core-dist-v2-{{ .Revision }}
|
||||
paths:
|
||||
- addons
|
||||
- app
|
||||
- lib
|
||||
@ -52,59 +51,53 @@ jobs:
|
||||
<<: *defaults
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore core dependencies cache"
|
||||
keys:
|
||||
- core-dependencies-v2-{{ checksum "yarn.lock" }}
|
||||
- restore_cache:
|
||||
name: "Restore core dist cache"
|
||||
keys:
|
||||
- core-dist-v2-{{ .Revision }}
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- run:
|
||||
name: Workaround for https://github.com/GoogleChrome/puppeteer/issues/290
|
||||
command: sh ./scripts/workaround-puppeteer-issue-290.sh
|
||||
- run:
|
||||
name: "Build react kitchen-sink"
|
||||
name: Build react kitchen-sink
|
||||
command: |
|
||||
cd examples/cra-kitchen-sink
|
||||
yarn build-storybook
|
||||
- run:
|
||||
name: "Build vue kitchen-sink"
|
||||
name: Build vue kitchen-sink
|
||||
command: |
|
||||
cd examples/vue-kitchen-sink
|
||||
yarn build-storybook
|
||||
- run:
|
||||
name: "Build svelte kitchen-sink"
|
||||
name: Build svelte kitchen-sink
|
||||
command: |
|
||||
cd examples/svelte-kitchen-sink
|
||||
yarn build-storybook
|
||||
- run:
|
||||
name: "Build angular-cli"
|
||||
name: Build angular-cli
|
||||
command: |
|
||||
cd examples/angular-cli
|
||||
yarn build-storybook
|
||||
- run:
|
||||
name: "Build polymer-cli"
|
||||
name: Build polymer-cli
|
||||
command: |
|
||||
cd examples/polymer-cli
|
||||
yarn build-storybook
|
||||
- run:
|
||||
name: "Build marko-cli"
|
||||
name: Build marko-cli
|
||||
command: |
|
||||
cd examples/marko-cli
|
||||
yarn build-storybook
|
||||
- run:
|
||||
name: "Build official-storybook"
|
||||
name: Build official-storybook
|
||||
command: |
|
||||
cd examples/official-storybook
|
||||
yarn build-storybook
|
||||
- run:
|
||||
name: "Build mithril kitchen-sink"
|
||||
name: Build mithril kitchen-sink
|
||||
command: |
|
||||
cd examples/mithril-kitchen-sink
|
||||
yarn build-storybook
|
||||
- run:
|
||||
name: "Run image snapshots"
|
||||
name: Run image snapshots
|
||||
command: yarn test --image
|
||||
- store_artifacts:
|
||||
path: examples/official-storybook/image-snapshots/__image_snapshots__
|
||||
@ -113,47 +106,45 @@ jobs:
|
||||
<<: *defaults
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore core dependencies cache"
|
||||
keys:
|
||||
- core-dependencies-v2-{{ checksum "yarn.lock" }}
|
||||
- restore_cache:
|
||||
name: "Restore core dist cache"
|
||||
keys:
|
||||
- core-dist-v2-{{ .Revision }}
|
||||
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- run:
|
||||
name: "Run react kitchen-sink (smoke test)"
|
||||
name: Run react kitchen-sink (smoke test)
|
||||
command: |
|
||||
cd examples/cra-kitchen-sink
|
||||
yarn storybook --smoke-test
|
||||
- run:
|
||||
name: "Run vue kitchen-sink (smoke test)"
|
||||
name: Run vue kitchen-sink (smoke test)
|
||||
command: |
|
||||
cd examples/vue-kitchen-sink
|
||||
yarn storybook --smoke-test
|
||||
- run:
|
||||
name: "Run svelte kitchen-sink (smoke test)"
|
||||
name: Run svelte kitchen-sink (smoke test)
|
||||
command: |
|
||||
cd examples/svelte-kitchen-sink
|
||||
yarn storybook --smoke-test
|
||||
- run:
|
||||
name: "Run angular-cli (smoke test)"
|
||||
name: Run angular-cli (smoke test)
|
||||
command: |
|
||||
cd examples/angular-cli
|
||||
yarn storybook --smoke-test
|
||||
- run:
|
||||
name: "Run polymer-cli (smoke test)"
|
||||
name: Run polymer-cli (smoke test)
|
||||
command: |
|
||||
cd examples/polymer-cli
|
||||
yarn storybook --smoke-test
|
||||
- run:
|
||||
name: "Run official-storybook (smoke test)"
|
||||
name: Run marko-cli (smoke test)
|
||||
command: |
|
||||
cd examples/marko-cli
|
||||
yarn storybook --smoke-test
|
||||
- run:
|
||||
name: Run official-storybook (smoke test)
|
||||
command: |
|
||||
cd examples/official-storybook
|
||||
yarn storybook --smoke-test
|
||||
- run:
|
||||
name: "Run mithril kitchen-sink (smoke test)"
|
||||
name: Run mithril kitchen-sink (smoke test)
|
||||
command: |
|
||||
cd examples/mithril-kitchen-sink
|
||||
yarn storybook --smoke-test
|
||||
@ -161,30 +152,23 @@ jobs:
|
||||
<<: *defaults
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore core dependencies cache"
|
||||
keys:
|
||||
- core-dependencies-v2-{{ checksum "yarn.lock" }}
|
||||
- restore_cache:
|
||||
name: "Restore core dist cache"
|
||||
keys:
|
||||
- core-dist-v2-{{ .Revision }}
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- run:
|
||||
name: "Bootstrap"
|
||||
command: |
|
||||
yarn bootstrap --reactnative --reactnativeapp
|
||||
name: Bootstrap
|
||||
command: yarn bootstrap --reactnative --reactnativeapp
|
||||
- run:
|
||||
name: "Run React-Native example"
|
||||
name: Run React-Native example
|
||||
command: |
|
||||
cd examples/react-native-vanilla
|
||||
yarn storybook --smoke-test
|
||||
- run:
|
||||
name: "Run React-Native-App example"
|
||||
name: Run React-Native-App example
|
||||
command: |
|
||||
cd examples/crna-kitchen-sink
|
||||
yarn storybook --smoke-test
|
||||
- run:
|
||||
name: "Run React-Native unit tests"
|
||||
name: Run React-Native unit tests
|
||||
command: |
|
||||
yarn test --coverage --runInBand --reactnative
|
||||
yarn coverage
|
||||
@ -193,123 +177,107 @@ jobs:
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore dependencies cache"
|
||||
name: Restore docs dependencies cache
|
||||
keys:
|
||||
- docs-dependencies-{{ checksum "docs/yarn.lock" }}
|
||||
- docs-dependencies-v2-{{ checksum "docs/yarn.lock" }}
|
||||
- run:
|
||||
name: "Install dependencies"
|
||||
name: Install dependencies
|
||||
command: |
|
||||
cd docs
|
||||
yarn install --frozen-lockfile
|
||||
yarn install
|
||||
- run:
|
||||
name: "Build docs"
|
||||
name: Build docs
|
||||
command: |
|
||||
cd docs
|
||||
yarn build
|
||||
- save_cache:
|
||||
name: "Cache dependencies"
|
||||
key: docs-dependencies-{{ checksum "docs/yarn.lock" }}
|
||||
name: Cache docs dependencies
|
||||
key: docs-dependencies-v2-{{ checksum "docs/yarn.lock" }}
|
||||
paths:
|
||||
- docs/node_modules
|
||||
- save_cache:
|
||||
name: "Cache built docs"
|
||||
key: built-docs-{{ .Revision }}
|
||||
- ~/.cache/yarn
|
||||
- persist_to_workspace:
|
||||
root: .
|
||||
paths:
|
||||
- docs/public
|
||||
- docs/node_modules
|
||||
lint:
|
||||
<<: *defaults
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore core dependencies cache"
|
||||
keys:
|
||||
- core-dependencies-v2-{{ checksum "yarn.lock" }}
|
||||
- restore_cache:
|
||||
name: "Restore docs dependencies cache"
|
||||
keys:
|
||||
- docs-dependencies-{{ checksum "docs/yarn.lock" }}
|
||||
- restore_cache:
|
||||
name: "Restore core dist cache"
|
||||
keys:
|
||||
- core-dist-v2-{{ .Revision }}
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- run:
|
||||
name: "Lint"
|
||||
command: |
|
||||
yarn lint
|
||||
name: Lint
|
||||
command: yarn lint
|
||||
danger:
|
||||
<<: *defaults
|
||||
steps:
|
||||
- checkout
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- run:
|
||||
name: Danger
|
||||
command: yarn danger ci
|
||||
unit-test:
|
||||
<<: *defaults
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore core dependencies cache"
|
||||
keys:
|
||||
- core-dependencies-v2-{{ checksum "yarn.lock" }}
|
||||
- restore_cache:
|
||||
name: "Restore core dist cache"
|
||||
keys:
|
||||
- core-dist-v2-{{ .Revision }}
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- run:
|
||||
name: "Run unit tests"
|
||||
command: |
|
||||
yarn test --coverage --runInBand --core
|
||||
yarn coverage
|
||||
name: Test
|
||||
command: yarn test --coverage --runInBand --core
|
||||
- persist_to_workspace:
|
||||
root: .
|
||||
paths:
|
||||
- coverage
|
||||
coverage:
|
||||
<<: *defaults
|
||||
steps:
|
||||
- checkout
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- run:
|
||||
name: Upload coverage
|
||||
command: yarn coverage
|
||||
cli:
|
||||
working_directory: /tmp/storybook
|
||||
<<: *defaults
|
||||
docker:
|
||||
- image: andthensome/docker-node-rsync
|
||||
environment:
|
||||
BASH_ENV: ~/.bashrc
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore core dependencies cache"
|
||||
keys:
|
||||
- core-dependencies-v2-{{ checksum "yarn.lock" }}
|
||||
- restore_cache:
|
||||
name: "Restore core dist cache"
|
||||
keys:
|
||||
- core-dist-v2-{{ .Revision }}
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- run:
|
||||
name: "Test CLI"
|
||||
command: |
|
||||
yarn test --cli
|
||||
name: Test
|
||||
command: yarn test --cli
|
||||
no_output_timeout: 1800
|
||||
cli-latest-cra:
|
||||
working_directory: /tmp/storybook
|
||||
<<: *defaults
|
||||
docker:
|
||||
- image: andthensome/docker-node-rsync
|
||||
environment:
|
||||
BASH_ENV: ~/.bashrc
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore core dependencies cache"
|
||||
keys:
|
||||
- core-dependencies-v2-{{ checksum "yarn.lock" }}
|
||||
- restore_cache:
|
||||
name: "Restore core dist cache"
|
||||
keys:
|
||||
- core-dist-v2-{{ .Revision }}
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- run:
|
||||
name: "Test CLI with latest CR(N)A"
|
||||
command: |
|
||||
yarn test-latest-cra
|
||||
name: Test CLI with latest CR(N)A
|
||||
command: yarn test-latest-cra
|
||||
deploy:
|
||||
<<: *defaults
|
||||
steps:
|
||||
- checkout
|
||||
- restore_cache:
|
||||
name: "Restore docs dependencies cache"
|
||||
keys:
|
||||
- docs-dependencies-{{ checksum "docs/yarn.lock" }}
|
||||
- restore_cache:
|
||||
name: "Restore built docs"
|
||||
keys:
|
||||
- built-docs-{{ .Revision }}
|
||||
- attach_workspace:
|
||||
at: .
|
||||
- add_ssh_keys:
|
||||
fingerprints:
|
||||
- "35:aa:b9:c3:b8:1c:27:1f:02:0a:73:1a:ac:58:77:df"
|
||||
- run:
|
||||
name: "Deploy"
|
||||
name: Deploy
|
||||
command: |
|
||||
cd docs
|
||||
git config --global user.email "gh-pages@localhost"
|
||||
@ -317,9 +285,17 @@ jobs:
|
||||
yarn deploy:ci
|
||||
workflows:
|
||||
version: 2
|
||||
build_accept_deploy:
|
||||
build_test_deploy:
|
||||
jobs:
|
||||
- build
|
||||
- docs
|
||||
- danger:
|
||||
requires:
|
||||
- build
|
||||
- lint:
|
||||
requires:
|
||||
- docs
|
||||
- build
|
||||
- example-kitchen-sinks:
|
||||
requires:
|
||||
- build
|
||||
@ -329,14 +305,12 @@ workflows:
|
||||
- react-native:
|
||||
requires:
|
||||
- build
|
||||
- docs
|
||||
- lint:
|
||||
requires:
|
||||
- docs
|
||||
- build
|
||||
- unit-test:
|
||||
requires:
|
||||
- build
|
||||
- coverage:
|
||||
requires:
|
||||
- unit-test
|
||||
- cli:
|
||||
requires:
|
||||
- build
|
||||
@ -347,6 +321,7 @@ workflows:
|
||||
requires:
|
||||
- docs
|
||||
filters:
|
||||
tags:
|
||||
only: /^v[0-9]+\.[0-9]+\.[0-9]+/
|
||||
branches:
|
||||
only:
|
||||
- release/3.4
|
||||
ignore: /.*/
|
||||
|
||||
@ -10,6 +10,7 @@ lib/cli/test
|
||||
*.js.map
|
||||
|
||||
!.remarkrc.js
|
||||
!.babelrc.js
|
||||
!.eslintrc.js
|
||||
!.eslintrc-markdown.js
|
||||
!.jest.config.js
|
||||
|
||||
19
.eslintrc.js
19
.eslintrc.js
@ -79,6 +79,25 @@ module.exports = {
|
||||
extensions: ['.js', '.jsx'],
|
||||
},
|
||||
],
|
||||
'react/jsx-no-bind': [
|
||||
error,
|
||||
{
|
||||
ignoreDOMComponents: true,
|
||||
ignoreRefs: true,
|
||||
allowArrowFunctions: true,
|
||||
allowFunctions: true,
|
||||
allowBind: true,
|
||||
},
|
||||
],
|
||||
'jsx-a11y/label-has-associated-control': [
|
||||
warn,
|
||||
{
|
||||
labelComponents: ['CustomInputLabel'],
|
||||
labelAttributes: ['label'],
|
||||
controlComponents: ['CustomInput'],
|
||||
depth: 3,
|
||||
},
|
||||
],
|
||||
'react/no-unescaped-entities': ignore,
|
||||
'jsx-a11y/label-has-for': [
|
||||
error,
|
||||
|
||||
@ -140,7 +140,7 @@ object Project : Project({
|
||||
param("defaultFilters", "")
|
||||
param("seriesTitle", "Serie")
|
||||
}
|
||||
feature {
|
||||
feature {
|
||||
type = "project-graphs"
|
||||
id = "PROJECT_EXT_308"
|
||||
param("series", """
|
||||
|
||||
30
CHANGELOG.md
30
CHANGELOG.md
@ -1,3 +1,33 @@
|
||||
# 4.0.0-alpha.17
|
||||
|
||||
2018-August-24
|
||||
|
||||
#### Breaking Changes
|
||||
|
||||
- Babel 7 [#3746](https://github.com/storybooks/storybook/pull/3746)
|
||||
|
||||
#### Features
|
||||
|
||||
- Emit messages when stories fail to render [#3967](https://github.com/storybooks/storybook/pull/3967)
|
||||
- Svelte support [#3770](https://github.com/storybooks/storybook/pull/3770)
|
||||
- Allow extending extensions without a full control mode [#3976](https://github.com/storybooks/storybook/pull/3976)
|
||||
|
||||
#### Bug Fixes
|
||||
|
||||
- Storyshots puppeteer images do not match [#4045](https://github.com/storybooks/storybook/pull/4045)
|
||||
- Storyshots puppeteer images do not match [#4037](https://github.com/storybooks/storybook/pull/4037)
|
||||
- Bring .jsx back [#4024](https://github.com/storybooks/storybook/pull/4024)
|
||||
- Fix custom webpack config warnings [#4009](https://github.com/storybooks/storybook/pull/4009)
|
||||
- sorting by kind and nested stories [#3963](https://github.com/storybooks/storybook/pull/3963)
|
||||
|
||||
#### Maintenance
|
||||
|
||||
- Temp revert the 36a2676 [#4062](https://github.com/storybooks/storybook/pull/4062)
|
||||
- Remove deprecation of --db-path and --enable-db [#4030](https://github.com/storybooks/storybook/pull/4030)
|
||||
- Remove git info extraction [#4031](https://github.com/storybooks/storybook/pull/4031)
|
||||
- Fixed homepage links [skip ci] [#4008](https://github.com/storybooks/storybook/pull/4008)
|
||||
- CHANGE html-webpack-plugin for generate-page-plugin [#3919](https://github.com/storybooks/storybook/pull/3919)
|
||||
|
||||
# 4.0.0-alpha.16
|
||||
|
||||
2018-August-06
|
||||
|
||||
16
MIGRATION.md
16
MIGRATION.md
@ -7,6 +7,8 @@
|
||||
- [Removed addWithInfo](#removed-add-with-info)
|
||||
- [Removed RN addons](#removed-rn-addons)
|
||||
- [Storyshots changes](#storyshots-changes)
|
||||
- [Webpack 4](#webpack-4)
|
||||
- [Babel 7](#babel-7)
|
||||
- [From version 3.3.x to 3.4.x](#from-version-33x-to-34x)
|
||||
- [From version 3.2.x to 3.3.x](#from-version-32x-to-33x)
|
||||
- [Refactored Knobs](#refactored-knobs)
|
||||
@ -72,6 +74,20 @@ The `@storybook/react-native` had built-in addons (`addon-actions` and `addon-li
|
||||
A possible plugin might be [babel-plugin-require-context-hook](https://github.com/smrq/babel-plugin-require-context-hook).
|
||||
[README](https://github.com/storybooks/storybook/tree/master/addons/storyshots/storyshots-core#configure-jest-to-work-with-webpacks-requirecontext)
|
||||
|
||||
### Webpack 4
|
||||
|
||||
Storybook now uses webpack 4. If you have a [custom webpack config](https://storybook.js.org/configurations/custom-webpack-config/), make sure that all the loaders and plugins you use support webpack 4.
|
||||
|
||||
### Babel 7
|
||||
|
||||
Storybook now uses Babel 7. There's a couple of cases when it can break with your app:
|
||||
|
||||
* If you aren't using Babel yourself, and don't have .babelrc, install following dependencies:
|
||||
```
|
||||
npm i -D @babel/core babel-loader@next
|
||||
```
|
||||
* If you're using Babel 6, make sure that you have direct dependencies on `babel-core@6` and `babel-loader@7`.
|
||||
|
||||
## From version 3.3.x to 3.4.x
|
||||
|
||||
There are no expected breaking changes in the 3.4.x release, but 3.4 contains a major refactor to make it easier to support new frameworks, and we will document any breaking changes here if they arise.
|
||||
|
||||
45
README.md
45
README.md
@ -4,9 +4,12 @@
|
||||
[](https://circleci.com/gh/storybooks/storybook)
|
||||
[](https://www.codefactor.io/repository/github/storybooks/storybook)
|
||||
[](https://snyk.io/test/github/storybooks/storybook)
|
||||
[](https://bettercodehub.com/results/storybooks/storybook) [](https://codecov.io/gh/storybooks/storybook)
|
||||
[](https://bettercodehub.com/results/storybooks/storybook)
|
||||
[](https://codecov.io/gh/storybooks/storybook)
|
||||
[](https://now-examples-slackin-rrirkqohko.now.sh/)
|
||||
[](#backers) [](#sponsors)
|
||||
[](#backers)
|
||||
[](#sponsors)
|
||||
[](https://github.com/storybooks/storybook/blob/master/LICENSE)
|
||||
<!-- [](https://www.browserstack.com/automate/public-build/<badge_key>) -->
|
||||
|
||||
* * *
|
||||
@ -16,7 +19,12 @@ It allows you to browse a component library, view the different states of each c
|
||||
|
||||
## Intro
|
||||
|
||||
|
||||
|
||||
|
||||
README for:
|
||||
- [](https://github.com/storybooks/storybook)
|
||||
- [](https://github.com/storybooks/storybook/tree/release/3.4)
|
||||
|
||||
|
||||
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.
|
||||
|
||||
@ -32,6 +40,7 @@ Storybook comes with a lot of [addons](https://storybook.js.org/addons/introduct
|
||||
- [Sub Projects](#sub-projects)
|
||||
- [Addons](#addons)
|
||||
- [Live Examples](#live-examples) 💪
|
||||
- [Badges](#badges)
|
||||
- [Contributing](#contributing)
|
||||
- [Development scripts](#development-scripts)
|
||||
- [Backers](#backers)
|
||||
@ -69,15 +78,15 @@ For additional help, join us [in our Slack](https://now-examples-slackin-rrirkqo
|
||||
|
||||
### Supported Frameworks
|
||||
|
||||
- [React](app/react)
|
||||
- [React Native](app/react-native)
|
||||
- [Vue](app/vue)
|
||||
- [Angular](app/angular)
|
||||
- [Polymer](app/polymer)
|
||||
- [Mithril](app/mithril) <sup>alpha</sup>
|
||||
- [Marko](app/marko) <sup>alpha</sup>
|
||||
- [HTML](app/html) <sup>alpha</sup>
|
||||
- [Svelte](app/svelte) <sup>alpha</sup>
|
||||
- [React](app/react) [](app/react)
|
||||
- [React Native](app/react-native) [](app/react-native)
|
||||
- [Vue](app/vue) [](app/vue)
|
||||
- [Angular](app/angular) [](app/angular)
|
||||
- [Polymer](app/polymer) [](app/polymer)
|
||||
- [Mithril](app/mithril) <sup>alpha</sup> [](app/mithril)
|
||||
- [Marko](app/marko) <sup>alpha</sup> [](app/marko)
|
||||
- [HTML](app/html) <sup>alpha</sup> [](app/html)
|
||||
- [Svelte](app/svelte) <sup>alpha</sup> [](app/svelte)
|
||||
|
||||
### Sub Projects
|
||||
|
||||
@ -129,8 +138,20 @@ See [Addon / Framework Support Table](ADDONS_SUPPORT.md)
|
||||
- [Vue](https://release-3-3--storybooks-vue.netlify.com/)
|
||||
- [Angular](https://release-3-3--storybooks-angular.netlify.com/)
|
||||
|
||||
## Badges
|
||||
|
||||
We have a badge ! Link it to your live Storybook example.
|
||||
|
||||
|
||||
|
||||
```md
|
||||
[](link to site)
|
||||
```
|
||||
|
||||
## Contributing
|
||||
|
||||
[](https://github.com/storybooks/storybook/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22)
|
||||
|
||||
We welcome contributions to Storybook!
|
||||
|
||||
- ⇄ Pull requests and ★ Stars are always welcome.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "a11y addon for storybook",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -25,12 +25,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/client-logger": "4.0.0-alpha.16",
|
||||
"@storybook/components": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/client-logger": "4.0.0-alpha.17",
|
||||
"@storybook/components": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"axe-core": "^3.0.3",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"global": "^4.3.2",
|
||||
"prop-types": "^15.6.2",
|
||||
"react-emotion": "^9.2.6"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -20,10 +20,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/components": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/components": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"deep-equal": "^1.0.1",
|
||||
"emotion-theming": "^9.2.6",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "A storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,9 +24,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"global": "^4.3.2",
|
||||
"prop-types": "^15.6.2",
|
||||
"react-emotion": "^9.2.6",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-centered",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook decorator to center components",
|
||||
"license": "MIT",
|
||||
"author": "Muhammed Thanish <mnmtanish@gmail.com>",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -19,9 +19,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"format-json": "^1.0.3",
|
||||
"prop-types": "^15.6.2",
|
||||
"react-emotion": "^9.2.6",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -20,7 +20,6 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"babel-runtime": "^6.26.0",
|
||||
"global": "^4.3.2",
|
||||
"graphiql": "^0.11.11",
|
||||
"graphql": "^0.13.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-info",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "A Storybook addon to show additional information for your stories.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -13,10 +13,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/client-logger": "4.0.0-alpha.16",
|
||||
"@storybook/components": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/client-logger": "4.0.0-alpha.17",
|
||||
"@storybook/components": "4.0.0-alpha.17",
|
||||
"core-js": "2.5.7",
|
||||
"global": "^4.3.2",
|
||||
"marksy": "^6.0.3",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`addon Info should render <Info /> and external markdown 1`] = `
|
||||
.emotion-2 {
|
||||
.emotion-4 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
@ -22,7 +22,7 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.emotion-1 {
|
||||
.emotion-2 {
|
||||
overflow: hidden;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px;
|
||||
@ -38,12 +38,12 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.emotion-1:hover {
|
||||
.emotion-2:hover {
|
||||
background-color: #f4f7fa;
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.emotion-1:active {
|
||||
.emotion-2:active {
|
||||
background-color: #e9ecef;
|
||||
border-color: #ccc;
|
||||
}
|
||||
@ -124,8 +124,8 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
|
||||
<div>
|
||||
<h1>
|
||||
function func(x) {
|
||||
return x + 1;
|
||||
}
|
||||
return x + 1;
|
||||
}
|
||||
</h1>
|
||||
<h2>
|
||||
[object Object]
|
||||
@ -307,7 +307,7 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
|
||||
>
|
||||
<Styled(pre)>
|
||||
<pre
|
||||
className="emotion-2"
|
||||
className="emotion-4 emotion-5"
|
||||
>
|
||||
<div>
|
||||
<Node
|
||||
@ -1220,14 +1220,14 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
|
||||
styles={Object {}}
|
||||
>
|
||||
<button
|
||||
className="emotion-1"
|
||||
className="emotion-2 emotion-3"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<Styled(div)
|
||||
toggled={false}
|
||||
>
|
||||
<div
|
||||
className="emotion-0"
|
||||
className="emotion-0 emotion-1"
|
||||
>
|
||||
<div
|
||||
style={
|
||||
@ -1308,7 +1308,7 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
|
||||
`;
|
||||
|
||||
exports[`addon Info should render <Info /> and markdown 1`] = `
|
||||
.emotion-2 {
|
||||
.emotion-4 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
@ -1329,7 +1329,7 @@ exports[`addon Info should render <Info /> and markdown 1`] = `
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.emotion-1 {
|
||||
.emotion-2 {
|
||||
overflow: hidden;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px;
|
||||
@ -1345,12 +1345,12 @@ exports[`addon Info should render <Info /> and markdown 1`] = `
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.emotion-1:hover {
|
||||
.emotion-2:hover {
|
||||
background-color: #f4f7fa;
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.emotion-1:active {
|
||||
.emotion-2:active {
|
||||
background-color: #e9ecef;
|
||||
border-color: #ccc;
|
||||
}
|
||||
@ -1433,8 +1433,8 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
|
||||
<div>
|
||||
<h1>
|
||||
function func(x) {
|
||||
return x + 1;
|
||||
}
|
||||
return x + 1;
|
||||
}
|
||||
</h1>
|
||||
<h2>
|
||||
[object Object]
|
||||
@ -1707,7 +1707,7 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
|
||||
>
|
||||
<Styled(pre)>
|
||||
<pre
|
||||
className="emotion-2"
|
||||
className="emotion-4 emotion-5"
|
||||
>
|
||||
<div>
|
||||
<Node
|
||||
@ -2620,14 +2620,14 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
|
||||
styles={Object {}}
|
||||
>
|
||||
<button
|
||||
className="emotion-1"
|
||||
className="emotion-2 emotion-3"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<Styled(div)
|
||||
toggled={false}
|
||||
>
|
||||
<div
|
||||
className="emotion-0"
|
||||
className="emotion-0 emotion-1"
|
||||
>
|
||||
<div
|
||||
style={
|
||||
|
||||
@ -67,12 +67,10 @@ const propsFromPropTypes = type => {
|
||||
return;
|
||||
}
|
||||
|
||||
// eslint-disable-next-line react/destructuring-assignment
|
||||
if (!props[property]) {
|
||||
props[property] = { property };
|
||||
}
|
||||
|
||||
// eslint-disable-next-line react/destructuring-assignment
|
||||
props[property].defaultValue = value;
|
||||
});
|
||||
}
|
||||
@ -86,12 +84,10 @@ export default function makeTableComponent(Component) {
|
||||
return null;
|
||||
}
|
||||
|
||||
/* eslint-disable react/destructuring-assignment */
|
||||
const propDefinitionsMap = hasDocgen(props.type)
|
||||
? propsFromDocgen(props.type)
|
||||
: propsFromPropTypes(props.type);
|
||||
const { type } = props;
|
||||
|
||||
const propDefinitionsMap = hasDocgen(type) ? propsFromDocgen(type) : propsFromPropTypes(type);
|
||||
const propDefinitions = Object.values(propDefinitionsMap);
|
||||
/* eslint-enable react/destructuring-assignment */
|
||||
|
||||
return <Component propDefinitions={propDefinitions} {...props} />;
|
||||
};
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import React from 'react';
|
||||
|
||||
// eslint-disable-next-line import/no-cycle
|
||||
import PrettyPropType from './PrettyPropType';
|
||||
import { TypeInfo, getPropTypes } from './proptypes';
|
||||
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import React from 'react';
|
||||
|
||||
// eslint-disable-next-line import/no-cycle
|
||||
import PrettyPropType from './PrettyPropType';
|
||||
import { TypeInfo, getPropTypes } from './proptypes';
|
||||
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import React from 'react';
|
||||
|
||||
// eslint-disable-next-line import/no-cycle
|
||||
import PrettyPropType from './PrettyPropType';
|
||||
import { TypeInfo, getPropTypes } from './proptypes';
|
||||
|
||||
|
||||
@ -1,8 +1,6 @@
|
||||
import PropTypes from 'prop-types';
|
||||
import React from 'react';
|
||||
|
||||
// TODO: FIX this dependency cycle
|
||||
/* eslint-disable import/no-cycle */
|
||||
import Shape from './Shape';
|
||||
import OneOfType from './OneOfType';
|
||||
import ArrayOf from './ArrayOf';
|
||||
@ -11,7 +9,6 @@ import OneOf from './OneOf';
|
||||
import InstanceOf from './InstanceOf';
|
||||
import Signature from './Signature';
|
||||
import Literal from './Literal';
|
||||
/* eslint-enable import/no-cycle */
|
||||
|
||||
import { TypeInfo } from './proptypes';
|
||||
|
||||
|
||||
@ -2,7 +2,6 @@ import PropTypes from 'prop-types';
|
||||
import React from 'react';
|
||||
|
||||
import { HighlightButton } from '@storybook/components';
|
||||
// eslint-disable-next-line import/no-cycle
|
||||
import PrettyPropType from './PrettyPropType';
|
||||
import PropertyLabel from './PropertyLabel';
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -25,9 +25,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/components": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/components": "4.0.0-alpha.17",
|
||||
"global": "^4.3.2",
|
||||
"prop-types": "^15.6.2",
|
||||
"react-emotion": "^9.2.6",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -13,10 +13,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/components": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/components": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"copy-to-clipboard": "^3.0.8",
|
||||
"escape-html": "^1.0.3",
|
||||
"fast-deep-equal": "^2.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -20,10 +20,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/components": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/components": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"global": "^4.3.2",
|
||||
"prop-types": "^15.6.2"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-notes",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Write notes for your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -18,8 +18,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"marked": "^0.4.0",
|
||||
"prop-types": "^15.6.2",
|
||||
"react-emotion": "^9.2.6"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-options",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Options addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -19,8 +19,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0"
|
||||
"@storybook/addons": "4.0.0-alpha.17"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "*"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -16,18 +16,18 @@
|
||||
"storybook": "start-storybook -p 6006"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"glob": "^7.1.2",
|
||||
"global": "^4.3.2",
|
||||
"jest-specific-snapshot": "^1.0.0",
|
||||
"read-pkg-up": "^4.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "4.0.0-alpha.16",
|
||||
"@storybook/addon-links": "4.0.0-alpha.16",
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/react": "4.0.0-alpha.16",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.17",
|
||||
"@storybook/addon-links": "4.0.0-alpha.17",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/react": "4.0.0-alpha.17",
|
||||
"enzyme-to-json": "^3.3.4",
|
||||
"react": "^16.4.2"
|
||||
}
|
||||
|
||||
@ -15,7 +15,7 @@ exports[`Storyshots Another Button with some emoji 1`] = `
|
||||
onClick={[Function]}
|
||||
>
|
||||
<button
|
||||
className="emotion-0"
|
||||
className="emotion-0 emotion-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
@ -43,7 +43,7 @@ exports[`Storyshots Another Button with text 1`] = `
|
||||
onClick={[Function]}
|
||||
>
|
||||
<button
|
||||
className="emotion-0"
|
||||
className="emotion-0 emotion-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Hello Button
|
||||
@ -66,7 +66,7 @@ exports[`Storyshots Button with some emoji 1`] = `
|
||||
onClick={[Function]}
|
||||
>
|
||||
<button
|
||||
className="emotion-0"
|
||||
className="emotion-0 emotion-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
@ -94,7 +94,7 @@ exports[`Storyshots Button with text 1`] = `
|
||||
onClick={[Function]}
|
||||
>
|
||||
<button
|
||||
className="emotion-0"
|
||||
className="emotion-0 emotion-1"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Hello Button
|
||||
@ -103,14 +103,14 @@ exports[`Storyshots Button with text 1`] = `
|
||||
`;
|
||||
|
||||
exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
.emotion-9 {
|
||||
.emotion-18 {
|
||||
margin: 15px;
|
||||
max-width: 600px;
|
||||
line-height: 1.4;
|
||||
font-family: "Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif;
|
||||
}
|
||||
|
||||
.emotion-1 {
|
||||
.emotion-2 {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
padding: 2px 5px;
|
||||
@ -120,7 +120,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
color: #3a3a3a;
|
||||
}
|
||||
|
||||
.emotion-2 {
|
||||
.emotion-4 {
|
||||
color: #1474f3;
|
||||
-webkit-text-decoration: none;
|
||||
text-decoration: none;
|
||||
@ -135,7 +135,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
.emotion-6 {
|
||||
.emotion-12 {
|
||||
color: #1474f3;
|
||||
-webkit-text-decoration: none;
|
||||
text-decoration: none;
|
||||
@ -143,7 +143,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.emotion-8 {
|
||||
.emotion-16 {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@ -152,11 +152,11 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
>
|
||||
<Styled(article)>
|
||||
<article
|
||||
className="emotion-9"
|
||||
className="emotion-18 emotion-19"
|
||||
>
|
||||
<Styled(h1)>
|
||||
<h1
|
||||
className="emotion-0"
|
||||
className="emotion-0 emotion-1"
|
||||
>
|
||||
Welcome to storybook
|
||||
</h1>
|
||||
@ -168,7 +168,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
We've added some basic stories inside the
|
||||
<Styled(code)>
|
||||
<code
|
||||
className="emotion-1"
|
||||
className="emotion-2 emotion-3"
|
||||
>
|
||||
src/stories
|
||||
</code>
|
||||
@ -185,7 +185,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
onClick={[Function]}
|
||||
>
|
||||
<button
|
||||
className="emotion-2"
|
||||
className="emotion-4 emotion-5"
|
||||
onClick={[Function]}
|
||||
>
|
||||
stories
|
||||
@ -195,7 +195,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
|
||||
<Styled(code)>
|
||||
<code
|
||||
className="emotion-1"
|
||||
className="emotion-2 emotion-3"
|
||||
>
|
||||
Button
|
||||
</code>
|
||||
@ -210,7 +210,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
(Try editing the
|
||||
<Styled(code)>
|
||||
<code
|
||||
className="emotion-1"
|
||||
className="emotion-2 emotion-3"
|
||||
>
|
||||
Button
|
||||
</code>
|
||||
@ -219,7 +219,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
|
||||
<Styled(code)>
|
||||
<code
|
||||
className="emotion-1"
|
||||
className="emotion-2 emotion-3"
|
||||
>
|
||||
src/stories/index.js
|
||||
</code>
|
||||
@ -237,7 +237,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
target="_blank"
|
||||
>
|
||||
<a
|
||||
className="emotion-6"
|
||||
className="emotion-12 emotion-13"
|
||||
href="https://storybook.js.org/basics/writing-stories"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
@ -250,7 +250,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
</p>
|
||||
<Styled(p)>
|
||||
<p
|
||||
className="emotion-8"
|
||||
className="emotion-16 emotion-17"
|
||||
>
|
||||
<b>
|
||||
NOTE:
|
||||
@ -259,7 +259,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
Have a look at the
|
||||
<Styled(code)>
|
||||
<code
|
||||
className="emotion-1"
|
||||
className="emotion-2 emotion-3"
|
||||
>
|
||||
.storybook/webpack.config.js
|
||||
</code>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Another Button with some emoji 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
@ -16,7 +16,7 @@ exports[`Storyshots Another Button with some emoji 1`] = `
|
||||
|
||||
exports[`Storyshots Another Button with text 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Hello Button
|
||||
@ -25,7 +25,7 @@ exports[`Storyshots Another Button with text 1`] = `
|
||||
|
||||
exports[`Storyshots Button with some emoji 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
@ -39,7 +39,7 @@ exports[`Storyshots Button with some emoji 1`] = `
|
||||
|
||||
exports[`Storyshots Button with text 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Hello Button
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Another Button with some emoji 1`] = `"{\\"type\\":\\"button\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":{\\"type\\":\\"span\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"role\\":\\"img\\",\\"aria-label\\":\\"so cool\\",\\"children\\":\\"😀 😎 👍 💯\\"},\\"_owner\\":null,\\"_store\\":{}},\\"className\\":\\"css-1qwzad5\\"},\\"_owner\\":null,\\"_store\\":{}}"`;
|
||||
exports[`Storyshots Another Button with some emoji 1`] = `"{\\"type\\":\\"button\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":{\\"type\\":\\"span\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"role\\":\\"img\\",\\"aria-label\\":\\"so cool\\",\\"children\\":\\"😀 😎 👍 💯\\"},\\"_owner\\":null,\\"_store\\":{}},\\"className\\":\\"css-1qwzad5 eux70yo0\\"},\\"_owner\\":null,\\"_store\\":{}}"`;
|
||||
|
||||
exports[`Storyshots Another Button with text 1`] = `"{\\"type\\":\\"button\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"Hello Button\\",\\"className\\":\\"css-1qwzad5\\"},\\"_owner\\":null,\\"_store\\":{}}"`;
|
||||
exports[`Storyshots Another Button with text 1`] = `"{\\"type\\":\\"button\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"Hello Button\\",\\"className\\":\\"css-1qwzad5 eux70yo0\\"},\\"_owner\\":null,\\"_store\\":{}}"`;
|
||||
|
||||
exports[`Storyshots Button with some emoji 1`] = `"{\\"type\\":\\"button\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":{\\"type\\":\\"span\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"role\\":\\"img\\",\\"aria-label\\":\\"so cool\\",\\"children\\":\\"😀 😎 👍 💯\\"},\\"_owner\\":null,\\"_store\\":{}},\\"className\\":\\"css-1qwzad5\\"},\\"_owner\\":null,\\"_store\\":{}}"`;
|
||||
exports[`Storyshots Button with some emoji 1`] = `"{\\"type\\":\\"button\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":{\\"type\\":\\"span\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"role\\":\\"img\\",\\"aria-label\\":\\"so cool\\",\\"children\\":\\"😀 😎 👍 💯\\"},\\"_owner\\":null,\\"_store\\":{}},\\"className\\":\\"css-1qwzad5 eux70yo0\\"},\\"_owner\\":null,\\"_store\\":{}}"`;
|
||||
|
||||
exports[`Storyshots Button with text 1`] = `"{\\"type\\":\\"button\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"Hello Button\\",\\"className\\":\\"css-1qwzad5\\"},\\"_owner\\":null,\\"_store\\":{}}"`;
|
||||
exports[`Storyshots Button with text 1`] = `"{\\"type\\":\\"button\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"Hello Button\\",\\"className\\":\\"css-1qwzad5 eux70yo0\\"},\\"_owner\\":null,\\"_store\\":{}}"`;
|
||||
|
||||
exports[`Storyshots Welcome to Storybook 1`] = `"{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":[{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"Welcome to storybook\\"},\\"_owner\\":null,\\"_store\\":{}},{\\"type\\":\\"p\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"This is a UI component dev environment for your app.\\"},\\"_owner\\":null,\\"_store\\":{}},{\\"type\\":\\"p\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":[\\"We've added some basic stories inside the \\",{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"src/stories\\"},\\"_owner\\":null,\\"_store\\":{}},\\" directory.\\",{\\"type\\":\\"br\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{},\\"_owner\\":null,\\"_store\\":{}},\\"A story is a single state of one or more UI components. You can have as many stories as you want.\\",{\\"type\\":\\"br\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{},\\"_owner\\":null,\\"_store\\":{}},\\"(Basically a story is like a visual test case.)\\"]},\\"_owner\\":null,\\"_store\\":{}},{\\"type\\":\\"p\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":[\\"See these sample \\",{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"stories\\"},\\"_owner\\":null,\\"_store\\":{}},\\" for a component called\\",\\" \\",{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"Button\\"},\\"_owner\\":null,\\"_store\\":{}},\\".\\"]},\\"_owner\\":null,\\"_store\\":{}},{\\"type\\":\\"p\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":[\\"Just like that, you can add your own components as stories.\\",{\\"type\\":\\"br\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{},\\"_owner\\":null,\\"_store\\":{}},\\"You can also edit those components and see changes right away.\\",{\\"type\\":\\"br\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{},\\"_owner\\":null,\\"_store\\":{}},\\"(Try editing the \\",{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"Button\\"},\\"_owner\\":null,\\"_store\\":{}},\\" stories located at\\",\\" \\",{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"src/stories/index.js\\"},\\"_owner\\":null,\\"_store\\":{}},\\".)\\"]},\\"_owner\\":null,\\"_store\\":{}},{\\"type\\":\\"p\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":[\\"Usually we create stories with smaller UI components in the app.\\",{\\"type\\":\\"br\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{},\\"_owner\\":null,\\"_store\\":{}},\\"Have a look at the\\",\\" \\",{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"href\\":\\"https://storybook.js.org/basics/writing-stories\\",\\"target\\":\\"_blank\\",\\"rel\\":\\"noopener noreferrer\\",\\"children\\":\\"Writing Stories\\"},\\"_owner\\":null,\\"_store\\":{}},\\" \\",\\"section in our documentation.\\"]},\\"_owner\\":null,\\"_store\\":{}},{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":[{\\"type\\":\\"b\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\"NOTE:\\"},\\"_owner\\":null,\\"_store\\":{}},{\\"type\\":\\"br\\",\\"key\\":null,\\"ref\\":null,\\"props\\":{},\\"_owner\\":null,\\"_store\\":{}},\\"Have a look at the \\",{\\"key\\":null,\\"ref\\":null,\\"props\\":{\\"children\\":\\".storybook/webpack.config.js\\"},\\"_owner\\":null,\\"_store\\":{}},\\" to add webpack loaders and plugins you are using in this project.\\"]},\\"_owner\\":null,\\"_store\\":{}}]},\\"_owner\\":null,\\"_store\\":{}}"`;
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Another Button with some emoji 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
@ -16,7 +16,7 @@ exports[`Storyshots Another Button with some emoji 1`] = `
|
||||
|
||||
exports[`Storyshots Another Button with text 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Hello Button
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Another Button with some emoji 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
@ -16,7 +16,7 @@ exports[`Storyshots Another Button with some emoji 1`] = `
|
||||
|
||||
exports[`Storyshots Another Button with text 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Hello Button
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Another Button with some emoji 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Another Button with text 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Hello Button
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Button with some emoji 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
@ -16,7 +16,7 @@ exports[`Storyshots Button with some emoji 1`] = `
|
||||
|
||||
exports[`Storyshots Button with text 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Hello Button
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Button with some emoji 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
@ -16,7 +16,7 @@ exports[`Storyshots Button with some emoji 1`] = `
|
||||
|
||||
exports[`Storyshots Button with text 1`] = `
|
||||
<button
|
||||
className="css-1qwzad5"
|
||||
className="css-1qwzad5 eux70yo0"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Hello Button
|
||||
|
||||
@ -2,10 +2,10 @@
|
||||
|
||||
exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<article
|
||||
className="css-3qkdq7"
|
||||
className="css-3qkdq7 ensbfgf0"
|
||||
>
|
||||
<h1
|
||||
className="css-0"
|
||||
className="css-0 ensbfgf1"
|
||||
>
|
||||
Welcome to storybook
|
||||
</h1>
|
||||
@ -15,7 +15,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<p>
|
||||
We've added some basic stories inside the
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
src/stories
|
||||
</code>
|
||||
@ -28,7 +28,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<p>
|
||||
See these sample
|
||||
<button
|
||||
className="css-1otf2jm"
|
||||
className="css-1otf2jm ensbfgf5"
|
||||
onClick={[Function]}
|
||||
>
|
||||
stories
|
||||
@ -36,7 +36,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
for a component called
|
||||
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
Button
|
||||
</code>
|
||||
@ -49,14 +49,14 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<br />
|
||||
(Try editing the
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
Button
|
||||
</code>
|
||||
stories located at
|
||||
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
src/stories/index.js
|
||||
</code>
|
||||
@ -68,7 +68,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
Have a look at the
|
||||
|
||||
<a
|
||||
className="css-4d3lbr"
|
||||
className="css-4d3lbr ensbfgf4"
|
||||
href="https://storybook.js.org/basics/writing-stories"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
@ -79,7 +79,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
section in our documentation.
|
||||
</p>
|
||||
<p
|
||||
className="css-1tzeee1"
|
||||
className="css-1tzeee1 ensbfgf2"
|
||||
>
|
||||
<b>
|
||||
NOTE:
|
||||
@ -87,7 +87,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<br />
|
||||
Have a look at the
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
.storybook/webpack.config.js
|
||||
</code>
|
||||
|
||||
@ -2,10 +2,10 @@
|
||||
|
||||
exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<article
|
||||
className="css-3qkdq7"
|
||||
className="css-3qkdq7 ensbfgf0"
|
||||
>
|
||||
<h1
|
||||
className="css-0"
|
||||
className="css-0 ensbfgf1"
|
||||
>
|
||||
Welcome to storybook
|
||||
</h1>
|
||||
@ -15,7 +15,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<p>
|
||||
We've added some basic stories inside the
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
src/stories
|
||||
</code>
|
||||
@ -28,7 +28,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<p>
|
||||
See these sample
|
||||
<button
|
||||
className="css-1otf2jm"
|
||||
className="css-1otf2jm ensbfgf5"
|
||||
onClick={[Function]}
|
||||
>
|
||||
stories
|
||||
@ -36,7 +36,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
for a component called
|
||||
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
Button
|
||||
</code>
|
||||
@ -49,14 +49,14 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<br />
|
||||
(Try editing the
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
Button
|
||||
</code>
|
||||
stories located at
|
||||
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
src/stories/index.js
|
||||
</code>
|
||||
@ -68,7 +68,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
Have a look at the
|
||||
|
||||
<a
|
||||
className="css-4d3lbr"
|
||||
className="css-4d3lbr ensbfgf4"
|
||||
href="https://storybook.js.org/basics/writing-stories"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
@ -79,7 +79,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
section in our documentation.
|
||||
</p>
|
||||
<p
|
||||
className="css-1tzeee1"
|
||||
className="css-1tzeee1 ensbfgf2"
|
||||
>
|
||||
<b>
|
||||
NOTE:
|
||||
@ -87,7 +87,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<br />
|
||||
Have a look at the
|
||||
<code
|
||||
className="css-1rxzob2"
|
||||
className="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
.storybook/webpack.config.js
|
||||
</code>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Image snappshots addition to StoryShots base on puppeteer",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -13,8 +13,8 @@
|
||||
"prepare": "node ../../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/node-logger": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/node-logger": "4.0.0-alpha.17",
|
||||
"jest-image-snapshot": "^2.4.3",
|
||||
"puppeteer": "^1.6.2"
|
||||
},
|
||||
|
||||
@ -59,20 +59,21 @@ export const imageSnapshot = (customConfig = {}) => {
|
||||
|
||||
expect.assertions(1);
|
||||
|
||||
let image;
|
||||
try {
|
||||
await customizePage(page);
|
||||
await page.goto(url, getGotoOptions({ context, url }));
|
||||
await beforeScreenshot(page, { context, url });
|
||||
const image = await page.screenshot(getScreenshotOptions({ context, url }));
|
||||
|
||||
expect(image).toMatchImageSnapshot(getMatchOptions({ context, url }));
|
||||
image = await page.screenshot(getScreenshotOptions({ context, url }));
|
||||
} catch (e) {
|
||||
logger.error(
|
||||
`ERROR WHILE CONNECTING TO ${url}, did you start or build the storybook first ? A storybook instance should be running or a static version should be built when using image snapshot feature.`,
|
||||
`Error when connecting to ${url}, did you start or build the storybook first? A storybook instance should be running or a static version should be built when using image snapshot feature.`,
|
||||
e
|
||||
);
|
||||
throw e;
|
||||
}
|
||||
|
||||
expect(image).toMatchImageSnapshot(getMatchOptions({ context, url }));
|
||||
};
|
||||
|
||||
testFn.afterAll = () => browser.close();
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Stories addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -20,9 +20,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/components": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/components": "4.0.0-alpha.17",
|
||||
"estraverse": "^4.2.0",
|
||||
"loader-utils": "^1.1.0",
|
||||
"prettier": "^1.14.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook addon to change the viewport size to mobile",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -11,10 +11,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/components": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/components": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"global": "^4.3.2",
|
||||
"prop-types": "^15.6.2",
|
||||
"react-emotion": "^9.2.6",
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
/* eslint-disable react/destructuring-assignment */
|
||||
|
||||
import React from 'react';
|
||||
import { shallow } from 'enzyme';
|
||||
import { document } from 'global';
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
Storybook for Angular is a UI development environment for your Angular components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/apps/angular",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/app/angular",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybooks/storybook/issues"
|
||||
},
|
||||
@ -22,10 +22,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"@storybook/node-logger": "4.0.0-alpha.16",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"@storybook/node-logger": "4.0.0-alpha.17",
|
||||
"angular2-template-loader": "^0.6.2",
|
||||
"babel-runtime": "^6.23.0",
|
||||
"core-js": "^2.5.7",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.4.2",
|
||||
@ -41,6 +41,7 @@
|
||||
"@angular/core": ">=6.0.0",
|
||||
"@angular/forms": ">=6.0.0",
|
||||
"@angular/platform-browser": ">=6.0.0",
|
||||
"@angular/platform-browser-dynamic": ">=6.0.0"
|
||||
"@angular/platform-browser-dynamic": ">=6.0.0",
|
||||
"babel-loader": "^7.0.0 || ^8.0.0 || ^8.0.0-beta.6"
|
||||
}
|
||||
}
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
Storybook for HTML is a UI development environment for your plain HTML snippets.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 232 KiB |
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/apps/html",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/app/html",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybooks/storybook/issues"
|
||||
},
|
||||
@ -21,11 +21,15 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"common-tags": "^1.8.0",
|
||||
"global": "^4.3.2",
|
||||
"html-loader": "^0.5.5",
|
||||
"react": "^16.4.2",
|
||||
"react-dom": "^16.4.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"babel-loader": "^7.0.0 || ^8.0.0 || ^8.0.0-beta.6"
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
Storybook for Marko is a UI development environment for your Marko components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/app/marko",
|
||||
"bugs": {
|
||||
@ -22,7 +22,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"common-tags": "^1.8.0",
|
||||
"global": "^4.3.2",
|
||||
"marko-loader": "^1.3.3",
|
||||
@ -31,6 +32,7 @@
|
||||
"react-dom": "^16.4.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"babel-loader": "^7.0.0 || ^8.0.0 || ^8.0.0-beta.6",
|
||||
"marko": "^4.10.0",
|
||||
"marko-widgets": "^7.0.1"
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
Storybook for Mithril is a UI development environment for your Mithril components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/app/mithril",
|
||||
"bugs": {
|
||||
@ -22,7 +22,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"@babel/plugin-transform-react-jsx": "^7.0.0-rc.2",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"common-tags": "^1.8.0",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.4.2",
|
||||
@ -32,6 +34,7 @@
|
||||
"mithril": "^1.1.6"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"babel-loader": "^7.0.0 || ^8.0.0 || ^8.0.0-beta.6",
|
||||
"mithril": "^1.1.6"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +1,8 @@
|
||||
import packageJson from '../../package.json';
|
||||
|
||||
import wrapDefaultBabelConfig from './wrapDefaultBabelConfig';
|
||||
|
||||
export default {
|
||||
packageJson,
|
||||
wrapDefaultBabelConfig,
|
||||
};
|
||||
|
||||
4
app/mithril/src/server/wrapDefaultBabelConfig.js
Normal file
4
app/mithril/src/server/wrapDefaultBabelConfig.js
Normal file
@ -0,0 +1,4 @@
|
||||
export default config => ({
|
||||
...config,
|
||||
plugins: [...config.plugins, require.resolve('@babel/plugin-transform-react-jsx')],
|
||||
});
|
||||
@ -5,7 +5,7 @@ With it, you can visualize different states of your UI components and develop th
|
||||
|
||||
> Storybook for Polymer is at the **EXPERIMENTAL** stage!
|
||||
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@storybook/polymer",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/apps/polymer",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/app/polymer",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybooks/storybook/issues"
|
||||
},
|
||||
@ -21,9 +21,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"@babel/polyfill": "^7.0.0-rc.2",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"@webcomponents/webcomponentsjs": "^1.2.0",
|
||||
"babel-polyfill": "^6.26.0",
|
||||
"common-tags": "^1.8.0",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.4.2",
|
||||
@ -34,6 +35,7 @@
|
||||
"polymer-webpack-loader": "^2.0.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"babel-loader": "^7.0.0 || ^8.0.0 || ^8.0.0-beta.6",
|
||||
"lit-html": "0.10.0",
|
||||
"polymer-webpack-loader": "2.0.2"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import '@webcomponents/webcomponentsjs/webcomponents-lite';
|
||||
import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter';
|
||||
import 'babel-polyfill';
|
||||
import '@babel/polyfill';
|
||||
|
||||
import { window } from 'global';
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-native",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "A better way to develop React Native Components for your app",
|
||||
"keywords": [
|
||||
"react",
|
||||
@ -25,11 +25,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/channel-websocket": "4.0.0-alpha.16",
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"@storybook/ui": "4.0.0-alpha.16",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/channel-websocket": "4.0.0-alpha.17",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"@storybook/ui": "4.0.0-alpha.17",
|
||||
"babel-loader": "^7.1.5",
|
||||
"babel-plugin-macros": "^2.3.0",
|
||||
"babel-plugin-syntax-async-functions": "^6.13.0",
|
||||
@ -71,7 +71,7 @@
|
||||
"react-native": "^0.52.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"babel-core": "^6.26.0 || ^7.0.0-0",
|
||||
"babel-core": "^6.26.0 || ^7.0.0-0 || ^7.0.0-bridge.0",
|
||||
"babel-runtime": ">=6.0.0",
|
||||
"react": "*",
|
||||
"react-native": ">=0.51.0"
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
Storybook for React is a UI development environment for your React components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/app/react",
|
||||
"bugs": {
|
||||
@ -22,9 +22,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"babel-plugin-react-docgen": "^2.0.0-rc.1",
|
||||
"babel-preset-react": "^6.24.1",
|
||||
"@babel/preset-flow": "^7.0.0-rc.2",
|
||||
"@babel/preset-react": "^7.0.0-rc.2",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"babel-plugin-react-docgen": "^2.0.0-babel7.0",
|
||||
"common-tags": "^1.8.0",
|
||||
"emotion": "^9.2.6",
|
||||
"global": "^4.3.2",
|
||||
@ -34,6 +36,7 @@
|
||||
"react-emotion": "^9.2.6"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"babel-loader": "^7.0.0 || ^8.0.0 || ^8.0.0-beta.6",
|
||||
"react": ">=15.0.0",
|
||||
"react-dom": ">=15.0.0"
|
||||
}
|
||||
|
||||
@ -1,4 +1,8 @@
|
||||
export default config => ({
|
||||
...config,
|
||||
presets: [...config.presets, require.resolve('babel-preset-react')],
|
||||
presets: [
|
||||
...config.presets,
|
||||
require.resolve('@babel/preset-react'),
|
||||
require.resolve('@babel/preset-flow'),
|
||||
],
|
||||
});
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
Storybook for Svelte is a UI development environment for your Svelte components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/apps/svelte",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/app/svelte",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybooks/storybook/issues"
|
||||
},
|
||||
@ -22,14 +22,19 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"common-tags": "^1.8.0",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.4.0",
|
||||
"react-dom": "^16.4.0"
|
||||
"react": "^16.4.2",
|
||||
"react-dom": "^16.4.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"svelte": "^2.7.2",
|
||||
"svelte-loader": "^2.9.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"babel-loader": "^7.0.0 || ^8.0.0 || ^8.0.0-beta.6",
|
||||
"svelte": "^2.7.2",
|
||||
"svelte-loader": "^2.9.1"
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
Storybook for Vue is a UI development environment for your Vue components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/apps/vue",
|
||||
"homepage": "https://github.com/storybooks/storybook/tree/master/app/vue",
|
||||
"bugs": {
|
||||
"url": "https://github.com/storybooks/storybook/issues"
|
||||
},
|
||||
@ -22,18 +22,21 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"@babel/runtime": "^7.0.0-rc.2",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"common-tags": "^1.8.0",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.4.2",
|
||||
"react-dom": "^16.4.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"babel-preset-vue": "^2.0.2",
|
||||
"vue": "^2.5.17",
|
||||
"vue-loader": "15.x.x",
|
||||
"vue-template-compiler": "^2.5.17"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"babel-loader": "^7.0.0 || ^8.0.0 || ^8.0.0-beta.6",
|
||||
"vue": "2.5.16",
|
||||
"vue-loader": "15.x.x",
|
||||
"vue-template-compiler": "2.5.16"
|
||||
|
||||
@ -1,8 +1,10 @@
|
||||
import packageJson from '../../package.json';
|
||||
|
||||
import wrapInitialConfig from './wrapInitialConfig';
|
||||
import wrapDefaultBabelConfig from './wrapDefaultBabelConfig';
|
||||
|
||||
export default {
|
||||
packageJson,
|
||||
wrapInitialConfig,
|
||||
wrapDefaultBabelConfig,
|
||||
};
|
||||
|
||||
4
app/vue/src/server/wrapDefaultBabelConfig.js
Normal file
4
app/vue/src/server/wrapDefaultBabelConfig.js
Normal file
@ -0,0 +1,4 @@
|
||||
export default config => ({
|
||||
...config,
|
||||
presets: [...config.presets, require.resolve('babel-preset-vue')],
|
||||
});
|
||||
@ -1,21 +0,0 @@
|
||||
language: node_js
|
||||
branches:
|
||||
except:
|
||||
- master
|
||||
cache:
|
||||
directories:
|
||||
- node_modules
|
||||
- ".cache"
|
||||
notifications:
|
||||
email: false
|
||||
node_js:
|
||||
- node
|
||||
before_install: "./scripts/travis/before_install.sh"
|
||||
after_success: "./scripts/travis/after_success.sh"
|
||||
script:
|
||||
- npm run lint
|
||||
git:
|
||||
depth: 1
|
||||
env:
|
||||
global:
|
||||
- secure: yNNjO4HvIcBH2r+EpWr29TQZzUJoQCC7MlxDtWW5XCsiL7lwnAxRk9DJ1edjYyd2lt4UWVyiQYD7708YMq7sR9TQWN195kcVnd1k5JzNBvePK9VjrmX2e2gRsbSQmWYQXFuUvbEbBmZUPhWbgaTzDzSdzsoFpTqJg3Q328S2GleixtPLBly5SC59Zar9tGw7OyVmPRN9GdKbVQfPQcmHDY+fHKzAqBaenlL/dC6UR9N+w5oWr3KFH/smrVzbDEonoKaZqvj02LnHVctGL6XCopoNbm7ldf/A6qKS/9D/MrLiLP3O3umCPhnGH8L8bNw7I6pdIKbroISUd+v5FqoCLN1iLO5wDY73gKUdwYUAt37KEhFUJPDwr/YYxRP0fZHIF0lI44w0RgN7N27ISwu9dw6Zq6a28+UcBRyemsvfXodBO9jiAW8R0pQhqWZ9yc2vZfFVfRh5SbHBLqIc0uHcqAtnkx8XU72bDDbqmA0dCA+LwAPX3doaaP37C5BzO+khGODpG+4R0nSsuTdPB6+jbBuS84V9YUAAl95hhMlYA9hvI3GdDjPkahuaYdUrYmqSh3v2XIhEA+D6BjXaGLYwcFpZzLB8pzZbRZVR4RdmuGF1J+ozxZNiKPPqcmK7XFlGWJ2b2+fFw3ZuHU6grDdCe1zpLYzrx1Om6QBUir83oGM=
|
||||
@ -1,6 +1,7 @@
|
||||
{
|
||||
"name": "storybook.js.org",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"description": "storybook.js.org documentation",
|
||||
"keywords": [
|
||||
"react",
|
||||
@ -9,7 +10,7 @@
|
||||
"license": "MIT",
|
||||
"main": "n/a",
|
||||
"scripts": {
|
||||
"build": "gatsby build && cp static/**/* .travis.yml ./public",
|
||||
"build": "gatsby build && cp static/**/* ./public",
|
||||
"build-storybook": "build-storybook",
|
||||
"deploy:ci": "gh-pages -t -r https://${GH_TOKEN}@github.com/storybooks/storybook.git -d public -o origin -b gh-pages",
|
||||
"deploy:manual": "gh-pages -t -r git@github.com:storybooks/storybook.git -d public -o origin -b gh-pages",
|
||||
@ -46,6 +47,5 @@
|
||||
"react-router": "^4.3.1",
|
||||
"react-stack-grid": "^0.7.1",
|
||||
"sitemap": "^1.12.0"
|
||||
},
|
||||
"private": true
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,14 +0,0 @@
|
||||
#!/bin/bash
|
||||
set -e
|
||||
|
||||
if [ "$TRAVIS_PULL_REQUEST" != "false" ]; then
|
||||
echo "We are in a pull request, not releasing"
|
||||
exit 0
|
||||
fi
|
||||
|
||||
if [[ $TRAVIS_BRANCH == 'source' ]]; then
|
||||
npm run build
|
||||
git config --global user.email "nobody@nobody.org"
|
||||
git config --global user.name "Travis CI"
|
||||
npm run deploy-travis
|
||||
fi
|
||||
@ -1,38 +0,0 @@
|
||||
#!/bin/bash
|
||||
set -e
|
||||
# Note: do not do set -x or the passwords will leak!
|
||||
|
||||
if [ "$TRAVIS_PULL_REQUEST" != "false" ]; then
|
||||
echo "We are in a pull request, not setting up release"
|
||||
exit 0
|
||||
fi
|
||||
|
||||
if [[ $TRAVIS_BRANCH == 'master' ]]; then
|
||||
# rm -rf .git
|
||||
# git init
|
||||
# git clean -dfx
|
||||
# git remote add origin https://github.com/atlassian/lerna-semantic-release.git
|
||||
# git fetch origin
|
||||
# git clone https://github.com/$TRAVIS_REPO_SLUG.git $TRAVIS_REPO_SLUG
|
||||
# git checkout $TRAVIS_BRANCH
|
||||
#
|
||||
# git config credential.helper store
|
||||
# echo "https://${RELEASE_GH_USERNAME}:${RELEASE_GH_TOKEN}@github.com/atlassian/lerna-semantic-release.git" > ~/.git-credentials
|
||||
#
|
||||
# npm config set //registry.npmjs.org/:_authToken=$NPM_TOKEN -q
|
||||
# npm prune
|
||||
#
|
||||
# git config --global user.email "design-platform@atlassian.com"
|
||||
# git config --global user.name "Design Platform"
|
||||
# git config --global push.default simple
|
||||
#
|
||||
# git fetch --tags
|
||||
# git branch -u origin/$TRAVIS_BRANCH
|
||||
# git fsck --full #debug
|
||||
# echo "npm whoami"
|
||||
# npm whoami #debug
|
||||
# echo "git config --list"
|
||||
# git config --list #debug
|
||||
echo "We are on master"
|
||||
exit 0
|
||||
fi
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB |
BIN
docs/src/components/Homepage/Demo/images/storybook-intro.gif
Normal file
BIN
docs/src/components/Homepage/Demo/images/storybook-intro.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
@ -1,5 +1,5 @@
|
||||
import React from 'react';
|
||||
import demoImg from './images/demo.gif';
|
||||
import demoImg from './images/storybook-intro.gif';
|
||||
import './style.css';
|
||||
|
||||
const Demo = () => (
|
||||
|
||||
@ -1,101 +1 @@
|
||||
{
|
||||
"numFailedTestSuites": 0,
|
||||
"numFailedTests": 0,
|
||||
"numPassedTestSuites": 2,
|
||||
"numPassedTests": 6,
|
||||
"numPendingTestSuites": 0,
|
||||
"numPendingTests": 0,
|
||||
"numRuntimeErrorTestSuites": 0,
|
||||
"numTotalTestSuites": 2,
|
||||
"numTotalTests": 6,
|
||||
"snapshot": {
|
||||
"added": 0,
|
||||
"didUpdate": false,
|
||||
"failure": false,
|
||||
"filesAdded": 0,
|
||||
"filesRemoved": 0,
|
||||
"filesUnmatched": 0,
|
||||
"filesUpdated": 0,
|
||||
"matched": 0,
|
||||
"total": 0,
|
||||
"unchecked": 0,
|
||||
"uncheckedKeys": [],
|
||||
"unmatched": 0,
|
||||
"updated": 0
|
||||
},
|
||||
"startTime": 1527637782576,
|
||||
"success": true,
|
||||
"testResults": [
|
||||
{
|
||||
"assertionResults": [
|
||||
{
|
||||
"ancestorTitles": ["AppComponent"],
|
||||
"failureMessages": [],
|
||||
"fullName": "AppComponent should create the app",
|
||||
"location": null,
|
||||
"status": "passed",
|
||||
"title": "should create the app"
|
||||
},
|
||||
{
|
||||
"ancestorTitles": ["AppComponent"],
|
||||
"failureMessages": [],
|
||||
"fullName": "AppComponent should have as title 'app'",
|
||||
"location": null,
|
||||
"status": "passed",
|
||||
"title": "should have as title 'app'"
|
||||
},
|
||||
{
|
||||
"ancestorTitles": ["AppComponent"],
|
||||
"failureMessages": [],
|
||||
"fullName": "AppComponent should render title in a h1 tag",
|
||||
"location": null,
|
||||
"status": "passed",
|
||||
"title": "should render title in a h1 tag"
|
||||
}
|
||||
],
|
||||
"endTime": 1527637787074,
|
||||
"message": "",
|
||||
"name":
|
||||
"/Users/jetbrains/IdeaProjects/storybook/examples/angular-cli/dist/app/app.component.spec.ts",
|
||||
"startTime": 1527637783974,
|
||||
"status": "passed",
|
||||
"summary": ""
|
||||
},
|
||||
{
|
||||
"assertionResults": [
|
||||
{
|
||||
"ancestorTitles": ["AppComponent"],
|
||||
"failureMessages": [],
|
||||
"fullName": "AppComponent should create the app",
|
||||
"location": null,
|
||||
"status": "passed",
|
||||
"title": "should create the app"
|
||||
},
|
||||
{
|
||||
"ancestorTitles": ["AppComponent"],
|
||||
"failureMessages": [],
|
||||
"fullName": "AppComponent should have as title 'app'",
|
||||
"location": null,
|
||||
"status": "passed",
|
||||
"title": "should have as title 'app'"
|
||||
},
|
||||
{
|
||||
"ancestorTitles": ["AppComponent"],
|
||||
"failureMessages": [],
|
||||
"fullName": "AppComponent should render title in a h1 tag",
|
||||
"location": null,
|
||||
"status": "passed",
|
||||
"title": "should render title in a h1 tag"
|
||||
}
|
||||
],
|
||||
"endTime": 1527637787196,
|
||||
"message": "",
|
||||
"name":
|
||||
"/Users/jetbrains/IdeaProjects/storybook/examples/angular-cli/src/app/app.component.spec.ts",
|
||||
"startTime": 1527637783968,
|
||||
"status": "passed",
|
||||
"summary": ""
|
||||
}
|
||||
],
|
||||
"wasInterrupted": false
|
||||
}
|
||||
{"numFailedTestSuites":0,"numFailedTests":0,"numPassedTestSuites":2,"numPassedTests":6,"numPendingTestSuites":0,"numPendingTests":0,"numRuntimeErrorTestSuites":0,"numTotalTestSuites":2,"numTotalTests":6,"snapshot":{"added":0,"didUpdate":false,"failure":false,"filesAdded":0,"filesRemoved":0,"filesUnmatched":0,"filesUpdated":0,"matched":0,"total":0,"unchecked":0,"uncheckedKeys":[],"unmatched":0,"updated":0},"startTime":1530735099028,"success":true,"testResults":[{"assertionResults":[{"ancestorTitles":["AppComponent"],"failureMessages":[],"fullName":"AppComponent should create the app","location":null,"status":"passed","title":"should create the app"},{"ancestorTitles":["AppComponent"],"failureMessages":[],"fullName":"AppComponent should have as title 'app'","location":null,"status":"passed","title":"should have as title 'app'"},{"ancestorTitles":["AppComponent"],"failureMessages":[],"fullName":"AppComponent should render title in a h1 tag","location":null,"status":"passed","title":"should render title in a h1 tag"}],"endTime":1530735101239,"message":"","name":"/Users/jetbrains/IdeaProjects/storybook/examples/angular-cli/src/app/app.component.spec.ts","startTime":1530735099689,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["AppComponent"],"failureMessages":[],"fullName":"AppComponent should create the app","location":null,"status":"passed","title":"should create the app"},{"ancestorTitles":["AppComponent"],"failureMessages":[],"fullName":"AppComponent should have as title 'app'","location":null,"status":"passed","title":"should have as title 'app'"},{"ancestorTitles":["AppComponent"],"failureMessages":[],"fullName":"AppComponent should render title in a h1 tag","location":null,"status":"passed","title":"should render title in a h1 tag"}],"endTime":1530735101514,"message":"","name":"/Users/jetbrains/IdeaProjects/storybook/examples/angular-cli/dist/app/app.component.spec.ts","startTime":1530735101249,"status":"passed","summary":""}],"wasInterrupted":false}
|
||||
@ -1,2 +1,4 @@
|
||||
import 'jest-preset-angular';
|
||||
import './globalMocks';
|
||||
|
||||
require('babel-plugin-require-context-hook/register')();
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -34,6 +34,7 @@
|
||||
"angularshots.test.js"
|
||||
],
|
||||
"transform": {
|
||||
".(ts|tsx)$": "<rootDir>/node_modules/ts-jest/preprocessor.js",
|
||||
"^.+\\.(ts|js|html)$": "<rootDir>/../../node_modules/jest-preset-angular/preprocessor.js"
|
||||
}
|
||||
},
|
||||
@ -54,25 +55,24 @@
|
||||
"@angular-devkit/build-angular": "^0.7.2",
|
||||
"@angular/cli": "^6.1.2",
|
||||
"@angular/compiler-cli": "^6.1.1",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.16",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.16",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.16",
|
||||
"@storybook/addon-jest": "4.0.0-alpha.16",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.16",
|
||||
"@storybook/addon-links": "4.0.0-alpha.16",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.16",
|
||||
"@storybook/addon-options": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.16",
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/angular": "4.0.0-alpha.16",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.17",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.17",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.17",
|
||||
"@storybook/addon-jest": "4.0.0-alpha.17",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.17",
|
||||
"@storybook/addon-links": "4.0.0-alpha.17",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.17",
|
||||
"@storybook/addon-options": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.17",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/angular": "4.0.0-alpha.17",
|
||||
"@types/jasmine": "~2.8.8",
|
||||
"@types/jasminewd2": "^2.0.3",
|
||||
"@types/jest": "^23.3.1",
|
||||
"@types/node": "~10.5.6",
|
||||
"@types/storybook__addon-options": "^3.2.2",
|
||||
"@types/webpack-env": "^1.13.6",
|
||||
"babel-core": "^6.26.3",
|
||||
"global": "^4.3.2",
|
||||
"jasmine-core": "~3.1.0",
|
||||
"jasmine-spec-reporter": "~4.2.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,22 +18,21 @@
|
||||
"react-lifecycles-compat": "^3.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "4.0.0-alpha.16",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.16",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.16",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.16",
|
||||
"@storybook/addon-events": "4.0.0-alpha.16",
|
||||
"@storybook/addon-info": "4.0.0-alpha.16",
|
||||
"@storybook/addon-jest": "4.0.0-alpha.16",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.16",
|
||||
"@storybook/addon-links": "4.0.0-alpha.16",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.16",
|
||||
"@storybook/addon-options": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.16",
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/client-logger": "4.0.0-alpha.16",
|
||||
"@storybook/react": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addon-a11y": "4.0.0-alpha.17",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.17",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.17",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.17",
|
||||
"@storybook/addon-events": "4.0.0-alpha.17",
|
||||
"@storybook/addon-info": "4.0.0-alpha.17",
|
||||
"@storybook/addon-jest": "4.0.0-alpha.17",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.17",
|
||||
"@storybook/addon-links": "4.0.0-alpha.17",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.17",
|
||||
"@storybook/addon-options": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.17",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/client-logger": "4.0.0-alpha.17",
|
||||
"@storybook/react": "4.0.0-alpha.17",
|
||||
"enzyme": "^3.3.0",
|
||||
"enzyme-adapter-react-16": "^1.1.0",
|
||||
"enzyme-to-json": "^3.3.4",
|
||||
|
||||
@ -92,7 +92,7 @@ exports[`Storyshots Button addons composition 1`] = `
|
||||
Story Source
|
||||
</h1>
|
||||
<pre
|
||||
class="css-r8d96o"
|
||||
class="css-r8d96o eyvlbql0"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
@ -181,10 +181,10 @@ exports[`Storyshots Button addons composition 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
class="css-1naocv3"
|
||||
class="css-1naocv3 eva467m0"
|
||||
>
|
||||
<div
|
||||
class="css-lvl6aa"
|
||||
class="css-lvl6aa eva467m1"
|
||||
>
|
||||
<div
|
||||
style="margin-bottom:6px"
|
||||
@ -296,7 +296,7 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
Story Source
|
||||
</h1>
|
||||
<pre
|
||||
class="css-r8d96o"
|
||||
class="css-r8d96o eyvlbql0"
|
||||
>
|
||||
<div>
|
||||
<div>
|
||||
@ -385,10 +385,10 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
class="css-1naocv3"
|
||||
class="css-1naocv3 eva467m0"
|
||||
>
|
||||
<div
|
||||
class="css-lvl6aa"
|
||||
class="css-lvl6aa eva467m1"
|
||||
>
|
||||
<div
|
||||
style="margin-bottom:6px"
|
||||
@ -415,32 +415,32 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
"Container" Component
|
||||
</h2>
|
||||
<table
|
||||
class="css-1uhv8nx"
|
||||
class="css-1uhv8nx e1vdo5380"
|
||||
>
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir1"
|
||||
>
|
||||
property
|
||||
</th>
|
||||
<th
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir1"
|
||||
>
|
||||
propType
|
||||
</th>
|
||||
<th
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir1"
|
||||
>
|
||||
required
|
||||
</th>
|
||||
<th
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir1"
|
||||
>
|
||||
default
|
||||
</th>
|
||||
<th
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir1"
|
||||
>
|
||||
description
|
||||
</th>
|
||||
@ -449,47 +449,47 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="css-1qcb1f7"
|
||||
class="css-1qcb1f7 e6fp4ir0"
|
||||
>
|
||||
children
|
||||
</td>
|
||||
<td
|
||||
class="css-1qcb1f7"
|
||||
class="css-1qcb1f7 e6fp4ir0"
|
||||
>
|
||||
<span />
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
>
|
||||
yes
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
>
|
||||
-
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
/>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
class="css-1qcb1f7"
|
||||
class="css-1qcb1f7 e6fp4ir0"
|
||||
>
|
||||
isAmazing
|
||||
</td>
|
||||
<td
|
||||
class="css-1qcb1f7"
|
||||
class="css-1qcb1f7 e6fp4ir0"
|
||||
>
|
||||
<span />
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
>
|
||||
-
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
>
|
||||
<span
|
||||
style="color:#a11"
|
||||
@ -498,27 +498,27 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
</span>
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
/>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
class="css-1qcb1f7"
|
||||
class="css-1qcb1f7 e6fp4ir0"
|
||||
>
|
||||
age
|
||||
</td>
|
||||
<td
|
||||
class="css-1qcb1f7"
|
||||
class="css-1qcb1f7 e6fp4ir0"
|
||||
>
|
||||
<span />
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
>
|
||||
-
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
>
|
||||
<span
|
||||
style="color:#666"
|
||||
@ -555,27 +555,27 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
</span>
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
/>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
class="css-1qcb1f7"
|
||||
class="css-1qcb1f7 e6fp4ir0"
|
||||
>
|
||||
title
|
||||
</td>
|
||||
<td
|
||||
class="css-1qcb1f7"
|
||||
class="css-1qcb1f7 e6fp4ir0"
|
||||
>
|
||||
<span />
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
>
|
||||
-
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
>
|
||||
<span
|
||||
style="color:#22a;word-break:break-word"
|
||||
@ -584,7 +584,7 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
</span>
|
||||
</td>
|
||||
<td
|
||||
class="css-11b5gui"
|
||||
class="css-11b5gui e6fp4ir0"
|
||||
/>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -609,7 +609,7 @@ exports[`Storyshots Button with new info 1`] = `
|
||||
|
||||
exports[`Storyshots Button with notes 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Check my notes in the notes panel
|
||||
</button>
|
||||
@ -617,7 +617,7 @@ exports[`Storyshots Button with notes 1`] = `
|
||||
|
||||
exports[`Storyshots Button with some emoji 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
<span
|
||||
aria-label="so cool"
|
||||
@ -630,7 +630,7 @@ exports[`Storyshots Button with some emoji 1`] = `
|
||||
|
||||
exports[`Storyshots Button with text 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Hello Button
|
||||
</button>
|
||||
@ -650,7 +650,7 @@ exports[`Storyshots Some really long story kind description with text 1`] = `
|
||||
style="margin:auto;max-height:100%"
|
||||
>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Hello Button
|
||||
</button>
|
||||
|
||||
@ -2,10 +2,10 @@
|
||||
|
||||
exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<article
|
||||
class="css-3qkdq7"
|
||||
class="css-3qkdq7 ensbfgf0"
|
||||
>
|
||||
<h1
|
||||
class="css-0"
|
||||
class="css-0 ensbfgf1"
|
||||
>
|
||||
Welcome to storybook
|
||||
</h1>
|
||||
@ -15,7 +15,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<p>
|
||||
We've added some basic stories inside the
|
||||
<code
|
||||
class="css-1rxzob2"
|
||||
class="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
src/stories
|
||||
</code>
|
||||
@ -28,13 +28,13 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<p>
|
||||
See these sample
|
||||
<button
|
||||
class="css-1otf2jm"
|
||||
class="css-1otf2jm ensbfgf5"
|
||||
>
|
||||
stories
|
||||
</button>
|
||||
for a component called
|
||||
<code
|
||||
class="css-1rxzob2"
|
||||
class="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
Button
|
||||
</code>
|
||||
@ -47,13 +47,13 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<br />
|
||||
(Try editing the
|
||||
<code
|
||||
class="css-1rxzob2"
|
||||
class="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
Button
|
||||
</code>
|
||||
stories located at
|
||||
<code
|
||||
class="css-1rxzob2"
|
||||
class="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
src/stories/index.js
|
||||
</code>
|
||||
@ -64,7 +64,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<br />
|
||||
Have a look at the
|
||||
<a
|
||||
class="css-4d3lbr"
|
||||
class="css-4d3lbr ensbfgf4"
|
||||
href="https://storybook.js.org/basics/writing-stories"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
@ -74,7 +74,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
section in our documentation.
|
||||
</p>
|
||||
<p
|
||||
class="css-1tzeee1"
|
||||
class="css-1tzeee1 ensbfgf2"
|
||||
>
|
||||
<b>
|
||||
NOTE:
|
||||
@ -82,7 +82,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
|
||||
<br />
|
||||
Have a look at the
|
||||
<code
|
||||
class="css-1rxzob2"
|
||||
class="css-1rxzob2 ensbfgf3"
|
||||
>
|
||||
.storybook/webpack.config.js
|
||||
</code>
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
/* eslint-disable react/destructuring-assignment */
|
||||
|
||||
import React from 'react';
|
||||
|
||||
import { storiesOf } from '@storybook/react';
|
||||
|
||||
@ -2,6 +2,24 @@
|
||||
"name": "crna-kitchen-sink",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
|
||||
"scripts": {
|
||||
"android": "react-native-scripts android",
|
||||
"eject": "react-native-scripts eject",
|
||||
"ios": "react-native-scripts ios",
|
||||
"start": "react-native-scripts start",
|
||||
"storybook": "storybook start -p 7007",
|
||||
"test": "node node_modules/jest/bin/jest.js --watch"
|
||||
},
|
||||
"jest": {
|
||||
"preset": "jest-expo"
|
||||
},
|
||||
"dependencies": {
|
||||
"expo": "^24.0.2",
|
||||
"prop-types": "^15.6.0",
|
||||
"react": "^16.2.0",
|
||||
"react-native": "^0.51.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "file:../../packs/storybook-addon-actions.tgz",
|
||||
"@storybook/addon-knobs": "file:../../packs/storybook-addon-knobs.tgz",
|
||||
@ -18,27 +36,9 @@
|
||||
"@storybook/node-logger": "file:../../packs/storybook-node-logger.tgz",
|
||||
"@storybook/react-native": "file:../../packs/storybook-react-native.tgz",
|
||||
"@storybook/ui": "file:../../packs/storybook-ui.tgz",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"jest-expo": "^24.0.0",
|
||||
"react-dom": "^16.2.0",
|
||||
"react-native-scripts": "^1.8.1",
|
||||
"react-test-renderer": "~16.2.0"
|
||||
},
|
||||
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
|
||||
"scripts": {
|
||||
"start": "react-native-scripts start",
|
||||
"eject": "react-native-scripts eject",
|
||||
"android": "react-native-scripts android",
|
||||
"ios": "react-native-scripts ios",
|
||||
"test": "node node_modules/jest/bin/jest.js --watch",
|
||||
"storybook": "storybook start -p 7007"
|
||||
},
|
||||
"jest": {
|
||||
"preset": "jest-expo"
|
||||
},
|
||||
"dependencies": {
|
||||
"expo": "^24.0.2",
|
||||
"prop-types": "^15.6.0",
|
||||
"react": "^16.2.0",
|
||||
"react-native": "^0.51.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,25 +13,23 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "4.0.0-alpha.16",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.16",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.16",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.16",
|
||||
"@storybook/addon-events": "4.0.0-alpha.16",
|
||||
"@storybook/addon-jest": "4.0.0-alpha.16",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.16",
|
||||
"@storybook/addon-links": "4.0.0-alpha.16",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.16",
|
||||
"@storybook/addon-options": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.16",
|
||||
"@storybook/addon-viewport": "4.0.0-alpha.16",
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/core": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"@storybook/html": "4.0.0-alpha.16",
|
||||
"babel-core": "^6.26.3",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addon-a11y": "4.0.0-alpha.17",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.17",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.17",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.17",
|
||||
"@storybook/addon-events": "4.0.0-alpha.17",
|
||||
"@storybook/addon-jest": "4.0.0-alpha.17",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.17",
|
||||
"@storybook/addon-links": "4.0.0-alpha.17",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.17",
|
||||
"@storybook/addon-options": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.17",
|
||||
"@storybook/addon-viewport": "4.0.0-alpha.17",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/core": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"@storybook/html": "4.0.0-alpha.17",
|
||||
"eventemitter3": "^3.1.0",
|
||||
"format-json": "^1.0.3",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
/* eslint-disable react/button-has-type */
|
||||
|
||||
import { document } from 'global';
|
||||
import { storiesOf } from '@storybook/html';
|
||||
import { action } from '@storybook/addon-actions';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "marko-cli",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"private": true,
|
||||
"description": "Demo of how to build an app using marko-starter",
|
||||
"repository": {
|
||||
@ -23,13 +23,12 @@
|
||||
"marko-widgets": "^7.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "4.0.0-alpha.16",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.16",
|
||||
"@storybook/addon-options": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.16",
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/marko": "4.0.0-alpha.16",
|
||||
"babel-core": "^6.26.3",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.17",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.17",
|
||||
"@storybook/addon-options": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.17",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/marko": "4.0.0-alpha.17",
|
||||
"prettier": "^1.14.0",
|
||||
"webpack": "^4.16.4"
|
||||
}
|
||||
|
||||
@ -1,5 +0,0 @@
|
||||
{
|
||||
"plugins": [
|
||||
"transform-react-jsx"
|
||||
]
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mithril-example",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -10,20 +10,18 @@
|
||||
"mithril": "^1.1.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "4.0.0-alpha.16",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.16",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.16",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.16",
|
||||
"@storybook/addon-links": "4.0.0-alpha.16",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.16",
|
||||
"@storybook/addon-options": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.16",
|
||||
"@storybook/addon-viewport": "4.0.0-alpha.16",
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/mithril": "4.0.0-alpha.16",
|
||||
"babel-core": "^6.26.3",
|
||||
"babel-plugin-transform-react-jsx": "^6.24.1",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.17",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.17",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.17",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.17",
|
||||
"@storybook/addon-links": "4.0.0-alpha.17",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.17",
|
||||
"@storybook/addon-options": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.17",
|
||||
"@storybook/addon-viewport": "4.0.0-alpha.17",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/mithril": "4.0.0-alpha.17",
|
||||
"webpack": "^4.16.4"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
/* eslint-disable react/prop-types */
|
||||
|
||||
import React from 'react';
|
||||
import DocgenButton from './DocgenButton';
|
||||
|
||||
|
||||
@ -18,7 +18,14 @@ setOptions({
|
||||
theme: themes.dark,
|
||||
});
|
||||
|
||||
addDecorator(story => <ThemeProvider theme={themes.normal}>{story()}</ThemeProvider>);
|
||||
addDecorator(
|
||||
(story, { kind }) =>
|
||||
kind === 'Core|Errors' ? (
|
||||
story()
|
||||
) : (
|
||||
<ThemeProvider theme={themes.normal}>{story()}</ThemeProvider>
|
||||
)
|
||||
);
|
||||
|
||||
configureViewport({
|
||||
viewports: {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "4.0.0-alpha.16",
|
||||
"version": "4.0.0-alpha.17",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -c ./ -s built-storybooks",
|
||||
@ -12,28 +12,27 @@
|
||||
"storybook": "start-storybook -p 9011 -c ./ -s built-storybooks"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "4.0.0-alpha.16",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.16",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.16",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.16",
|
||||
"@storybook/addon-events": "4.0.0-alpha.16",
|
||||
"@storybook/addon-graphql": "4.0.0-alpha.16",
|
||||
"@storybook/addon-info": "4.0.0-alpha.16",
|
||||
"@storybook/addon-jest": "4.0.0-alpha.16",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.16",
|
||||
"@storybook/addon-links": "4.0.0-alpha.16",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.16",
|
||||
"@storybook/addon-options": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storyshots-puppeteer": "4.0.0-alpha.16",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.16",
|
||||
"@storybook/addon-viewport": "4.0.0-alpha.16",
|
||||
"@storybook/addons": "4.0.0-alpha.16",
|
||||
"@storybook/components": "4.0.0-alpha.16",
|
||||
"@storybook/core-events": "4.0.0-alpha.16",
|
||||
"@storybook/node-logger": "4.0.0-alpha.16",
|
||||
"@storybook/react": "4.0.0-alpha.16",
|
||||
"babel-runtime": "^6.26.0",
|
||||
"@storybook/addon-a11y": "4.0.0-alpha.17",
|
||||
"@storybook/addon-actions": "4.0.0-alpha.17",
|
||||
"@storybook/addon-backgrounds": "4.0.0-alpha.17",
|
||||
"@storybook/addon-centered": "4.0.0-alpha.17",
|
||||
"@storybook/addon-events": "4.0.0-alpha.17",
|
||||
"@storybook/addon-graphql": "4.0.0-alpha.17",
|
||||
"@storybook/addon-info": "4.0.0-alpha.17",
|
||||
"@storybook/addon-jest": "4.0.0-alpha.17",
|
||||
"@storybook/addon-knobs": "4.0.0-alpha.17",
|
||||
"@storybook/addon-links": "4.0.0-alpha.17",
|
||||
"@storybook/addon-notes": "4.0.0-alpha.17",
|
||||
"@storybook/addon-options": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storyshots": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storyshots-puppeteer": "4.0.0-alpha.17",
|
||||
"@storybook/addon-storysource": "4.0.0-alpha.17",
|
||||
"@storybook/addon-viewport": "4.0.0-alpha.17",
|
||||
"@storybook/addons": "4.0.0-alpha.17",
|
||||
"@storybook/components": "4.0.0-alpha.17",
|
||||
"@storybook/core-events": "4.0.0-alpha.17",
|
||||
"@storybook/node-logger": "4.0.0-alpha.17",
|
||||
"@storybook/react": "4.0.0-alpha.17",
|
||||
"cors": "^2.8.4",
|
||||
"emotion": "^9.2.6",
|
||||
"emotion-theming": "^9.2.6",
|
||||
|
||||
@ -3,102 +3,102 @@
|
||||
exports[`Storyshots Addons|Actions All types 1`] = `
|
||||
<div>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Array
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Boolean
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Empty Object
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
File
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Function A
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Bound Function A
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Infinity
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
-Infinity
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
NaN
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
null
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Number
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Multiple
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Plain Object
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Object (depth: 2)
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
RegExp
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
String
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Symbol
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
SyntheticEvent
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
undefined
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Window
|
||||
</button>
|
||||
@ -107,7 +107,7 @@ exports[`Storyshots Addons|Actions All types 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Circular Payload 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Circular Payload
|
||||
</button>
|
||||
@ -115,7 +115,7 @@ exports[`Storyshots Addons|Actions Circular Payload 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Decorated action + config 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Moving away from this story will persist the action logger
|
||||
</button>
|
||||
@ -123,7 +123,7 @@ exports[`Storyshots Addons|Actions Decorated action + config 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Decorated action 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Native Event
|
||||
</button>
|
||||
@ -131,7 +131,7 @@ exports[`Storyshots Addons|Actions Decorated action 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Decorated actions + config 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Moving away from this story will persist the action logger
|
||||
</button>
|
||||
@ -139,7 +139,7 @@ exports[`Storyshots Addons|Actions Decorated actions + config 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Decorated actions 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Native Event
|
||||
</button>
|
||||
@ -147,7 +147,7 @@ exports[`Storyshots Addons|Actions Decorated actions 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Function Name 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Action.name: fnName
|
||||
</button>
|
||||
@ -155,7 +155,7 @@ exports[`Storyshots Addons|Actions Function Name 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Hello World 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Hello World
|
||||
</button>
|
||||
@ -164,12 +164,12 @@ exports[`Storyshots Addons|Actions Hello World 1`] = `
|
||||
exports[`Storyshots Addons|Actions Limit Action Output 1`] = `
|
||||
<div>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
False
|
||||
</button>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
True
|
||||
</button>
|
||||
@ -178,7 +178,7 @@ exports[`Storyshots Addons|Actions Limit Action Output 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions + config 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Moving away from this story will persist the action logger
|
||||
</button>
|
||||
@ -186,7 +186,7 @@ exports[`Storyshots Addons|Actions Multiple actions + config 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Hello World
|
||||
</button>
|
||||
@ -194,7 +194,7 @@ exports[`Storyshots Addons|Actions Multiple actions 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions, object + config 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Moving away from this story will persist the action logger
|
||||
</button>
|
||||
@ -202,7 +202,7 @@ exports[`Storyshots Addons|Actions Multiple actions, object + config 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Multiple actions, object 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Hello World
|
||||
</button>
|
||||
@ -214,7 +214,7 @@ exports[`Storyshots Addons|Actions Persisting the action logger 1`] = `
|
||||
Moving away from this story will persist the action logger
|
||||
</p>
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Object (configured clearOnStoryChange: false)
|
||||
</button>
|
||||
@ -223,7 +223,7 @@ exports[`Storyshots Addons|Actions Persisting the action logger 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions Reserved keyword as name 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Delete
|
||||
</button>
|
||||
@ -231,7 +231,7 @@ exports[`Storyshots Addons|Actions Reserved keyword as name 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions configureActionsDepth 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Object (configured depth: 2)
|
||||
</button>
|
||||
@ -239,7 +239,7 @@ exports[`Storyshots Addons|Actions configureActionsDepth 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Actions.deprecated Decorated Action 1`] = `
|
||||
<button
|
||||
class="css-1qwzad5"
|
||||
class="css-1qwzad5 eux70yo0"
|
||||
>
|
||||
Native Event
|
||||
</button>
|
||||
|
||||
@ -2,10 +2,10 @@
|
||||
|
||||
exports[`Storyshots Addons|Events Logger 1`] = `
|
||||
<div
|
||||
class="css-1ruxp1v"
|
||||
class="css-1ruxp1v e1igy6c50"
|
||||
>
|
||||
<h1
|
||||
class="css-1uk1gs8"
|
||||
class="css-1uk1gs8 e1igy6c51"
|
||||
>
|
||||
Logger
|
||||
</h1>
|
||||
@ -15,10 +15,10 @@ exports[`Storyshots Addons|Events Logger 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Events.deprecated Logger 1`] = `
|
||||
<div
|
||||
class="css-1ruxp1v"
|
||||
class="css-1ruxp1v e1igy6c50"
|
||||
>
|
||||
<h1
|
||||
class="css-1uk1gs8"
|
||||
class="css-1uk1gs8 e1igy6c51"
|
||||
>
|
||||
Logger
|
||||
</h1>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Addons|Viewport default 1`] = `
|
||||
<div
|
||||
class="css-0"
|
||||
class="css-0 ehw333c0"
|
||||
>
|
||||
I don't have problems being rendered using the default viewport.
|
||||
</div>
|
||||
@ -10,7 +10,7 @@ exports[`Storyshots Addons|Viewport default 1`] = `
|
||||
|
||||
exports[`Storyshots Addons|Viewport.Custom Default (Kindle Fire 2) Inherited 1`] = `
|
||||
<div
|
||||
class="css-0"
|
||||
class="css-0 ehw333c0"
|
||||
>
|
||||
I've inherited
|
||||
<b>
|
||||
@ -22,7 +22,7 @@ exports[`Storyshots Addons|Viewport.Custom Default (Kindle Fire 2) Inherited 1`]
|
||||
|
||||
exports[`Storyshots Addons|Viewport.Custom Default (Kindle Fire 2) Overridden via "withViewport" parameterized decorator 1`] = `
|
||||
<div
|
||||
class="css-0"
|
||||
class="css-0 ehw333c0"
|
||||
>
|
||||
I respect my parents but I should be looking good on
|
||||
<b>
|
||||
@ -34,7 +34,7 @@ exports[`Storyshots Addons|Viewport.Custom Default (Kindle Fire 2) Overridden vi
|
||||
|
||||
exports[`Storyshots Addons|Viewport.deprecated Overridden via "Viewport" component 1`] = `
|
||||
<div
|
||||
class="css-0"
|
||||
class="css-0 ehw333c0"
|
||||
>
|
||||
I respect my parents but I should be looking good on
|
||||
<b>
|
||||
@ -46,7 +46,7 @@ exports[`Storyshots Addons|Viewport.deprecated Overridden via "Viewport" compone
|
||||
|
||||
exports[`Storyshots Addons|Viewport.deprecated Overridden via "withViewport" decorator 1`] = `
|
||||
<div
|
||||
class="css-0"
|
||||
class="css-0 ehw333c0"
|
||||
>
|
||||
I respect my parents but I should be looking good on
|
||||
<b>
|
||||
@ -58,10 +58,10 @@ exports[`Storyshots Addons|Viewport.deprecated Overridden via "withViewport" dec
|
||||
|
||||
exports[`Storyshots Addons|Viewport.withViewport onViewportChange 1`] = `
|
||||
<div
|
||||
class="css-1ruxp1v"
|
||||
class="css-1ruxp1v e1igy6c50"
|
||||
>
|
||||
<h1
|
||||
class="css-1uk1gs8"
|
||||
class="css-1uk1gs8 e1igy6c51"
|
||||
>
|
||||
Select device/viewport
|
||||
</h1>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Storyshots Core|Events Force re-render 1`] = `
|
||||
<button
|
||||
class="css-1riodoz"
|
||||
class="css-1riodoz e1lk8yn73"
|
||||
>
|
||||
Clicked: 0
|
||||
</button>
|
||||
|
||||
@ -1,14 +1,6 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Storyshots Other|function macroWrapper(args) {
|
||||
var source = args.source,
|
||||
isBabelMacrosCall = args.isBabelMacrosCall;
|
||||
|
||||
if (!isBabelMacrosCall) {
|
||||
throw new MacroError(\`The macro you imported from "\${source}" is being executed outside the context of compilation with babel-macros. \` + \`This indicates that you don't have the babel plugin "babel-macros" configured correctly. \` + \`Please see the documentation for how to configure babel-macros properly: \` + 'https://github.com/kentcdodds/babel-macros/blob/master/other/docs/user.md');
|
||||
}
|
||||
return macro(args);
|
||||
}/Dirname Example story 1 1`] = `
|
||||
exports[`Storyshots Other|/stories//Dirname Example story 1 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
@ -16,15 +8,7 @@ exports[`Storyshots Other|function macroWrapper(args) {
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`Storyshots Other|function macroWrapper(args) {
|
||||
var source = args.source,
|
||||
isBabelMacrosCall = args.isBabelMacrosCall;
|
||||
|
||||
if (!isBabelMacrosCall) {
|
||||
throw new MacroError(\`The macro you imported from "\${source}" is being executed outside the context of compilation with babel-macros. \` + \`This indicates that you don't have the babel plugin "babel-macros" configured correctly. \` + \`Please see the documentation for how to configure babel-macros properly: \` + 'https://github.com/kentcdodds/babel-macros/blob/master/other/docs/user.md');
|
||||
}
|
||||
return macro(args);
|
||||
}/Dirname Example story 2 1`] = `
|
||||
exports[`Storyshots Other|/stories//Dirname Example story 2 1`] = `
|
||||
<button
|
||||
type="button"
|
||||
>
|
||||
|
||||
@ -3,6 +3,7 @@ import { storiesOf, addParameters } from '@storybook/react';
|
||||
import addons from '@storybook/addons';
|
||||
import Events from '@storybook/core-events';
|
||||
import { Button } from '@storybook/components';
|
||||
import { navigator } from 'global';
|
||||
|
||||
const globalParameter = 'globalParameter';
|
||||
const chapterParameter = 'chapterParameter';
|
||||
@ -31,3 +32,19 @@ const increment = () => {
|
||||
storiesOf('Core|Events', module).add('Force re-render', () => (
|
||||
<Button onClick={increment}>Clicked: {timesClicked}</Button>
|
||||
));
|
||||
|
||||
// Skip these stories in storyshots, they will throw -- NOTE: would rather do this
|
||||
// via a params API, see https://github.com/storybooks/storybook/pull/3967#issuecomment-411616023
|
||||
if (
|
||||
navigator &&
|
||||
navigator.userAgent &&
|
||||
!(navigator.userAgent.indexOf('jsdom') > -1) &&
|
||||
!(navigator.userAgent.indexOf('Chromatic') > -1)
|
||||
) {
|
||||
storiesOf('Core|Errors', module)
|
||||
.add('story throws exception', () => {
|
||||
throw new Error('error');
|
||||
})
|
||||
// Story does not return something react can render
|
||||
.add('story errors', () => null);
|
||||
}
|
||||
|
||||
@ -9,7 +9,7 @@ module.exports = (baseConfig, env, defaultConfig) => ({
|
||||
...defaultConfig.module.rules,
|
||||
{
|
||||
test: /\.stories\.jsx?$/,
|
||||
loaders: [require.resolve('@storybook/addon-storysource/loader')],
|
||||
use: require.resolve('@storybook/addon-storysource/loader'),
|
||||
include: [
|
||||
path.resolve(__dirname, './stories'),
|
||||
path.resolve(__dirname, '../../lib/ui/src'),
|
||||
@ -19,7 +19,7 @@ module.exports = (baseConfig, env, defaultConfig) => ({
|
||||
},
|
||||
{
|
||||
test: /\.js/,
|
||||
loaders: ['babel-loader'],
|
||||
use: defaultConfig.module.rules[0].use,
|
||||
include: [
|
||||
path.resolve(__dirname, '../../lib/ui/src'),
|
||||
path.resolve(__dirname, '../../lib/components/src'),
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user