diff --git a/.circleci/config.yml b/.circleci/config.yml index 1eb5a6b1b4a4..389a649622dc 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -1,4 +1,4 @@ -version: 2 +version: 2.1 aliases: - &defaults @@ -6,9 +6,6 @@ aliases: docker: - image: circleci/node:10 -dependencies: - pre: - - yarn global add npm jobs: build: <<: *defaults @@ -17,7 +14,7 @@ jobs: - restore_cache: name: Restore core dependencies cache keys: - - core-dependencies-v3-{{ checksum "yarn.lock" }} + - core-dependencies-v4-{{ checksum "yarn.lock" }} - run: name: Install dependencies command: yarn install @@ -29,9 +26,11 @@ jobs: command: yarn bootstrap --core - save_cache: name: Cache core dependencies - key: core-dependencies-v3-{{ checksum "yarn.lock" }} + key: core-dependencies-v4-{{ checksum "yarn.lock" }} paths: - - ~/.cache/yarn + - ~/.cache + - node_modules + - /root/.cache - persist_to_workspace: root: . paths: @@ -47,9 +46,6 @@ jobs: - checkout - attach_workspace: at: . - - run: - name: Generate static examples - command: yarn build-storybooks - run: name: Run chromatic on the pre-built storybook command: yarn chromatic @@ -66,97 +62,50 @@ jobs: yarn packtracker examples: <<: *defaults + parallelism: 4 steps: - checkout - 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 - command: | - cd examples/cra-kitchen-sink - yarn build-storybook - - run: - name: Build react typescript kitchen-sink - command: | - cd examples/cra-ts-kitchen-sink - yarn build-storybook - - run: - name: Build vue kitchen-sink - command: | - cd examples/vue-kitchen-sink - yarn build-storybook - - run: - name: Build svelte kitchen-sink - command: | - cd examples/svelte-kitchen-sink - yarn build-storybook - - run: - name: Build angular-cli + name: examples command: | - cd examples/angular-cli - yarn build-storybook - - run: - name: Build ember-cli - command: | - cd examples/ember-cli - yarn build-storybook - - run: - name: Build polymer-cli - command: | - cd examples/polymer-cli - yarn build-storybook - - run: - name: Build marko-cli - command: | - cd examples/marko-cli - yarn build-storybook - - run: - name: Build mithril kitchen-sink - command: | - cd examples/mithril-kitchen-sink - yarn build-storybook - - run: - name: Build html kitchen-sink - command: | - cd examples/html-kitchen-sink - yarn build-storybook - - run: - name: Build riot kitchen-sink - command: | - cd examples/riot-kitchen-sink - yarn build-storybook - - run: - name: Build preact kitchen-sink - command: | - cd examples/preact-kitchen-sink - yarn build-storybook - - run: - name: Build cra react15 - command: | - cd examples/cra-react15 - yarn build-storybook - - run: - name: Build official-storybook - command: | - cd examples/official-storybook - yarn build-storybook - # - run: - # name: Run image snapshots - # command: yarn test --image - - store_artifacts: - path: examples/official-storybook/image-snapshots/__image_snapshots__ - destination: official_storybook_image_snapshots + yarn build-storybooks - persist_to_workspace: root: . paths: + - built-storybooks + e2e: + working_directory: /tmp/storybook + docker: + - image: cypress/base:8 + environment: + TERM: xterm + steps: + - checkout + - attach_workspace: + at: . + - run: + name: install cypress + command: yarn cypress install + - save_cache: + name: Cache core dependencies + key: core-dependencies-v4-{{ checksum "yarn.lock" }} + paths: + - ~/.cache - node_modules - - examples - - addons - - app - - lib + - /root/.cache + - run: + name: running example + command: yarn serve-storybooks + background: true + - run: + name: await running examples + command: yarn await-serve-storybooks + - run: + name: cypress run + command: yarn cypress run + smoke-tests: <<: *defaults steps: @@ -253,18 +202,13 @@ jobs: - restore_cache: name: Restore core dependencies cache keys: - - core-dependencies-v3-{{ checksum "yarn.lock" }} + - core-dependencies-v4-{{ checksum "yarn.lock" }} - run: name: Install dependencies - command: yarn install + command: yarn bootstrap --install - run: name: Trigger build command: ./scripts/build-frontpage.js - - save_cache: - name: Cache core dependencies - key: core-dependencies-v3-{{ checksum "yarn.lock" }} - paths: - - ~/.cache/yarn docs: <<: *defaults steps: @@ -287,12 +231,7 @@ jobs: name: Cache docs dependencies key: docs-dependencies-v2-{{ checksum "docs/yarn.lock" }} paths: - - ~/.cache/yarn - - persist_to_workspace: - root: . - paths: - - docs/public - - docs/node_modules + - ~/.cache lint: <<: *defaults steps: @@ -325,19 +264,18 @@ jobs: name: Upload coverage command: yarn coverage workflows: - version: 2 - build_test_deploy: + test: jobs: - build - - docs - - frontpage - lint: requires: - - docs - build - examples: requires: - build + - e2e: + requires: + - examples - smoke-tests: requires: - build @@ -355,4 +293,8 @@ workflows: - test - chromatic: requires: - - build + - examples + deploy: + jobs: + - docs + - frontpage diff --git a/.github/workflows/tests-unit.yml b/.github/workflows/tests-unit.yml index 6481b025e3ce..26e640026d7f 100644 --- a/.github/workflows/tests-unit.yml +++ b/.github/workflows/tests-unit.yml @@ -7,17 +7,11 @@ jobs: name: Test on node ${{ matrix.node_version }} and ${{ matrix.os }} runs-on: ${{ matrix.os }} - strategy: - matrix: - node-version: [10] - os: [ubuntu-latest] - steps: - uses: actions/checkout@v1 - - name: Use Node.js ${{ matrix.node_version }} - uses: actions/setup-node@v1 + - uses: actions/setup-node@v1 with: - version: ${{ matrix.node_version }} + node-version: '10.x' - name: install, bootstrap run: | yarn bootstrap --core diff --git a/.gitignore b/.gitignore index 124238c64b88..48f61b11955e 100644 --- a/.gitignore +++ b/.gitignore @@ -32,3 +32,5 @@ htpasswd storybook-out /addons/docs/common/config-* built-storybooks +cypress/videos +cypress/screenshots diff --git a/CHANGELOG.md b/CHANGELOG.md index d4b4607d8cbb..79d3ed1b2339 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,14 @@ +## 5.3.0-alpha.22 (October 18, 2019) + +### Features + +* CLI: Add component meta to framework templates ([#8462](https://github.com/storybookjs/storybook/pull/8462)) + +### Maintenance + +* Build: Add cypress to Storybook CI ([#8397](https://github.com/storybookjs/storybook/pull/8397)) +* Incorrect minimal required node version ([#8427](https://github.com/storybookjs/storybook/pull/8427)) + ## 5.3.0-alpha.21 (October 17, 2019) ### Features diff --git a/addons/a11y/package.json b/addons/a11y/package.json index 6363b9aabbc8..45525ca27eb0 100644 --- a/addons/a11y/package.json +++ b/addons/a11y/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-a11y", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "a11y addon for storybook", "keywords": [ "a11y", @@ -33,12 +33,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "axe-core": "^3.3.2", "core-js": "^3.0.1", "global": "^4.3.2", diff --git a/addons/actions/package.json b/addons/actions/package.json index 8f373249262a..c4c955199270 100644 --- a/addons/actions/package.json +++ b/addons/actions/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-actions", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Action Logger addon for storybook", "keywords": [ "storybook" @@ -28,12 +28,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "fast-deep-equal": "^2.0.1", "global": "^4.3.2", diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json index 8daf45643d5a..24da61ce3e22 100644 --- a/addons/backgrounds/package.json +++ b/addons/backgrounds/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-backgrounds", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "A storybook addon to show different backgrounds for your preview", "keywords": [ "addon", @@ -32,12 +32,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "memoizerific": "^1.11.3", "react": "^16.8.3", diff --git a/addons/centered/package.json b/addons/centered/package.json index 600146198eca..e5a5ea39efce 100644 --- a/addons/centered/package.json +++ b/addons/centered/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-centered", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook decorator to center components", "keywords": [ "addon", @@ -29,7 +29,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "util-deprecate": "^1.0.2" diff --git a/addons/contexts/package.json b/addons/contexts/package.json index 804906a7561b..c2e97ce8c3d1 100644 --- a/addons/contexts/package.json +++ b/addons/contexts/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-contexts", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook Addon Contexts", "keywords": [ "preact", @@ -27,10 +27,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "qs": "^6.6.0" diff --git a/addons/cssresources/package.json b/addons/cssresources/package.json index 204853850b4e..603f5cd76764 100644 --- a/addons/cssresources/package.json +++ b/addons/cssresources/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-cssresources", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "A storybook addon to switch between css resources at runtime for your story", "keywords": [ "addon", @@ -32,10 +32,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "react": "^16.8.3" diff --git a/addons/design-assets/package.json b/addons/design-assets/package.json index 9cc614bc5bae..147c9236f427 100644 --- a/addons/design-assets/package.json +++ b/addons/design-assets/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-design-assets", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Design asset preview for storybook", "keywords": [ "addon", @@ -34,12 +34,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "react": "^16.8.3", diff --git a/addons/docs/docs/theming.md b/addons/docs/docs/theming.md index 0aabd0b195a8..924f81ef1052 100644 --- a/addons/docs/docs/theming.md +++ b/addons/docs/docs/theming.md @@ -27,7 +27,7 @@ addParameters({ The Storybook theme API is narrow by design. If you want to have fine-grained control over the CSS, all of the Docs components are tagged with class names to make this possible. This is advanced usage: use at your own risk. -The classes correspond to markdown elements (e.g. `sbdocs-h1`, `sbdocs-p`, etc.) to UI elements on the page (e.g. `sbdocs-container`, `sbdocs-content`, etc.). To see the currently available classes, use "inspect element" in your browser. +The classes correspond to markdown elements (e.g. `sbdocs-title`, `sbdocs-subtitle`, `sbdocs-p`, etc.) to UI elements on the page (e.g. `sbdocs-container`, `sbdocs-content`, etc.). To see the currently available classes, use "inspect element" in your browser. You can style these classes in `.storybook/preview-head.html`. For example, here's how to make the content wider for UHD displays: diff --git a/addons/docs/package.json b/addons/docs/package.json index c353b3db76ec..00d7e4fc595d 100644 --- a/addons/docs/package.json +++ b/addons/docs/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-docs", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Superior documentation for your components", "keywords": [ "addon", @@ -42,12 +42,12 @@ "@mdx-js/loader": "^1.1.0", "@mdx-js/mdx": "^1.1.0", "@mdx-js/react": "^1.0.27", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/router": "5.3.0-alpha.21", - "@storybook/source-loader": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/router": "5.3.0-alpha.22", + "@storybook/source-loader": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "js-string-escape": "^1.0.1", diff --git a/addons/events/package.json b/addons/events/package.json index e5cce7dd69d3..384de20504da 100644 --- a/addons/events/package.json +++ b/addons/events/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-events", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Add events to your Storybook stories.", "keywords": [ "addon", @@ -31,11 +31,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "format-json": "^1.0.3", "lodash": "^4.17.15", diff --git a/addons/google-analytics/package.json b/addons/google-analytics/package.json index 6c2626ea80d1..4aad95892c31 100644 --- a/addons/google-analytics/package.json +++ b/addons/google-analytics/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-google-analytics", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook addon for google analytics", "keywords": [ "addon", @@ -20,8 +20,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "react-ga": "^2.5.7" diff --git a/addons/graphql/package.json b/addons/graphql/package.json index 773cf9745643..7ae8171d6802 100644 --- a/addons/graphql/package.json +++ b/addons/graphql/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-graphql", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook addon to display the GraphiQL IDE", "keywords": [ "addon", @@ -29,8 +29,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "graphiql": "^0.14.2", diff --git a/addons/info/package.json b/addons/info/package.json index 88357d4f23f0..08efb2e7f525 100644 --- a/addons/info/package.json +++ b/addons/info/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-info", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "A Storybook addon to show additional information for your stories.", "keywords": [ "addon", @@ -29,10 +29,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "jsx-to-string": "^1.4.0", diff --git a/addons/jest/package.json b/addons/jest/package.json index be74155a520d..eb05394a3feb 100644 --- a/addons/jest/package.json +++ b/addons/jest/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-jest", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "React storybook addon that show component jest report", "keywords": [ "addon", @@ -35,11 +35,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "react": "^16.8.3", diff --git a/addons/knobs/package.json b/addons/knobs/package.json index 6da0f439f19b..34404dc54b8c 100644 --- a/addons/knobs/package.json +++ b/addons/knobs/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-knobs", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook Addon Prop Editor Component", "keywords": [ "addon", @@ -29,12 +29,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "@types/react-color": "^3.0.1", "copy-to-clipboard": "^3.0.8", "core-js": "^3.0.1", diff --git a/addons/links/package.json b/addons/links/package.json index 43f02002da3e..d25c86a592d8 100644 --- a/addons/links/package.json +++ b/addons/links/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-links", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Story Links addon for storybook", "keywords": [ "addon", @@ -29,10 +29,10 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/router": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/router": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "prop-types": "^15.7.2", diff --git a/addons/notes/package.json b/addons/notes/package.json index df8a7898bbb7..5df509261acb 100644 --- a/addons/notes/package.json +++ b/addons/notes/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-notes", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Write notes for your Storybook stories.", "keywords": [ "addon", @@ -30,13 +30,13 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/router": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/router": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "markdown-to-jsx": "^6.10.3", diff --git a/addons/ondevice-actions/package.json b/addons/ondevice-actions/package.json index e4c6d1deaddb..2c68992210ed 100644 --- a/addons/ondevice-actions/package.json +++ b/addons/ondevice-actions/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-ondevice-actions", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Action Logger addon for react-native storybook", "keywords": [ "storybook" @@ -26,13 +26,13 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", "core-js": "^3.0.1", "fast-deep-equal": "^2.0.1" }, "devDependencies": { - "@storybook/addon-actions": "5.3.0-alpha.21" + "@storybook/addon-actions": "5.3.0-alpha.22" }, "peerDependencies": { "@storybook/addon-actions": "*", diff --git a/addons/ondevice-backgrounds/package.json b/addons/ondevice-backgrounds/package.json index f6ab857e6db5..0da52225583b 100644 --- a/addons/ondevice-backgrounds/package.json +++ b/addons/ondevice-backgrounds/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-ondevice-backgrounds", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "A react-native storybook addon to show different backgrounds for your preview", "keywords": [ "addon", @@ -31,9 +31,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", "core-js": "^3.0.1", "prop-types": "^15.7.2" }, diff --git a/addons/ondevice-knobs/package.json b/addons/ondevice-knobs/package.json index 57725d909471..14bc215996e6 100644 --- a/addons/ondevice-knobs/package.json +++ b/addons/ondevice-knobs/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-ondevice-knobs", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Display storybook story knobs on your deviced.", "keywords": [ "addon", @@ -27,8 +27,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", "core-js": "^3.0.1", "deep-equal": "^1.0.1", "prop-types": "^15.7.2", diff --git a/addons/ondevice-notes/package.json b/addons/ondevice-notes/package.json index 9b6b88dd70b0..1b22f039d8aa 100644 --- a/addons/ondevice-notes/package.json +++ b/addons/ondevice-notes/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-ondevice-notes", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Write notes for your react-native Storybook stories.", "keywords": [ "addon", @@ -27,11 +27,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", "core-js": "^3.0.1", "prop-types": "^15.7.2", "react-native-simple-markdown": "^1.1.0" diff --git a/addons/options/package.json b/addons/options/package.json index 1ef3dbcbaf2b..6dd92f7ab20e 100644 --- a/addons/options/package.json +++ b/addons/options/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-options", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Options addon for storybook", "keywords": [ "addon", @@ -29,7 +29,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", "core-js": "^3.0.1", "util-deprecate": "^1.0.2" }, diff --git a/addons/queryparams/package.json b/addons/queryparams/package.json index a64f3b22779c..d07df2a8e294 100644 --- a/addons/queryparams/package.json +++ b/addons/queryparams/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-queryparams", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "parameter addon for storybook", "keywords": [ "addon", @@ -30,12 +30,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "qs": "^6.6.0", diff --git a/addons/storyshots/storyshots-core/README.md b/addons/storyshots/storyshots-core/README.md index fc0dc0701c7a..24aee4350ebd 100644 --- a/addons/storyshots/storyshots-core/README.md +++ b/addons/storyshots/storyshots-core/README.md @@ -33,7 +33,9 @@ If you still need to configure jest you can use the resources mentioned below: ### Configure Jest to work with Webpack's [require.context()](https://webpack.js.org/guides/dependency-management/#require-context) -Sometimes it's useful to configure Storybook with Webpack's require.context feature: +Sometimes it's useful to configure Storybook with Webpack's require.context feature. You could be loading stories [one of two ways](https://storybook.js.org/docs/basics/writing-stories/#loading-stories). + +1) If you're using the `storiesOf` API, you can integrate it this way: ```js import { configure } from '@storybook/react'; @@ -47,6 +49,16 @@ function loadStories() { configure(loadStories, module); ``` +2) If you're using Component Story Format (CSF), you'll integrate it like so: + +```js +import { configure } from '@storybook/react'; + +const req = require.context('../stories', true, /\.stories\.js$/); // <- import all the stories at once + +configure(req, module); +``` + The problem here is that it will work only during the build with webpack, other tools may lack this feature. Since Storyshot is running under Jest, we need to polyfill this functionality to work with Jest. The easiest diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json index 278b2d193426..9d5a0c9beac3 100644 --- a/addons/storyshots/storyshots-core/package.json +++ b/addons/storyshots/storyshots-core/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-storyshots", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.", "keywords": [ "addon", @@ -33,8 +33,8 @@ }, "dependencies": { "@jest/transform": "^24.9.0", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", "@types/glob": "^7.1.1", "@types/jest": "^24.0.16", "@types/jest-specific-snapshot": "^0.5.3", diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json index 744ff84e9fd8..b747f2881f60 100644 --- a/addons/storyshots/storyshots-puppeteer/package.json +++ b/addons/storyshots/storyshots-puppeteer/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-storyshots-puppeteer", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Image snapshots addition to StoryShots based on puppeteer", "keywords": [ "addon", @@ -29,8 +29,8 @@ "prepare": "node ../../../scripts/prepare.js" }, "dependencies": { - "@storybook/node-logger": "5.3.0-alpha.21", - "@storybook/router": "5.3.0-alpha.21", + "@storybook/node-logger": "5.3.0-alpha.22", + "@storybook/router": "5.3.0-alpha.22", "@types/jest-image-snapshot": "^2.8.0", "@types/puppeteer-core": "^1.9.0", "core-js": "^3.0.1", diff --git a/addons/storysource/package.json b/addons/storysource/package.json index 05fced7160ba..7e7d0d621b30 100644 --- a/addons/storysource/package.json +++ b/addons/storysource/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-storysource", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Stories addon for storybook", "keywords": [ "addon", @@ -28,11 +28,11 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/router": "5.3.0-alpha.21", - "@storybook/source-loader": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/router": "5.3.0-alpha.22", + "@storybook/source-loader": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "estraverse": "^4.2.0", "loader-utils": "^1.2.3", diff --git a/addons/viewport/package.json b/addons/viewport/package.json index 67e160bc8e94..9e99b9a3a3c9 100644 --- a/addons/viewport/package.json +++ b/addons/viewport/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-viewport", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook addon to change the viewport size to mobile", "keywords": [ "addon", @@ -28,12 +28,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "memoizerific": "^1.11.3", diff --git a/app/angular/package.json b/app/angular/package.json index 5ba7ed8ade77..a32b16b01be5 100644 --- a/app/angular/package.json +++ b/app/angular/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/angular", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -33,9 +33,9 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/core": "5.3.0-alpha.21", - "@storybook/node-logger": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/core": "5.3.0-alpha.22", + "@storybook/node-logger": "5.3.0-alpha.22", "core-js": "^3.0.1", "fork-ts-checker-webpack-plugin": "^1.3.4", "global": "^4.3.2", diff --git a/app/ember/package.json b/app/ember/package.json index 7c04595562e5..f33dda76f316 100644 --- a/app/ember/package.json +++ b/app/ember/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/ember", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.", "homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember", "bugs": { @@ -31,7 +31,7 @@ }, "dependencies": { "@ember/test-helpers": "^1.5.0", - "@storybook/core": "5.3.0-alpha.21", + "@storybook/core": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "regenerator-runtime": "^0.13.3", diff --git a/app/html/package.json b/app/html/package.json index 24200c41ef63..6e8cb1b0b299 100644 --- a/app/html/package.json +++ b/app/html/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/html", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -33,8 +33,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/core": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/core": "5.3.0-alpha.22", "@types/webpack-env": "^1.13.9", "core-js": "^3.0.1", "global": "^4.3.2", diff --git a/app/marko/package.json b/app/marko/package.json index 07b4fb4bffe9..e9e234b9de8a 100644 --- a/app/marko/package.json +++ b/app/marko/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/marko", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -33,8 +33,8 @@ }, "dependencies": { "@marko/webpack": "^2.0.0", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/core": "5.3.0-alpha.21", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/core": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "regenerator-runtime": "^0.13.3", diff --git a/app/mithril/package.json b/app/mithril/package.json index e7deb5c398e0..085bea3fe029 100644 --- a/app/mithril/package.json +++ b/app/mithril/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/mithril", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for Mithril: Develop Mithril Component in isolation.", "keywords": [ "storybook" @@ -35,8 +35,8 @@ "dependencies": { "@babel/core": "^7.6.2", "@babel/plugin-transform-react-jsx": "^7.3.0", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/core": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/core": "5.3.0-alpha.22", "@types/mithril": "^2.0.0", "core-js": "^3.0.1", "global": "^4.3.2", diff --git a/app/polymer/package.json b/app/polymer/package.json index 907d1ed5814d..df5d7d7efd7d 100644 --- a/app/polymer/package.json +++ b/app/polymer/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/polymer", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -32,7 +32,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.3.0-alpha.21", + "@storybook/core": "5.3.0-alpha.22", "@webcomponents/webcomponentsjs": "^1.2.0", "core-js": "^3.0.1", "global": "^4.3.2", diff --git a/app/preact/package.json b/app/preact/package.json index 9fc165df8a5f..267711900e16 100644 --- a/app/preact/package.json +++ b/app/preact/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/preact", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for Preact: Develop Preact Component in isolation.", "keywords": [ "storybook" @@ -34,8 +34,8 @@ }, "dependencies": { "@babel/plugin-transform-react-jsx": "^7.3.0", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/core": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/core": "5.3.0-alpha.22", "@types/webpack-env": "^1.13.9", "core-js": "^3.0.1", "global": "^4.3.2", diff --git a/app/rax/package.json b/app/rax/package.json index 87a5fa35a36c..1916e9b57fa5 100644 --- a/app/rax/package.json +++ b/app/rax/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/rax", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for Rax: Develop Rax Component in isolation.", "keywords": [ "rax", @@ -33,7 +33,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.3.0-alpha.21", + "@storybook/core": "5.3.0-alpha.22", "babel-preset-rax": "^1.0.0-beta.0", "core-js": "^3.0.1", "driver-dom": "^2.0.0", diff --git a/app/react-native-server/package.json b/app/react-native-server/package.json index 5d60063bd587..c9d55010bf51 100644 --- a/app/react-native-server/package.json +++ b/app/react-native-server/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/react-native-server", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "A better way to develop React Native Components for your app", "keywords": [ "react", @@ -31,12 +31,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/channel-websocket": "5.3.0-alpha.21", - "@storybook/core": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/ui": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/channel-websocket": "5.3.0-alpha.22", + "@storybook/core": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/ui": "5.3.0-alpha.22", "commander": "^3.0.2", "core-js": "^3.0.1", "global": "^4.3.2", diff --git a/app/react-native/package.json b/app/react-native/package.json index 80776ab9dbb9..0e187df17b56 100644 --- a/app/react-native/package.json +++ b/app/react-native/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/react-native", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "A better way to develop React Native Components for your app", "keywords": [ "react", @@ -31,11 +31,11 @@ "dependencies": { "@emotion/core": "^10.0.20", "@emotion/native": "^10.0.14", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/channel-websocket": "5.3.0-alpha.21", - "@storybook/channels": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/channel-websocket": "5.3.0-alpha.22", + "@storybook/channels": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", "core-js": "^3.0.1", "emotion-theming": "^10.0.19", "react-native-swipe-gestures": "^1.0.4", diff --git a/app/react/package.json b/app/react/package.json index 420f28c3bc8b..ac8af8b0562b 100644 --- a/app/react/package.json +++ b/app/react/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/react", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -36,9 +36,9 @@ "@babel/plugin-transform-react-constant-elements": "^7.2.0", "@babel/preset-flow": "^7.0.0", "@babel/preset-react": "^7.0.0", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/core": "5.3.0-alpha.21", - "@storybook/node-logger": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/core": "5.3.0-alpha.22", + "@storybook/node-logger": "5.3.0-alpha.22", "@svgr/webpack": "^4.0.3", "@types/webpack-env": "^1.13.7", "babel-plugin-add-react-displayname": "^0.0.5", diff --git a/app/riot/package.json b/app/riot/package.json index 510875881ccd..bab8e99f8f73 100644 --- a/app/riot/package.json +++ b/app/riot/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/riot", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -33,7 +33,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.3.0-alpha.21", + "@storybook/core": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "raw-loader": "^3.1.0", diff --git a/app/svelte/package.json b/app/svelte/package.json index b751981ff643..4ada252744e3 100644 --- a/app/svelte/package.json +++ b/app/svelte/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/svelte", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -32,7 +32,7 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/core": "5.3.0-alpha.21", + "@storybook/core": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "regenerator-runtime": "^0.13.3", diff --git a/app/vue/package.json b/app/vue/package.json index 77f039f2b779..e1f7f8458898 100644 --- a/app/vue/package.json +++ b/app/vue/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/vue", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.", "keywords": [ "storybook" @@ -33,8 +33,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/core": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/core": "5.3.0-alpha.22", "@types/webpack-env": "^1.13.9", "core-js": "^3.0.1", "global": "^4.3.2", diff --git a/cypress.json b/cypress.json new file mode 100644 index 000000000000..0967ef424bce --- /dev/null +++ b/cypress.json @@ -0,0 +1 @@ +{} diff --git a/cypress/.eslintrc.json b/cypress/.eslintrc.json new file mode 100644 index 000000000000..373914272e56 --- /dev/null +++ b/cypress/.eslintrc.json @@ -0,0 +1,5 @@ +{ + "extends": [ + "plugin:cypress/recommended" + ] +} diff --git a/cypress/fixtures/example.json b/cypress/fixtures/example.json new file mode 100644 index 000000000000..da18d9352a17 --- /dev/null +++ b/cypress/fixtures/example.json @@ -0,0 +1,5 @@ +{ + "name": "Using fixtures to represent data", + "email": "hello@cypress.io", + "body": "Fixtures are a great way to mock data for responses to routes" +} \ No newline at end of file diff --git a/cypress/helper.ts b/cypress/helper.ts new file mode 100644 index 000000000000..61c9920125e4 --- /dev/null +++ b/cypress/helper.ts @@ -0,0 +1,55 @@ +/* eslint-disable no-unused-expressions */ +/* eslint-disable jest/valid-expect */ +const baseUrl = 'http://localhost:8001'; + +type StorybookApps = 'official-storybook'; + +type Addons = 'Knobs'; + +export const visitExample = (app: StorybookApps, route = '') => { + return cy + .clearLocalStorage() + .visit(`${baseUrl}/${app}/${route}`) + .get(`#storybook-preview-iframe`) + .then({ timeout: 10000 }, iframe => { + return cy.wrap(iframe).should(() => { + const content: Document | null = (iframe[0] as HTMLIFrameElement).contentDocument; + const element: HTMLElement | null = content !== null ? content.documentElement : null; + + expect(element).not.null; + + if (element !== null) { + expect(element.querySelector('#root > *')).not.null; + } + }); + }); +}; + +export const clickAddon = (addonName: Addons) => { + return cy + .get(`[role=tablist] button[role=tab]`) + .contains(addonName) + .click(); +}; + +export const getStorybookPreview = () => { + return cy.get(`#storybook-preview-iframe`).then({ timeout: 10000 }, iframe => { + const content: Document | null = (iframe[0] as HTMLIFrameElement).contentDocument; + const element: HTMLElement | null = content !== null ? content.documentElement : null; + + console.log({ element, content, iframe }); + + return cy + .wrap(iframe) + .should(() => { + expect(element).not.null; + + if (element !== null) { + expect(element.querySelector('#root > *')).not.null; + } + }) + .then(() => { + return cy.wrap(element).get('#root'); + }); + }); +}; diff --git a/cypress/integration/knobs.spec.ts b/cypress/integration/knobs.spec.ts new file mode 100644 index 000000000000..a670ef486b22 --- /dev/null +++ b/cypress/integration/knobs.spec.ts @@ -0,0 +1,21 @@ +import { clickAddon, visitExample } from '../helper'; + +describe('Knobs', () => { + beforeEach(() => { + visitExample('official-storybook', '?path=/story/addons-knobs-withknobs--tweaks-static-values'); + }); + + it('[text] it should change a string value', () => { + clickAddon('Knobs'); + + cy.get('#Name') + .clear() + .type('John Doe'); + + cy.preview() + .console('info') + .find('p') + .eq(0) + .should('contain.text', 'My name is John Doe'); + }); +}); diff --git a/cypress/integration/navigation.spec.ts b/cypress/integration/navigation.spec.ts new file mode 100644 index 000000000000..942cf47cc643 --- /dev/null +++ b/cypress/integration/navigation.spec.ts @@ -0,0 +1,40 @@ +import { visitExample } from '../helper'; + +describe('Navigation', () => { + beforeEach(() => { + visitExample('official-storybook'); + }); + + it('should search navigation item', () => { + cy.get('#storybook-explorer-searchfield') + .click() + .type('persisting the action logger'); + + cy.get('.sidebar-container a') + .should('contain', 'Persisting the action logger') + .and('not.contain', 'a11y'); + }); + + it('should display no results after searching a non-existing navigation item', () => { + cy.get('#storybook-explorer-searchfield') + .click() + .type('zzzzzzzzzz'); + + cy.get('.sidebar-container').should('contain', 'This filter resulted in 0 results'); + }); +}); + +describe('Routing', () => { + it('should navigate to story addons-a11y-basebutton--default', () => { + visitExample('official-storybook'); + cy.get('#exploreraddons-a11y-basebutton--label').click(); + + cy.url().should('include', 'path=/story/addons-a11y-basebutton--label'); + }); + + it('should directly visit a certain story and render correctly', () => { + visitExample('official-storybook', '?path=/story/addons-a11y-basebutton--label'); + + cy.preview().should('contain.text', 'Testing the a11y addon'); + }); +}); diff --git a/cypress/plugins/index.js b/cypress/plugins/index.js new file mode 100644 index 000000000000..e699dc68b670 --- /dev/null +++ b/cypress/plugins/index.js @@ -0,0 +1,22 @@ +// *********************************************************** +// This example plugins/index.js can be used to load plugins +// +// You can change the location of this file or turn off loading +// the plugins file with the 'pluginsFile' configuration option. +// +// You can read more here: +// https://on.cypress.io/plugins-guide +// *********************************************************** + +// This function is called when a project is opened or re-opened (e.g. due to +// the project's config changing) + +const wp = require('@cypress/webpack-preprocessor'); +const webpackConfig = require('./webpack.config'); + +module.exports = on => { + const options = { + webpackOptions: webpackConfig, + }; + on('file:preprocessor', wp(options)); +}; diff --git a/cypress/plugins/webpack.config.js b/cypress/plugins/webpack.config.js new file mode 100644 index 000000000000..01774bb3d143 --- /dev/null +++ b/cypress/plugins/webpack.config.js @@ -0,0 +1,21 @@ +module.exports = { + resolve: { + extensions: ['.ts', '.js'], + }, + module: { + rules: [ + { + test: /\.ts$/, + exclude: [/node_modules/], + use: [ + { + loader: 'ts-loader', + options: { + transpileOnly: true, + }, + }, + ], + }, + ], + }, +}; diff --git a/cypress/support/commands.js b/cypress/support/commands.js new file mode 100644 index 000000000000..d7377c5df89d --- /dev/null +++ b/cypress/support/commands.js @@ -0,0 +1,59 @@ +/* eslint-disable no-unused-expressions */ +/* eslint-disable jest/valid-expect */ +// *********************************************** +// This example commands.js shows you how to +// create various custom commands and overwrite +// existing commands. +// +// For more comprehensive examples of custom +// commands please read more here: +// https://on.cypress.io/custom-commands +// *********************************************** +// +// +// -- This is a parent command -- +// Cypress.Commands.add("login", (email, password) => { ... }) +// +// +// -- This is a child command -- +// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... }) +// +// +// -- This is a dual command -- +// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... }) +// +// +// -- This is will overwrite an existing command -- +// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... }) + +const logger = console; +Cypress.Commands.add( + 'console', + { + prevSubject: true, + }, + (subject, method = 'log') => { + logger[method]('The subject is', subject); + return subject; + } +); + +Cypress.Commands.add('preview', {}, () => { + return cy.get(`#storybook-preview-iframe`).then({ timeout: 10000 }, iframe => { + const content = iframe[0].contentDocument; + const element = content !== null ? content.documentElement : null; + + return cy + .wrap(iframe) + .should(() => { + expect(element).not.null; + + if (element !== null) { + expect(element.querySelector('#root > *')).not.null; + } + }) + .then(() => { + return element.querySelector('#root'); + }); + }); +}); diff --git a/cypress/support/index.js b/cypress/support/index.js new file mode 100644 index 000000000000..37a498fb5bf3 --- /dev/null +++ b/cypress/support/index.js @@ -0,0 +1,20 @@ +// *********************************************************** +// This example support/index.js is processed and +// loaded automatically before your test files. +// +// This is a great place to put global configuration and +// behavior that modifies Cypress. +// +// You can change the location of this file or turn off +// automatically serving support files with the +// 'supportFile' configuration option. +// +// You can read more here: +// https://on.cypress.io/configuration +// *********************************************************** + +// Import commands.js using ES2015 syntax: +import './commands'; + +// Alternatively you can use CommonJS syntax: +// require('./commands') diff --git a/cypress/tsconfig.json b/cypress/tsconfig.json new file mode 100644 index 000000000000..6375e4c73dfa --- /dev/null +++ b/cypress/tsconfig.json @@ -0,0 +1,10 @@ +{ + "compilerOptions": { + "strict": true, + "baseUrl": "../node_modules", + "target": "es5", + "lib": ["es2017", "dom"], + "types": ["cypress"] + }, + "include": ["**/*.ts"] +} diff --git a/dev-kits/addon-decorator/package.json b/dev-kits/addon-decorator/package.json index 1eaff46d2f11..f91f2cf2ed28 100644 --- a/dev-kits/addon-decorator/package.json +++ b/dev-kits/addon-decorator/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-decorator", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "decorator addon for storybook", "keywords": [ "addon", @@ -24,8 +24,8 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.4.0" }, diff --git a/dev-kits/addon-parameter/package.json b/dev-kits/addon-parameter/package.json index fd6ea4f39c58..b3e8c1df1590 100644 --- a/dev-kits/addon-parameter/package.json +++ b/dev-kits/addon-parameter/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-parameter", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "parameter addon for storybook", "keywords": [ "addon", @@ -24,12 +24,12 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "react": "^16.8.3", diff --git a/dev-kits/addon-roundtrip/package.json b/dev-kits/addon-roundtrip/package.json index dbeee6234757..3af075999584 100644 --- a/dev-kits/addon-roundtrip/package.json +++ b/dev-kits/addon-roundtrip/package.json @@ -1,6 +1,6 @@ { "name": "@storybook/addon-roundtrip", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "description": "roundtrip addon for storybook", "keywords": [ "addon", @@ -24,13 +24,13 @@ "prepare": "node ../../scripts/prepare.js" }, "dependencies": { - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/api": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/api": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "core-js": "^3.0.1", "global": "^4.3.2", "react": "^16.8.3", diff --git a/docs/src/pages/examples/_examples.yml b/docs/src/pages/examples/_examples.yml index 84af38e5db14..0bbbf651105e 100644 --- a/docs/src/pages/examples/_examples.yml +++ b/docs/src/pages/examples/_examples.yml @@ -185,3 +185,9 @@ govuk: demo: https://govuk-react.github.io/govuk-react/ source: https://github.com/govuk-react/govuk-react site: https://design-system.service.gov.uk/ +reactPakistan: + thumbnail: react-pakistan.jpg + title: React Pakistan + description: A series of reuseable React Commons, UI/UX components, icons, logos and more by React Pakistan. + demo: https://taimoormk.github.io/react-commons-collection/?path=/docs/react-pakistan-intro--page + site: https://www.npmjs.com/package/@react-pakistan/react-commons-collection diff --git a/docs/src/pages/examples/thumbnails/react-pakistan.jpg b/docs/src/pages/examples/thumbnails/react-pakistan.jpg new file mode 100644 index 000000000000..32e96ee6d36b Binary files /dev/null and b/docs/src/pages/examples/thumbnails/react-pakistan.jpg differ diff --git a/docs/src/versions/next.json b/docs/src/versions/next.json index 62ed8ad345b2..9661e22a8e43 100644 --- a/docs/src/versions/next.json +++ b/docs/src/versions/next.json @@ -1 +1 @@ -{"version":"5.3.0-alpha.21","info":{"plain":"### Features\n\n* CLI: React-scripts TS template & test ([#8451](https://github.com/storybookjs/storybook/pull/8451))\n* Addon-storysource: Add preset ([#8437](https://github.com/storybookjs/storybook/pull/8437))\n\n### Bug Fixes\n\n* UI: Fix React15 support ([#8454](https://github.com/storybookjs/storybook/pull/8454))\n* Addon-centered: Fix zoom issues for non-Firefox browsers ([#8442](https://github.com/storybookjs/storybook/pull/8442))\n* CLI: Add CRA preset to MDX template ([#8452](https://github.com/storybookjs/storybook/pull/8452))\n* CLI: Add preset-create-react-app to CRA presets template ([#8449](https://github.com/storybookjs/storybook/pull/8449))\n* CLI: Fix CRA-ts fixture package name ([#8457](https://github.com/storybookjs/storybook/pull/8457))"}} \ No newline at end of file +{"version":"5.3.0-alpha.22","info":{"plain":"### Features\n\n* CLI: Add component meta to framework templates ([#8462](https://github.com/storybookjs/storybook/pull/8462))\n\n### Maintenance\n\n* Build: Add cypress to Storybook CI ([#8397](https://github.com/storybookjs/storybook/pull/8397))\n* Incorrect minimal required node version ([#8427](https://github.com/storybookjs/storybook/pull/8427))"}} \ No newline at end of file diff --git a/examples-native/crna-kitchen-sink/package.json b/examples-native/crna-kitchen-sink/package.json index 33bc294f22b4..6c748a7c9a45 100644 --- a/examples-native/crna-kitchen-sink/package.json +++ b/examples-native/crna-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "crna-kitchen-sink", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "main": "node_modules/expo/AppEntry.js", "workspaces": { @@ -31,15 +31,15 @@ "devDependencies": { "@babel/core": "^7.2.2", "@babel/plugin-transform-react-jsx-source": "^7.2.0", - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-knobs": "5.3.0-alpha.21", - "@storybook/addon-links": "5.3.0-alpha.21", - "@storybook/addon-ondevice-actions": "5.3.0-alpha.21", - "@storybook/addon-ondevice-backgrounds": "5.3.0-alpha.21", - "@storybook/addon-ondevice-knobs": "5.3.0-alpha.21", - "@storybook/addon-ondevice-notes": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/react-native": "5.3.0-alpha.21", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-knobs": "5.3.0-alpha.22", + "@storybook/addon-links": "5.3.0-alpha.22", + "@storybook/addon-ondevice-actions": "5.3.0-alpha.22", + "@storybook/addon-ondevice-backgrounds": "5.3.0-alpha.22", + "@storybook/addon-ondevice-knobs": "5.3.0-alpha.22", + "@storybook/addon-ondevice-notes": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/react-native": "5.3.0-alpha.22", "babel-loader": "^8.0.4", "babel-plugin-module-resolver": "^3.2.0", "babel-preset-expo": "^7.0.0", diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json index 2247fcfeaccf..bb6ba73995e0 100644 --- a/examples/angular-cli/package.json +++ b/examples/angular-cli/package.json @@ -1,6 +1,6 @@ { "name": "angular-cli", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "license": "MIT", "scripts": { @@ -35,21 +35,21 @@ "@angular-devkit/build-angular": "~0.803.6", "@angular/cli": "^8.3.6", "@angular/compiler-cli": "^8.2.8", - "@storybook/addon-a11y": "5.3.0-alpha.21", - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-backgrounds": "5.3.0-alpha.21", - "@storybook/addon-centered": "5.3.0-alpha.21", - "@storybook/addon-docs": "5.3.0-alpha.21", - "@storybook/addon-jest": "5.3.0-alpha.21", - "@storybook/addon-knobs": "5.3.0-alpha.21", - "@storybook/addon-links": "5.3.0-alpha.21", - "@storybook/addon-notes": "5.3.0-alpha.21", - "@storybook/addon-options": "5.3.0-alpha.21", - "@storybook/addon-storyshots": "5.3.0-alpha.21", - "@storybook/addon-storysource": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/angular": "5.3.0-alpha.21", - "@storybook/source-loader": "5.3.0-alpha.21", + "@storybook/addon-a11y": "5.3.0-alpha.22", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-backgrounds": "5.3.0-alpha.22", + "@storybook/addon-centered": "5.3.0-alpha.22", + "@storybook/addon-docs": "5.3.0-alpha.22", + "@storybook/addon-jest": "5.3.0-alpha.22", + "@storybook/addon-knobs": "5.3.0-alpha.22", + "@storybook/addon-links": "5.3.0-alpha.22", + "@storybook/addon-notes": "5.3.0-alpha.22", + "@storybook/addon-options": "5.3.0-alpha.22", + "@storybook/addon-storyshots": "5.3.0-alpha.22", + "@storybook/addon-storysource": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/angular": "5.3.0-alpha.22", + "@storybook/source-loader": "5.3.0-alpha.22", "@types/core-js": "^2.5.0", "@types/jest": "^24.0.11", "@types/node": "^12.7.9", diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json index 55fe2c1645d7..29dac3778867 100644 --- a/examples/cra-kitchen-sink/package.json +++ b/examples/cra-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "cra-kitchen-sink", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "scripts": { "build": "react-scripts build", @@ -18,23 +18,23 @@ "react-lifecycles-compat": "^3.0.4" }, "devDependencies": { - "@storybook/addon-a11y": "5.3.0-alpha.21", - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-backgrounds": "5.3.0-alpha.21", - "@storybook/addon-centered": "5.3.0-alpha.21", - "@storybook/addon-docs": "5.3.0-alpha.21", - "@storybook/addon-events": "5.3.0-alpha.21", - "@storybook/addon-info": "5.3.0-alpha.21", - "@storybook/addon-jest": "5.3.0-alpha.21", - "@storybook/addon-knobs": "5.3.0-alpha.21", - "@storybook/addon-links": "5.3.0-alpha.21", - "@storybook/addon-notes": "5.3.0-alpha.21", - "@storybook/addon-options": "5.3.0-alpha.21", - "@storybook/addon-storyshots": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/client-logger": "5.3.0-alpha.21", - "@storybook/react": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addon-a11y": "5.3.0-alpha.22", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-backgrounds": "5.3.0-alpha.22", + "@storybook/addon-centered": "5.3.0-alpha.22", + "@storybook/addon-docs": "5.3.0-alpha.22", + "@storybook/addon-events": "5.3.0-alpha.22", + "@storybook/addon-info": "5.3.0-alpha.22", + "@storybook/addon-jest": "5.3.0-alpha.22", + "@storybook/addon-knobs": "5.3.0-alpha.22", + "@storybook/addon-links": "5.3.0-alpha.22", + "@storybook/addon-notes": "5.3.0-alpha.22", + "@storybook/addon-options": "5.3.0-alpha.22", + "@storybook/addon-storyshots": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/client-logger": "5.3.0-alpha.22", + "@storybook/react": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "react-scripts": "^3.0.1" } } diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json index a60da5e02426..eab6a72732e3 100644 --- a/examples/cra-react15/package.json +++ b/examples/cra-react15/package.json @@ -1,6 +1,6 @@ { "name": "cra-react15", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "scripts": { "build": "react-scripts build", @@ -18,10 +18,10 @@ "react-scripts": "3.0.1" }, "devDependencies": { - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-links": "5.3.0-alpha.21", - "@storybook/react": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-links": "5.3.0-alpha.22", + "@storybook/react": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "babel-core": "6", "babel-runtime": "6" } diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json index 72e14f59c31a..c903719649e2 100644 --- a/examples/cra-ts-kitchen-sink/package.json +++ b/examples/cra-ts-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "cra-ts-kitchen-sink", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "scripts": { "build-storybook": "build-storybook -s public", @@ -13,12 +13,12 @@ "react-dom": "^16.8.3" }, "devDependencies": { - "@storybook/addon-a11y": "5.3.0-alpha.21", - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-info": "5.3.0-alpha.21", - "@storybook/addon-options": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/react": "5.3.0-alpha.21", + "@storybook/addon-a11y": "5.3.0-alpha.22", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-info": "5.3.0-alpha.22", + "@storybook/addon-options": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/react": "5.3.0-alpha.22", "@types/enzyme": "^3.9.0", "@types/react": "^16.8.14", "@types/react-dom": "^16.8.2", diff --git a/examples/dev-kits/package.json b/examples/dev-kits/package.json index 6f0d3b061a4e..9ed75ee68cf2 100644 --- a/examples/dev-kits/package.json +++ b/examples/dev-kits/package.json @@ -1,21 +1,21 @@ { "name": "@storybook/example-devkits", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "scripts": { "build-storybook": "build-storybook -c ./", "storybook": "start-storybook -p 9011 -c ./" }, "devDependencies": { - "@storybook/addon-decorator": "5.3.0-alpha.21", - "@storybook/addon-parameter": "5.3.0-alpha.21", - "@storybook/addon-roundtrip": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/node-logger": "5.3.0-alpha.21", - "@storybook/react": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addon-decorator": "5.3.0-alpha.22", + "@storybook/addon-parameter": "5.3.0-alpha.22", + "@storybook/addon-roundtrip": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/node-logger": "5.3.0-alpha.22", + "@storybook/react": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "cors": "^2.8.5", "cross-env": "^6.0.3", "enzyme-to-json": "^3.4.1", diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json index 95110f343d5e..c7ff9b0d0816 100644 --- a/examples/ember-cli/package.json +++ b/examples/ember-cli/package.json @@ -1,10 +1,10 @@ { "name": "ember-example", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "scripts": { "build": "ember build", - "prebuild-storybook": "yarn build && cp -r public/* dist", + "prebuild-storybook": "yarn build && shx cp -r public/* dist", "build-storybook": "build-storybook -s dist", "dev": "ember serve", "storybook": "yarn build && start-storybook -p 9009 -s dist", @@ -15,19 +15,19 @@ }, "devDependencies": { "@babel/core": "^7.3.4", - "@storybook/addon-a11y": "5.3.0-alpha.21", - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-backgrounds": "5.3.0-alpha.21", - "@storybook/addon-centered": "5.3.0-alpha.21", - "@storybook/addon-knobs": "5.3.0-alpha.21", - "@storybook/addon-links": "5.3.0-alpha.21", - "@storybook/addon-notes": "5.3.0-alpha.21", - "@storybook/addon-options": "5.3.0-alpha.21", - "@storybook/addon-storysource": "5.3.0-alpha.21", - "@storybook/addon-viewport": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/ember": "5.3.0-alpha.21", - "@storybook/source-loader": "5.3.0-alpha.21", + "@storybook/addon-a11y": "5.3.0-alpha.22", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-backgrounds": "5.3.0-alpha.22", + "@storybook/addon-centered": "5.3.0-alpha.22", + "@storybook/addon-knobs": "5.3.0-alpha.22", + "@storybook/addon-links": "5.3.0-alpha.22", + "@storybook/addon-notes": "5.3.0-alpha.22", + "@storybook/addon-options": "5.3.0-alpha.22", + "@storybook/addon-storysource": "5.3.0-alpha.22", + "@storybook/addon-viewport": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/ember": "5.3.0-alpha.22", + "@storybook/source-loader": "5.3.0-alpha.22", "babel-loader": "^8", "broccoli-asset-rev": "^3.0.0", "cross-env": "^6.0.3", diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json index b52ef875b14b..06dd5f3f4d3c 100644 --- a/examples/html-kitchen-sink/package.json +++ b/examples/html-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "html-kitchen-sink", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "description": "", "keywords": [], @@ -13,26 +13,26 @@ "storybook": "start-storybook -p 9006" }, "devDependencies": { - "@storybook/addon-a11y": "5.3.0-alpha.21", - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-backgrounds": "5.3.0-alpha.21", - "@storybook/addon-centered": "5.3.0-alpha.21", - "@storybook/addon-docs": "5.3.0-alpha.21", - "@storybook/addon-events": "5.3.0-alpha.21", - "@storybook/addon-jest": "5.3.0-alpha.21", - "@storybook/addon-knobs": "5.3.0-alpha.21", - "@storybook/addon-links": "5.3.0-alpha.21", - "@storybook/addon-notes": "5.3.0-alpha.21", - "@storybook/addon-options": "5.3.0-alpha.21", - "@storybook/addon-storyshots": "5.3.0-alpha.21", - "@storybook/addon-storysource": "5.3.0-alpha.21", - "@storybook/addon-viewport": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/client-api": "5.3.0-alpha.21", - "@storybook/core": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/html": "5.3.0-alpha.21", - "@storybook/source-loader": "5.3.0-alpha.21", + "@storybook/addon-a11y": "5.3.0-alpha.22", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-backgrounds": "5.3.0-alpha.22", + "@storybook/addon-centered": "5.3.0-alpha.22", + "@storybook/addon-docs": "5.3.0-alpha.22", + "@storybook/addon-events": "5.3.0-alpha.22", + "@storybook/addon-jest": "5.3.0-alpha.22", + "@storybook/addon-knobs": "5.3.0-alpha.22", + "@storybook/addon-links": "5.3.0-alpha.22", + "@storybook/addon-notes": "5.3.0-alpha.22", + "@storybook/addon-options": "5.3.0-alpha.22", + "@storybook/addon-storyshots": "5.3.0-alpha.22", + "@storybook/addon-storysource": "5.3.0-alpha.22", + "@storybook/addon-viewport": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/client-api": "5.3.0-alpha.22", + "@storybook/core": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/html": "5.3.0-alpha.22", + "@storybook/source-loader": "5.3.0-alpha.22", "eventemitter3": "^4.0.0", "format-json": "^1.0.3", "global": "^4.3.2" diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json index 5907d5b68943..bcf2a52f2d1f 100644 --- a/examples/marko-cli/package.json +++ b/examples/marko-cli/package.json @@ -1,6 +1,6 @@ { "name": "marko-cli", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "description": "Demo of how to build an app using marko-starter", "repository": { @@ -23,14 +23,14 @@ "marko-starter": "^2.0.4" }, "devDependencies": { - "@storybook/addon-a11y": "5.3.0-alpha.21", - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-knobs": "5.3.0-alpha.21", - "@storybook/addon-options": "5.3.0-alpha.21", - "@storybook/addon-storysource": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/marko": "5.3.0-alpha.21", - "@storybook/source-loader": "5.3.0-alpha.21", + "@storybook/addon-a11y": "5.3.0-alpha.22", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-knobs": "5.3.0-alpha.22", + "@storybook/addon-options": "5.3.0-alpha.22", + "@storybook/addon-storysource": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/marko": "5.3.0-alpha.22", + "@storybook/source-loader": "5.3.0-alpha.22", "prettier": "^1.16.4", "webpack": "^4.33.0" } diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json index 2fd0107945f4..87251a37025b 100644 --- a/examples/mithril-kitchen-sink/package.json +++ b/examples/mithril-kitchen-sink/package.json @@ -1,6 +1,6 @@ { "name": "mithril-example", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "scripts": { "build-storybook": "build-storybook", @@ -10,20 +10,20 @@ "mithril": "^1.1.6" }, "devDependencies": { - "@storybook/addon-a11y": "5.3.0-alpha.21", - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-backgrounds": "5.3.0-alpha.21", - "@storybook/addon-centered": "5.3.0-alpha.21", - "@storybook/addon-knobs": "5.3.0-alpha.21", - "@storybook/addon-links": "5.3.0-alpha.21", - "@storybook/addon-notes": "5.3.0-alpha.21", - "@storybook/addon-options": "5.3.0-alpha.21", - "@storybook/addon-storyshots": "5.3.0-alpha.21", - "@storybook/addon-storysource": "5.3.0-alpha.21", - "@storybook/addon-viewport": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/mithril": "5.3.0-alpha.21", - "@storybook/source-loader": "5.3.0-alpha.21", + "@storybook/addon-a11y": "5.3.0-alpha.22", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-backgrounds": "5.3.0-alpha.22", + "@storybook/addon-centered": "5.3.0-alpha.22", + "@storybook/addon-knobs": "5.3.0-alpha.22", + "@storybook/addon-links": "5.3.0-alpha.22", + "@storybook/addon-notes": "5.3.0-alpha.22", + "@storybook/addon-options": "5.3.0-alpha.22", + "@storybook/addon-storyshots": "5.3.0-alpha.22", + "@storybook/addon-storysource": "5.3.0-alpha.22", + "@storybook/addon-viewport": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/mithril": "5.3.0-alpha.22", + "@storybook/source-loader": "5.3.0-alpha.22", "webpack": "^4.33.0" } } diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json index 872b129ec8c0..4b64d75b8005 100644 --- a/examples/official-storybook/package.json +++ b/examples/official-storybook/package.json @@ -1,6 +1,6 @@ { "name": "official-storybook", - "version": "5.3.0-alpha.21", + "version": "5.3.0-alpha.22", "private": true, "scripts": { "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./", @@ -13,34 +13,34 @@ }, "devDependencies": { "@packtracker/webpack-plugin": "^2.0.1", - "@storybook/addon-a11y": "5.3.0-alpha.21", - "@storybook/addon-actions": "5.3.0-alpha.21", - "@storybook/addon-backgrounds": "5.3.0-alpha.21", - "@storybook/addon-centered": "5.3.0-alpha.21", - "@storybook/addon-contexts": "5.3.0-alpha.21", - "@storybook/addon-cssresources": "5.3.0-alpha.21", - "@storybook/addon-design-assets": "5.3.0-alpha.21", - "@storybook/addon-docs": "5.3.0-alpha.21", - "@storybook/addon-events": "5.3.0-alpha.21", - "@storybook/addon-graphql": "5.3.0-alpha.21", - "@storybook/addon-info": "5.3.0-alpha.21", - "@storybook/addon-jest": "5.3.0-alpha.21", - "@storybook/addon-knobs": "5.3.0-alpha.21", - "@storybook/addon-links": "5.3.0-alpha.21", - "@storybook/addon-notes": "5.3.0-alpha.21", - "@storybook/addon-options": "5.3.0-alpha.21", - "@storybook/addon-queryparams": "5.3.0-alpha.21", - "@storybook/addon-storyshots": "5.3.0-alpha.21", - "@storybook/addon-storyshots-puppeteer": "5.3.0-alpha.21", - "@storybook/addon-storysource": "5.3.0-alpha.21", - "@storybook/addon-viewport": "5.3.0-alpha.21", - "@storybook/addons": "5.3.0-alpha.21", - "@storybook/components": "5.3.0-alpha.21", - "@storybook/core-events": "5.3.0-alpha.21", - "@storybook/node-logger": "5.3.0-alpha.21", - "@storybook/react": "5.3.0-alpha.21", - "@storybook/source-loader": "5.3.0-alpha.21", - "@storybook/theming": "5.3.0-alpha.21", + "@storybook/addon-a11y": "5.3.0-alpha.22", + "@storybook/addon-actions": "5.3.0-alpha.22", + "@storybook/addon-backgrounds": "5.3.0-alpha.22", + "@storybook/addon-centered": "5.3.0-alpha.22", + "@storybook/addon-contexts": "5.3.0-alpha.22", + "@storybook/addon-cssresources": "5.3.0-alpha.22", + "@storybook/addon-design-assets": "5.3.0-alpha.22", + "@storybook/addon-docs": "5.3.0-alpha.22", + "@storybook/addon-events": "5.3.0-alpha.22", + "@storybook/addon-graphql": "5.3.0-alpha.22", + "@storybook/addon-info": "5.3.0-alpha.22", + "@storybook/addon-jest": "5.3.0-alpha.22", + "@storybook/addon-knobs": "5.3.0-alpha.22", + "@storybook/addon-links": "5.3.0-alpha.22", + "@storybook/addon-notes": "5.3.0-alpha.22", + "@storybook/addon-options": "5.3.0-alpha.22", + "@storybook/addon-queryparams": "5.3.0-alpha.22", + "@storybook/addon-storyshots": "5.3.0-alpha.22", + "@storybook/addon-storyshots-puppeteer": "5.3.0-alpha.22", + "@storybook/addon-storysource": "5.3.0-alpha.22", + "@storybook/addon-viewport": "5.3.0-alpha.22", + "@storybook/addons": "5.3.0-alpha.22", + "@storybook/components": "5.3.0-alpha.22", + "@storybook/core-events": "5.3.0-alpha.22", + "@storybook/node-logger": "5.3.0-alpha.22", + "@storybook/react": "5.3.0-alpha.22", + "@storybook/source-loader": "5.3.0-alpha.22", + "@storybook/theming": "5.3.0-alpha.22", "cors": "^2.8.5", "cross-env": "^6.0.3", "enzyme-to-json": "^3.4.1", diff --git a/examples/official-storybook/stories/app-acceptance.stories.js b/examples/official-storybook/stories/app-acceptance.stories.js deleted file mode 100644 index edea0adc9125..000000000000 --- a/examples/official-storybook/stories/app-acceptance.stories.js +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react'; -import { storiesOf } from '@storybook/react'; - -// For these stories to work, you must build the static version of the -// example storybooks *before* running this storybook. - -const chapter = storiesOf('App|acceptance', module); - -const style = { - border: 0, - position: 'absolute', - top: 0, - left: 0, - width: '100vw', - height: '100vh', -}; - -[ - 'cra-kitchen-sink', - 'cra-ts-kitchen-sink', - 'vue-kitchen-sink', - 'svelte-kitchen-sink', - 'angular-cli', - 'polymer-cli', - 'mithril-kitchen-sink', - 'html-kitchen-sink', - 'riot-kitchen-sink', - 'preact-kitchen-sink', - 'cra-react15', -].forEach(name => { - chapter.add(name, () =>