mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-01 05:05:25 +08:00
Merge branch 'next' into feat/built-in-extract
This commit is contained in:
Michael Shilman
parent
343f7fd534
commit
7bce1ae3a6
12
.babelrc.js
12
.babelrc.js
@ -12,7 +12,13 @@ const withTests = {
|
||||
],
|
||||
};
|
||||
|
||||
const modules = process.env.BABEL_ESM === 'true' ? false : 'auto';
|
||||
// type BabelMode = 'cjs' | 'esm' | 'modern';
|
||||
|
||||
const modules = process.env.BABEL_MODE === 'cjs' ? 'auto' : false;
|
||||
|
||||
// FIXME: optional chaining introduced in chrome 80, not supported by wepback4
|
||||
// https://github.com/webpack/webpack/issues/10227#issuecomment-642734920
|
||||
const targets = process.env.BABEL_MODE === 'modern' ? { chrome: '79' } : 'defaults';
|
||||
|
||||
module.exports = {
|
||||
ignore: [
|
||||
@ -26,7 +32,7 @@ module.exports = {
|
||||
shippedProposals: true,
|
||||
useBuiltIns: 'usage',
|
||||
corejs: '3',
|
||||
targets: 'defaults',
|
||||
targets,
|
||||
modules,
|
||||
},
|
||||
],
|
||||
@ -70,7 +76,7 @@ module.exports = {
|
||||
useBuiltIns: 'usage',
|
||||
corejs: '3',
|
||||
modules,
|
||||
targets: 'defaults',
|
||||
targets,
|
||||
},
|
||||
],
|
||||
'@babel/preset-react',
|
||||
|
||||
@ -195,7 +195,7 @@ jobs:
|
||||
command: yarn wait-on http://localhost:6000
|
||||
- run:
|
||||
name: Run E2E tests
|
||||
command: yarn test:e2e-framework --clean --skip angular --skip vue3 --skip web_components_typescript --skip cra
|
||||
command: yarn test:e2e-framework --clean --skip angular11 --skip angular --skip vue3 --skip web_components_typescript --skip cra
|
||||
- store_artifacts:
|
||||
path: /tmp/storybook/cypress
|
||||
destination: cypress
|
||||
@ -218,8 +218,8 @@ jobs:
|
||||
command: yarn wait-on http://localhost:6000
|
||||
- run:
|
||||
name: Run E2E tests
|
||||
# Do not test CRA nor Web Components here because it's done in PnP part
|
||||
command: yarn test:e2e-framework vue3 angular
|
||||
# Do not test CRA here because it's done in PnP part
|
||||
command: yarn test:e2e-framework vue3 angular angular11 web_components_typescript
|
||||
- store_artifacts:
|
||||
path: /tmp/storybook/cypress
|
||||
destination: cypress
|
||||
@ -246,7 +246,7 @@ jobs:
|
||||
cd ..
|
||||
npx create-react-app cra-bench
|
||||
cd cra-bench
|
||||
npx @storybook/bench 'npx sb init' --label cra
|
||||
npx @storybook/bench 'npx sb init' --label cra --extra-flags "--modern"
|
||||
e2e-tests-pnp:
|
||||
executor:
|
||||
class: medium
|
||||
@ -266,7 +266,7 @@ jobs:
|
||||
command: yarn wait-on http://localhost:6000
|
||||
- run:
|
||||
name: run e2e tests
|
||||
command: yarn test:e2e-framework --pnp sfcVue cra web_components_typescript
|
||||
command: yarn test:e2e-framework --pnp sfcVue cra
|
||||
- store_artifacts:
|
||||
path: /tmp/storybook/cypress
|
||||
destination: cypress
|
||||
|
||||
3
.github/ISSUE_TEMPLATE/bug_report.md
vendored
3
.github/ISSUE_TEMPLATE/bug_report.md
vendored
@ -8,7 +8,8 @@ labels: needs triage, bug
|
||||
A clear and concise description of what the bug is.
|
||||
|
||||
**To Reproduce**
|
||||
Link to a reproduction repo that demonstrates the bug, plus instructions on how to trigger it.
|
||||
Please create a reproduction repo by running `npx sb@next repro` and following the instructions.
|
||||
When you're done, please link the repo here. We prioritize issues with reproductions over those without.
|
||||
|
||||
**System**
|
||||
Please paste the results of `npx sb@next info` here.
|
||||
|
||||
8
.github/ISSUE_TEMPLATE/config.yml
vendored
8
.github/ISSUE_TEMPLATE/config.yml
vendored
@ -1,5 +1,11 @@
|
||||
blank_issues_enabled: false
|
||||
contact_links:
|
||||
- name: Storybook Discord
|
||||
- name: Documentation 📚
|
||||
url: https://storybook.js.org/docs/
|
||||
about: Check out the official docs for answers to common questions
|
||||
- name: Questions & discussions 🤔
|
||||
url: https://github.com/storybookjs/storybook/discussions
|
||||
about: Ask questions, request features & discuss RFCs
|
||||
- name: Community Discord 💬
|
||||
url: https://discord.gg/storybook
|
||||
about: Community discussions, interactive support, contributor help
|
||||
|
||||
6
.github/ISSUE_TEMPLATE/feature_request.md
vendored
6
.github/ISSUE_TEMPLATE/feature_request.md
vendored
@ -5,13 +5,13 @@ labels: needs triage, feature request
|
||||
---
|
||||
|
||||
**Is your feature request related to a problem? Please describe**
|
||||
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
|
||||
A clear and concise description of the problem. E.g. I'm always frustrated when [...]
|
||||
|
||||
**Describe the solution you'd like**
|
||||
A clear and concise description of what you want to happen.
|
||||
What would you like to see added to Storybook to solve problem?
|
||||
|
||||
**Describe alternatives you've considered**
|
||||
A clear and concise description of any alternative solutions or features you've considered.
|
||||
Any alternative solutions or features you've considered.
|
||||
|
||||
**Are you able to assist to bring the feature to reality?**
|
||||
no | yes, I can...
|
||||
|
||||
14
.github/ISSUE_TEMPLATE/question.md
vendored
14
.github/ISSUE_TEMPLATE/question.md
vendored
@ -1,14 +0,0 @@
|
||||
---
|
||||
name: Questions 🤔
|
||||
about: Documentation missing or you just need help? Let us know here.
|
||||
labels: needs triage, question / support
|
||||
---
|
||||
|
||||
**What's the problem?**
|
||||
Clear and concise statement of what's troubling you.
|
||||
|
||||
**Is there documentation on this?**
|
||||
If this is documented at https://storybook.js.org/docs/ but the documentation is incomplete or unclear, link to it here.
|
||||
|
||||
**Additional context**
|
||||
Add any other context about the problem here.
|
||||
48
CHANGELOG.md
48
CHANGELOG.md
@ -1,3 +1,51 @@
|
||||
## 6.3.0-alpha.29 (May 17, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
- UI: Provide option to hide default toolbar tools ([#14897](https://github.com/storybookjs/storybook/pull/14897))
|
||||
- Core: Support modern browser target ([#14954](https://github.com/storybookjs/storybook/pull/14954))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Core: Remove updateGlobals warning message ([#14949](https://github.com/storybookjs/storybook/pull/14949))
|
||||
- Controls: Tighten color control inference heuristic and test ([#14684](https://github.com/storybookjs/storybook/pull/14684))
|
||||
|
||||
## 6.3.0-alpha.28 (May 15, 2021)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- CLI: Keep Webpack 4 builder for Angular lower than 12 ([#14942](https://github.com/storybookjs/storybook/pull/14942))
|
||||
|
||||
## 6.3.0-alpha.27 (May 14, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
- CLI: Add Angular 12 + docs inline rendering support ([#14928](https://github.com/storybookjs/storybook/pull/14928))
|
||||
|
||||
## 6.3.0-alpha.26 (May 14, 2021)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-controls: Fix duplicate color swatch id's in Color control ([#14925](https://github.com/storybookjs/storybook/pull/14925))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- CLI: Add preamble instructions to `sb repro` ([#14924](https://github.com/storybookjs/storybook/pull/14924))
|
||||
- Webpack5: Always set `resolve.fallback.crypto` to `false` ([#14914](https://github.com/storybookjs/storybook/pull/14914))
|
||||
- Build: Add missing dependencies ([#14919](https://github.com/storybookjs/storybook/pull/14919))
|
||||
- Build: Put E2E tests back on track ([#14917](https://github.com/storybookjs/storybook/pull/14917))
|
||||
|
||||
### Dependency Upgrades
|
||||
|
||||
- Addon-storyshots: Make @storybook/react dependency optional ([#14891](https://github.com/storybookjs/storybook/pull/14891))
|
||||
|
||||
## 6.3.0-alpha.25 (May 13, 2021)
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Builder-Webpack5: Use native features instead of plugins ([#14281](https://github.com/storybookjs/storybook/pull/14281))
|
||||
- CLI: Repro refinements per feedback ([#14888](https://github.com/storybookjs/storybook/pull/14888))
|
||||
|
||||
## 6.3.0-alpha.24 (May 11, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
24
MIGRATION.md
24
MIGRATION.md
@ -1,6 +1,7 @@
|
||||
<h1>Migration</h1>
|
||||
|
||||
- [From version 6.2.x to 6.3.0](#from-version-62x-to-630)
|
||||
- [Angular 12 upgrade](#angular-12-upgrade)
|
||||
- [6.3 deprecations](#63-deprecations)
|
||||
- [Deprecated scoped blocks imports](#deprecated-scoped-blocks-imports)
|
||||
- [From version 6.1.x to 6.2.0](#from-version-61x-to-620)
|
||||
@ -9,6 +10,7 @@
|
||||
- [New Angular storyshots format](#new-angular-storyshots-format)
|
||||
- [Deprecated Angular story component](#deprecated-angular-story-component)
|
||||
- [New Angular renderer](#new-angular-renderer)
|
||||
- [Components without selectors](#components-without-selectors)
|
||||
- [Packages now available as ESModules](#packages-now-available-as-esmodules)
|
||||
- [6.2 Deprecations](#62-deprecations)
|
||||
- [Deprecated implicit PostCSS loader](#deprecated-implicit-postcss-loader)
|
||||
@ -157,6 +159,24 @@
|
||||
|
||||
## From version 6.2.x to 6.3.0
|
||||
|
||||
### Angular 12 upgrade
|
||||
|
||||
Storybook 6.3 supports Angular 12 out of the box when you install it fresh. However, if you're upgrading your project from a previous version, you'll need to do the following steps to force Storybook to use webpack 5 for building your project:
|
||||
|
||||
```js
|
||||
npm install @storybook/builder-webpack5 --save-dev # or yarn
|
||||
```
|
||||
|
||||
Then edit your `.storybook/main.js` config:
|
||||
|
||||
```js
|
||||
module.exports = {
|
||||
core: {
|
||||
builder: 'webpack5',
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
### 6.3 deprecations
|
||||
|
||||
#### Deprecated scoped blocks imports
|
||||
@ -224,6 +244,10 @@ export const parameters = {
|
||||
|
||||
Please also file an issue if you need to opt out. We plan to remove the legacy renderer in 7.0.
|
||||
|
||||
#### Components without selectors
|
||||
|
||||
When the new Angular renderer is used, all Angular Story components must either have a selector, or be added to the `entryComponents` array of the story's `moduleMetadata`. If the component has any `Input`s or `Output`s to be controlled with `args`, a selector should be added.
|
||||
|
||||
### Packages now available as ESModules
|
||||
|
||||
Many Storybook packages are now available as ESModules in addition to CommonJS. If your jest tests stop working, this is likely why. One common culprit is doc blocks, which [is fixed in 6.3](#deprecated-scoped-blocks-imports). In 6.2, you can configure jest to transform the packages like so ([more info](https://jestjs.io/docs/configuration#transformignorepatterns-arraystring)):
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Test component compliance with web accessibility standards",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/channels": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/channels": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"axe-core": "^4.2.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,7 +81,8 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Accessibility",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
/* eslint-disable no-param-reassign */
|
||||
function managerEntries(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/register')];
|
||||
}
|
||||
@ -11,17 +10,4 @@ function config(entry = []) {
|
||||
];
|
||||
}
|
||||
|
||||
async function webpack(webpackConfig, options) {
|
||||
const core = await options.presets.apply('core');
|
||||
if ((core && core.builder) !== 'webpack5') {
|
||||
return webpackConfig;
|
||||
}
|
||||
if (!webpackConfig.resolve.fallback) {
|
||||
webpackConfig.resolve.fallback = {};
|
||||
}
|
||||
webpackConfig.resolve.fallback.crypto = false;
|
||||
|
||||
return webpackConfig;
|
||||
}
|
||||
|
||||
module.exports = { managerEntries, config, webpack };
|
||||
module.exports = { managerEntries, config };
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Get UI feedback when an action is performed on an interactive element",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -41,12 +41,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
@ -78,7 +78,8 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Actions",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Switch backgrounds to view components in different settings",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,12 +45,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -76,7 +76,8 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Backgrounds",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Interact with component inputs dynamically in the Storybook UI",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,12 +45,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
@ -69,7 +69,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"storybook": {
|
||||
"displayName": "Controls",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
|
||||
|
||||
@ -59,15 +59,15 @@ If you're coming from the `storiesOf` format, there's [a codemod that adds it fo
|
||||
|
||||
## Subcomponents parameter
|
||||
|
||||
Sometimes it's useful to document multiple components on the same page. For example, suppose your component library contains `List` and `ListItem` components that don't make sense without one another. `DocsPage` has the concept of a "primary" component with the [`component` parameter](#component-parameter), and can also accept one or more "subcomponents":
|
||||
Sometimes it's useful to document multiple components on the same page. For example, suppose your component library contains `Button` and `ButtonGroup` components that don't make sense without one another. `DocsPage` has the concept of a "primary" component with the [`component` parameter](#component-parameter), and can also accept one or more "subcomponents":
|
||||
|
||||
```js
|
||||
import { List, ListHeading, ListItem } from './List';
|
||||
import { Button, ButtonGroup } from '../ButtonGroup';
|
||||
|
||||
export default {
|
||||
title: 'Path/to/List',
|
||||
component: List,
|
||||
subcomponents: { ListHeading, ListItem },
|
||||
title: 'Path/to/ButtonGroup',
|
||||
component: ButtonGroup,
|
||||
subcomponents: { Button },
|
||||
};
|
||||
```
|
||||
|
||||
@ -79,7 +79,7 @@ If you want organize your documentation differently for groups of components, we
|
||||
|
||||
## Replacing DocsPage
|
||||
|
||||
What if you don't want a `DocsPage` for your storybook, for a specific component, or even for a specific story?
|
||||
What if you don't want a `DocsPage` for your Storybook, for a specific component, or even for a specific story?
|
||||
|
||||
You can replace DocsPage at any level by overriding the `docs.page` parameter:
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 128 KiB After Width: | Height: | Size: 71 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -63,19 +63,19 @@
|
||||
"@mdx-js/loader": "^1.6.22",
|
||||
"@mdx-js/mdx": "^1.6.22",
|
||||
"@mdx-js/react": "^1.6.22",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/postinstall": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@storybook/postinstall": "6.3.0-alpha.29",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"acorn": "^7.4.1",
|
||||
"acorn-jsx": "^5.3.1",
|
||||
"acorn-walk": "^7.2.0",
|
||||
@ -102,11 +102,11 @@
|
||||
"@babel/core": "^7.12.10",
|
||||
"@emotion/core": "^10.1.1",
|
||||
"@emotion/styled": "^10.0.27",
|
||||
"@storybook/angular": "6.3.0-alpha.24",
|
||||
"@storybook/lit": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/vue": "6.3.0-alpha.24",
|
||||
"@storybook/web-components": "6.3.0-alpha.24",
|
||||
"@storybook/angular": "6.3.0-alpha.29",
|
||||
"@storybook/lit": "6.3.0-alpha.29",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"@storybook/vue": "6.3.0-alpha.29",
|
||||
"@storybook/web-components": "6.3.0-alpha.29",
|
||||
"@types/cross-spawn": "^6.0.2",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
@ -136,11 +136,11 @@
|
||||
"zone.js": "^0.11.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/angular": "6.3.0-alpha.24",
|
||||
"@storybook/lit": "6.3.0-alpha.24",
|
||||
"@storybook/vue": "6.3.0-alpha.24",
|
||||
"@storybook/vue3": "6.3.0-alpha.24",
|
||||
"@storybook/web-components": "6.3.0-alpha.24",
|
||||
"@storybook/angular": "6.3.0-alpha.29",
|
||||
"@storybook/lit": "6.3.0-alpha.29",
|
||||
"@storybook/vue": "6.3.0-alpha.29",
|
||||
"@storybook/vue3": "6.3.0-alpha.29",
|
||||
"@storybook/web-components": "6.3.0-alpha.29",
|
||||
"lit": "^2.0.0-rc.1",
|
||||
"lit-html": "^1.0.0",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -194,7 +194,8 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Docs",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
|
||||
|
||||
@ -16,7 +16,7 @@ function makeAngularElementRendererOptional(): Plugin[] {
|
||||
) {
|
||||
return [];
|
||||
}
|
||||
return [new IgnorePlugin(/@storybook(\\|\/)angular(\\|\/)element-renderer/)];
|
||||
return [new IgnorePlugin({ resourceRegExp: /@storybook(\\|\/)angular(\\|\/)element-renderer/ })];
|
||||
}
|
||||
|
||||
function moduleIsAvailable(moduleName: string): boolean {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -39,29 +39,29 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-toolbars": "6.3.0-alpha.24",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-toolbars": "6.3.0-alpha.29",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/vue": "6.3.0-alpha.24",
|
||||
"@storybook/vue": "6.3.0-alpha.29",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/webpack-env": "^1.16.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/vue": "6.3.0-alpha.24",
|
||||
"@storybook/web-components": "6.3.0-alpha.24",
|
||||
"@storybook/vue": "6.3.0-alpha.29",
|
||||
"@storybook/web-components": "6.3.0-alpha.29",
|
||||
"babel-loader": "^8.0.0",
|
||||
"lit-html": "^1.0.0",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -91,5 +91,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -47,11 +47,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react-sizeme": "^3.0.1",
|
||||
@ -76,7 +76,8 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Jest",
|
||||
"icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Link stories together to build demos and prototypes with your UI components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,11 +41,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.3.0-alpha.24",
|
||||
"@storybook/router": "6.3.0-alpha.29",
|
||||
"@types/qs": "^6.9.5",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -72,7 +72,8 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Links",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Take a code snapshot of every story automatically with Jest",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,10 +45,10 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.6.2",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
@ -67,11 +67,11 @@
|
||||
"devDependencies": {
|
||||
"@angular/core": "^11.2.0",
|
||||
"@angular/platform-browser-dynamic": "^11.2.0",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/angular": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/vue": "6.3.0-alpha.24",
|
||||
"@storybook/vue3": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/angular": "6.3.0-alpha.29",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"@storybook/vue": "6.3.0-alpha.29",
|
||||
"@storybook/vue3": "6.3.0-alpha.29",
|
||||
"babel-loader": "^8.2.2",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.6.1",
|
||||
@ -108,6 +108,9 @@
|
||||
"@storybook/angular": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@storybook/vue": {
|
||||
"optional": true
|
||||
},
|
||||
@ -145,7 +148,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"storybook": {
|
||||
"displayName": "Storyshots",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,7 +41,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@types/jest-image-snapshot": "^4.1.3",
|
||||
"@wordpress/jest-puppeteer-axe": "^3.0.3",
|
||||
"core-js": "^3.8.2",
|
||||
@ -53,7 +53,7 @@
|
||||
"@types/puppeteer": "^5.4.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
@ -64,5 +64,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "View a story’s source code to see how it works and paste into your app",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,13 +41,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/router": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/router": "6.3.0-alpha.29",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"estraverse": "^5.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
@ -75,7 +75,8 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Storysource",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Create your own toolbar items that control story rendering",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,10 +45,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
@ -66,7 +66,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"storybook": {
|
||||
"displayName": "Toolbars",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -42,12 +42,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -69,7 +69,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4",
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"storybook": {
|
||||
"displayName": "Viewport",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"autoprefixer": "^9.8.6",
|
||||
"core-js": "^3.8.2",
|
||||
@ -124,5 +124,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -43,8 +43,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^2.1.4",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -65,5 +65,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,10 +45,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -68,5 +68,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/lit",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for lit: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit",
|
||||
@ -45,10 +45,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -70,5 +70,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -46,9 +46,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -72,5 +72,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -49,10 +49,10 @@
|
||||
"@babel/preset-flow": "^7.12.1",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
@ -71,7 +71,7 @@
|
||||
"webpack": "4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@types/node": "^14.14.20",
|
||||
"@types/prompts": "^2.0.9"
|
||||
},
|
||||
@ -94,5 +94,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,12 +45,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -70,5 +70,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,9 +45,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -73,5 +73,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,9 +45,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,5 +81,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue3",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,9 +45,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -80,5 +80,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -50,10 +50,10 @@
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
||||
"@babel/plugin-syntax-import-meta": "^7.10.4",
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.8.2",
|
||||
@ -78,5 +78,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
49
cypress/generated/addon-controls.spec.ts
Normal file
49
cypress/generated/addon-controls.spec.ts
Normal file
@ -0,0 +1,49 @@
|
||||
describe('addon-controls', () => {
|
||||
it('should change component when changing controls', () => {
|
||||
cy.visitStorybook();
|
||||
|
||||
cy.navigateToStory('example-button', 'Primary');
|
||||
|
||||
cy.viewAddonPanel('Controls');
|
||||
|
||||
// Text input: Label
|
||||
cy.getStoryElement().find('button').should('contain.text', 'Button');
|
||||
cy.get('#label').clear().type('Hello world');
|
||||
cy.getStoryElement().find('button').should('contain.text', 'Hello world');
|
||||
|
||||
// Args in URL
|
||||
cy.url().should('include', 'args=label:Hello+world');
|
||||
|
||||
// Boolean toggle: Primary/secondary
|
||||
cy.getStoryElement().find('button').should('have.css', 'background-color', 'rgb(30, 167, 253)');
|
||||
cy.get('#primary').click();
|
||||
cy.getStoryElement().find('button').should('have.css', 'background-color', 'rgba(0, 0, 0, 0)');
|
||||
|
||||
// Color picker: Background color
|
||||
cy.get('input[placeholder="Choose color"]').type('red');
|
||||
cy.getStoryElement().find('button').should('have.css', 'background-color', 'rgb(255, 0, 0)');
|
||||
|
||||
// TODO: enable this once the controls for size are aligned in all CLI templates.
|
||||
// Radio buttons: Size
|
||||
// cy.getStoryElement().find('button').should('have.css', 'font-size', '14px');
|
||||
// cy.get('label[for="size-large"]').click();
|
||||
// cy.getStoryElement().find('button').should('have.css', 'font-size', '16px');
|
||||
|
||||
// Reset controls: assert that the component is back to original state
|
||||
cy.get('button[title="Reset controls"]').click();
|
||||
cy.getStoryElement().find('button').should('have.css', 'font-size', '14px');
|
||||
cy.getStoryElement().find('button').should('have.css', 'background-color', 'rgb(30, 167, 253)');
|
||||
cy.getStoryElement().find('button').should('contain.text', 'Button');
|
||||
});
|
||||
|
||||
it('should apply controls automatically when passed via url', () => {
|
||||
cy.visit('/', {
|
||||
qs: {
|
||||
path: '/story/example-button--primary',
|
||||
args: 'label:Hello world',
|
||||
},
|
||||
});
|
||||
|
||||
cy.getStoryElement().find('button').should('contain.text', 'Hello world');
|
||||
});
|
||||
});
|
||||
@ -6,7 +6,7 @@ One of Storybook's main features is its robust addon ecosystem. Use addons to en
|
||||
|
||||
## What we're building
|
||||
|
||||
For this example we're going to build a bare-bones addon which:
|
||||
For this example, we're going to build a bare-bones addon which:
|
||||
|
||||
- Adds a new panel in Storybook.
|
||||
- Retrieves a custom parameter from the stories.
|
||||
@ -27,9 +27,9 @@ We recommend a common addon file and directory structure for consistency.
|
||||
|
||||
### Get started
|
||||
|
||||
Open a new terminal and create a new directory called `my-addon`. Inside it run `npm init` to initialize a new node project. For your project's name choose `my-addon` and for entry point `dist/preset.js`.
|
||||
Open a new terminal and create a new directory called `my-addon`. Inside it, run `npm init` to initialize a new node project. For your project's name, choose `my-addon` and for entry point `dist/preset.js`.
|
||||
|
||||
Once you've gone through the prompts your `package.json` should look like:
|
||||
Once you've gone through the prompts, your `package.json` should look like:
|
||||
|
||||
```json
|
||||
{
|
||||
@ -57,7 +57,7 @@ npx sb init
|
||||
```
|
||||
|
||||
<div class="aside">
|
||||
Initializing Storybook adds the building blocks for our addon. If you're building a standalone Storybook addon, set the React and Storybook packages as peer dependencies. This prevents the addon from breaking Storybook when there are different versions available.
|
||||
💡 Initializing Storybook adds the building blocks for our addon. If you're building a standalone Storybook addon, set the React and Storybook packages as peer dependencies. It prevents the addon from breaking Storybook when there are different versions available.
|
||||
</div>
|
||||
|
||||
Next, create a `.babelrc.js` file in the root directory with the following:
|
||||
@ -87,7 +87,7 @@ Change your `package.json` and add the following script to build the addon:
|
||||
```
|
||||
|
||||
<div class="aside">
|
||||
Running <code>yarn build</code> at this stage will output the code into the <code>dist</code> directory, transpiled into a ES5 module ready to be installed into any Storybook.
|
||||
💡 Running <code>yarn build</code> at this stage will output the code into the <code>dist</code> directory, transpiled into a ES5 module ready to be installed into any Storybook.
|
||||
</div>
|
||||
|
||||
Finally, create a new directory called `src` and inside a new file called `preset.js` with the following:
|
||||
@ -108,7 +108,7 @@ Presets are the way addons hook into Storybook. Among other tasks they allow you
|
||||
- Add to the [preview iframe](./writing-presets.md#preview-entries)
|
||||
- Modify [babel](./writing-presets.md#babel) and [webpack settings](./writing-presets.md#webpack)
|
||||
|
||||
For this example, we'll just modify Storybook's UI.
|
||||
For this example, we'll modify Storybook's UI.
|
||||
|
||||
### Add a panel
|
||||
|
||||
@ -125,7 +125,7 @@ Now let’s add a panel to Storybook. Inside the `src` directory, create a new f
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
<div class="aside">
|
||||
Make sure to include the <code>key</code> when you register the addon. This will prevent any issues when the addon renders.
|
||||
💡 Make sure to include the <code>key</code> when you register the addon. It will prevent any issues when the addon renders.
|
||||
</div>
|
||||
|
||||
Going over the code snippet in more detail. When Storybook starts up:
|
||||
@ -149,7 +149,7 @@ Finally, let’s hook it all up. Change `.storybook/main.js` to the following:
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
<div class="aside">
|
||||
When you register a Storybook addon, it will look for either <code>register.js</code> or <code>preset.js</code> as the entry points.
|
||||
💡 When you register a Storybook addon, it will look for either <code>register.js</code> or <code>preset.js</code> as the entry points.
|
||||
</div>
|
||||
|
||||
Run `yarn storybook` and you should see something similar to:
|
||||
@ -172,11 +172,11 @@ Next, let’s replace the `MyPanel` component from above to show the parameter.
|
||||
|
||||
The new version is made smarter by [`useParameter`](./addons-api.md#useparameter), which is a [React hook](https://reactjs.org/docs/hooks-intro.html) that updates the parameter value and re-renders the panel every time the story changes.
|
||||
|
||||
The [addon API](./addons-api.md) provides hooks like this so all of that communication can happen behind the scenes. That means you can focus on your addon's functionality.
|
||||
The [addon API](./addons-api.md) provides hooks like this, so all of that communication can happen behind the scenes. That means you can focus on your addon's functionality.
|
||||
|
||||
### Using the addon with a story
|
||||
|
||||
When Storybook was initialized it provided a small set of examples stories. Change your `Button.stories.js` to the following:
|
||||
When Storybook was initialized, it provided a small set of example stories. Change your `Button.stories.js` to the following:
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
|
||||
@ -203,7 +203,7 @@ After applying the changes to the story, the Storybook UI will show the followin
|
||||
|
||||
### Root level preset.js
|
||||
|
||||
Before publishing the addon, we'll need to make one final change. In the root directory of the addon create a new file called `preset.js` and add the following:
|
||||
Before publishing the addon, we'll need to make one last change. In the root directory of the addon, create a new file called `preset.js` and add the following:
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
|
||||
@ -219,7 +219,7 @@ This auto-registers the addon without any additional configuration from the user
|
||||
|
||||
### Packaging and publishing
|
||||
|
||||
Now that you've seen how to create a bare-bones addon, let's see how to share it with the community. Before we begin, make sure your addon meets the following requirements:
|
||||
Now that you've seen how to create a bare-bones addon let's see how to share it with the community. Before we begin, make sure your addon meets the following requirements:
|
||||
|
||||
- `package.json` file with metadata about the addon
|
||||
- Peer dependencies of `react` and `@storybook/addons`
|
||||
@ -235,12 +235,10 @@ Learn how to [add to the addon catalog](./addon-catalog.md).
|
||||
|
||||
### More guides and tutorials
|
||||
|
||||
In the previous example, we introduced the structure of an addon, but barely scratched the surface of what addons can do.
|
||||
In the previous example, we introduced the structure of an addon but barely scratched the surface of what addons can do.
|
||||
|
||||
To dive deeper we recommend Storybook's [creating an addon](https://storybook.js.org/tutorials/create-an-addon/) tutorial. It’s an excellent walkthrough that covers the same ground as the above introduction, but goes further and leads you through the full process of creating a realistic addon.
|
||||
|
||||
[How to build a Storybook addon](https://www.chromatic.com/blog/how-to-build-a-storybook-addon/) shows you how to create a standalone addon in great detail.
|
||||
To dive deeper, we recommend Storybook's [creating an addon](https://storybook.js.org/tutorials/create-an-addon/) tutorial. It’s an excellent walkthrough covering the same ground as the above introduction but goes further and leads you through the entire process of creating a realistic addon.
|
||||
|
||||
### Addon kit
|
||||
|
||||
To help you jumpstart the addon development, the Storybook maintainers created an [`addon-kit`](https://github.com/storybookjs/addon-kit), use it to bootstrap your next addon.
|
||||
To help you jumpstart the addon development, the Storybook maintainers created an [`addon-kit`](https://github.com/storybookjs/addon-kit), use it to bootstrap your next addon.
|
||||
@ -28,6 +28,7 @@ The following table details how to use the API values:
|
||||
| **selectedPanel** | String |Id to select an addon panel |`my-panel` |
|
||||
| **initialActive** | String |Select the default active tab on Mobile |`sidebar` or `canvas` or `addons` |
|
||||
| **sidebar** | Object |Sidebar options, see below |`{ showRoots: false }` |
|
||||
| **toolbar** | Object |Modify the tools in the toolbar using the addon id |`{ fullscreen: { hidden: false } } }` |
|
||||
|
||||
The following options are configurable under the `sidebar` namespace:
|
||||
|
||||
@ -36,3 +37,9 @@ The following options are configurable under the `sidebar` namespace:
|
||||
| **showRoots** | Boolean |Display the top-level nodes as a "root" in the sidebar |`false` |
|
||||
| **collapsedRoots** | Array |Set of root node IDs to visually collapse by default |`['misc', 'other']` |
|
||||
| **renderLabel** | Function |Create a custom label for tree nodes; must return a ReactNode |`(item) => <abbr title="...">{item.name}</abbr>`|
|
||||
|
||||
The following options are configurable under the `toolbar` namespace:
|
||||
|
||||
| Name | Type | Description | Example Value |
|
||||
| ----------------------|:-------------:|:-------------------------------------------------------------:|:----------------------------------------------:|
|
||||
| **id** | String |Toggle visibility for toolbar item |`{ hidden: false }` |
|
||||
|
||||
@ -111,12 +111,12 @@ module.exports = {
|
||||
},
|
||||
{
|
||||
name: 'Dynamic source',
|
||||
supported: ['react'],
|
||||
supported: ['react', 'vue', 'angular', 'svelte'],
|
||||
path: 'writing-docs/doc-blocks#source',
|
||||
},
|
||||
{
|
||||
name: 'Args Table',
|
||||
supported: ['react', 'vue', 'angular', 'html', 'ember', 'web-components'],
|
||||
supported: ['react', 'vue', 'angular', 'html', 'ember', 'web-components', 'svelte'],
|
||||
path: 'writing-docs/doc-blocks#argstable',
|
||||
},
|
||||
{
|
||||
@ -126,7 +126,7 @@ module.exports = {
|
||||
},
|
||||
{
|
||||
name: 'Inline stories',
|
||||
supported: ['react', 'vue', 'web-components', 'html', 'svelte'],
|
||||
supported: ['react', 'vue', 'web-components', 'html', 'svelte', 'angular'],
|
||||
path: 'writing-docs/doc-blocks#inline-rendering',
|
||||
},
|
||||
],
|
||||
|
||||
@ -13,6 +13,6 @@ export const Primary = Template.bind({});
|
||||
|
||||
Primary.args = {
|
||||
primary: true,
|
||||
label: 'Primary',
|
||||
label: 'Button',
|
||||
};
|
||||
```
|
||||
|
||||
@ -40,7 +40,7 @@ with unique URLs, which is great for review and testing.
|
||||
|
||||
<Canvas>
|
||||
<Story name="warning" args={{
|
||||
status: warning,
|
||||
status: 'warning',
|
||||
label: 'Warning'
|
||||
}}>
|
||||
{Template.bind({})}
|
||||
@ -58,7 +58,7 @@ with unique URLs, which is great for review and testing.
|
||||
{Template.bind({})}
|
||||
</Story>
|
||||
<Story name="with icon" args={{
|
||||
status: warning,
|
||||
status: 'warning',
|
||||
label: (<Icon icon="check" inline /> with icon)
|
||||
)}}>
|
||||
{Template.bind({})}
|
||||
|
||||
@ -17,5 +17,12 @@ addons.setConfig({
|
||||
showRoots: false,
|
||||
collapsedRoots: ['other'],
|
||||
},
|
||||
toolbar: {
|
||||
title: { hidden: false, },
|
||||
zoom: { hidden: false, },
|
||||
eject: { hidden: false, },
|
||||
copy: { hidden: false, },
|
||||
fullscreen: { hidden: false, },
|
||||
},
|
||||
});
|
||||
```
|
||||
```
|
||||
|
||||
@ -2,8 +2,8 @@
|
||||
<!-- .storybook/preview-body.html -->
|
||||
|
||||
<style>
|
||||
body {
|
||||
html {
|
||||
font-size: 15px;
|
||||
}
|
||||
</style>
|
||||
```
|
||||
```
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
```js
|
||||
// Button.stories.js
|
||||
// Button.stories.js | Button.stories.jsx
|
||||
|
||||
import React from 'react';
|
||||
|
||||
|
||||
@ -0,0 +1,19 @@
|
||||
```js
|
||||
// Button.stories.js | Button.stories.jsx
|
||||
|
||||
import React from 'react';
|
||||
|
||||
import Button from './Button';
|
||||
|
||||
export default {
|
||||
title: 'Button',
|
||||
component: Button,
|
||||
decorators: [
|
||||
(Story) => (
|
||||
<div style={{ margin: '3em' }}>
|
||||
{Story()}
|
||||
</div>
|
||||
),
|
||||
],
|
||||
};
|
||||
```
|
||||
@ -0,0 +1,21 @@
|
||||
```ts
|
||||
// Button.stories.ts | Button.stories.tsx
|
||||
|
||||
import React from 'react';
|
||||
|
||||
import { Story, Meta } from '@storybook/react';
|
||||
|
||||
import { Button, ButtonProps } from './Button';
|
||||
|
||||
export default {
|
||||
title: 'Example/Button',
|
||||
component: Button,
|
||||
decorators: [
|
||||
(Story) => (
|
||||
<div style={{ margin: '3em' }}>
|
||||
{Story()}
|
||||
</div>
|
||||
),
|
||||
],
|
||||
} as Meta;
|
||||
```
|
||||
@ -1,5 +1,5 @@
|
||||
```ts
|
||||
// Button.stories.tsx
|
||||
// Button.stories.ts | Button.stories.tsx
|
||||
|
||||
import React from 'react';
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
```js
|
||||
// Button.stories.js
|
||||
// Button.stories.js | Button.stories.jsx | Button.stories.ts | Button.stories.tsx
|
||||
|
||||
export const Primary = …
|
||||
Primary.decorators = [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
|
||||
Primary.decorators = [(Story) => <div style={{ margin: '3em' }}><Story/></div>];
|
||||
```
|
||||
@ -0,0 +1,6 @@
|
||||
```js
|
||||
// Button.stories.js | Button.stories.jsx | Button.stories.ts | Button.stories.tsx
|
||||
|
||||
export const Primary = …
|
||||
Primary.decorators = [(Story) => <div style={{ margin: '3em' }}>{Story()}</div>];
|
||||
```
|
||||
@ -1,6 +0,0 @@
|
||||
```ts
|
||||
// Button.stories.tsx
|
||||
|
||||
export const Primary = …
|
||||
Primary.decorators = [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
|
||||
```
|
||||
@ -11,6 +11,6 @@ export const Primary = Template.bind({});
|
||||
|
||||
Primary.args = {
|
||||
primary: true,
|
||||
label: 'Primary',
|
||||
label: 'Button',
|
||||
};
|
||||
```
|
||||
@ -12,6 +12,6 @@ export const Primary = Template.bind({});
|
||||
|
||||
Primary.args = {
|
||||
primary: true,
|
||||
label: 'Primary',
|
||||
label: 'Button',
|
||||
};
|
||||
```
|
||||
@ -11,7 +11,7 @@ export default {
|
||||
|
||||
const Template = (args, { argTypes }) => (
|
||||
<Page {...args}>
|
||||
<footer>{args.footer}</footer
|
||||
<footer>{args.footer}</footer>
|
||||
</Page>
|
||||
);
|
||||
|
||||
@ -19,4 +19,4 @@ export const CustomFooter = Template.bind({});
|
||||
CustomFooter.args = {
|
||||
footer: 'Built with Storybook',
|
||||
};
|
||||
```
|
||||
```
|
||||
|
||||
@ -0,0 +1,13 @@
|
||||
```js
|
||||
// .storybook/preview.js
|
||||
|
||||
import React from "react";
|
||||
|
||||
export const decorators = [
|
||||
(Story) => (
|
||||
<div style={{ margin: '3em' }}>
|
||||
{Story()}
|
||||
</div>
|
||||
),
|
||||
];
|
||||
```
|
||||
@ -0,0 +1,15 @@
|
||||
```js
|
||||
// .storybook/preview.js
|
||||
|
||||
import React from "react";
|
||||
|
||||
import { ThemeProvider } from "styled-components";
|
||||
|
||||
export const decorators = [
|
||||
(Story) => (
|
||||
<ThemeProvider theme="default">
|
||||
{Story()}
|
||||
</ThemeProvider>
|
||||
),
|
||||
];
|
||||
```
|
||||
@ -1,8 +1,14 @@
|
||||
```js
|
||||
// YourComponent.stories.js
|
||||
// YourComponent.stories.js | YourComponent.stories.jsx
|
||||
|
||||
export default {
|
||||
component: YourComponent,
|
||||
decorators: [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
|
||||
decorators: [
|
||||
(Story) => (
|
||||
<div style={{ margin: '3em' }}>
|
||||
<Story/>
|
||||
</div>
|
||||
),
|
||||
],
|
||||
}
|
||||
```
|
||||
@ -0,0 +1,16 @@
|
||||
```js
|
||||
// YourComponent.stories.js | YourComponent.stories.jsx
|
||||
|
||||
// Replacing the <Story/> element with a Story function is also a good way of writing decorators.
|
||||
// Useful to prevent the full remount of the component's story.
|
||||
export default {
|
||||
component: YourComponent,
|
||||
decorators: [
|
||||
(Story) => (
|
||||
<div style={{ margin: '3em' }}>
|
||||
{Story()}
|
||||
</div>
|
||||
),
|
||||
],
|
||||
}
|
||||
```
|
||||
@ -0,0 +1,18 @@
|
||||
```ts
|
||||
// YourComponent.stories.ts | YourComponent.stories.tsx
|
||||
|
||||
import { Meta } from '@storybook/react';
|
||||
|
||||
// Replacing the <Story/> element with a Story function is also a good way of writing decorators.
|
||||
// Useful to prevent the full remount of the component's story.
|
||||
export default {
|
||||
component: YourComponent,
|
||||
decorators: [
|
||||
(Story) => (
|
||||
<div style={{ margin: '3em' }}>
|
||||
{Story()}
|
||||
</div>
|
||||
),
|
||||
],
|
||||
} as Meta;
|
||||
```
|
||||
@ -1,8 +1,16 @@
|
||||
```ts
|
||||
// YourComponent.stories.tsx
|
||||
// YourComponent.stories.ts | YourComponent.stories.tsx
|
||||
|
||||
import { Meta } from '@storybook/react';
|
||||
|
||||
export default {
|
||||
component: YourComponent,
|
||||
decorators: [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
|
||||
}
|
||||
decorators: [
|
||||
(Story) => (
|
||||
<div style={{ margin: '3em' }}>
|
||||
<Story/>
|
||||
</div>
|
||||
),
|
||||
],
|
||||
} as Meta;
|
||||
```
|
||||
@ -9,6 +9,6 @@ export const Primary = Template.bind({});
|
||||
|
||||
Primary.args = {
|
||||
primary: true,
|
||||
label: 'Primary',
|
||||
label: 'Button',
|
||||
};
|
||||
```
|
||||
@ -21,6 +21,6 @@ const Template = (args, { argTypes }) => ({
|
||||
export const Primary = Template.bind({});
|
||||
Primary.args = {
|
||||
primary: true,
|
||||
label: 'Primary',
|
||||
label: 'Button',
|
||||
};
|
||||
```
|
||||
@ -22,6 +22,6 @@ const Template = (args) => ({
|
||||
export const Primary = Template.bind({});
|
||||
Primary.args = {
|
||||
primary: true,
|
||||
label: 'Primary',
|
||||
label: 'Button',
|
||||
};
|
||||
```
|
||||
@ -14,6 +14,6 @@ export const Primary = Template.bind({});
|
||||
|
||||
Primary.args = {
|
||||
primary: true,
|
||||
label: 'Primary',
|
||||
label: 'Button',
|
||||
};
|
||||
```
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"6.3.0-alpha.24","info":{"plain":"### Features\n\n- CLI: Add repro/link commands for creating/running reproductions ([#14594](https://github.com/storybookjs/storybook/pull/14594))\n\n### Bug Fixes\n\n- UI: Only show addons in mobile if docsOnly is false ([#14810](https://github.com/storybookjs/storybook/pull/14810))"}}
|
||||
{"version":"6.3.0-alpha.29","info":{"plain":"### Features\n\n- UI: Provide option to hide default toolbar tools ([#14897](https://github.com/storybookjs/storybook/pull/14897))\n- Core: Support modern browser target ([#14954](https://github.com/storybookjs/storybook/pull/14954))\n\n### Maintenance\n\n- Core: Remove updateGlobals warning message ([#14949](https://github.com/storybookjs/storybook/pull/14949))\n- Controls: Tighten color control inference heuristic and test ([#14684](https://github.com/storybookjs/storybook/pull/14684))"}}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 71 KiB |
@ -2,13 +2,13 @@
|
||||
title: 'Decorators'
|
||||
---
|
||||
|
||||
A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators in order to augment your stories with extra rendering or gather details about how your story is rendered.
|
||||
A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators to augment your stories with extra rendering or gather details about how your story is rendered.
|
||||
|
||||
When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.
|
||||
|
||||
## Wrap stories with extra markup
|
||||
|
||||
Some components require a “harness” to render in a useful way. For instance if a component runs right up to its edges, you might want to space it inside Storybook. Use a decorator to add spacing for all stories of the component.
|
||||
Some components require a “harness” to render in a useful way. For instance, if a component runs right up to its edges, you might want to space it inside Storybook. Use a decorator to add spacing for all stories of the component.
|
||||
|
||||
|
||||
|
||||
@ -17,7 +17,9 @@ Some components require a “harness” to render in a useful way. For instance
|
||||
<CodeSnippets
|
||||
paths={[
|
||||
'react/your-component-with-decorator.js.mdx',
|
||||
'react/your-component-with-decorator.story-function-js.js.mdx',
|
||||
'react/your-component-with-decorator.ts.mdx',
|
||||
'react/your-component-with-decorator.story-function-ts.ts.mdx',
|
||||
'vue/your-component-with-decorator.js.mdx',
|
||||
'angular/your-component-with-decorator.ts.mdx',
|
||||
'svelte/your-component-with-decorator.js.mdx',
|
||||
@ -32,29 +34,37 @@ Some components require a “harness” to render in a useful way. For instance
|
||||
|
||||
## “Context” for mocking
|
||||
|
||||
Some libraries require components higher up in the component hierarchy to render properly. For example in Styled Components, a `ThemeProvider` is required if your components make use of themes. Add a single global decorator that adds this context to all stories in [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering):
|
||||
Some libraries require components higher up in the component hierarchy to render correctly. For example, in Styled Components, a `ThemeProvider` is necessary if your components use themes. Add a single global decorator that adds this context to all stories in [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering):
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
|
||||
<CodeSnippets
|
||||
paths={[
|
||||
'react/storybook-preview-with-styled-components-decorator.js.mdx',
|
||||
'react/storybook-preview-with-styled-components-decorator.story-function.js.mdx',
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
In the example above, the theme is hardcoded to a mock value of `default` but you may want to vary that value, either on a per-story basis (if it is data you are mocking that is relevant to the other args of the story) or in a user controlled way (for instance to provide a theme switcher).
|
||||
In the example above, the theme is hardcoded to a mock value of `default`. Still, you may want to vary that value, either on a per-story basis (if it is data you are mocking that is relevant to the other args of the story) or in a user-controlled way (for instance, to provide a theme switcher).
|
||||
|
||||
The second argument to a decorator function is the **story context** which in particular contains the keys:
|
||||
|
||||
- `args` - the story arguments. You can use some args in your decorators and drop them in the story implementation itself.
|
||||
- `args` - the story arguments. You can use some [`args`](./args.md) in your decorators and drop them in the story implementation itself.
|
||||
- `argTypes`- Storybook's [argTypes](../api/argtypes.md) allow you to customize and fine-tune your stories [`args`](./args.md).
|
||||
- `globals` - Storybook-wide [globals](../essentials/toolbars-and-globals.md#globals). In particular you can use the [toolbars feature](../essentials/toolbars-and-globals.md#global-types-toolbar-annotations) to allow you to change these values using Storybook’s UI.
|
||||
- `hooks` - Storybook's API hooks (e.g., useArgs).
|
||||
- `parameters`- the story's static metadata, most commonly used to control Storybook's behavior of features and addons.
|
||||
- `viewMode`- Storybook's current active window (e.g., canvas, docs).
|
||||
|
||||
- `globals` - the Storybook-wide [globals](../essentials/toolbars-and-globals.md#globals). In particular you can use the [toolbars feature](../essentials/toolbars-and-globals.md#global-types-toolbar-annotations) to allow you to change these values using Storybook’s UI.
|
||||
<div class="aside">
|
||||
💡 <strong>Note:</strong> This pattern can also be applied to your own stories. Some of Storybook's supported frameworks already use it (e.g., vue 2).
|
||||
</div>
|
||||
|
||||
### Using decorators to provide data
|
||||
|
||||
If your components are “connected” and require side-loaded data to render, you can use decorators to provide that data in a mocked way, without having to refactor your components to take that data as an arg. There are several techniques to achieve this, depending on exactly how you are loading that data -- read more in the [building pages in Storybook](../workflows/build-pages-with-storybook.md) section.
|
||||
If your components are “connected” and require side-loaded data to render, you can use decorators to provide that data in a mocked way without having to refactor your components to take that data as an arg. There are several techniques to achieve this. Depending on exactly how you are loading that data -- read more in the [building pages in Storybook](../workflows/build-pages-with-storybook.md) section.
|
||||
|
||||
## Story decorators
|
||||
|
||||
@ -65,7 +75,7 @@ To define a decorator for a single story, use the `decorators` key on a named ex
|
||||
<CodeSnippets
|
||||
paths={[
|
||||
'react/button-story-decorator.js.mdx',
|
||||
'react/button-story-decorator.ts.mdx',
|
||||
'react/button-story-decorator.story-function.js.mdx',
|
||||
'vue/button-story-decorator.js.mdx',
|
||||
'angular/button-story-decorator.ts.mdx',
|
||||
'svelte/button-story-decorator.js.mdx',
|
||||
@ -75,7 +85,7 @@ To define a decorator for a single story, use the `decorators` key on a named ex
|
||||
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
This is useful to ensure that the story remains a “pure” rendering of the component under test and any extra HTML or components you need to add don’t pollute that. In particular the [Source](../writing-docs/doc-blocks.md#source) docblock works best when you do this.
|
||||
It is useful to ensure that the story remains a “pure” rendering of the component under test, and any extra HTML or components you need to add don’t pollute that. In particular the [Source](../writing-docs/doc-blocks.md#source) docblock works best when you do this.
|
||||
|
||||
## Component decorators
|
||||
|
||||
@ -86,7 +96,9 @@ To define a decorator for all stories of a component, use the `decorators` key o
|
||||
<CodeSnippets
|
||||
paths={[
|
||||
'react/button-story-component-decorator.js.mdx',
|
||||
'react/button-story-component-decorator.story-function-js.js.mdx',
|
||||
'react/button-story-component-decorator.ts.mdx',
|
||||
'react/button-story-component-decorator.story-function-ts.ts.mdx',
|
||||
'vue/button-story-component-decorator.js.mdx',
|
||||
'angular/button-story-component-decorator.ts.mdx',
|
||||
'svelte/button-story-component-decorator.js.mdx',
|
||||
@ -106,6 +118,7 @@ We can also set a decorator for **all stories** via the `decorators` export of y
|
||||
<CodeSnippets
|
||||
paths={[
|
||||
'react/storybook-preview-global-decorator.js.mdx',
|
||||
'react/storybook-preview-global-decorator.story-function.js.mdx',
|
||||
'vue/storybook-preview-global-decorator.js.mdx',
|
||||
'angular/storybook-preview-global-decorator.ts.mdx',
|
||||
'svelte/storybook-preview-global-decorator.js.mdx',
|
||||
@ -117,10 +130,10 @@ We can also set a decorator for **all stories** via the `decorators` export of y
|
||||
|
||||
## Decorator inheritance
|
||||
|
||||
Like parameters, decorators can be defined globally, at the component level and for a single story (as we’ve seen).
|
||||
Like parameters, decorators can be defined globally, at the component level, and for a single story (as we’ve seen).
|
||||
|
||||
All decorators, defined at all levels that apply to a story will run whenever that story is rendered, in the order:
|
||||
All decorators, defined at all levels that apply to a story, will run whenever that story is rendered, in the order:
|
||||
|
||||
- Global decorators, in the order they are defined
|
||||
- Component decorators, in the order they are defined
|
||||
- Story decorators, in the order they are defined.
|
||||
- Story decorators, in the order they are defined.
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -37,18 +37,18 @@
|
||||
"@angular/compiler-cli": "^11.2.0",
|
||||
"@angular/elements": "^11.2.0",
|
||||
"@compodoc/compodoc": "^1.1.11",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/angular": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/angular": "6.3.0-alpha.29",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"@types/core-js": "^2.5.4",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/node": "^14.14.20",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -11,7 +11,7 @@
|
||||
"test": "react-scripts test --env=jsdom"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"global": "^4.4.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"react": "16.14.0",
|
||||
@ -21,18 +21,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.29",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,13 +18,13 @@
|
||||
"react-scripts": "3.4.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.29",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6",
|
||||
"webpack": "4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-essentials",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,11 +34,11 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.24",
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.29",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,14 +34,14 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.29",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build --output-path ember-output",
|
||||
@ -17,18 +17,18 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@ember/optional-features": "^2.0.0",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.24",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/ember": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.29",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/ember": "6.3.0-alpha.29",
|
||||
"@storybook/ember-cli-storybook": "^0.2.1",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"babel-loader": "^8",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,23 +13,23 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-postcss": "^2.0.0",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.24",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/html": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.29",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/html": "6.3.0-alpha.29",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"autoprefixer": "^10.0.1",
|
||||
"eventemitter3": "^4.0.7",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "lit-kitchen-sink",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
|
||||
@ -25,6 +25,13 @@ addons.setConfig({
|
||||
graphiql: {
|
||||
hidden: true,
|
||||
},
|
||||
toolbar: {
|
||||
title: { hidden: false },
|
||||
zoom: { hidden: false },
|
||||
eject: { hidden: false },
|
||||
copy: { hidden: false },
|
||||
fullscreen: { hidden: false },
|
||||
},
|
||||
},
|
||||
sidebar: {
|
||||
collapsedRoots: ['other'],
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -14,27 +14,27 @@
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.3.0",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.24",
|
||||
"@storybook/addon-toolbars": "6.3.0-alpha.24",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/cli": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.29",
|
||||
"@storybook/addon-toolbars": "6.3.0-alpha.29",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/cli": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/design-system": "^5.4.7",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"chromatic": "^5.6.0",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,16 +15,16 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-runtime": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.24",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/preact": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.29",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/preact": "6.3.0-alpha.29",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"@types/prop-types": "^15.7.3",
|
||||
"@types/react": "^17",
|
||||
"@types/react-dom": "^17",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts-webpack4",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"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 ./"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.24",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.29",
|
||||
"@storybook/builder-webpack4": "6.3.0-alpha.29",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"@types/react": "^16.14.2",
|
||||
"@types/react-dom": "^16.9.10",
|
||||
"prop-types": "15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,9 +8,9 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.29",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"@types/react": "^16.14.2",
|
||||
"@types/react-dom": "^16.9.10",
|
||||
"prop-types": "15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "server-kitchen-sink",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,13 +14,13 @@
|
||||
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/server": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@storybook/server": "6.3.0-alpha.29",
|
||||
"concurrently": "^5.3.0",
|
||||
"cors": "^2.8.5",
|
||||
"express": "~4.17.1",
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/react": "6.3.0-alpha.24",
|
||||
"@storybook/react": "6.3.0-alpha.29",
|
||||
"parcel": "^1.12.4",
|
||||
"react": "16.14.0",
|
||||
"react-dom": "16.14.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -10,18 +10,18 @@
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.24",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/svelte": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.29",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"@storybook/svelte": "6.3.0-alpha.29",
|
||||
"svelte-jester": "1.3.0",
|
||||
"svelte-preprocess": "4.6.8"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-3-cli-example",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -14,11 +14,11 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/vue3": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"@storybook/vue3": "6.3.0-alpha.29",
|
||||
"@vue/cli-plugin-babel": "~4.5.0",
|
||||
"@vue/cli-plugin-typescript": "~4.5.0",
|
||||
"@vue/cli-service": "~4.5.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-cli-example",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -15,11 +15,11 @@
|
||||
"vue-property-decorator": "^9.1.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-essentials": "6.3.0-alpha.29",
|
||||
"@storybook/preset-scss": "^1.0.3",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/vue": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"@storybook/vue": "6.3.0-alpha.29",
|
||||
"@vue/cli-plugin-babel": "~4.3.1",
|
||||
"@vue/cli-plugin-typescript": "~4.3.1",
|
||||
"@vue/cli-service": "~4.3.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -14,18 +14,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.24",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/vue": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.29",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"@storybook/vue": "6.3.0-alpha.29",
|
||||
"@vue/babel-preset-jsx": "^1.2.4",
|
||||
"babel-loader": "^8.2.2",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "web-components-kitchen-sink",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -12,22 +12,22 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.24",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.24",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.24",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.24",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.24",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.24",
|
||||
"@storybook/addon-links": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.24",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.24",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/core": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/source-loader": "6.3.0-alpha.24",
|
||||
"@storybook/web-components": "6.3.0-alpha.24",
|
||||
"@storybook/addon-a11y": "6.3.0-alpha.29",
|
||||
"@storybook/addon-actions": "6.3.0-alpha.29",
|
||||
"@storybook/addon-backgrounds": "6.3.0-alpha.29",
|
||||
"@storybook/addon-controls": "6.3.0-alpha.29",
|
||||
"@storybook/addon-docs": "6.3.0-alpha.29",
|
||||
"@storybook/addon-jest": "6.3.0-alpha.29",
|
||||
"@storybook/addon-links": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storyshots": "6.3.0-alpha.29",
|
||||
"@storybook/addon-storysource": "6.3.0-alpha.29",
|
||||
"@storybook/addon-viewport": "6.3.0-alpha.29",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/core": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/source-loader": "6.3.0-alpha.29",
|
||||
"@storybook/web-components": "6.3.0-alpha.29",
|
||||
"babel-loader": "^8.2.2",
|
||||
"eventemitter3": "^4.0.7",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
@ -2,5 +2,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "6.3.0-alpha.24"
|
||||
"version": "6.3.0-alpha.29"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,12 +40,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/channels": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/router": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/channels": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/router": "6.3.0-alpha.29",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
@ -57,5 +57,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217"
|
||||
}
|
||||
|
||||
@ -37,9 +37,14 @@ export interface Collection {
|
||||
interface Elements {
|
||||
[key: string]: Collection;
|
||||
}
|
||||
|
||||
interface ToolbarConfig {
|
||||
hidden?: boolean;
|
||||
}
|
||||
export interface Config {
|
||||
theme?: ThemeVars;
|
||||
toolbar?: {
|
||||
[id: string]: ToolbarConfig;
|
||||
};
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/api",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Core Storybook API & Context",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -39,13 +39,13 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@reach/router": "^1.3.4",
|
||||
"@storybook/channels": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/channels": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.3.0-alpha.24",
|
||||
"@storybook/router": "6.3.0-alpha.29",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"@types/reach__router": "^1.3.7",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
@ -72,5 +72,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -37,8 +37,6 @@ export const init: ModuleFn = ({ store, fullAPI }) => {
|
||||
const currentGlobals = store.getState()?.globals;
|
||||
if (!deepEqual(globals, currentGlobals)) {
|
||||
store.setState({ globals });
|
||||
} else {
|
||||
logger.info('Tried to update globals but the old and new values are equal.');
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
@ -1 +1 @@
|
||||
export const version = '6.3.0-alpha.24';
|
||||
export const version = '6.3.0-alpha.29';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-webpack4",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -61,20 +61,20 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/channel-postmessage": "6.3.0-alpha.24",
|
||||
"@storybook/channels": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/router": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/channel-postmessage": "6.3.0-alpha.29",
|
||||
"@storybook/channels": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@storybook/router": "6.3.0-alpha.29",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/ui": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"@storybook/ui": "6.3.0-alpha.29",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/webpack": "^4.41.26",
|
||||
"autoprefixer": "^9.8.6",
|
||||
@ -132,5 +132,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -63,6 +63,7 @@ export default async ({
|
||||
frameworkPath,
|
||||
presets,
|
||||
typescriptOptions,
|
||||
modern,
|
||||
}: Options & Record<string, any>): Promise<Configuration> => {
|
||||
const logLevel = await presets.apply('logLevel', undefined);
|
||||
const frameworkOptions = await presets.apply(`${framework}Options`, {});
|
||||
@ -194,7 +195,7 @@ export default async ({
|
||||
resolve: {
|
||||
extensions: ['.mjs', '.js', '.jsx', '.ts', '.tsx', '.json', '.cjs'],
|
||||
modules: ['node_modules'].concat(envs.NODE_PATH || []),
|
||||
mainFields: ['browser', 'module', 'main'],
|
||||
mainFields: [modern ? 'sbmodern' : null, 'browser', 'module', 'main'].filter(Boolean),
|
||||
alias: {
|
||||
...themingPaths,
|
||||
...storybookPaths,
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-webpack5",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -60,19 +60,19 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addons": "6.3.0-alpha.24",
|
||||
"@storybook/api": "6.3.0-alpha.24",
|
||||
"@storybook/channel-postmessage": "6.3.0-alpha.24",
|
||||
"@storybook/channels": "6.3.0-alpha.24",
|
||||
"@storybook/client-api": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/components": "6.3.0-alpha.24",
|
||||
"@storybook/core-common": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/node-logger": "6.3.0-alpha.24",
|
||||
"@storybook/router": "6.3.0-alpha.24",
|
||||
"@storybook/addons": "6.3.0-alpha.29",
|
||||
"@storybook/api": "6.3.0-alpha.29",
|
||||
"@storybook/channel-postmessage": "6.3.0-alpha.29",
|
||||
"@storybook/channels": "6.3.0-alpha.29",
|
||||
"@storybook/client-api": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/components": "6.3.0-alpha.29",
|
||||
"@storybook/core-common": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"@storybook/node-logger": "6.3.0-alpha.29",
|
||||
"@storybook/router": "6.3.0-alpha.29",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.3.0-alpha.24",
|
||||
"@storybook/theming": "6.3.0-alpha.29",
|
||||
"@types/node": "^14.0.10",
|
||||
"babel-loader": "^8.2.2",
|
||||
"babel-plugin-macros": "^3.0.1",
|
||||
@ -81,20 +81,16 @@
|
||||
"core-js": "^3.8.2",
|
||||
"css-loader": "^5.0.1",
|
||||
"dotenv-webpack": "^6.0.0",
|
||||
"file-loader": "^6.2.0",
|
||||
"fork-ts-checker-webpack-plugin": "^6.0.4",
|
||||
"fs-extra": "^9.0.1",
|
||||
"glob": "^7.1.6",
|
||||
"glob-promise": "^3.4.0",
|
||||
"html-webpack-plugin": "^5.0.0",
|
||||
"pnp-webpack-plugin": "1.6.4",
|
||||
"raw-loader": "^4.0.2",
|
||||
"react-dev-utils": "^11.0.3",
|
||||
"stable": "^0.1.8",
|
||||
"style-loader": "^2.0.0",
|
||||
"terser-webpack-plugin": "^5.0.3",
|
||||
"ts-dedent": "^2.0.0",
|
||||
"url-loader": "^4.1.1",
|
||||
"util-deprecate": "^1.0.2",
|
||||
"webpack": "^5.9.0",
|
||||
"webpack-dev-middleware": "^4.1.0",
|
||||
@ -122,5 +118,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -53,25 +53,35 @@ export async function createDefaultWebpackConfig(
|
||||
cssLoaders,
|
||||
{
|
||||
test: /\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/,
|
||||
loader: require.resolve('file-loader'),
|
||||
options: {
|
||||
esModule: false,
|
||||
name: isProd
|
||||
type: 'asset/resource',
|
||||
generator: {
|
||||
filename: isProd
|
||||
? 'static/media/[name].[contenthash:8].[ext]'
|
||||
: 'static/media/[path][name].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(mp4|webm|wav|mp3|m4a|aac|oga)(\?.*)?$/,
|
||||
loader: require.resolve('url-loader'),
|
||||
options: {
|
||||
limit: 10000,
|
||||
name: isProd
|
||||
type: 'asset',
|
||||
parser: {
|
||||
dataUrlCondition: {
|
||||
maxSize: 10000,
|
||||
},
|
||||
},
|
||||
generator: {
|
||||
filename: isProd
|
||||
? 'static/media/[name].[contenthash:8].[ext]'
|
||||
: 'static/media/[path][name].[ext]',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
resolve: {
|
||||
...storybookBaseConfig.resolve,
|
||||
fallback: {
|
||||
...storybookBaseConfig.resolve?.fallback,
|
||||
crypto: false,
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
@ -7,7 +7,6 @@ import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
|
||||
import WatchMissingNodeModulesPlugin from 'react-dev-utils/WatchMissingNodeModulesPlugin';
|
||||
import TerserWebpackPlugin from 'terser-webpack-plugin';
|
||||
import VirtualModulePlugin from 'webpack-virtual-modules';
|
||||
import PnpWebpackPlugin from 'pnp-webpack-plugin';
|
||||
import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
|
||||
|
||||
import themingPaths from '@storybook/theming/paths';
|
||||
@ -59,6 +58,7 @@ export default async ({
|
||||
frameworkPath,
|
||||
presets,
|
||||
typescriptOptions,
|
||||
modern,
|
||||
}: Options & Record<string, any>): Promise<Configuration> => {
|
||||
const envs = await presets.apply<Record<string, string>>('env');
|
||||
const logLevel = await presets.apply('logLevel', undefined);
|
||||
@ -184,34 +184,22 @@ export default async ({
|
||||
es6Transpiler() as any,
|
||||
{
|
||||
test: /\.md$/,
|
||||
use: [
|
||||
{
|
||||
loader: require.resolve('raw-loader'),
|
||||
},
|
||||
],
|
||||
type: 'asset/source',
|
||||
},
|
||||
],
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.mjs', '.js', '.jsx', '.ts', '.tsx', '.json', '.cjs'],
|
||||
modules: ['node_modules'].concat(envs.NODE_PATH || []),
|
||||
mainFields: ['browser', 'module', 'main'],
|
||||
mainFields: [modern ? 'sbmodern' : null, 'browser', 'module', 'main'].filter(Boolean),
|
||||
alias: {
|
||||
...themingPaths,
|
||||
...storybookPaths,
|
||||
react: path.dirname(require.resolve('react/package.json')),
|
||||
'react-dom': path.dirname(require.resolve('react-dom/package.json')),
|
||||
},
|
||||
|
||||
plugins: [
|
||||
// Transparently resolve packages via PnP when needed; noop otherwise
|
||||
PnpWebpackPlugin,
|
||||
],
|
||||
fallback: { path: false },
|
||||
},
|
||||
resolveLoader: {
|
||||
plugins: [PnpWebpackPlugin.moduleLoader(module)],
|
||||
},
|
||||
optimization: {
|
||||
splitChunks: {
|
||||
chunks: 'all',
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,9 +40,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.3.0-alpha.24",
|
||||
"@storybook/client-logger": "6.3.0-alpha.24",
|
||||
"@storybook/core-events": "6.3.0-alpha.24",
|
||||
"@storybook/channels": "6.3.0-alpha.29",
|
||||
"@storybook/client-logger": "6.3.0-alpha.29",
|
||||
"@storybook/core-events": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"qs": "^6.10.0",
|
||||
@ -51,5 +51,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "6.3.0-alpha.24",
|
||||
"version": "6.3.0-alpha.29",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,7 +40,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.3.0-alpha.24",
|
||||
"@storybook/channels": "6.3.0-alpha.29",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"telejson": "^5.2.0"
|
||||
@ -48,5 +48,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "a8870128bc9684f9b54083decbd10664bf26bcc4"
|
||||
"gitHead": "db7aa5aecbcbbfdd5d6956bc88774dbfecf73217",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user