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

Merge remote-tracking branch 'origin/next' into 16048-v7-storyshots

Browse Source
This commit is contained in:
Tom Coleman 2021-11-10 17:47:00 +11:00
commit 1eb8aa10da
158 changed files with 3043 additions and 1701 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
CHANGELOG.md
View File

@ -1,3 +1,70 @@
## 6.4.0-beta.31 (November 10, 2021)
### Features
* Core: Add feature flag to stop storybook from aliasing emotion ([#16613](https://github.com/storybookjs/storybook/pull/16613))
### Bug Fixes
* Core: Fix `staticDirs` and `-s` conflict check ([#16649](https://github.com/storybookjs/storybook/pull/16649))
### Maintenance
* Build: Add node-gyp for M1 macs ([#16645](https://github.com/storybookjs/storybook/pull/16645))
## 6.4.0-beta.30 (November 8, 2021)
### Features
- Args: Add ability to specific argType "targets" ([#16333](https://github.com/storybookjs/storybook/pull/16333))
### Bug Fixes
- Core: Fix sorting by `__namedExportsOrder` ([#16626](https://github.com/storybookjs/storybook/pull/16626))
- Angular: Fix zonejs imports in framework preset ([#16631](https://github.com/storybookjs/storybook/pull/16631))
- Core: Change CSF loading problems from warning to error ([#16632](https://github.com/storybookjs/storybook/pull/16632))
- Core: Fix args values updated from url to control ([#16508](https://github.com/storybookjs/storybook/pull/16508))
- CLI: Fix upgrade error state ([#16622](https://github.com/storybookjs/storybook/pull/16622))
## 6.4.0-beta.29 (November 6, 2021)
### Features
- CSFFile: Handle re-exported stories ([#16607](https://github.com/storybookjs/storybook/pull/16607))
### Bug Fixes
- StoryIndex: Skip files with no default export ([#16606](https://github.com/storybookjs/storybook/pull/16606))
- Addon-docs/Source: Fix disabling show code with null ([#16615](https://github.com/storybookjs/storybook/pull/16615))
- Core: Handle missing websocket in production build ([#16590](https://github.com/storybookjs/storybook/pull/16590))
- Core: Ensure we set `parameters.filePath` in v7 mode ([#16566](https://github.com/storybookjs/storybook/pull/16566))
- Core: Fix behavior around missing stories to be more clear ([#16608](https://github.com/storybookjs/storybook/pull/16608))
## 6.4.0-beta.28 (November 5, 2021)
### Bug Fixes
- Interactions: Fix README link ([#16596](https://github.com/storybookjs/storybook/pull/16596))
## 6.4.0-beta.27 (November 4, 2021)
### Features
- Core: Add 'staticDirs' config option ([#15969](https://github.com/storybookjs/storybook/pull/15969))
### Bug Fixes
- TS: Fix type for Refs so they can be disabled ([#16582](https://github.com/storybookjs/storybook/pull/16582))
- CLI: Add a check for source-dir in `sb extract` ([#16505](https://github.com/storybookjs/storybook/pull/16505))
- UI: Fix links that have no onClick handler ([#16581](https://github.com/storybookjs/storybook/pull/16581))
- Core: Continue running play function on rerender ([#16574](https://github.com/storybookjs/storybook/pull/16574))
- Ensure we always initialize the story store, even when the index errors. ([#16537](https://github.com/storybookjs/storybook/pull/16537))
- Interactions: Fix panel tab icon/count ([#16578](https://github.com/storybookjs/storybook/pull/16578))
### Dependency Upgrades
- Pin the version of `history` for `react-router-dom` compat ([#16560](https://github.com/storybookjs/storybook/pull/16560))
## 6.4.0-beta.26 (November 2, 2021) ## 6.4.0-beta.26 (November 2, 2021)
### Bug Fixes ### Bug Fixes

60
MIGRATION.md
View File

@ -16,6 +16,8 @@
- [Babel mode v7](#babel-mode-v7) - [Babel mode v7](#babel-mode-v7)
- [Loader behavior with args changes](#loader-behavior-with-args-changes) - [Loader behavior with args changes](#loader-behavior-with-args-changes)
- [Angular component parameter removed](#angular-component-parameter-removed) - [Angular component parameter removed](#angular-component-parameter-removed)
- [6.4 deprecations](#64-deprecations)
- [Deprecated --static-dir CLI flag](#deprecated---static-dir-cli-flag)
- [From version 6.2.x to 6.3.0](#from-version-62x-to-630) - [From version 6.2.x to 6.3.0](#from-version-62x-to-630)
- [Webpack 5](#webpack-5) - [Webpack 5](#webpack-5)
- [Fixing hoisting issues](#fixing-hoisting-issues) - [Fixing hoisting issues](#fixing-hoisting-issues)
@ -189,7 +191,7 @@ Storybook 6.3 supports CRA5 out of the box when you install it fresh. However, i
upgrade the configuration. You can do this automatically by running: upgrade the configuration. You can do this automatically by running:
``` ```
npx sb@next fix npx sb@next automigrate
``` ```
Or you can do the following steps manually to force Storybook to use webpack 5 for building your project: Or you can do the following steps manually to force Storybook to use webpack 5 for building your project:
@ -452,6 +454,29 @@ export const MyStory = () => ({ component: MyComponent, ... })
[More discussion here.](https://github.com/storybookjs/storybook/pull/16010#issuecomment-917378595) [More discussion here.](https://github.com/storybookjs/storybook/pull/16010#issuecomment-917378595)
### 6.4 deprecations
#### Deprecated --static-dir CLI flag
In 6.4 we've replaced the `--static-dir` CLI flag with the the `staticDirs` field in `.storybook/main.js`. Note that the CLI directories are relative to the current working directory, whereas the `staticDirs` are relative to the location of `main.js`.
Before:
```sh
start-storybook --static-dir ./public,./static,./foo/assets:/assets
```
After:
```js
// .storybook/main.js
module.exports = {
staticDirs: ['../public', '../static', { from: '../foo/assets', to: '/assets' }],
};
```
The `--static-dir` flag has been deprecated and will be removed in Storybook 7.0.
## From version 6.2.x to 6.3.0 ## From version 6.2.x to 6.3.0
### Webpack 5 ### Webpack 5
@ -610,7 +635,7 @@ export const Basic = () => ({
}); });
``` ```
The new convention is consistent with how other frameworks and addons work in Storybook. The old way will be supported until 7.0. For a full discussion see https://github.com/storybookjs/storybook/issues/8673. The new convention is consistent with how other frameworks and addons work in Storybook. The old way will be supported until 7.0. For a full discussion see <https://github.com/storybookjs/storybook/issues/8673>.
#### New Angular renderer #### New Angular renderer
@ -647,7 +672,7 @@ Instead of continuing to include PostCSS inside the core library, it has been mo
If you require PostCSS support, please install `@storybook/addon-postcss` in your project, add it to your list of addons inside `.storybook/main.js`, and configure a `postcss.config.js` file. If you require PostCSS support, please install `@storybook/addon-postcss` in your project, add it to your list of addons inside `.storybook/main.js`, and configure a `postcss.config.js` file.
Further information is available at https://github.com/storybookjs/storybook/issues/12668 and https://github.com/storybookjs/storybook/pull/13669. Further information is available at <https://github.com/storybookjs/storybook/issues/12668> and <https://github.com/storybookjs/storybook/pull/13669>.
If you're not using Postcss and you don't want to see the warning, you can disable it by adding the following to your `.storybook/main.js`: If you're not using Postcss and you don't want to see the warning, you can disable it by adding the following to your `.storybook/main.js`:
@ -788,7 +813,7 @@ Starting in 6.1, `react` and `react-dom` are required peer dependencies of `@sto
Error: Cannot find module 'react-dom/package.json' Error: Cannot find module 'react-dom/package.json'
``` ```
They were also peer dependencies in earlier versions, but due to the package structure they would be installed by Storybook if they were not required by the user's project. For more discussion: https://github.com/storybookjs/storybook/issues/13269 They were also peer dependencies in earlier versions, but due to the package structure they would be installed by Storybook if they were not required by the user's project. For more discussion: <https://github.com/storybookjs/storybook/issues/13269>
### 6.1 deprecations ### 6.1 deprecations
@ -817,7 +842,7 @@ console.log(unboundStoryFn(context));
If you're not using loaders, `storyFn` will work as before. If you are, you'll need to use the new approach. If you're not using loaders, `storyFn` will work as before. If you are, you'll need to use the new approach.
> NOTE: If you're using `@storybook/addon-docs`, this deprecation warning is triggered by the Docs tab in 6.1. It's safe to ignore and we will be providing a proper fix in a future release. You can track the issue at https://github.com/storybookjs/storybook/issues/13074. > NOTE: If you're using `@storybook/addon-docs`, this deprecation warning is triggered by the Docs tab in 6.1. It's safe to ignore and we will be providing a proper fix in a future release. You can track the issue at <https://github.com/storybookjs/storybook/issues/13074>.
#### Deprecated onBeforeRender #### Deprecated onBeforeRender
@ -2287,16 +2312,16 @@ The `@storybook/react-native` had built-in addons (`addon-actions` and `addon-li
### Storyshots Changes ### Storyshots Changes
1. `imageSnapshot` test function was extracted from `addon-storyshots` 1. `imageSnapshot` test function was extracted from `addon-storyshots`
and moved to a new package - `addon-storyshots-puppeteer` that now will and moved to a new package - `addon-storyshots-puppeteer` that now will
be dependant on puppeteer. [README](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-puppeteer) be dependant on puppeteer. [README](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-puppeteer)
2. `getSnapshotFileName` export was replaced with the `Stories2SnapsConverter` 2. `getSnapshotFileName` export was replaced with the `Stories2SnapsConverter`
class that now can be overridden for a custom implementation of the class that now can be overridden for a custom implementation of the
snapshot-name generation. [README](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core#stories2snapsconverter) snapshot-name generation. [README](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core#stories2snapsconverter)
3. Storybook that was configured with Webpack's `require.context()` feature 3. Storybook that was configured with Webpack's `require.context()` feature
will need to add a babel plugin to polyfill this functionality. will need to add a babel plugin to polyfill this functionality.
A possible plugin might be [babel-plugin-require-context-hook](https://github.com/smrq/babel-plugin-require-context-hook). A possible plugin might be [babel-plugin-require-context-hook](https://github.com/smrq/babel-plugin-require-context-hook).
[README](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core#configure-jest-to-work-with-webpacks-requirecontext) [README](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core#configure-jest-to-work-with-webpacks-requirecontext)
### Webpack 4 ### Webpack 4
@ -2307,9 +2332,11 @@ Storybook now uses webpack 4. If you have a [custom webpack config](https://stor
Storybook now uses Babel 7. There's a couple of cases when it can break with your app: 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: - If you aren't using Babel yourself, and don't have .babelrc, install following dependencies:
``` ```
npm i -D @babel/core babel-loader@next 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` and that you have a `.babelrc` in your project directory. - If you're using Babel 6, make sure that you have direct dependencies on `babel-core@6` and `babel-loader@7` and that you have a `.babelrc` in your project directory.
### Create-react-app ### Create-react-app
@ -2560,11 +2587,14 @@ If you **are** using these addons, it takes two steps to migrate:
- add the addons you use to your `package.json`. - add the addons you use to your `package.json`.
- update your code: - update your code:
change `addons.js` like so: change `addons.js` like so:
```js ```js
import '@storybook/addon-actions/register'; import '@storybook/addon-actions/register';
import '@storybook/addon-links/register'; import '@storybook/addon-links/register';
``` ```
change `x.story.js` like so: change `x.story.js` like so:
```js ```js
import React from 'react'; import React from 'react';
import { storiesOf } from '@storybook/react'; import { storiesOf } from '@storybook/react';

18
addons/a11y/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-a11y", "name": "@storybook/addon-a11y",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Test component compliance with web accessibility standards", "description": "Test component compliance with web accessibility standards",
"keywords": [ "keywords": [
"a11y", "a11y",
@ -45,14 +45,14 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/channels": "6.4.0-beta.26", "@storybook/channels": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"axe-core": "^4.2.0", "axe-core": "^4.2.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -81,7 +81,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Accessibility", "displayName": "Accessibility",

14
addons/actions/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-actions", "name": "@storybook/addon-actions",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Get UI feedback when an action is performed on an interactive element", "description": "Get UI feedback when an action is performed on an interactive element",
"keywords": [ "keywords": [
"storybook", "storybook",
@ -41,12 +41,12 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
"global": "^4.4.0", "global": "^4.4.0",
@ -79,7 +79,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Actions", "displayName": "Actions",

16
addons/backgrounds/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-backgrounds", "name": "@storybook/addon-backgrounds",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Switch backgrounds to view components in different settings", "description": "Switch backgrounds to view components in different settings",
"keywords": [ "keywords": [
"addon", "addon",
@ -45,13 +45,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"memoizerific": "^1.11.3", "memoizerific": "^1.11.3",
@ -77,7 +77,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Backgrounds", "displayName": "Backgrounds",

20
addons/controls/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-controls", "name": "@storybook/addon-controls",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Interact with component inputs dynamically in the Storybook UI", "description": "Interact with component inputs dynamically in the Storybook UI",
"keywords": [ "keywords": [
"addon", "addon",
@ -45,15 +45,15 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"lodash": "^4.17.20", "lodash": "^4.17.20",
"ts-dedent": "^2.0.0" "ts-dedent": "^2.0.0"
@ -73,7 +73,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/register.js", "sbmodern": "dist/modern/register.js",
"storybook": { "storybook": {
"displayName": "Controls", "displayName": "Controls",

54
addons/docs/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-docs", "name": "@storybook/addon-docs",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Document component usage and properties in Markdown", "description": "Document component usage and properties in Markdown",
"keywords": [ "keywords": [
"addon", "addon",
@ -63,21 +63,21 @@
"@mdx-js/loader": "^1.6.22", "@mdx-js/loader": "^1.6.22",
"@mdx-js/mdx": "^1.6.22", "@mdx-js/mdx": "^1.6.22",
"@mdx-js/react": "^1.6.22", "@mdx-js/react": "^1.6.22",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/builder-webpack4": "6.4.0-beta.26", "@storybook/builder-webpack4": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/csf-tools": "6.4.0-beta.26", "@storybook/csf-tools": "6.4.0-beta.31",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/postinstall": "6.4.0-beta.26", "@storybook/postinstall": "6.4.0-beta.31",
"@storybook/preview-web": "6.4.0-beta.26", "@storybook/preview-web": "6.4.0-beta.31",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"acorn": "^7.4.1", "acorn": "^7.4.1",
"acorn-jsx": "^5.3.1", "acorn-jsx": "^5.3.1",
"acorn-walk": "^7.2.0", "acorn-walk": "^7.2.0",
@ -106,11 +106,11 @@
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@emotion/core": "^10.1.1", "@emotion/core": "^10.1.1",
"@emotion/styled": "^10.0.27", "@emotion/styled": "^10.0.27",
"@storybook/angular": "6.4.0-beta.26", "@storybook/angular": "6.4.0-beta.31",
"@storybook/html": "6.4.0-beta.26", "@storybook/html": "6.4.0-beta.31",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"@storybook/vue": "6.4.0-beta.26", "@storybook/vue": "6.4.0-beta.31",
"@storybook/web-components": "6.4.0-beta.26", "@storybook/web-components": "6.4.0-beta.31",
"@types/cross-spawn": "^6.0.2", "@types/cross-spawn": "^6.0.2",
"@types/doctrine": "^0.0.3", "@types/doctrine": "^0.0.3",
"@types/enzyme": "^3.10.8", "@types/enzyme": "^3.10.8",
@ -140,12 +140,12 @@
"zone.js": "^0.11.3" "zone.js": "^0.11.3"
}, },
"peerDependencies": { "peerDependencies": {
"@storybook/angular": "6.4.0-beta.26", "@storybook/angular": "6.4.0-beta.31",
"@storybook/html": "6.4.0-beta.26", "@storybook/html": "6.4.0-beta.31",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"@storybook/vue": "6.4.0-beta.26", "@storybook/vue": "6.4.0-beta.31",
"@storybook/vue3": "6.4.0-beta.26", "@storybook/vue3": "6.4.0-beta.31",
"@storybook/web-components": "6.4.0-beta.26", "@storybook/web-components": "6.4.0-beta.31",
"lit": "^2.0.0-rc.1", "lit": "^2.0.0-rc.1",
"lit-html": "^1.4.1 || ^2.0.0-rc.3", "lit-html": "^1.4.1 || ^2.0.0-rc.3",
"react": "^16.8.0 || ^17.0.0", "react": "^16.8.0 || ^17.0.0",
@ -202,7 +202,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Docs", "displayName": "Docs",

2
addons/docs/src/blocks/Source.tsx
View File

@ -69,7 +69,7 @@ const getSnippet = (snippet: string, story?: Story<any>): string => {
// if user has hard-coded the snippet, that takes precedence // if user has hard-coded the snippet, that takes precedence
const userCode = parameters.docs?.source?.code; const userCode = parameters.docs?.source?.code;
if (userCode) { if (userCode !== undefined) {
return userCode; return userCode;
} }

32
addons/essentials/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-essentials", "name": "@storybook/addon-essentials",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Curated addons to bring out the best of Storybook", "description": "Curated addons to bring out the best of Storybook",
"keywords": [ "keywords": [
"addon", "addon",
@ -39,31 +39,31 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/addon-measure": "6.4.0-beta.26", "@storybook/addon-measure": "6.4.0-beta.31",
"@storybook/addon-outline": "6.4.0-beta.26", "@storybook/addon-outline": "6.4.0-beta.31",
"@storybook/addon-toolbars": "6.4.0-beta.26", "@storybook/addon-toolbars": "6.4.0-beta.31",
"@storybook/addon-viewport": "6.4.0-beta.26", "@storybook/addon-viewport": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7", "regenerator-runtime": "^0.13.7",
"ts-dedent": "^2.0.0" "ts-dedent": "^2.0.0"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@storybook/vue": "6.4.0-beta.26", "@storybook/vue": "6.4.0-beta.31",
"@types/jest": "^26.0.16", "@types/jest": "^26.0.16",
"@types/webpack-env": "^1.16.0" "@types/webpack-env": "^1.16.0"
}, },
"peerDependencies": { "peerDependencies": {
"@babel/core": "^7.9.6", "@babel/core": "^7.9.6",
"@storybook/vue": "6.4.0-beta.26", "@storybook/vue": "6.4.0-beta.31",
"@storybook/web-components": "6.4.0-beta.26", "@storybook/web-components": "6.4.0-beta.31",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"lit-html": "^1.4.1 || ^2.0.0-rc.3", "lit-html": "^1.4.1 || ^2.0.0-rc.3",
"react": "^16.8.0 || ^17.0.0", "react": "^16.8.0 || ^17.0.0",
@ -93,6 +93,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

17
addons/interactions/README.md
View File

@ -22,6 +22,19 @@ module.exports = {
Note that `@storybook/addon-interactions` must be listed **after** `@storybook/addon-actions` or `@storybook/addon-essentials`. Note that `@storybook/addon-interactions` must be listed **after** `@storybook/addon-actions` or `@storybook/addon-essentials`.
## Experimental step debugging
Step debugging features are experimental and disabled by default. To enable them:
```js
// main.js
module.exports = {
features: {
interactionsDebugger: true,
},
};
```
## Usage ## Usage
Interactions relies on "instrumented" versions of Jest and Testing Library, that you import from `@storybook/jest` and Interactions relies on "instrumented" versions of Jest and Testing Library, that you import from `@storybook/jest` and
@ -43,8 +56,8 @@ export const Demo = {
const canvas = within(canvasElement); const canvas = within(canvasElement);
await userEvent.click(canvas.getByRole('button')); await userEvent.click(canvas.getByRole('button'));
await expect(args.onClick).toHaveBeenCalled(); await expect(args.onClick).toHaveBeenCalled();
} },
} };
``` ```
In order to enable step-through debugging, calls to `userEvent.*`, `fireEvent`, `findBy*`, `waitFor*` and `expect` have to In order to enable step-through debugging, calls to `userEvent.*`, `fireEvent`, `findBy*`, `waitFor*` and `expect` have to

18
addons/interactions/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-interactions", "name": "@storybook/addon-interactions",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Automate, test and debug user interactions", "description": "Automate, test and debug user interactions",
"keywords": [ "keywords": [
"storybook-addons", "storybook-addons",
@ -41,14 +41,14 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/instrumenter": "6.4.0-beta.26", "@storybook/instrumenter": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"global": "^4.4.0", "global": "^4.4.0",
"jest-mock": "^27.0.6", "jest-mock": "^27.0.6",
"polished": "^4.0.5", "polished": "^4.0.5",
@ -74,7 +74,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Interactions", "displayName": "Interactions",

150
addons/interactions/src/Panel.tsx
View File

@ -19,7 +19,6 @@ interface AddonPanelProps {
interface InteractionsPanelProps { interface InteractionsPanelProps {
active: boolean; active: boolean;
showTabIcon?: boolean;
interactions: (Call & { state?: CallStates })[]; interactions: (Call & { state?: CallStates })[];
isDisabled?: boolean; isDisabled?: boolean;
hasPrevious?: boolean; hasPrevious?: boolean;
@ -45,9 +44,13 @@ const TabIcon = styled(StatusIcon)({
marginLeft: 5, marginLeft: 5,
}); });
const TabStatus = ({ children }: { children: React.ReactChild }) => {
const container = global.document.getElementById('tabbutton-interactions');
return container && ReactDOM.createPortal(children, container);
};
export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo( export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
({ ({
showTabIcon,
interactions, interactions,
isDisabled, isDisabled,
hasPrevious, hasPrevious,
@ -65,57 +68,50 @@ export const AddonPanelPure: React.FC<InteractionsPanelProps> = React.memo(
endRef, endRef,
isDebuggingEnabled, isDebuggingEnabled,
...panelProps ...panelProps
}) => { }) => (
return ( <AddonPanel {...panelProps}>
<AddonPanel {...panelProps}> {isDebuggingEnabled && interactions.length > 0 && (
{showTabIcon && <Subnav
ReactDOM.createPortal( isDisabled={isDisabled}
<TabIcon status={hasException ? CallStates.ERROR : CallStates.ACTIVE} />, hasPrevious={hasPrevious}
global.document.getElementById('tabbutton-interactions') hasNext={hasNext}
)} storyFileName={fileName}
{isDebuggingEnabled && interactions.length > 0 && ( status={
<Subnav // eslint-disable-next-line no-nested-ternary
isDisabled={isDisabled} isPlaying ? CallStates.ACTIVE : hasException ? CallStates.ERROR : CallStates.DONE
hasPrevious={hasPrevious} }
hasNext={hasNext} onStart={onStart}
storyFileName={fileName} onPrevious={onPrevious}
status={ onNext={onNext}
// eslint-disable-next-line no-nested-ternary onEnd={onEnd}
isPlaying ? CallStates.ACTIVE : hasException ? CallStates.ERROR : CallStates.DONE onScrollToEnd={onScrollToEnd}
} />
onStart={onStart} )}
onPrevious={onPrevious} {interactions.map((call) => (
onNext={onNext} <Interaction
onEnd={onEnd} key={call.id}
onScrollToEnd={onScrollToEnd} call={call}
/> callsById={calls}
)} isDebuggingEnabled={isDebuggingEnabled}
{interactions.map((call) => ( isDisabled={isDisabled}
<Interaction onClick={() => onInteractionClick(call.id)}
key={call.id} />
call={call} ))}
callsById={calls} <div ref={endRef} />
isDebuggingEnabled={isDebuggingEnabled} {!isPlaying && interactions.length === 0 && (
isDisabled={isDisabled} <Placeholder>
onClick={() => onInteractionClick(call.id)} No interactions found
/> <Link
))} href="https://github.com/storybookjs/storybook/blob/next/addons/interactions/README.md"
<div ref={endRef} /> target="_blank"
{!isPlaying && interactions.length === 0 && ( withArrow
<Placeholder> >
No interactions found Learn how to add interactions to your story
<Link </Link>
href="https://storybook.js.org/docs/react/essentials/interactions" </Placeholder>
target="_blank" )}
withArrow </AddonPanel>
> )
Learn how to add interactions to your story
</Link>
</Placeholder>
)}
</AddonPanel>
);
}
); );
export const Panel: React.FC<AddonPanelProps> = (props) => { export const Panel: React.FC<AddonPanelProps> = (props) => {
@ -156,6 +152,7 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
const isDebuggingEnabled = FEATURES.interactionsDebugger === true; const isDebuggingEnabled = FEATURES.interactionsDebugger === true;
const showStatus = log.length > 0 && !isPlaying;
const isDebugging = log.some((item) => pendingStates.includes(item.state)); const isDebugging = log.some((item) => pendingStates.includes(item.state));
const hasPrevious = log.some((item) => completedStates.includes(item.state)); const hasPrevious = log.some((item) => completedStates.includes(item.state));
const hasNext = log.some((item) => item.state === CallStates.WAITING); const hasNext = log.some((item) => item.state === CallStates.WAITING);
@ -165,8 +162,6 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
? hasActive || isLocked || (isPlaying && !isDebugging) ? hasActive || isLocked || (isPlaying && !isDebugging)
: true; : true;
const showTabIcon = isDebugging || (!isPlaying && hasException);
const onStart = React.useCallback(() => emit(EVENTS.START, { storyId }), [storyId]); const onStart = React.useCallback(() => emit(EVENTS.START, { storyId }), [storyId]);
const onPrevious = React.useCallback(() => emit(EVENTS.BACK, { storyId }), [storyId]); const onPrevious = React.useCallback(() => emit(EVENTS.BACK, { storyId }), [storyId]);
const onNext = React.useCallback(() => emit(EVENTS.NEXT, { storyId }), [storyId]); const onNext = React.useCallback(() => emit(EVENTS.NEXT, { storyId }), [storyId]);
@ -177,25 +172,30 @@ export const Panel: React.FC<AddonPanelProps> = (props) => {
); );
return ( return (
<AddonPanelPure <React.Fragment key="interactions">
showTabIcon={showTabIcon} <TabStatus>
interactions={interactions} {showStatus &&
isDisabled={isDisabled} (hasException ? <TabIcon status={CallStates.ERROR} /> : ` (${interactions.length})`)}
hasPrevious={hasPrevious} </TabStatus>
hasNext={hasNext} <AddonPanelPure
fileName={fileName} interactions={interactions}
hasException={hasException} isDisabled={isDisabled}
isPlaying={isPlaying} hasPrevious={hasPrevious}
calls={calls.current} hasNext={hasNext}
endRef={endRef} fileName={fileName}
isDebuggingEnabled={isDebuggingEnabled} hasException={hasException}
onStart={onStart} isPlaying={isPlaying}
onPrevious={onPrevious} calls={calls.current}
onNext={onNext} endRef={endRef}
onEnd={onEnd} isDebuggingEnabled={isDebuggingEnabled}
onInteractionClick={onInteractionClick} onStart={onStart}
onScrollToEnd={scrollTarget && scrollToTarget} onPrevious={onPrevious}
{...props} onNext={onNext}
/> onEnd={onEnd}
onInteractionClick={onInteractionClick}
onScrollToEnd={scrollTarget && scrollToTarget}
{...props}
/>
</React.Fragment>
); );
}; };

16
addons/interactions/src/components/AccountForm/addon-interactions.stories.tsx
View File

@ -8,7 +8,11 @@ import { AccountForm } from './AccountForm';
export default { export default {
title: 'Addons/Interactions/AccountForm', title: 'Addons/Interactions/AccountForm',
component: AccountForm, component: AccountForm,
parameters: { layout: 'centered', theme: 'light' }, parameters: {
layout: 'centered',
theme: 'light',
options: { selectedPanel: 'storybook/interactions/panel' },
},
argTypes: { argTypes: {
onSubmit: { action: true }, onSubmit: { action: true },
}, },
@ -58,15 +62,11 @@ export const StandardEmailFailed: CSF3Story = {
...Standard, ...Standard,
play: async ({ args, canvasElement }) => { play: async ({ args, canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
await userEvent.type(canvas.getByTestId('email'), 'me'); await userEvent.type(canvas.getByTestId('email'), 'gert@chromatic');
await userEvent.type(canvas.getByTestId('password1'), 'helloyou'); await userEvent.type(canvas.getByTestId('password1'), 'supersecret');
await userEvent.click(canvas.getByRole('button', { name: /create account/i })); await userEvent.click(canvas.getByRole('button', { name: /create account/i }));
await canvas.findByText( await canvas.findByText('Please enter a correctly formatted email address');
'Please enter a correctly formatted email address',
{},
{ timeout: 2000 }
);
expect(args.onSubmit).not.toHaveBeenCalled(); expect(args.onSubmit).not.toHaveBeenCalled();
}, },
}; };

11
addons/interactions/src/components/StatusIcon/StatusIcon.tsx
View File

@ -31,12 +31,19 @@ const StyledStatusIcon = styled(Icons)<StatusIconProps>(({ theme, status }) => {
}; };
}); });
export const StatusIcon: React.FC<StatusIconProps> = ({ status }) => { export const StatusIcon: React.FC<StatusIconProps> = ({ status, className }) => {
const icon = { const icon = {
[CallStates.DONE]: 'check', [CallStates.DONE]: 'check',
[CallStates.ERROR]: 'stopalt', [CallStates.ERROR]: 'stopalt',
[CallStates.ACTIVE]: 'play', [CallStates.ACTIVE]: 'play',
[CallStates.WAITING]: 'circle', [CallStates.WAITING]: 'circle',
}[status] as IconsProps['icon']; }[status] as IconsProps['icon'];
return <StyledStatusIcon data-testid={`icon-${status}`} status={status} icon={icon} />; return (
<StyledStatusIcon
data-testid={`icon-${status}`}
status={status}
icon={icon}
className={className}
/>
);
}; };

14
addons/jest/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-jest", "name": "@storybook/addon-jest",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "React storybook addon that show component jest report", "description": "React storybook addon that show component jest report",
"keywords": [ "keywords": [
"addon", "addon",
@ -47,11 +47,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"react-sizeme": "^3.0.1", "react-sizeme": "^3.0.1",
@ -76,7 +76,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Jest", "displayName": "Jest",

12
addons/links/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-links", "name": "@storybook/addon-links",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Link stories together to build demos and prototypes with your UI components", "description": "Link stories together to build demos and prototypes with your UI components",
"keywords": [ "keywords": [
"addon", "addon",
@ -41,11 +41,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/router": "6.4.0-beta.26", "@storybook/router": "6.4.0-beta.31",
"@types/qs": "^6.9.5", "@types/qs": "^6.9.5",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -72,7 +72,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Links", "displayName": "Links",

14
addons/measure/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-measure", "name": "@storybook/addon-measure",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Inspect layouts by visualizing the box model", "description": "Inspect layouts by visualizing the box model",
"keywords": [ "keywords": [
"storybook-addons", "storybook-addons",
@ -44,11 +44,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0" "global": "^4.4.0"
@ -71,7 +71,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Measure", "displayName": "Measure",

14
addons/outline/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-outline", "name": "@storybook/addon-outline",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Outline all elements with CSS to help with layout placement and alignment", "description": "Outline all elements with CSS to help with layout placement and alignment",
"keywords": [ "keywords": [
"storybook-addons", "storybook-addons",
@ -47,11 +47,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -76,7 +76,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Outline", "displayName": "Outline",

24
addons/storyshots/storyshots-core/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-storyshots", "name": "@storybook/addon-storyshots",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Take a code snapshot of every story automatically with Jest", "description": "Take a code snapshot of every story automatically with Jest",
"keywords": [ "keywords": [
"addon", "addon",
@ -45,11 +45,11 @@
}, },
"dependencies": { "dependencies": {
"@jest/transform": "^26.6.2", "@jest/transform": "^26.6.2",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/client-api": "6.4.0-beta.26", "@storybook/client-api": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-client": "6.4.0-beta.26", "@storybook/core-client": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@types/glob": "^7.1.3", "@types/glob": "^7.1.3",
"@types/jest": "^26.0.16", "@types/jest": "^26.0.16",
@ -69,11 +69,11 @@
"devDependencies": { "devDependencies": {
"@angular/core": "^11.2.0", "@angular/core": "^11.2.0",
"@angular/platform-browser-dynamic": "^11.2.0", "@angular/platform-browser-dynamic": "^11.2.0",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/angular": "6.4.0-beta.26", "@storybook/angular": "6.4.0-beta.31",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"@storybook/vue": "6.4.0-beta.26", "@storybook/vue": "6.4.0-beta.31",
"@storybook/vue3": "6.4.0-beta.26", "@storybook/vue3": "6.4.0-beta.31",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"enzyme": "^3.11.0", "enzyme": "^3.11.0",
"enzyme-to-json": "^3.6.1", "enzyme-to-json": "^3.6.1",
@ -151,7 +151,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"storybook": { "storybook": {
"displayName": "Storyshots", "displayName": "Storyshots",
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png", "icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",

8
addons/storyshots/storyshots-puppeteer/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-storyshots-puppeteer", "name": "@storybook/addon-storyshots-puppeteer",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Image snapshots addition to StoryShots based on puppeteer", "description": "Image snapshots addition to StoryShots based on puppeteer",
"keywords": [ "keywords": [
"addon", "addon",
@ -42,7 +42,7 @@
"dependencies": { "dependencies": {
"@axe-core/puppeteer": "^4.2.0", "@axe-core/puppeteer": "^4.2.0",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@types/jest-image-snapshot": "^4.1.3", "@types/jest-image-snapshot": "^4.1.3",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"jest-image-snapshot": "^4.3.0", "jest-image-snapshot": "^4.3.0",
@ -53,7 +53,7 @@
"@types/puppeteer": "^5.4.0" "@types/puppeteer": "^5.4.0"
}, },
"peerDependencies": { "peerDependencies": {
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"puppeteer": "^2.0.0 || ^3.0.0" "puppeteer": "^2.0.0 || ^3.0.0"
}, },
"peerDependenciesMeta": { "peerDependenciesMeta": {
@ -64,5 +64,5 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e" "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267"
} }

18
addons/storysource/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-storysource", "name": "@storybook/addon-storysource",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "View a story’s source code to see how it works and paste into your app", "description": "View a story’s source code to see how it works and paste into your app",
"keywords": [ "keywords": [
"addon", "addon",
@ -41,13 +41,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/router": "6.4.0-beta.26", "@storybook/router": "6.4.0-beta.31",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"estraverse": "^5.2.0", "estraverse": "^5.2.0",
"loader-utils": "^2.0.0", "loader-utils": "^2.0.0",
@ -75,7 +75,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js", "sbmodern": "dist/modern/index.js",
"storybook": { "storybook": {
"displayName": "Storysource", "displayName": "Storysource",

12
addons/toolbars/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-toolbars", "name": "@storybook/addon-toolbars",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Create your own toolbar items that control story rendering", "description": "Create your own toolbar items that control story rendering",
"keywords": [ "keywords": [
"addon", "addon",
@ -45,10 +45,10 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"regenerator-runtime": "^0.13.7" "regenerator-runtime": "^0.13.7"
}, },
@ -67,7 +67,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/register.js", "sbmodern": "dist/modern/register.js",
"storybook": { "storybook": {
"displayName": "Toolbars", "displayName": "Toolbars",

16
addons/viewport/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addon-viewport", "name": "@storybook/addon-viewport",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation", "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
"keywords": [ "keywords": [
"addon", "addon",
@ -42,12 +42,12 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"memoizerific": "^1.11.3", "memoizerific": "^1.11.3",
@ -69,7 +69,7 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/preview.js", "sbmodern": "dist/modern/preview.js",
"storybook": { "storybook": {
"displayName": "Viewport", "displayName": "Viewport",

18
app/angular/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/angular", "name": "@storybook/angular",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.", "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,14 +45,14 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"autoprefixer": "^9.8.6", "autoprefixer": "^9.8.6",
"core-js": "^3.8.2", "core-js": "^3.8.2",
@ -131,5 +131,5 @@
"access": "public" "access": "public"
}, },
"builders": "dist/ts3.9/builders/builders.json", "builders": "dist/ts3.9/builders/builders.json",
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e" "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267"
} }

2
app/angular/src/client/preview/config.ts
View File

@ -1,3 +1,5 @@
import './globals';
export { render, renderToDOM } from './render'; export { render, renderToDOM } from './render';
export { decorateStory } from './decorateStory'; export { decorateStory } from './decorateStory';

10
app/ember/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/ember", "name": "@storybook/ember",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.", "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
"homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember", "homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
"bugs": { "bugs": {
@ -43,9 +43,9 @@
}, },
"dependencies": { "dependencies": {
"@ember/test-helpers": "^2.1.4", "@ember/test-helpers": "^2.1.4",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"react": "16.14.0", "react": "16.14.0",
@ -66,6 +66,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

16
app/html/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/html", "name": "@storybook/html",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.", "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,13 +45,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/client-api": "6.4.0-beta.26", "@storybook/client-api": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/preview-web": "6.4.0-beta.26", "@storybook/preview-web": "6.4.0-beta.31",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -71,6 +71,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

12
app/preact/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/preact", "name": "@storybook/preact",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for Preact: Develop Preact Component in isolation.", "description": "Storybook for Preact: Develop Preact Component in isolation.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -46,11 +46,11 @@
}, },
"dependencies": { "dependencies": {
"@babel/plugin-transform-react-jsx": "^7.12.12", "@babel/plugin-transform-react-jsx": "^7.12.12",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -74,6 +74,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

16
app/react/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/react", "name": "@storybook/react",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.", "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -49,14 +49,14 @@
"@babel/preset-flow": "^7.12.1", "@babel/preset-flow": "^7.12.1",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.1", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0", "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"babel-plugin-add-react-displayname": "^0.0.5", "babel-plugin-add-react-displayname": "^0.0.5",
"babel-plugin-named-asset-import": "^0.3.1", "babel-plugin-named-asset-import": "^0.3.1",
@ -73,7 +73,7 @@
"webpack": "4" "webpack": "4"
}, },
"devDependencies": { "devDependencies": {
"@storybook/client-api": "6.4.0-beta.26", "@storybook/client-api": "6.4.0-beta.31",
"@types/node": "^14.14.20", "@types/node": "^14.14.20",
"@types/prompts": "^2.0.9" "@types/prompts": "^2.0.9"
}, },
@ -96,6 +96,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

4
app/react/src/client/preview/render.tsx
View File

@ -15,12 +15,14 @@ import { ReactFramework } from './types-6-0';
const { FRAMEWORK_OPTIONS } = global; const { FRAMEWORK_OPTIONS } = global;
export const render: ArgsStoryFn<ReactFramework> = (args, { id, component: Component }) => { export const render: ArgsStoryFn<ReactFramework> = (args, context) => {
const { id, component: Component } = context;
if (!Component) { if (!Component) {
throw new Error( throw new Error(
`Unable to render story ${id} as the component annotation is missing from the default export` `Unable to render story ${id} as the component annotation is missing from the default export`
); );
} }
return <Component {...args} />; return <Component {...args} />;
}; };

2
app/server/README.md
View File

@ -130,7 +130,7 @@ Static parameters can be defined using the `params` story parameter. For example
} }
``` ```
The Red and Green story HTML will be fetched from the urls `server.url/controls/button?color=red&label=Stopr` and `server.url/controls/button?color=green&label=OK` The Red and Green story HTML will be fetched from the urls `server.url/controls/button?color=red&label=Stop` and `server.url/controls/button?color=green&label=OK`
Like all story parameters server params can be defined in the default export and overridden in stories. Like all story parameters server params can be defined in the default export and overridden in stories.

20
app/server/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/server", "name": "@storybook/server",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.", "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,15 +45,15 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/client-api": "6.4.0-beta.26", "@storybook/client-api": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/preview-web": "6.4.0-beta.26", "@storybook/preview-web": "6.4.0-beta.31",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -75,6 +75,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

12
app/svelte/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/svelte", "name": "@storybook/svelte",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.", "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,11 +45,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"react": "16.14.0", "react": "16.14.0",
@ -75,6 +75,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

12
app/vue/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/vue", "name": "@storybook/vue",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.", "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,11 +45,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -83,6 +83,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

12
app/vue3/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/vue3", "name": "@storybook/vue3",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.", "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -45,11 +45,11 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -81,6 +81,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

16
app/web-components/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/web-components", "name": "@storybook/web-components",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.", "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
"keywords": [ "keywords": [
"lit-html", "lit-html",
@ -50,13 +50,13 @@
"@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/plugin-syntax-import-meta": "^7.10.4", "@babel/plugin-syntax-import-meta": "^7.10.4",
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/client-api": "6.4.0-beta.26", "@storybook/client-api": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/preview-web": "6.4.0-beta.26", "@storybook/preview-web": "6.4.0-beta.31",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"babel-plugin-bundled-import-meta": "^0.3.1", "babel-plugin-bundled-import-meta": "^0.3.1",
"core-js": "^3.8.2", "core-js": "^3.8.2",
@ -79,6 +79,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/client/index.js" "sbmodern": "dist/modern/client/index.js"
} }

28
docs/api/cli-options.md
View File

@ -18,7 +18,7 @@ Usage: start-storybook [options]
| -V, --version | Output the version number | `start-storybook -V` | | -V, --version | Output the version number | `start-storybook -V` |
| -p, --port [number] | Port to run Storybook | `start-storybook -p 9009` | | -p, --port [number] | Port to run Storybook | `start-storybook -p 9009` |
| -h, --host [string] | Host to run Storybook | `start-storybook -h my-host.com` | | -h, --host [string] | Host to run Storybook | `start-storybook -h my-host.com` |
| -s, --static-dir `<dir-names>` | Directory where to load static files from, comma-separated list | `start-storybook -s public` | | -s, --static-dir `<dir-names>` | **[DEPRECATED]** Directory where to load static files from, comma-separated list | `start-storybook -s public` |
| -c, --config-dir [dir-name] | Directory where to load Storybook configurations from | `start-storybook -c .storybook` | | -c, --config-dir [dir-name] | Directory where to load Storybook configurations from | `start-storybook -c .storybook` |
| --https | Serve Storybook over HTTPS. Note: You must provide your own certificate information. | `start-storybook --https` | | --https | Serve Storybook over HTTPS. Note: You must provide your own certificate information. | `start-storybook --https` |
| --ssl-ca `<ca>` | Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate) | `start-storybook --ssl-ca my-certificate` | | --ssl-ca `<ca>` | Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate) | `start-storybook --ssl-ca my-certificate` |
@ -26,7 +26,7 @@ Usage: start-storybook [options]
| --ssl-key `<key>` | Provide an SSL key. (Required with --https) | `start-storybook --ssl-key my-ssl-key` | | --ssl-key `<key>` | Provide an SSL key. (Required with --https) | `start-storybook --ssl-key my-ssl-key` |
| --smoke-test | Exit after successful start | `start-storybook --smoke-test` | | --smoke-test | Exit after successful start | `start-storybook --smoke-test` |
| --ci | CI mode (skip interactive prompts, don't open browser) | `start-storybook --ci` | | --ci | CI mode (skip interactive prompts, don't open browser) | `start-storybook --ci` |
| --no-open | Do not open Storybook automatically in the browser | `start-storybook --no-open` | | --no-open | Do not open Storybook automatically in the browser | `start-storybook --no-open` |
| --quiet | Suppress verbose build output | `start-storybook --quiet` | | --quiet | Suppress verbose build output | `start-storybook --quiet` |
| --no-dll | Do not use dll reference (no-op) | `start-storybook --no-dll` | | --no-dll | Do not use dll reference (no-op) | `start-storybook --no-dll` |
| --debug-webpack | Display final webpack configurations for debugging purposes | `start-storybook --debug-webpack` | | --debug-webpack | Display final webpack configurations for debugging purposes | `start-storybook --debug-webpack` |
@ -44,19 +44,19 @@ Usage: start-storybook [options]
Usage: build-storybook [options] Usage: build-storybook [options]
``` ```
| Options | Description | Example | | Options | Description | Example |
| ---------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------- | | ---------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------- |
| -h, --help | Output usage information | `build-storybook --help` | | -h, --help | Output usage information | `build-storybook --help` |
| -V, --version | Output the version number | `build-storybook -V` | | -V, --version | Output the version number | `build-storybook -V` |
| -s, --static-dir `<dir-names>` | Directory where to load static files from, comma-separated list | `build-storybook -s public` | | -s, --static-dir `<dir-names>` | **[DEPRECATED]** Directory where to load static files from, comma-separated list | `build-storybook -s public` |
| -o, --output-dir [dir-name] | Directory where to store built files | `build-storybook -o /my-deployed-storybook` | | -o, --output-dir [dir-name] | Directory where to store built files | `build-storybook -o /my-deployed-storybook` |
| -c, --config-dir [dir-name] | Directory where to load Storybook configurations from | `build-storybook -c .storybook` | | -c, --config-dir [dir-name] | Directory where to load Storybook configurations from | `build-storybook -c .storybook` |
| --loglevel [level] | Controls level of logging during build. Can be one of: [silly, verbose, info (default), warn, error, silent] | `build-storybook --loglevel warn` | | --loglevel [level] | Controls level of logging during build. Can be one of: [silly, verbose, info (default), warn, error, silent] | `build-storybook --loglevel warn` |
| --quiet | Suppress verbose build output | `build-storybook --quiet` | | --quiet | Suppress verbose build output | `build-storybook --quiet` |
| --no-dll | Do not use dll reference (no-op) | `build-storybook --no-dll` | | --no-dll | Do not use dll reference (no-op) | `build-storybook --no-dll` |
| --debug-webpack | Display final webpack configurations for debugging purposes | `build-storybook --debug-webpack` | | --debug-webpack | Display final webpack configurations for debugging purposes | `build-storybook --debug-webpack` |
| `--webpack-stats-json <directory>` | Write Webpack Stats JSON to disk | `build-storybook --webpack-stats-json /my-storybook/webpack-stats` | | `--webpack-stats-json <directory>` | Write Webpack Stats JSON to disk | `build-storybook --webpack-stats-json /my-storybook/webpack-stats` |
| --docs | Builds Storybook in documentation mode. Learn more about it in [here](../writing-docs/build-documentation.md#publish-storybooks-documentation)) | `build-storybook --docs` | | --docs | Builds Storybook in documentation mode. Learn more about it in [here](../writing-docs/build-documentation.md#publish-storybooks-documentation)) | `build-storybook --docs` |
<div class="aside"> <div class="aside">
💡 <strong>NOTE</strong>: If you're using npm instead of yarn to publish Storybook, the commands work slightly different. For example, <code>npm run build-storybook -- -o ./path/to/build</code>. 💡 <strong>NOTE</strong>: If you're using npm instead of yarn to publish Storybook, the commands work slightly different. For example, <code>npm run build-storybook -- -o ./path/to/build</code>.

52
docs/configure/images-and-assets.md
View File

@ -30,27 +30,27 @@ Afterwards you can use any asset in your stories:
<!-- prettier-ignore-end --> <!-- prettier-ignore-end -->
### Serving static files via Storybook ### Serving static files via Storybook Configuration
We recommend serving static files via Storybook to ensure that your components always have the assets they need to load. This technique is recommended for assets that your components often use like logos, fonts, and icons. We recommend serving static files via Storybook to ensure that your components always have the assets they need to load. This technique is recommended for assets that your components often use like logos, fonts, and icons.
Configure a directory (or a list of directories) where your assets live when starting Storybook. Use the`-s` flag in your npm script like so: Configure a directory (or a list of directories) where your assets live in your Storybook configuration. Use the `staticDirs` property in your `main.js` or `main.ts` configuration file like so:
```json ```js
{ {
"scripts": { ...
"start-storybook": "start-storybook -s ./public -p 9001" staticDirs: ['./public'];
} ...
} }
``` ```
Or when building your Storybook with `build-storybook`: You can map your local static directories to a different path like this:
```json ```js
{ {
"scripts": { ...
"build-storybook": "build-storybook -s public" staticDirs: [{ from: './public', to: '/assets' }];
} ...
} }
``` ```
@ -76,23 +76,33 @@ Here `./public` is your static directory. Now use it in a component or story lik
You can also pass a list of directories separated by commas without spaces instead of a single directory. You can also pass a list of directories separated by commas without spaces instead of a single directory.
```json ```js
{ {
"scripts": { ...
"start-storybook": "start-storybook -s ./public,./static -p 9001" staticDirs: ['./public', './statics'];
} ...
} }
``` ```
The same can be applied when you're building your Storybook.
```json Or you can map each of them to different paths:
You can map your local static directories to a different path like this:
```js
{ {
"scripts": { ...
"build-storybook": "build-storybook -s ./public,./static -p 9001" staticDirs: [
} { from: './public', to: '/assets' },
{ from: './statics', to: '/resources' }
];
...
} }
``` ```
### **[⚠️ Deprecated]** Serving static files via Storybook CLI
Using `--static-dir` or `-s` option with Storybook CLI is deprecated. It is recommended to use [Storybook static directory configuration option](#serving-static-files-via-storybook-configuration) instead.
### Reference assets from a CDN ### Reference assets from a CDN
Upload your files to an online CDN and reference them. In this example we’re using a placeholder image service. Upload your files to an online CDN and reference them. In this example we’re using a placeholder image service.
@ -123,4 +133,4 @@ In this case, you need to have all your images and media files with relative pat
If you load static content via importing, this is automatic and you do not have to do anything. If you load static content via importing, this is automatic and you do not have to do anything.
If you are serving assets in a [static directory](#serving-static-files-via-storybook) along with your Storybook, then you need to use relative paths to load images or use the base element. If you are serving assets in a [static directory](#serving-static-files-via-storybook) along with your Storybook, then you need to use relative paths to load images or use the base element.

BIN
docs/essentials/addon-interactions-installed-registered.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 192 KiB

65
docs/essentials/interactions.md Normal file
View File

@ -0,0 +1,65 @@
---
title: 'Interactions'
---
The `play` function in Storybook allows you to simulate user interactions to run after a story renders. With the Interactions addon, you have a way to visualize and debug these interactions.
## Play function for interactions
Stories isolate and capture component states in a structured manner. While developing a component, you can quickly cycle through the stories to verify the look and feel. Each story specifies all the inputs required to reproduce a specific state. You can even mock context and API calls. That allows you to handle most use cases of a component. But what about states that require user interaction?
For example, clicking a button to open/close a dialog box, dragging a list item to reorder it or filling out a form to check for validation errors. To test those behaviours, you have to interact with the components as a user would. Interactive stories enable you to automate these interactions using a play function. These are small snippets of code that script out the exact steps a human would take to interact with the component. It's then executed as soon as the story is rendered.
### Powered by Testing Library and Jest
The interactions are written using a Storybook-instrumented versions of Testing Library and Jest. That gives you a familiar developer-friendly syntax to interact with the DOM and make assertions, but with extra telemetry to help with debugging.
## Installation
Since Interactions is still experimental, it doesn't yet ship with Storybook by default. As such, you'll have to install it. You may also want to add our wrappers for Testing Library and Jest.
```shell
yarn add -D @storybook/addon-interactions @storybook/jest @storybook/testing-library
```
Next, update [`.storybook/main.js`](../configure/overview.md#configure-story-rendering) to the following:
<!-- prettier-ignore-start -->
<CodeSnippets
paths={[
'common/storybook-interactions-addon-registration.js.mdx',
]}
/>
<!-- prettier-ignore-end -->
<div class="aside">
⚠️ <strong>Note</strong>: Make sure to list `@storybook/addon-interactions` **after** `addon-essentials` (or `addon-actions`).
</div>
Now when you run Storybook the Interactions addon will be enabled.
![Storybook Interactions installed and registered](./storybook-interactions-installed-registered.png)
## Writing interactions
Interactions run as part of the `play` function on your stories. We rely on Testing Library to do the heavy lifting.
Make sure to import the Storybook wrappers for Jest and Testing Library rather than importing Jest and Testing Library directly.
<!-- prettier-ignore-start -->
<CodeSnippets
paths={[
'common/storybook-interactions-play-function.js.mdx',
]}
/>
<!-- prettier-ignore-end -->
The above example uses the `canvasElement` to scope your element queries to the current story. This is important if you want your play functions to eventually be compatible with Storybook Docs, which renders multiple components on the same page.
While you can refer to the [Testing Library documentation](https://testing-library.com/docs/) for details on how to use it, there's an important detail that's different when using the Storybook wrapper: **method invocations must be `await`-ed**. This allows you to step back and forth through your interactions using the debugger.
Any `args` that have been marked as an Action, either using the [argTypes annotation](./actions.md#action-argtype-annotation) or the [argTypesRegex](./actions.md#automatically-matching-args), will be automatically converted to a [Jest mock function](https://jestjs.io/docs/mock-function-api) (spy). This allows you to make assertions about calls to these functions.

2
docs/get-started/installation-problems/preact.mdx
View File

@ -1,2 +1,2 @@
- You can also setup Storybook manually through the Storybook CLI. Add the `--type mithril` flag when you initialize Storybook in your project. - You can also setup Storybook manually through the Storybook CLI. Add the `--type preact` flag when you initialize Storybook in your project.
- If there's an installation problem, check the [README for the Preact framework](../../app/preact/README.md). - If there's an installation problem, check the [README for the Preact framework](../../app/preact/README.md).

11
docs/snippets/common/storybook-interactions-addon-registration.js.mdx Normal file
View File

@ -0,0 +1,11 @@
```js
// .storybook/main.js
module.exports = {
stories: [],
addons: [
// Other Storybook addons
'@storybook/addon-interactions', // 👈 Register the addon
],
};
```

27
docs/snippets/common/storybook-interactions-play-function.js.mdx Normal file
View File

@ -0,0 +1,27 @@
```js
// MyForm.stories.js
import { expect } from '@storybook/jest';
import { userEvent, waitFor, within } from '@storybook/testing-library';
import { MyForm } from './MyForm'
export default {
title: 'MyForm',
component: MyForm,
argTypes: {
onSubmit: { action: true },
},
};
const Template = (args) => <MyForm {...args} />;
const Submitted = Template.bind({});
Submitted.play = async ({ args, canvasElement }) => {
const canvas = within(canvasElement);
await userEvent.type(canvas.getByTestId('email'), 'hi@example.com');
await userEvent.type(canvas.getByTestId('password'), 'supersecret');
await userEvent.click(canvas.getByRole('button'));
await waitFor(() => expect(args.onSubmit).toHaveBeenCalled());
};
```

2
docs/versions/next.json
View File

@ -1 +1 @@
{"version":"6.4.0-beta.26","info":{"plain":"### Bug Fixes\n\n- Core: Replace SSE with websockets ([#16504](https://github.com/storybookjs/storybook/pull/16504))\n- UI: Upgrade react-router ([#16554](https://github.com/storybookjs/storybook/pull/16554))\n- Addon-docs/HTML: Fix source snippetization for DOM elements ([#16553](https://github.com/storybookjs/storybook/pull/16553))"}} {"version":"6.4.0-beta.31","info":{"plain":"### Features\n\n* Core: Add feature flag to stop storybook from aliasing emotion ([#16613](https://github.com/storybookjs/storybook/pull/16613))\n\n### Bug Fixes\n\n* Core: Fix `staticDirs` and `-s` conflict check ([#16649](https://github.com/storybookjs/storybook/pull/16649))\n\n### Maintenance\n\n* Build: Add node-gyp for M1 macs ([#16645](https://github.com/storybookjs/storybook/pull/16645))"}}

2
docs/workflows/storybook-composition.md
View File

@ -64,7 +64,7 @@ You can also compose Storybooks based on the current development environment. Fo
### Improve your Storybook composition ### Improve your Storybook composition
So far we've covered how we can use composition with local or published Storybooks. One thing worth mentioning as your Storybook will grow in time with your own stories, or through composition with other Storybooks, is that you can optimize the deployment process by including the following command in your workflow: So far we've covered how we can use composition with local or published Storybooks. One thing worth mentioning as your Storybook will grow in time with your own stories, or through composition with other Storybooks, is that you can optimize the deployment process by including the following command in your workflow, run from your project root:
```shell ```shell
npx sb extract npx sb extract

1
examples/angular-cli/.storybook/main.js
View File

@ -39,4 +39,5 @@ module.exports = {
url: 'https://storybookjs.netlify.app/cra-ts-essentials', url: 'https://storybookjs.netlify.app/cra-ts-essentials',
}, },
}, },
staticDirs: ['../src/assets'],
}; };

32
examples/angular-cli/package.json
View File

@ -1,16 +1,16 @@
{ {
"name": "angular-cli", "name": "angular-cli",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"license": "MIT", "license": "MIT",
"scripts": { "scripts": {
"build": "ng build", "build": "ng build",
"build-storybook": "yarn storybook-prebuild && build-storybook -s src/assets", "build-storybook": "yarn storybook-prebuild && build-storybook",
"docs:json": "compodoc -p ./tsconfig.json -e json -d .", "docs:json": "compodoc -p ./tsconfig.json -e json -d .",
"e2e": "ng e2e", "e2e": "ng e2e",
"ng": "ng", "ng": "ng",
"start": "ng serve", "start": "ng serve",
"storybook": "yarn storybook-prebuild && start-storybook -p 9008 -s src/assets --no-manager-cache", "storybook": "yarn storybook-prebuild && start-storybook -p 9008 --no-manager-cache",
"storybook-prebuild": "yarn test:generate-output && yarn docs:json", "storybook-prebuild": "yarn test:generate-output && yarn docs:json",
"test": "jest", "test": "jest",
"test:coverage": "jest --coverage", "test:coverage": "jest --coverage",
@ -39,20 +39,20 @@
"@angular/compiler-cli": "^11.2.14", "@angular/compiler-cli": "^11.2.14",
"@angular/elements": "^11.2.14", "@angular/elements": "^11.2.14",
"@compodoc/compodoc": "^1.1.14", "@compodoc/compodoc": "^1.1.14",
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/addon-interactions": "6.4.0-beta.26", "@storybook/addon-interactions": "6.4.0-beta.31",
"@storybook/addon-jest": "6.4.0-beta.26", "@storybook/addon-jest": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"@storybook/addon-storysource": "6.4.0-beta.26", "@storybook/addon-storysource": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/angular": "6.4.0-beta.26", "@storybook/angular": "6.4.0-beta.31",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"@types/core-js": "^2.5.4", "@types/core-js": "^2.5.4",
"@types/jest": "^26.0.16", "@types/jest": "^26.0.16",

1
examples/cra-kitchen-sink/.storybook/main.js
View File

@ -33,4 +33,5 @@ module.exports = {
core: { core: {
builder: 'webpack4', builder: 'webpack4',
}, },
staticDirs: ['../public'],
}; };

30
examples/cra-kitchen-sink/package.json
View File

@ -1,17 +1,17 @@
{ {
"name": "cra-kitchen-sink", "name": "cra-kitchen-sink",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "react-scripts build", "build": "react-scripts build",
"build-storybook": "build-storybook -s public", "build-storybook": "build-storybook",
"eject": "react-scripts eject", "eject": "react-scripts eject",
"start": "react-scripts start", "start": "react-scripts start",
"storybook": "start-storybook -p 9010 -s public --no-manager-cache", "storybook": "start-storybook -p 9010 --no-manager-cache",
"test": "react-scripts test --env=jsdom" "test": "react-scripts test --env=jsdom"
}, },
"dependencies": { "dependencies": {
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"global": "^4.4.0", "global": "^4.4.0",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react": "16.14.0", "react": "16.14.0",
@ -21,19 +21,19 @@
}, },
"devDependencies": { "devDependencies": {
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0", "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-jest": "6.4.0-beta.26", "@storybook/addon-jest": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/builder-webpack4": "6.4.0-beta.26", "@storybook/builder-webpack4": "6.4.0-beta.31",
"@storybook/preset-create-react-app": "^3.1.6", "@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"webpack": "4" "webpack": "4"
}, },
"storybook": { "storybook": {

1
examples/cra-react15/.storybook/main.js
View File

@ -21,4 +21,5 @@ module.exports = {
core: { core: {
builder: 'webpack4', builder: 'webpack4',
}, },
staticDirs: ['../public'],
}; };

18
examples/cra-react15/package.json
View File

@ -1,13 +1,13 @@
{ {
"name": "cra-react15", "name": "cra-react15",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "react-scripts build", "build": "react-scripts build",
"build-storybook": "build-storybook -s public", "build-storybook": "build-storybook",
"eject": "react-scripts eject", "eject": "react-scripts eject",
"start": "react-scripts start", "start": "react-scripts start",
"storybook": "start-storybook -p 9009 -s public --no-manager-cache", "storybook": "start-storybook -p 9009 --no-manager-cache",
"test": "react-scripts test --env=jsdom" "test": "react-scripts test --env=jsdom"
}, },
"dependencies": { "dependencies": {
@ -19,14 +19,14 @@
"react-scripts": "3.4.4" "react-scripts": "3.4.4"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0", "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/builder-webpack4": "6.4.0-beta.26", "@storybook/builder-webpack4": "6.4.0-beta.31",
"@storybook/preset-create-react-app": "^3.1.6", "@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"babel-core": "6", "babel-core": "6",
"babel-runtime": "6", "babel-runtime": "6",
"webpack": "4" "webpack": "4"

1
examples/cra-ts-essentials/.storybook/main.js
View File

@ -25,4 +25,5 @@ module.exports = {
core: { core: {
builder: 'webpack4', builder: 'webpack4',
}, },
staticDirs: ['../public'],
}; };

14
examples/cra-ts-essentials/package.json
View File

@ -1,13 +1,13 @@
{ {
"name": "cra-ts-essentials", "name": "cra-ts-essentials",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "react-scripts build", "build": "react-scripts build",
"build-storybook": "build-storybook -s public", "build-storybook": "build-storybook",
"eject": "react-scripts eject", "eject": "react-scripts eject",
"start": "react-scripts start", "start": "react-scripts start",
"storybook": "start-storybook -p 9009 -s public --no-manager-cache", "storybook": "start-storybook -p 9009 --no-manager-cache",
"test": "react-scripts test" "test": "react-scripts test"
}, },
"browserslist": { "browserslist": {
@ -34,12 +34,12 @@
"typescript": "^3.9.7" "typescript": "^3.9.7"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-essentials": "6.4.0-beta.26", "@storybook/addon-essentials": "6.4.0-beta.31",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0", "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/builder-webpack4": "6.4.0-beta.26", "@storybook/builder-webpack4": "6.4.0-beta.31",
"@storybook/preset-create-react-app": "^3.1.6", "@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"webpack": "4" "webpack": "4"
}, },
"storybook": { "storybook": {

1
examples/cra-ts-kitchen-sink/.storybook/main.ts
View File

@ -29,4 +29,5 @@ module.exports = {
core: { core: {
builder: 'webpack4', builder: 'webpack4',
}, },
staticDirs: ['../public'],
}; };

20
examples/cra-ts-kitchen-sink/package.json
View File

@ -1,13 +1,13 @@
{ {
"name": "cra-ts-kitchen-sink", "name": "cra-ts-kitchen-sink",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "react-scripts build", "build": "react-scripts build",
"build-storybook": "build-storybook -s public", "build-storybook": "build-storybook",
"eject": "react-scripts eject", "eject": "react-scripts eject",
"start": "react-scripts start", "start": "react-scripts start",
"storybook": "start-storybook -p 9009 -s public --no-manager-cache", "storybook": "start-storybook -p 9009 --no-manager-cache",
"test": "react-scripts test" "test": "react-scripts test"
}, },
"browserslist": { "browserslist": {
@ -34,15 +34,15 @@
"typescript": "^3.9.7" "typescript": "^3.9.7"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0", "@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/builder-webpack4": "6.4.0-beta.26", "@storybook/builder-webpack4": "6.4.0-beta.31",
"@storybook/preset-create-react-app": "^3.1.6", "@storybook/preset-create-react-app": "^3.1.6",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"@types/enzyme": "^3.10.8", "@types/enzyme": "^3.10.8",
"enzyme": "^3.11.0", "enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.9.1", "enzyme-adapter-react-16": "^1.9.1",

1
examples/ember-cli/.storybook/main.js
View File

@ -29,4 +29,5 @@ module.exports = {
core: { core: {
builder: 'webpack4', builder: 'webpack4',
}, },
staticDirs: ['../ember-output'],
}; };

31
examples/ember-cli/package.json
View File

@ -1,14 +1,14 @@
{ {
"name": "ember-example", "name": "ember-example",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "ember build --output-path ember-output", "build": "ember build --output-path ember-output",
"build-storybook": "yarn storybook-prebuild && build-storybook -s ember-output", "build-storybook": "yarn storybook-prebuild && build-storybook",
"dev": "ember serve", "dev": "ember serve",
"storybook": "yarn build && start-storybook -p 9009 -s ember-output --no-manager-cache", "storybook": "yarn build && start-storybook -p 9009 --no-manager-cache",
"storybook-prebuild": "yarn build && shx cp -r public/* ember-output", "storybook-prebuild": "yarn build && shx cp -r public/* ember-output",
"storybook:dev": "yarn dev & start-storybook -p 9009 -s ember-output" "storybook:dev": "yarn dev & start-storybook -p 9009"
}, },
"dependencies": { "dependencies": {
"ember-named-blocks-polyfill": "^0.2.3", "ember-named-blocks-polyfill": "^0.2.3",
@ -17,18 +17,18 @@
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@ember/optional-features": "^2.0.0", "@ember/optional-features": "^2.0.0",
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addon-storysource": "6.4.0-beta.26", "@storybook/addon-storysource": "6.4.0-beta.31",
"@storybook/addon-viewport": "6.4.0-beta.26", "@storybook/addon-viewport": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/ember": "6.4.0-beta.26", "@storybook/ember": "6.4.0-beta.31",
"@storybook/ember-cli-storybook": "^0.2.1", "@storybook/ember-cli-storybook": "^0.2.1",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"broccoli-asset-rev": "^3.0.0", "broccoli-asset-rev": "^3.0.0",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
@ -45,6 +45,7 @@
"ember-resolver": "^7.0.0", "ember-resolver": "^7.0.0",
"ember-source": "~3.24.0", "ember-source": "~3.24.0",
"loader.js": "^4.7.0", "loader.js": "^4.7.0",
"shx": "^0.3.2",
"webpack": "4", "webpack": "4",
"webpack-cli": "^4.2.0" "webpack-cli": "^4.2.0"
}, },

34
examples/html-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "html-kitchen-sink", "name": "html-kitchen-sink",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"description": "", "description": "",
"keywords": [], "keywords": [],
@ -13,23 +13,23 @@
"storybook": "start-storybook -p 9006 --no-manager-cache" "storybook": "start-storybook -p 9006 --no-manager-cache"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/addon-jest": "6.4.0-beta.26", "@storybook/addon-jest": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addon-postcss": "^2.0.0", "@storybook/addon-postcss": "^2.0.0",
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"@storybook/addon-storysource": "6.4.0-beta.26", "@storybook/addon-storysource": "6.4.0-beta.31",
"@storybook/addon-viewport": "6.4.0-beta.26", "@storybook/addon-viewport": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/client-api": "6.4.0-beta.26", "@storybook/client-api": "6.4.0-beta.31",
"@storybook/core": "6.4.0-beta.26", "@storybook/core": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/html": "6.4.0-beta.26", "@storybook/html": "6.4.0-beta.31",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"autoprefixer": "^10.0.1", "autoprefixer": "^10.0.1",
"eventemitter3": "^4.0.7", "eventemitter3": "^4.0.7",
"format-json": "^1.0.3", "format-json": "^1.0.3",

5
examples/official-storybook/main.ts
View File

@ -40,6 +40,11 @@ const config: StorybookConfig = {
modernInlineRender: true, modernInlineRender: true,
interactionsDebugger: true, interactionsDebugger: true,
}, },
staticDirs: [
'./statics/public',
{ from: './statics/examples/example1', to: '/example1' },
{ from: './statics/examples/example2', to: '/example2' },
],
}; };
module.exports = config; module.exports = config;

46
examples/official-storybook/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "official-storybook", "name": "official-storybook",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./", "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@ -14,31 +14,31 @@
"devDependencies": { "devDependencies": {
"@packtracker/webpack-plugin": "^2.3.0", "@packtracker/webpack-plugin": "^2.3.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3", "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/addon-interactions": "6.4.0-beta.26", "@storybook/addon-interactions": "6.4.0-beta.31",
"@storybook/addon-jest": "6.4.0-beta.26", "@storybook/addon-jest": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.26", "@storybook/addon-storyshots-puppeteer": "6.4.0-beta.31",
"@storybook/addon-storysource": "6.4.0-beta.26", "@storybook/addon-storysource": "6.4.0-beta.31",
"@storybook/addon-toolbars": "6.4.0-beta.26", "@storybook/addon-toolbars": "6.4.0-beta.31",
"@storybook/addon-viewport": "6.4.0-beta.26", "@storybook/addon-viewport": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/cli": "6.4.0-beta.26", "@storybook/cli": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/design-system": "^5.4.7", "@storybook/design-system": "^5.4.7",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"@storybook/router": "6.4.0-beta.26", "@storybook/router": "6.4.0-beta.31",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"@testing-library/dom": "^7.31.2", "@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9", "@testing-library/user-event": "^13.1.9",
"chromatic": "^6.0.2", "chromatic": "^6.0.2",

1
examples/official-storybook/statics/examples/example1/example1.txt Normal file
View File

@ -0,0 +1 @@
example1!

1
examples/official-storybook/statics/examples/example2/example2.txt Normal file
View File

@ -0,0 +1 @@
example2!

1
examples/official-storybook/statics/public/public.txt Normal file
View File

@ -0,0 +1 @@
public!

4
examples/official-storybook/stories/addon-docs/source.stories.tsx
View File

@ -30,3 +30,7 @@ ForceCodeSource.parameters = { docs: { source: { type: 'code' } } };
export const CustomSource = Template.bind({}); export const CustomSource = Template.bind({});
CustomSource.args = { ...Basic.args }; CustomSource.args = { ...Basic.args };
CustomSource.parameters = { docs: { source: { code: 'custom source' } } }; CustomSource.parameters = { docs: { source: { code: 'custom source' } } };
export const NoSource = Template.bind({});
NoSource.args = { ...Basic.args };
NoSource.parameters = { docs: { source: { code: null } } };

32
examples/official-storybook/stories/core/sideloaded.stories.tsx Normal file
View File

@ -0,0 +1,32 @@
import React from 'react';
const Component = (props: Record<string, number>) => <pre>{JSON.stringify(props)}</pre>;
export default {
component: Component,
argTypes: {
a: { target: 'somewhere' },
},
parameters: {
argTypeTarget: true,
},
};
export const StoryOne = {
args: {
a: 1,
b: 2,
c: 3,
},
};
export const StoryTwo = {
args: {
a: 1,
b: 2,
c: 3,
},
argTypes: {
c: { target: 'somewhere' },
},
};

1
examples/preact-kitchen-sink/.storybook/main.js
View File

@ -24,4 +24,5 @@ module.exports = {
core: { core: {
builder: 'webpack4', builder: 'webpack4',
}, },
staticDirs: ['../public'],
}; };

26
examples/preact-kitchen-sink/package.json
View File

@ -1,12 +1,12 @@
{ {
"name": "preact-example", "name": "preact-example",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
"build-storybook": "build-storybook -s public", "build-storybook": "build-storybook",
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"storybook": "start-storybook -p 9009 -s public --no-manager-cache" "storybook": "start-storybook -p 9009 --no-manager-cache"
}, },
"dependencies": { "dependencies": {
"global": "^4.4.0", "global": "^4.4.0",
@ -15,16 +15,16 @@
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@babel/plugin-transform-runtime": "^7.12.10", "@babel/plugin-transform-runtime": "^7.12.10",
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"@storybook/addon-storysource": "6.4.0-beta.26", "@storybook/addon-storysource": "6.4.0-beta.31",
"@storybook/addon-viewport": "6.4.0-beta.26", "@storybook/addon-viewport": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/preact": "6.4.0-beta.26", "@storybook/preact": "6.4.0-beta.31",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"@types/prop-types": "^15.7.3", "@types/prop-types": "^15.7.3",
"@types/react": "^17", "@types/react": "^17",
"@types/react-dom": "^17", "@types/react-dom": "^17",

10
examples/react-ts-webpack4/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/example-react-ts-webpack4", "name": "@storybook/example-react-ts-webpack4",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./", "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@ -8,10 +8,10 @@
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-manager-cache" "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-manager-cache"
}, },
"dependencies": { "dependencies": {
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-essentials": "6.4.0-beta.26", "@storybook/addon-essentials": "6.4.0-beta.31",
"@storybook/builder-webpack4": "6.4.0-beta.26", "@storybook/builder-webpack4": "6.4.0-beta.31",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"@types/react": "^16.14.2", "@types/react": "^16.14.2",
"@types/react-dom": "^16.9.10", "@types/react-dom": "^16.9.10",
"prop-types": "15.7.2", "prop-types": "15.7.2",

18
examples/react-ts/package.json
View File

@ -1,11 +1,12 @@
{ {
"name": "@storybook/example-react-ts", "name": "@storybook/example-react-ts",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook", "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook",
"debug": "cross-env NODE_OPTIONS=--inspect-brk STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011", "debug": "cross-env NODE_OPTIONS=--inspect-brk STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011",
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 --no-manager-cache" "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 --no-manager-cache",
"sb": "node ../../lib/cli/bin/index.js"
}, },
"dependencies": { "dependencies": {
"formik": "^2.2.9", "formik": "^2.2.9",
@ -17,12 +18,13 @@
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7", "@babel/preset-typescript": "^7.12.7",
"@storybook/addon-essentials": "6.4.0-beta.26", "@storybook/addon-essentials": "6.4.0-beta.31",
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"@storybook/addon-storysource": "6.4.0-beta.26", "@storybook/addon-storysource": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/cli": "6.4.0-beta.31",
"@storybook/react": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.31",
"@testing-library/dom": "^7.31.2", "@testing-library/dom": "^7.31.2",
"@testing-library/user-event": "^13.1.9", "@testing-library/user-event": "^13.1.9",
"@types/babel__preset-env": "^7", "@types/babel__preset-env": "^7",

11
examples/react-ts/src/button.stories.tsx
View File

@ -13,6 +13,7 @@ export default {
export const WithArgs: ComponentStory<typeof Button> = (args) => <Button {...args} />; export const WithArgs: ComponentStory<typeof Button> = (args) => <Button {...args} />;
WithArgs.args = { label: 'With args' }; WithArgs.args = { label: 'With args' };
export const Basic = () => <Button label="Click me" />; export const Basic = () => <Button label="Click me" />;
export const StoryObject = { export const StoryObject = {
@ -36,3 +37,13 @@ CSF2StoryWithPlay.play = () => {
console.log('play!!'); console.log('play!!');
userEvent.click(screen.getByRole('button')); userEvent.click(screen.getByRole('button'));
}; };
// eslint-disable-next-line no-underscore-dangle
export const __namedExportsOrder = [
'Basic',
'WithArgs',
'StoryObject',
'StoryNoRender',
'StoryWithPlay',
'CSF2StoryWithPlay',
];

16
examples/server-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "server-kitchen-sink", "name": "server-kitchen-sink",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"description": "", "description": "",
"keywords": [], "keywords": [],
@ -14,13 +14,13 @@
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet" "storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/server": "6.4.0-beta.26", "@storybook/server": "6.4.0-beta.31",
"concurrently": "^5.3.0", "concurrently": "^5.3.0",
"cors": "^2.8.5", "cors": "^2.8.5",
"express": "~4.17.1", "express": "~4.17.1",

6
examples/standalone-preview/package.json
View File

@ -1,13 +1,13 @@
{ {
"name": "standalone-preview", "name": "standalone-preview",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"storybook": "parcel ./storybook.html --port 1337" "storybook": "parcel ./storybook.html --port 1337"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/react": "6.4.0-beta.26", "@storybook/react": "6.4.0-beta.31",
"parcel": "^1.12.4", "parcel": "^1.12.4",
"react": "16.14.0", "react": "16.14.0",
"react-dom": "16.14.0" "react-dom": "16.14.0"

1
examples/svelte-kitchen-sink/.storybook/main.js
View File

@ -36,4 +36,5 @@ module.exports = {
core: { core: {
builder: 'webpack4', builder: 'webpack4',
}, },
staticDirs: ['../public'],
}; };

32
examples/svelte-kitchen-sink/package.json
View File

@ -1,29 +1,29 @@
{ {
"name": "svelte-example", "name": "svelte-example",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build-storybook": "build-storybook -s public", "build-storybook": "build-storybook",
"storybook": "start-storybook -p 9009 -s public --no-manager-cache" "storybook": "start-storybook -p 9009 --no-manager-cache"
}, },
"dependencies": { "dependencies": {
"global": "^4.4.0" "global": "^4.4.0"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/addon-interactions": "6.4.0-beta.26", "@storybook/addon-interactions": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"@storybook/addon-storysource": "6.4.0-beta.26", "@storybook/addon-storysource": "6.4.0-beta.31",
"@storybook/addon-viewport": "6.4.0-beta.26", "@storybook/addon-viewport": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"@storybook/svelte": "6.4.0-beta.26", "@storybook/svelte": "6.4.0-beta.31",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"svelte-jester": "1.3.0", "svelte-jester": "1.3.0",
"svelte-preprocess": "4.6.8" "svelte-preprocess": "4.6.8"

14
examples/vue-3-cli/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "vue-3-cli-example", "name": "vue-3-cli-example",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "vue-cli-service build", "build": "vue-cli-service build",
@ -14,14 +14,14 @@
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-essentials": "6.4.0-beta.26", "@storybook/addon-essentials": "6.4.0-beta.31",
"@storybook/addon-interactions": "6.4.0-beta.26", "@storybook/addon-interactions": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"@storybook/vue3": "6.4.0-beta.26", "@storybook/vue3": "6.4.0-beta.31",
"@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-typescript": "~4.5.0", "@vue/cli-plugin-typescript": "~4.5.0",
"@vue/cli-service": "~4.5.0", "@vue/cli-service": "~4.5.0",

10
examples/vue-cli/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "vue-cli-example", "name": "vue-cli-example",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "vue-cli-service build", "build": "vue-cli-service build",
@ -15,11 +15,11 @@
"vue-property-decorator": "^9.1.2" "vue-property-decorator": "^9.1.2"
}, },
"devDependencies": { "devDependencies": {
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-essentials": "6.4.0-beta.26", "@storybook/addon-essentials": "6.4.0-beta.31",
"@storybook/preset-scss": "^1.0.3", "@storybook/preset-scss": "^1.0.3",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"@storybook/vue": "6.4.0-beta.26", "@storybook/vue": "6.4.0-beta.31",
"@vue/cli-plugin-babel": "~4.3.1", "@vue/cli-plugin-babel": "~4.3.1",
"@vue/cli-plugin-typescript": "~4.3.1", "@vue/cli-plugin-typescript": "~4.3.1",
"@vue/cli-service": "~4.3.1", "@vue/cli-service": "~4.3.1",

1
examples/vue-kitchen-sink/.storybook/main.js
View File

@ -15,4 +15,5 @@ module.exports = {
core: { core: {
builder: 'webpack4', builder: 'webpack4',
}, },
staticDirs: ['../public'],
}; };

32
examples/vue-kitchen-sink/package.json
View File

@ -1,12 +1,12 @@
{ {
"name": "vue-example", "name": "vue-example",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"scripts": { "scripts": {
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
"build-storybook": "build-storybook -s public", "build-storybook": "build-storybook",
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"storybook": "start-storybook -p 9009 -s public --no-manager-cache" "storybook": "start-storybook -p 9009 --no-manager-cache"
}, },
"dependencies": { "dependencies": {
"vue": "^2.6.12", "vue": "^2.6.12",
@ -14,21 +14,21 @@
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@storybook/addon-a11y": "6.4.0-beta.26", "@storybook/addon-a11y": "6.4.0-beta.31",
"@storybook/addon-actions": "6.4.0-beta.26", "@storybook/addon-actions": "6.4.0-beta.31",
"@storybook/addon-backgrounds": "6.4.0-beta.26", "@storybook/addon-backgrounds": "6.4.0-beta.31",
"@storybook/addon-controls": "6.4.0-beta.26", "@storybook/addon-controls": "6.4.0-beta.31",
"@storybook/addon-docs": "6.4.0-beta.26", "@storybook/addon-docs": "6.4.0-beta.31",
"@storybook/addon-interactions": "6.4.0-beta.26", "@storybook/addon-interactions": "6.4.0-beta.31",
"@storybook/addon-links": "6.4.0-beta.26", "@storybook/addon-links": "6.4.0-beta.31",
"@storybook/addon-storyshots": "6.4.0-beta.26", "@storybook/addon-storyshots": "6.4.0-beta.31",
"@storybook/addon-storysource": "6.4.0-beta.26", "@storybook/addon-storysource": "6.4.0-beta.31",
"@storybook/addon-viewport": "6.4.0-beta.26", "@storybook/addon-viewport": "6.4.0-beta.31",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/jest": "^0.0.2", "@storybook/jest": "^0.0.2",
"@storybook/source-loader": "6.4.0-beta.26", "@storybook/source-loader": "6.4.0-beta.31",
"@storybook/testing-library": "^0.0.3", "@storybook/testing-library": "^0.0.3",
"@storybook/vue": "6.4.0-beta.26", "@storybook/vue": "6.4.0-beta.31",
"@vue/babel-preset-jsx": "^1.2.4", "@vue/babel-preset-jsx": "^1.2.4",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",

2
examples/web-components-kitchen-sink/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "web-components-kitchen-sink", "name": "web-components-kitchen-sink",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"private": true, "private": true,
"description": "", "description": "",
"keywords": [], "keywords": [],

2
lerna.json
View File

@ -2,5 +2,5 @@
"npmClient": "yarn", "npmClient": "yarn",
"useWorkspaces": true, "useWorkspaces": true,
"registry": "https://registry.npmjs.org", "registry": "https://registry.npmjs.org",
"version": "6.4.0-beta.26" "version": "6.4.0-beta.31"
} }

16
lib/addons/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/addons", "name": "@storybook/addons",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook addons store", "description": "Storybook addons store",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,13 +40,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/channels": "6.4.0-beta.26", "@storybook/channels": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/router": "6.4.0-beta.26", "@storybook/router": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"@types/webpack-env": "^1.16.0", "@types/webpack-env": "^1.16.0",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
@ -59,6 +59,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/public_api.js" "sbmodern": "dist/modern/public_api.js"
} }

2
lib/addons/src/index.ts
View File

@ -92,6 +92,8 @@ export class AddonStore {
hasChannel = (): boolean => !!this.channel; hasChannel = (): boolean => !!this.channel;
hasServerChannel = (): boolean => !!this.serverChannel;
setChannel = (channel: Channel): void => { setChannel = (channel: Channel): void => {
this.channel = channel; this.channel = channel;
this.resolve(); this.resolve();

14
lib/api/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/api", "name": "@storybook/api",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Core Storybook API & Context", "description": "Core Storybook API & Context",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -38,13 +38,13 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/channels": "6.4.0-beta.26", "@storybook/channels": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/csf": "0.0.2--canary.87bc651.0", "@storybook/csf": "0.0.2--canary.87bc651.0",
"@storybook/router": "6.4.0-beta.26", "@storybook/router": "6.4.0-beta.31",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
"global": "^4.4.0", "global": "^4.4.0",
@ -71,6 +71,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

6
lib/api/src/modules/globals.ts
View File

@ -77,7 +77,11 @@ export const init: ModuleFn = ({ store, fullAPI }) => {
logger.warn('received globals from a non-local ref. This is not currently supported.'); logger.warn('received globals from a non-local ref. This is not currently supported.');
} }
if (currentGlobals && !deepEqual(globals, currentGlobals)) { if (
currentGlobals &&
Object.keys(currentGlobals).length !== 0 &&
!deepEqual(globals, currentGlobals)
) {
api.updateGlobals(currentGlobals); api.updateGlobals(currentGlobals);
} }
}); });

2
lib/api/src/modules/stories.ts
View File

@ -514,7 +514,7 @@ export const init: ModuleFn = ({
); );
if (FEATURES?.storyStoreV7) { if (FEATURES?.storyStoreV7) {
provider.serverChannel.on(STORY_INDEX_INVALIDATED, () => fullAPI.fetchStoryList()); provider.serverChannel?.on(STORY_INDEX_INVALIDATED, () => fullAPI.fetchStoryList());
await fullAPI.fetchStoryList(); await fullAPI.fetchStoryList();
} }
}; };

2
lib/api/src/version.ts
View File

@ -1 +1 @@
export const version = '6.4.0-beta.26'; export const version = '6.4.0-beta.31';

34
lib/builder-webpack4/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/builder-webpack4", "name": "@storybook/builder-webpack4",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -61,22 +61,22 @@
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7", "@babel/preset-typescript": "^7.12.7",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/channel-postmessage": "6.4.0-beta.26", "@storybook/channel-postmessage": "6.4.0-beta.31",
"@storybook/channels": "6.4.0-beta.26", "@storybook/channels": "6.4.0-beta.31",
"@storybook/client-api": "6.4.0-beta.26", "@storybook/client-api": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/preview-web": "6.4.0-beta.26", "@storybook/preview-web": "6.4.0-beta.31",
"@storybook/router": "6.4.0-beta.26", "@storybook/router": "6.4.0-beta.31",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"@storybook/ui": "6.4.0-beta.26", "@storybook/ui": "6.4.0-beta.31",
"@types/node": "^14.0.10", "@types/node": "^14.0.10",
"@types/webpack": "^4.41.26", "@types/webpack": "^4.41.26",
"autoprefixer": "^9.8.6", "autoprefixer": "^9.8.6",
@ -131,6 +131,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

2
lib/builder-webpack4/src/preview/iframe-webpack.config.ts
View File

@ -238,7 +238,7 @@ export default async (options: Options & Record<string, any>): Promise<Configura
modules: ['node_modules'].concat(envs.NODE_PATH || []), modules: ['node_modules'].concat(envs.NODE_PATH || []),
mainFields: [modern ? 'sbmodern' : null, 'browser', 'module', 'main'].filter(Boolean), mainFields: [modern ? 'sbmodern' : null, 'browser', 'module', 'main'].filter(Boolean),
alias: { alias: {
...themingPaths, ...(features?.emotionAlias ? themingPaths : {}),
...storybookPaths, ...storybookPaths,
react: path.dirname(require.resolve('react/package.json')), react: path.dirname(require.resolve('react/package.json')),
'react-dom': path.dirname(require.resolve('react-dom/package.json')), 'react-dom': path.dirname(require.resolve('react-dom/package.json')),

8
lib/builder-webpack4/src/preview/virtualModuleModernEntry.js.handlebars
View File

@ -17,15 +17,17 @@ const getProjectAnnotations = () =>
const channel = createPostMessageChannel({ page: 'preview' }); const channel = createPostMessageChannel({ page: 'preview' });
addons.setChannel(channel); addons.setChannel(channel);
const serverChannel = createWebSocketChannel({ url: SERVER_CHANNEL_URL, }); if (SERVER_CHANNEL_URL) {
addons.setServerChannel(serverChannel); const serverChannel = createWebSocketChannel({ url: SERVER_CHANNEL_URL, });
addons.setServerChannel(serverChannel);
window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
}
const preview = new PreviewWeb(); const preview = new PreviewWeb();
window.__STORYBOOK_PREVIEW__ = preview; window.__STORYBOOK_PREVIEW__ = preview;
window.__STORYBOOK_STORY_STORE__ = preview.storyStore; window.__STORYBOOK_STORY_STORE__ = preview.storyStore;
window.__STORYBOOK_ADDONS_CHANNEL__ = channel; window.__STORYBOOK_ADDONS_CHANNEL__ = channel;
window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
window.__STORYBOOK_CLIENT_API__ = new ClientApi({ storyStore: preview.storyStore }); window.__STORYBOOK_CLIENT_API__ = new ClientApi({ storyStore: preview.storyStore });
preview.initialize({ importFn, getProjectAnnotations }); preview.initialize({ importFn, getProjectAnnotations });

32
lib/builder-webpack5/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/builder-webpack5", "name": "@storybook/builder-webpack5",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook framework-agnostic API", "description": "Storybook framework-agnostic API",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -60,21 +60,21 @@
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10", "@babel/preset-react": "^7.12.10",
"@babel/preset-typescript": "^7.12.7", "@babel/preset-typescript": "^7.12.7",
"@storybook/addons": "6.4.0-beta.26", "@storybook/addons": "6.4.0-beta.31",
"@storybook/api": "6.4.0-beta.26", "@storybook/api": "6.4.0-beta.31",
"@storybook/channel-postmessage": "6.4.0-beta.26", "@storybook/channel-postmessage": "6.4.0-beta.31",
"@storybook/channels": "6.4.0-beta.26", "@storybook/channels": "6.4.0-beta.31",
"@storybook/client-api": "6.4.0-beta.26", "@storybook/client-api": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/components": "6.4.0-beta.26", "@storybook/components": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/preview-web": "6.4.0-beta.26", "@storybook/preview-web": "6.4.0-beta.31",
"@storybook/router": "6.4.0-beta.26", "@storybook/router": "6.4.0-beta.31",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"@storybook/store": "6.4.0-beta.26", "@storybook/store": "6.4.0-beta.31",
"@storybook/theming": "6.4.0-beta.26", "@storybook/theming": "6.4.0-beta.31",
"@types/node": "^14.0.10", "@types/node": "^14.0.10",
"babel-loader": "^8.0.0", "babel-loader": "^8.0.0",
"babel-plugin-macros": "^3.0.1", "babel-plugin-macros": "^3.0.1",
@ -117,6 +117,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

2
lib/builder-webpack5/src/preview/iframe-webpack.config.ts
View File

@ -232,7 +232,7 @@ export default async (options: Options & Record<string, any>): Promise<Configura
modules: ['node_modules'].concat(envs.NODE_PATH || []), modules: ['node_modules'].concat(envs.NODE_PATH || []),
mainFields: [modern ? 'sbmodern' : null, 'browser', 'module', 'main'].filter(Boolean), mainFields: [modern ? 'sbmodern' : null, 'browser', 'module', 'main'].filter(Boolean),
alias: { alias: {
...themingPaths, ...(features?.emotionAlias ? themingPaths : {}),
...storybookPaths, ...storybookPaths,
react: path.dirname(require.resolve('react/package.json')), react: path.dirname(require.resolve('react/package.json')),
'react-dom': path.dirname(require.resolve('react-dom/package.json')), 'react-dom': path.dirname(require.resolve('react-dom/package.json')),

8
lib/builder-webpack5/src/preview/virtualModuleModernEntry.js.handlebars
View File

@ -17,15 +17,17 @@ const getProjectAnnotations = () =>
const channel = createPostMessageChannel({ page: 'preview' }); const channel = createPostMessageChannel({ page: 'preview' });
addons.setChannel(channel); addons.setChannel(channel);
const serverChannel = createWebSocketChannel({ url: SERVER_CHANNEL_URL, }); if (SERVER_CHANNEL_URL) {
addons.setServerChannel(serverChannel); const serverChannel = createWebSocketChannel({ url: SERVER_CHANNEL_URL, });
addons.setServerChannel(serverChannel);
window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
}
const preview = new PreviewWeb(); const preview = new PreviewWeb();
window.__STORYBOOK_PREVIEW__ = preview; window.__STORYBOOK_PREVIEW__ = preview;
window.__STORYBOOK_STORY_STORE__ = preview.storyStore; window.__STORYBOOK_STORY_STORE__ = preview.storyStore;
window.__STORYBOOK_ADDONS_CHANNEL__ = channel; window.__STORYBOOK_ADDONS_CHANNEL__ = channel;
window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
window.__STORYBOOK_CLIENT_API__ = new ClientApi({ storyStore: preview.storyStore }); window.__STORYBOOK_CLIENT_API__ = new ClientApi({ storyStore: preview.storyStore });
preview.initialize({ importFn, getProjectAnnotations }); preview.initialize({ importFn, getProjectAnnotations });

10
lib/channel-postmessage/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/channel-postmessage", "name": "@storybook/channel-postmessage",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,9 +40,9 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/channels": "6.4.0-beta.26", "@storybook/channels": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"@storybook/core-events": "6.4.0-beta.26", "@storybook/core-events": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"qs": "^6.10.0", "qs": "^6.10.0",
@ -51,6 +51,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

8
lib/channel-websocket/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/channel-websocket", "name": "@storybook/channel-websocket",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -40,8 +40,8 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/channels": "6.4.0-beta.26", "@storybook/channels": "6.4.0-beta.31",
"@storybook/client-logger": "6.4.0-beta.26", "@storybook/client-logger": "6.4.0-beta.31",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"global": "^4.4.0", "global": "^4.4.0",
"telejson": "^5.3.2" "telejson": "^5.3.2"
@ -49,6 +49,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

4
lib/channels/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/channels", "name": "@storybook/channels",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "", "description": "",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -47,6 +47,6 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e", "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267",
"sbmodern": "dist/modern/index.js" "sbmodern": "dist/modern/index.js"
} }

6
lib/cli-sb/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "sb", "name": "sb",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook CLI", "description": "Storybook CLI",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -24,10 +24,10 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/cli": "6.4.0-beta.26" "@storybook/cli": "6.4.0-beta.31"
}, },
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e" "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267"
} }

6
lib/cli-storybook/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "storybook", "name": "storybook",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook CLI", "description": "Storybook CLI",
"keywords": [ "keywords": [
"storybook" "storybook"
@ -27,10 +27,10 @@
"prepare": "node ../../scripts/prepare.js" "prepare": "node ../../scripts/prepare.js"
}, },
"dependencies": { "dependencies": {
"@storybook/cli": "6.4.0-beta.26" "@storybook/cli": "6.4.0-beta.31"
}, },
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e" "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267"
} }

14
lib/cli/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@storybook/cli", "name": "@storybook/cli",
"version": "6.4.0-beta.26", "version": "6.4.0-beta.31",
"description": "Storybook's CLI - easiest method of adding storybook to your projects", "description": "Storybook's CLI - easiest method of adding storybook to your projects",
"keywords": [ "keywords": [
"cli", "cli",
@ -48,10 +48,10 @@
"dependencies": { "dependencies": {
"@babel/core": "^7.12.10", "@babel/core": "^7.12.10",
"@babel/preset-env": "^7.12.11", "@babel/preset-env": "^7.12.11",
"@storybook/codemod": "6.4.0-beta.26", "@storybook/codemod": "6.4.0-beta.31",
"@storybook/core-common": "6.4.0-beta.26", "@storybook/core-common": "6.4.0-beta.31",
"@storybook/csf-tools": "6.4.0-beta.26", "@storybook/csf-tools": "6.4.0-beta.31",
"@storybook/node-logger": "6.4.0-beta.26", "@storybook/node-logger": "6.4.0-beta.31",
"@storybook/semver": "^7.3.2", "@storybook/semver": "^7.3.2",
"boxen": "^5.1.2", "boxen": "^5.1.2",
"chalk": "^4.1.0", "chalk": "^4.1.0",
@ -76,7 +76,7 @@
"update-notifier": "^5.0.1" "update-notifier": "^5.0.1"
}, },
"devDependencies": { "devDependencies": {
"@storybook/client-api": "6.4.0-beta.26", "@storybook/client-api": "6.4.0-beta.31",
"@types/cross-spawn": "^6.0.2", "@types/cross-spawn": "^6.0.2",
"@types/prompts": "^2.0.9", "@types/prompts": "^2.0.9",
"@types/puppeteer-core": "^2.1.0", "@types/puppeteer-core": "^2.1.0",
@ -92,5 +92,5 @@
"publishConfig": { "publishConfig": {
"access": "public" "access": "public"
}, },
"gitHead": "ddc43c3b4cf4ae8463a2e284b290e5014e33780e" "gitHead": "17ef07b50965ad82f3c6a5f7442211bb8f140267"
} }

2
lib/cli/src/automigrate/index.ts
View File

@ -46,7 +46,7 @@ export const automigrate = async ({ fixId, dryRun, yes }: FixOptions) => {
} else { } else {
logger.info(`Skipping the ${chalk.cyan(f.id)} fix.`); logger.info(`Skipping the ${chalk.cyan(f.id)} fix.`);
logger.info(); logger.info();
logger.info(`If you change your mind, run '${chalk.cyan('npx sb@next fix')}'`); logger.info(`If you change your mind, run '${chalk.cyan('npx sb@next automigrate')}'`);
} }
} }
} }

5
lib/cli/src/extract.ts
View File

@ -1,5 +1,5 @@
import path from 'path'; import path from 'path';
import { writeFile } from 'fs-extra'; import { writeFile, stat } from 'fs-extra';
import puppeteerCore from 'puppeteer-core'; import puppeteerCore from 'puppeteer-core';
import express from 'express'; import express from 'express';
import getPort from 'get-port'; import getPort from 'get-port';
@ -28,6 +28,9 @@ const read = async (url: string) => {
}; };
const useLocation: (input: string) => Promise<[string, () => void]> = async (input: string) => { const useLocation: (input: string) => Promise<[string, () => void]> = async (input: string) => {
// check for input's existence
await stat(path.resolve(input));
if (input.match(/^http/)) { if (input.match(/^http/)) {
return [input, async () => {}]; return [input, async () => {}];
} }

Some files were not shown because too many files have changed in this diff Show More