mirror of
https://github.com/storybookjs/storybook.git
synced 2025-03-16 05:03:11 +08:00
Merge branch 'next' into tech/ci-example-overhaul-clean
# Conflicts: # examples/angular-cli/jest.config.js # lib/cli/src/generators/HTML/index.js # lib/cli/src/generators/HTML/template-csf/stories/0-Welcome.stories.js # yarn.lock
This commit is contained in:
Norbert de Langen
commit
448bdddd29
71
CHANGELOG.md
71
CHANGELOG.md
@ -1,3 +1,74 @@
|
||||
## 6.0.0-beta.8 (May 17, 2020)
|
||||
|
||||
### Features
|
||||
|
||||
* Addon-toolbars: Show tool icons for all viewModes ([#10810](https://github.com/storybookjs/storybook/pull/10810))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
* Addon-docs: Eval argTypes default value ([#10812](https://github.com/storybookjs/storybook/pull/10812))
|
||||
|
||||
### Maintenance
|
||||
|
||||
* Scripts: parallel execution on build package scripts ([#10808](https://github.com/storybookjs/storybook/pull/10808))
|
||||
|
||||
## 6.0.0-beta.7 (May 15, 2020)
|
||||
|
||||
### Breaking changes
|
||||
|
||||
- Cleanup: Remove support for babel-loader < 8 ([#10781](https://github.com/storybookjs/storybook/pull/10781))
|
||||
|
||||
### Features
|
||||
|
||||
- Composition: Zero-config composition from dependencies ([#10753](https://github.com/storybookjs/storybook/pull/10753))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Core: Detect local addons for windows machine ([#10786](https://github.com/storybookjs/storybook/pull/10786))
|
||||
- Composition: Rename `mapper` to `storyMapper` and fix loading bugs ([#10780](https://github.com/storybookjs/storybook/pull/10780))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- CLI: HTML stories homogenization ([#10705](https://github.com/storybookjs/storybook/pull/10705))
|
||||
- CLI: web-components stories homogenization ([#10703](https://github.com/storybookjs/storybook/pull/10703))
|
||||
|
||||
### Dependency Upgrades
|
||||
|
||||
- Update jest-preset-angular to 8.2.0 ([#10778](https://github.com/storybookjs/storybook/pull/10778))
|
||||
|
||||
## 6.0.0-beta.6 (May 12, 2020)
|
||||
|
||||
### Breaking Changes
|
||||
|
||||
- Essentials: Update configuration heuristics for main.js ([#10737](https://github.com/storybookjs/storybook/pull/10737))
|
||||
|
||||
### Features
|
||||
|
||||
- Essentials: Add addon-actions ([#10748](https://github.com/storybookjs/storybook/pull/10748))
|
||||
- Essentials: Add addon-docs ([#10729](https://github.com/storybookjs/storybook/pull/10729))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- UI: Reset layout properties when switching stories ([#10643](https://github.com/storybookjs/storybook/pull/10643))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- CLI: react stories homogenization ([#10711](https://github.com/storybookjs/storybook/pull/10711))
|
||||
- CLI: vue stories homogenization ([#10708](https://github.com/storybookjs/storybook/pull/10708))
|
||||
- CLI: webpack react stories homogenization ([#10709](https://github.com/storybookjs/storybook/pull/10709))
|
||||
- CLI: svelte stories homogenization ([#10704](https://github.com/storybookjs/storybook/pull/10704))
|
||||
- CLI: react-scripts stories homogenization ([#10710](https://github.com/storybookjs/storybook/pull/10710))
|
||||
- CLI: mithril stories homogenization ([#10707](https://github.com/storybookjs/storybook/pull/10707))
|
||||
- CLI: rax stories homogenization ([#10706](https://github.com/storybookjs/storybook/pull/10706))
|
||||
- CLI: riot stories homogenization ([#10715](https://github.com/storybookjs/storybook/pull/10715))
|
||||
- CLI: ember stories homogenization ([#10713](https://github.com/storybookjs/storybook/pull/10713))
|
||||
- CLI: preact stories homogenization ([#10712](https://github.com/storybookjs/storybook/pull/10712))
|
||||
- CLI: sfc_vue stories homogenization ([#10714](https://github.com/storybookjs/storybook/pull/10714))
|
||||
|
||||
### Dependency Upgrades
|
||||
|
||||
- Revert "Change reference for jest-preset-angular/build/setupJest as per migration guide" ([#10727](https://github.com/storybookjs/storybook/pull/10727))
|
||||
|
||||
## 6.0.0-beta.5 (May 11, 2020)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
@ -23,9 +23,10 @@
|
||||
- [Story Store immutable outside of configuration](#story-store-immutable-outside-of-configuration)
|
||||
- [Improved story source handling](#improved-story-source-handling)
|
||||
- [6.0 Addon API changes](#60-addon-api-changes)
|
||||
- [Actions Addon uses parameters](#actions-addon-uses-parameters)
|
||||
- [Actions addon uses parameters](#actions-addon-uses-parameters)
|
||||
- [Removed action decorator APIs](#removed-action-decorator-apis)
|
||||
- [Removed withA11y decorator](#removed-witha11y-decorator)
|
||||
- [Essentials addon disables differently](#essentials-addon-disables-differently)
|
||||
- [6.0 Deprecations](#60-deprecations)
|
||||
- [Deprecated addon-info, addon-notes](#deprecated-addon-info-addon-notes)
|
||||
- [Deprecated addon-contexts](#deprecated-addon-contexts)
|
||||
@ -470,7 +471,7 @@ The MDX analog:
|
||||
|
||||
### 6.0 Addon API changes
|
||||
|
||||
#### Actions Addon uses parameters
|
||||
#### Actions addon uses parameters
|
||||
|
||||
Leveraging the new preset `@storybook/addon-actions` uses parameters to pass action options. If you previously had:
|
||||
|
||||
@ -515,6 +516,10 @@ addParameters({
|
||||
};
|
||||
```
|
||||
|
||||
#### Essentials addon disables differently
|
||||
|
||||
In 6.0, `addon-essentials` doesn't configure addons if the user has already configured them in `main.js`. In 5.3 it previously checked to see whether the package had been installed in `package.json` to disable configuration. The new setup is preferably because now users' can install essential packages and import from them without disabling their configuration.
|
||||
|
||||
### 6.0 Deprecations
|
||||
|
||||
We've deprecated the following in 6.0: `addon-info`, `addon-notes`, `addon-contexts`, `addon-centered`, `polymer`.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "a11y addon for storybook",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -33,14 +33,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/channels": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/channels": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"axe-core": "^3.5.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Action Logger addon for storybook",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -28,12 +28,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"fast-deep-equal": "^3.1.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -9,7 +9,7 @@ Storybook Background Addon can be used to change background colors inside the pr
|
||||
## Installation
|
||||
|
||||
```sh
|
||||
npm i -D @storybook/addon-backgrounds
|
||||
yarn add @storybook/addon-backgrounds --dev
|
||||
```
|
||||
|
||||
## Configuration
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "A storybook addon to show different backgrounds for your preview",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,12 +32,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"memoizerific": "^1.11.3",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-cssresources",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "A storybook addon to switch between css resources at runtime for your story",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -32,11 +32,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-design-assets",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Design asset preview for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -34,12 +34,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -25,7 +25,7 @@ Storybook Docs automatically generates props tables for components in supported
|
||||
|
||||
## Usage
|
||||
|
||||
For framework-specific setup instructions, see the framework's README: [React](../../react/README.md), [Vue](../../vue/README.md), [Angular](../../angular/README.md), [Web Components](../../web-components/README.md), [Ember](../../ember/README.md).
|
||||
For framework-specific setup instructions, see the framework's README: [React](../react/README.md), [Vue](../vue/README.md), [Angular](../angular/README.md), [Web Components](../web-components/README.md), [Ember](../ember/README.md).
|
||||
|
||||
To use the props table in [DocsPage](./docspage.md), simply export a component property on your stories metadata:
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Superior documentation for your components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -48,17 +48,17 @@
|
||||
"@mdx-js/loader": "^1.5.1",
|
||||
"@mdx-js/mdx": "^1.5.1",
|
||||
"@mdx-js/react": "^1.5.1",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.5",
|
||||
"@storybook/postinstall": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/node-logger": "6.0.0-beta.8",
|
||||
"@storybook/postinstall": "6.0.0-beta.8",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"acorn": "^7.1.0",
|
||||
"acorn-jsx": "^5.1.0",
|
||||
"acorn-walk": "^7.0.0",
|
||||
@ -84,8 +84,8 @@
|
||||
"@babel/core": "^7.9.6",
|
||||
"@emotion/core": "^10.0.20",
|
||||
"@emotion/styled": "^10.0.17",
|
||||
"@storybook/react": "6.0.0-beta.5",
|
||||
"@storybook/web-components": "6.0.0-beta.5",
|
||||
"@storybook/react": "6.0.0-beta.8",
|
||||
"@storybook/web-components": "6.0.0-beta.8",
|
||||
"@types/cross-spawn": "^6.0.1",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.3",
|
||||
|
||||
@ -1,26 +1,30 @@
|
||||
import { PropDef, PropsTableRowsProps } from '@storybook/components';
|
||||
import { ArgTypes } from '@storybook/api';
|
||||
import { ArgTypesExtractor } from '../../lib/docgen';
|
||||
import { trimQuotes } from '../../lib/sbtypes/utils';
|
||||
import { extractProps } from './extractProps';
|
||||
|
||||
const trim = (val: any) => (val && typeof val === 'string' ? trimQuotes(val) : val);
|
||||
|
||||
export const extractArgTypes: ArgTypesExtractor = (component) => {
|
||||
if (component) {
|
||||
const props = extractProps(component);
|
||||
const { rows } = props as PropsTableRowsProps;
|
||||
if (rows) {
|
||||
return rows.reduce((acc: ArgTypes, row: PropDef) => {
|
||||
const { type, sbType, defaultValue, jsDocTags, required } = row;
|
||||
const { type, sbType, defaultValue: defaultSummary, jsDocTags, required } = row;
|
||||
let defaultValue = defaultSummary && (defaultSummary.detail || defaultSummary.summary);
|
||||
try {
|
||||
// eslint-disable-next-line no-eval
|
||||
defaultValue = eval(defaultValue);
|
||||
// eslint-disable-next-line no-empty
|
||||
} catch {}
|
||||
|
||||
acc[row.name] = {
|
||||
...row,
|
||||
defaultValue: defaultValue && trim(defaultValue.detail || defaultValue.summary),
|
||||
defaultValue,
|
||||
type: { required, ...sbType },
|
||||
table: {
|
||||
type,
|
||||
jsDocTags,
|
||||
defaultValue,
|
||||
defaultValue: defaultSummary,
|
||||
},
|
||||
};
|
||||
return acc;
|
||||
|
||||
@ -8,7 +8,9 @@ Each addon is documented and maintained by the core team and will be upgraded al
|
||||
|
||||
Storybook essentials includes the following addons. Addons can be disabled and re-configured as [described below](#configuration):
|
||||
|
||||
- [Actions](https://github.com/storybookjs/storybook/tree/next/addons/actions)
|
||||
- [Backgrounds](https://github.com/storybookjs/storybook/tree/next/addons/backgrounds)
|
||||
- [Docs](https://github.com/storybookjs/storybook/tree/next/addons/docs)
|
||||
- [Viewport](https://github.com/storybookjs/storybook/tree/next/addons/viewport)
|
||||
|
||||
## Installation
|
||||
@ -31,7 +33,7 @@ module.exports = {
|
||||
|
||||
Essentials is "zero config." That means that comes with a recommended configuration out of the box.
|
||||
|
||||
If you want to reconfigure an addon, simply install that addon per that addon's installation instructions and configure it as normal. Essentials scans your project's `package.json` on startup and if detects one of its addons is already installed, it will skip that addon's configuration entirely.
|
||||
If you want to reconfigure an addon, simply install that addon per that addon's installation instructions and configure it as normal. Essentials scans your project's `main.js` on startup and if detects one of its addons is already configured in the `addons` field, it will skip that addon's configuration entirely.
|
||||
|
||||
## Disabling addons
|
||||
|
||||
@ -48,4 +50,4 @@ module.exports = {
|
||||
};
|
||||
```
|
||||
|
||||
Valid addon keys include: `backgrounds`, `viewport`
|
||||
Valid addon keys include: `actions`, `backgrounds`, `docs`, `viewport`.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -28,11 +28,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.5",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/node-logger": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.8",
|
||||
"@storybook/addon-docs": "6.0.0-beta.8",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/node-logger": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
"ts-dedent": "^1.1.1"
|
||||
|
||||
@ -1,32 +1,40 @@
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
|
||||
interface PresetOptions {
|
||||
configDir?: string;
|
||||
backgrounds?: any;
|
||||
viewport?: any;
|
||||
docs?: any;
|
||||
}
|
||||
|
||||
let packageJson: any = {};
|
||||
if (fs.existsSync('./package.json')) {
|
||||
const requireMain = (configDir: string) => {
|
||||
let main = {};
|
||||
const mainFile = path.join(process.cwd(), configDir, 'main');
|
||||
try {
|
||||
packageJson = JSON.parse(fs.readFileSync('./package.json').toString());
|
||||
// eslint-disable-next-line global-require,import/no-dynamic-require
|
||||
main = require(mainFile);
|
||||
} catch (err) {
|
||||
logger.error(`Error reading package.json: ${err.message}`);
|
||||
logger.warn(`Unable to find main.js: ${mainFile}`);
|
||||
}
|
||||
}
|
||||
|
||||
const isInstalled = (addon: string) => {
|
||||
const { dependencies, devDependencies } = packageJson;
|
||||
return (dependencies && dependencies[addon]) || (devDependencies && devDependencies[addon]);
|
||||
return main;
|
||||
};
|
||||
|
||||
const makeAddon = (key: string) => `@storybook/addon-${key}`;
|
||||
export function addons(options: PresetOptions = {}) {
|
||||
const checkInstalled = (addon: string, main: any) => {
|
||||
const existingAddon = main.addons?.find((entry: string | { name: string }) => {
|
||||
const name = typeof entry === 'string' ? entry : entry.name;
|
||||
return name?.startsWith(addon);
|
||||
});
|
||||
if (existingAddon) {
|
||||
logger.warn(`Found existing addon ${JSON.stringify(existingAddon)}, skipping.`);
|
||||
}
|
||||
return !!existingAddon;
|
||||
};
|
||||
|
||||
export function managerEntries(entry: any[] = [], options: PresetOptions = {}) {
|
||||
const registerAddons = ['backgrounds', 'viewport']
|
||||
const main = requireMain(options.configDir);
|
||||
return ['actions', 'docs', 'backgrounds', 'viewport']
|
||||
.filter((key) => (options as any)[key] !== false)
|
||||
.map((key) => makeAddon(key))
|
||||
.filter((addon) => !isInstalled(addon))
|
||||
.map((addon) => require.resolve(`${addon}/register`));
|
||||
return [...entry, ...registerAddons];
|
||||
.map((key) => `@storybook/addon-${key}`)
|
||||
.filter((addon) => !checkInstalled(addon, main));
|
||||
}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"rootDir": "./src",
|
||||
"types": ["webpack-env", "jest"]
|
||||
"types": ["webpack-env", "jest", "node"]
|
||||
},
|
||||
"include": ["src/**/*"],
|
||||
"exclude": ["src/**.test.ts"]
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-events",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Add events to your Storybook stories.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,11 +31,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"format-json": "^1.0.3",
|
||||
"lodash": "^4.17.15",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-google-analytics",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook addon for google analytics",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -20,8 +20,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react-ga": "^2.5.7",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-graphql",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook addon to display the GraphiQL IDE",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -31,8 +31,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.0",
|
||||
"@babel/plugin-transform-classes": "^7.9.2",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@types/webpack": "^4.41.9",
|
||||
"babel-loader": "^8.0.6",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 831 KiB After Width: | Height: | Size: 783 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -35,11 +35,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 709 KiB After Width: | Height: | Size: 699 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-knobs",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook Addon Prop Editor Component",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,13 +29,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/channels": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/channels": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"@types/react-color": "^3.0.1",
|
||||
"copy-to-clipboard": "^3.0.8",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Story Links addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,11 +29,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/router": "6.0.0-beta.5",
|
||||
"@storybook/router": "6.0.0-beta.8",
|
||||
"@types/qs": "^6.9.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-queryparams",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,12 +30,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"qs": "^6.6.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -33,9 +33,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.0.0",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@types/glob": "^7.1.1",
|
||||
"@types/jest": "^25.1.1",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
@ -50,8 +50,8 @@
|
||||
"ts-dedent": "^1.1.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-docs": "6.0.0-beta.5",
|
||||
"@storybook/react": "6.0.0-beta.5",
|
||||
"@storybook/addon-docs": "6.0.0-beta.8",
|
||||
"@storybook/react": "6.0.0-beta.8",
|
||||
"babel-loader": "^8.0.6",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import AngularSnapshotSerializer from 'jest-preset-angular/AngularSnapshotSerializer';
|
||||
import AngularSnapshotSerializer from 'jest-preset-angular/build/AngularSnapshotSerializer';
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import HTMLCommentSerializer from 'jest-preset-angular/HTMLCommentSerializer';
|
||||
import HTMLCommentSerializer from 'jest-preset-angular/build/HTMLCommentSerializer';
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import { TestBed } from '@angular/core/testing';
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
|
||||
@ -93,12 +93,14 @@ You might use `getGotoOptions` to specify options when the storybook is navigati
|
||||
|
||||
```js
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
|
||||
import { puppeteerTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
const getGotoOptions = ({ context, url }) => {
|
||||
return {
|
||||
waitUntil: 'networkidle0',
|
||||
};
|
||||
};
|
||||
|
||||
initStoryshots({
|
||||
suite: 'Puppeteer storyshots',
|
||||
test: puppeteerTest({ storybookUrl: 'http://localhost:6006', getGotoOptions }),
|
||||
@ -220,7 +222,7 @@ Runs [Axe](https://www.deque.com/axe/) accessibility checks and verifies that th
|
||||
import initStoryshots from '@storybook/addon-storyshots';
|
||||
import { axeTest } from '@storybook/addon-storyshots-puppeteer';
|
||||
|
||||
axeTest({ suite: 'A11y checks', test: axeTest() });
|
||||
initStoryshots({ suite: 'A11y checks', test: axeTest() });
|
||||
```
|
||||
|
||||
For configuration, it uses the same `story.parameters.a11y` parameter as [`@storybook/addon-a11y`](https://github.com/storybookjs/storybook/tree/next/addons/a11y#parameters)
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,7 +30,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf": "0.0.1",
|
||||
"@storybook/node-logger": "6.0.0-beta.5",
|
||||
"@storybook/node-logger": "6.0.0-beta.8",
|
||||
"@types/jest-image-snapshot": "^2.8.0",
|
||||
"@wordpress/jest-puppeteer-axe": "^1.5.0",
|
||||
"core-js": "^3.0.1",
|
||||
@ -42,7 +42,7 @@
|
||||
"@types/puppeteer": "^2.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.5",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.8",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 382 KiB After Width: | Height: | Size: 375 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Stories addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,13 +29,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/router": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/router": "6.0.0-beta.8",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"estraverse": "^4.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 475 KiB After Width: | Height: | Size: 371 KiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook toolbars addon",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -30,10 +30,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
@ -7,7 +7,7 @@ addons.register(ID, (api) =>
|
||||
addons.add(ID, {
|
||||
title: ID,
|
||||
type: types.TOOL,
|
||||
match: ({ viewMode }) => viewMode === 'story',
|
||||
match: () => true,
|
||||
render: () => <ToolbarManager />,
|
||||
})
|
||||
);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook addon to change the viewport size to mobile",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -29,12 +29,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"memoizerific": "^1.11.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,9 +34,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/node-logger": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@storybook/node-logger": "6.0.0-beta.8",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"autoprefixer": "^9.7.6",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -75,13 +75,6 @@
|
||||
"scripts": [],
|
||||
"assets": ["src/favicon.ico", "src/assets"]
|
||||
}
|
||||
},
|
||||
"lint": {
|
||||
"builder": "@angular-devkit/build-angular:tslint",
|
||||
"options": {
|
||||
"tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"],
|
||||
"exclude": ["**/node_modules/**"]
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -95,13 +88,6 @@
|
||||
"protractorConfig": "e2e/protractor.conf.js",
|
||||
"devServerTarget": "angular-cli:serve"
|
||||
}
|
||||
},
|
||||
"lint": {
|
||||
"builder": "@angular-devkit/build-angular:tslint",
|
||||
"options": {
|
||||
"tsConfig": "e2e/tsconfig.e2e.json",
|
||||
"exclude": ["**/node_modules/**"]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
// tslint:disable-next-line: no-var-requires
|
||||
const packageJson = require('../../package.json');
|
||||
|
||||
export default {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/aurelia",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Aurelia: Develop Aurelia Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -26,10 +26,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/node-logger": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@storybook/node-logger": "6.0.0-beta.8",
|
||||
"fork-ts-checker-webpack-plugin": "^4.0.3",
|
||||
"global": "^4.3.2",
|
||||
"ts-loader": "^6.0.1",
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
// tslint:disable-next-line: no-var-requires
|
||||
const packageJson = require('../../package.json');
|
||||
|
||||
export default {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
|
||||
"bugs": {
|
||||
@ -32,7 +32,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^1.7.0",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
// tslint:disable-next-line: no-var-requires
|
||||
const packageJson = require('../../package.json');
|
||||
|
||||
export default {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marionette",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Marionette: Develop Marionette.js component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -25,7 +25,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"common-tags": "^1.8.0",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/marko",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@marko/webpack": "^2.1.0",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/mithril",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Mithril: Develop Mithril Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -36,8 +36,8 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@types/mithril": "^2.0.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -35,8 +35,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.3.0",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/rax",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Rax: Develop Rax Component in isolation.",
|
||||
"keywords": [
|
||||
"rax",
|
||||
@ -34,7 +34,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"babel-preset-rax": "^1.0.0-beta.0",
|
||||
"core-js": "^3.0.1",
|
||||
"driver-dom": "^2.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -37,9 +37,9 @@
|
||||
"@babel/plugin-transform-react-constant-elements": "^7.6.3",
|
||||
"@babel/preset-flow": "^7.0.0",
|
||||
"@babel/preset-react": "^7.0.0",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/node-logger": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@storybook/node-logger": "6.0.0-beta.8",
|
||||
"@svgr/webpack": "^5.4.0",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
@ -56,7 +56,7 @@
|
||||
"webpack": "^4.43.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@types/node": "^13.13.4",
|
||||
"@types/webpack": "^4.41.12"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/riot",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,7 +34,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"raw-loader": "^4.0.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@storybook/node-logger": "^5.2.8",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
// tslint:disable-next-line: no-var-requires
|
||||
const packageJson = require('../../package.json');
|
||||
|
||||
export default {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"regenerator-runtime": "^0.13.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -34,8 +34,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -38,8 +38,8 @@
|
||||
"dependencies": {
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
|
||||
"@babel/plugin-syntax-import-meta": "^7.2.0",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@types/webpack-env": "^1.15.2",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.0.1",
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
// tslint:disable-next-line: no-var-requires
|
||||
const packageJson = require('../../package.json');
|
||||
|
||||
export default {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-decorator",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "decorator addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,8 +24,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-parameter",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "parameter addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,12 +24,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-preview-wrapper",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "preview wrapper addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,7 +24,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"react": "^16.8.3"
|
||||
},
|
||||
"publishConfig": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-roundtrip",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"description": "roundtrip addon for storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -24,13 +24,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"core-js": "^3.0.1",
|
||||
"global": "^4.3.2",
|
||||
"react": "^16.8.3",
|
||||
|
||||
@ -27,6 +27,7 @@ module.exports = {
|
||||
'/guides/guide-riot/',
|
||||
'/guides/guide-svelte/',
|
||||
'/guides/guide-preact/',
|
||||
'/guides/guide-web-components/',
|
||||
],
|
||||
configurations: [
|
||||
'/configurations/overview/',
|
||||
@ -40,6 +41,7 @@ module.exports = {
|
||||
'/configurations/serving-static-files/',
|
||||
'/configurations/env-vars/',
|
||||
'/configurations/theming/',
|
||||
'/configurations/composition/',
|
||||
'/configurations/cli-options/',
|
||||
'/configurations/standalone-options/',
|
||||
],
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 1.8 MiB |
@ -79,6 +79,7 @@ export const url = {
|
||||
mithril: `${docsUrl}/guides/guide-mithril/`,
|
||||
marko: `${docsUrl}/guides/guide-marko/`,
|
||||
riot: `${docsUrl}/guides/guide-riot/`,
|
||||
webComponents: `${docsUrl}/guides/guide-web-components/`,
|
||||
},
|
||||
|
||||
// Official addons
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 148 KiB After Width: | Height: | Size: 148 KiB |
@ -209,7 +209,7 @@ addDecorator(storyFn => <div style={{ textAlign: 'center' }}>{storyFn()}</div>);
|
||||
> var decoratorVueJsx = () => ({ render() { return <div style={{ textAlign: 'center' }}><story/></div>} })
|
||||
> addDecorator(decoratorVueJsx)
|
||||
>
|
||||
> var decoratorVueTemplate = () => { return { template: `<div style="text-align:center"><story/></div>` }
|
||||
> var decoratorVueTemplate = () => ({ template: `<div style="text-align:center"><story/></div>` })
|
||||
> addDecorator(decoratorVueTemplate)
|
||||
> ```
|
||||
|
||||
|
||||
106
docs/src/pages/configurations/composition/index.md
Normal file
106
docs/src/pages/configurations/composition/index.md
Normal file
@ -0,0 +1,106 @@
|
||||
---
|
||||
id: 'composition'
|
||||
title: 'Storybook Composition'
|
||||
---
|
||||
|
||||
Storybook composition is a feature that allows you to compose multiple storybook together. This can be useful if
|
||||
|
||||
- you have a need for multiple frameworks
|
||||
- you have multiple teams using separate storybooks
|
||||
- you are using community component libraries
|
||||
|
||||
---
|
||||
|
||||
## Composing a storybook
|
||||
|
||||
To compose another storybook into yours, all you need is the URL of storybook.
|
||||
|
||||
Here's how you do it:
|
||||
|
||||
```js
|
||||
// main.js
|
||||
module.exports = {
|
||||
refs: {
|
||||
// long form
|
||||
example: {
|
||||
title: 'My composed storybook',
|
||||
url: 'https://next--storybookjs.netlify.app/ember-cli',
|
||||
},
|
||||
// shorthand
|
||||
cra: 'https://next--storybookjs.netlify.app/cra-ts-kitchen-sink',
|
||||
},
|
||||
}
|
||||
```
|
||||
|
||||
The above code adds 2 refs to storybook.
|
||||
|
||||
The storybooks being composed don't need to be of the same version or using the same framework.
|
||||
|
||||
> Composing storybooks from < 6 is supported, as long as the storybooks are hosted on unique origins. If you want to compose multiple storybooks from the same origin, those must all be version 6 or higher.
|
||||
|
||||
### Automatic loading
|
||||
|
||||
The process above is actually often not even required! Storybook will auto-compose direct dependencies' storybooks if it's able to find them.
|
||||
|
||||
The ref will be auto-loaded if the **direct dependency** has a field called `storybook` in it's `package.json` which looks like this:
|
||||
|
||||
```json
|
||||
{
|
||||
"storybook": {
|
||||
"title": "My Package",
|
||||
"url": "https://my.storybook-url.com"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
This is really useful if you depend on a component library that is also using storybook.
|
||||
|
||||
Not only do you get to view all of their stories, but their documentation too, if they use [addon-docs](https://github.com/storybookjs/storybook/tree/master/addons/docs)!
|
||||
|
||||
## Preparing to have your storybook composed
|
||||
|
||||
Publish your (static) storybook online using any hosting platform, ensuring CORS is enabled.
|
||||
|
||||
When a user composes many storybooks together this may add considerable weight to the page-load.
|
||||
|
||||
We want to make sure the user composing storybooks together isn't loading the entire storybook just to see the stories appear in the sidebar.
|
||||
|
||||
To optimize the loading of refs we want to generate a `stories.json` file, which contains a static list of all the stories and the parameters needed to render in the sidebar.
|
||||
|
||||
This can be done with the storybook-cli: `npx sb extract`. It requires you have a built storybook.
|
||||
You may pass it 2 arguments for where you have storybook built, and where you wannt `stories.json` to be placed: `npx sb extract <where-your-storybook-static-is> <where-you-want-stories-json>`.
|
||||
|
||||
For an example what this file should look like, see: [here](https://next--storybookjs.netlify.app/dev-kits/stories.json).
|
||||
|
||||
### Authentication
|
||||
|
||||
If you have some authentication layer on your hosted storybook, the composing the storybook will fail. Storybook will show a message in the sidebar if that happens.
|
||||
|
||||
|
||||
You can assist the user by creating a `metadata.json` file with a `authUrl` field, and ensure this file **is** loadable (even in the user is not authenticated):
|
||||
|
||||
```json
|
||||
{
|
||||
"authUrl": "https://example.com"
|
||||
}
|
||||
```
|
||||
|
||||
Storybook will show a UI to assist the user to login, and then reload the composed storybook.
|
||||
|
||||
## Advanced
|
||||
|
||||
When you compose a storybook into your own, you get **all** the stories, in their original format. You may not agree with some names, or you might want to filter or sort some stories to your liking.
|
||||
|
||||
You can add a 'mapper' to storybook that will be used to transform the received stories to something of your liking.
|
||||
|
||||
```js
|
||||
import { addons } from '@storybook/addons';
|
||||
|
||||
addons.setConfig({
|
||||
storyMapper: (ref, story) => {
|
||||
return { ...a, kind: a.kind.replace('|', '/') };
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
You can remove stories by returning `null`.
|
||||
@ -228,7 +228,6 @@ You will need to set up some scripts - these may help:
|
||||
"copy-woff2-to-lib": "cpx \"./src/**/*.woff2\" ./build/lib",
|
||||
"copy-svg-to-lib": "cpx \"./src/**/*.svg\" ./build/lib",
|
||||
"copy-png-to-lib": "cpx \"./src/**/*.png\" ./build/lib",
|
||||
"lint": "tslint -c tslint.json 'src/**/*.{ts,tsx}'"
|
||||
},
|
||||
```
|
||||
|
||||
|
||||
@ -197,3 +197,10 @@ bbc:
|
||||
description: React component library for BBC World Service and more
|
||||
demo: https://bbc.github.io/psammead/
|
||||
source: https://github.com/bbc/psammead
|
||||
pxblue:
|
||||
thumbnail: pxblue.png
|
||||
title: Power Xpert Blue
|
||||
description: A design system for Eaton applications, including component libraries for React, Angular, and React Native
|
||||
demo: https://pxblue-components.github.io/
|
||||
source: https://github.com/pxblue/react-component-library/tree/master/demos/storybook
|
||||
site: https://pxblue.github.io
|
||||
|
||||
BIN
docs/src/pages/examples/thumbnails/pxblue.png
Normal file
BIN
docs/src/pages/examples/thumbnails/pxblue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
@ -3,6 +3,31 @@ id: 'guide-vue'
|
||||
title: 'Storybook for Vue'
|
||||
---
|
||||
|
||||
---
|
||||
**NOTE**
|
||||
|
||||
[Vue.js devtools] [browser extension support is in the works] but not yet available!
|
||||
<details markdown>
|
||||
<summary>See workarounds…</summary>
|
||||
|
||||
- In Firefox:
|
||||
1. Open the story you wish to inspect.
|
||||
2. Right-click anywhere in the story and select This Frame → Open Frame in New Tab. devtools should now work correctly in the new tab.
|
||||
|
||||
- In Chromium / Chrome:
|
||||
1. Open the story you wish to inspect.
|
||||
2. Right-click anywhere in the story and select View frame source which will open in a new tab. E.g., `view-source:http://localhost:6006/iframe.html?id=components-fancybutton--button&viewMode=story`.
|
||||
3. Remove the `view-source:` scheme from the URL in the address bar to load just the frame. devtools should now work correctly.
|
||||
|
||||
- Launch the standalone Vue.js devtools app via `npx -p @vue/devtools vue-devtools` and add (or create) `<script src="//localhost:8098"></script>` to `.storybook/preview-head.html`. Now run Storybook and devtools should connect.
|
||||
|
||||
</details>
|
||||
|
||||
[Vue.js devtools]: https://github.com/vuejs/vue-devtools
|
||||
[browser extension support is in the works]: https://github.com/storybookjs/storybook/issues/1708
|
||||
|
||||
---
|
||||
|
||||
## Automatic setup
|
||||
|
||||
You may have tried to use our quick start guide to setup your project for Storybook.
|
||||
|
||||
111
docs/src/pages/guides/guide-web-components/index.md
Normal file
111
docs/src/pages/guides/guide-web-components/index.md
Normal file
@ -0,0 +1,111 @@
|
||||
---
|
||||
id: 'guide-web-components'
|
||||
title: 'Storybook for Web Components'
|
||||
---
|
||||
|
||||
## Automatic setup
|
||||
|
||||
You may have tried to use our quick start guide to setup your project for Storybook.
|
||||
If it failed because it couldn't detect you're using web components, you could try forcing it to use web_components:
|
||||
|
||||
```sh
|
||||
npx -p @storybook/cli sb init --type web_components
|
||||
```
|
||||
|
||||
## Manual setup
|
||||
|
||||
If you want to set up Storybook manually for your web components project, this is the guide for you.
|
||||
|
||||
## Step 1: Add dependencies
|
||||
|
||||
### Init npm if necessary
|
||||
|
||||
If you don't have `package.json` in your project, you'll need to init it first:
|
||||
|
||||
```sh
|
||||
npm init
|
||||
```
|
||||
|
||||
### Add @storybook/web-components
|
||||
|
||||
Add `@storybook/web-components` to your project. To do that, run:
|
||||
|
||||
```sh
|
||||
npm install @storybook/web-components --save-dev
|
||||
```
|
||||
|
||||
### Add lit-html, @babel/core and babel-loader
|
||||
|
||||
Make sure that you have `lit-html`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
|
||||
|
||||
```sh
|
||||
npm install lit-html babel-loader @babel/core --save-dev
|
||||
```
|
||||
|
||||
## Step 2: Add npm scripts
|
||||
|
||||
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
|
||||
|
||||
```json
|
||||
{
|
||||
"scripts": {
|
||||
"storybook": "start-storybook",
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## Step 3: Create the main file
|
||||
|
||||
For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
|
||||
|
||||
To do that, create a file at `.storybook/main.js` with the following content:
|
||||
|
||||
```js
|
||||
module.exports = {
|
||||
stories: ['../src/**/*.stories.[tj]s'],
|
||||
};
|
||||
```
|
||||
|
||||
That will load all the stories underneath your `../src` directory that match the pattern `*.stories.[tj]s`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
|
||||
|
||||
## Step 4: Write your stories
|
||||
|
||||
Now create a `../src/index.stories.js` file, and write your first story like this:
|
||||
|
||||
```js
|
||||
import { html } from 'lit-html';
|
||||
|
||||
export default { title: 'Button' };
|
||||
|
||||
export const WithText = () => html`
|
||||
<button @click=${() => console.log('clicked')}>
|
||||
Hello Button
|
||||
</button>
|
||||
`;
|
||||
|
||||
export const WithEmoji = () => html`
|
||||
<button>
|
||||
😀 😎 👍 💯
|
||||
</button>
|
||||
`;
|
||||
```
|
||||
|
||||
Each story is a single state of your component. In the above case, there are two stories for the demo button component:
|
||||
|
||||
```plaintext
|
||||
Button
|
||||
├── With Text
|
||||
└── With Emoji
|
||||
```
|
||||
|
||||
## Finally: Run your Storybook
|
||||
|
||||
Now everything is ready. Run your storybook with:
|
||||
|
||||
```sh
|
||||
npm run storybook
|
||||
```
|
||||
|
||||
Storybook should start, on a random open port in dev-mode.
|
||||
|
||||
Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
|
||||
@ -52,5 +52,6 @@ To learn more about what the Storybook CLI command `sb init` command does, have
|
||||
- [Ember](/guides/guide-ember/)
|
||||
- [Riot](/guides/guide-riot/)
|
||||
- [Preact](/guides/guide-preact/)
|
||||
- [Web Components](/guides/guide-web-components/)
|
||||
|
||||
A step-by-step tutorial is available at [Learn Storybook](https://www.learnstorybook.com).
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"6.0.0-beta.5","info":{"plain":"### Bug Fixes\n\n- Core: Fix error handling on load ([#10659](https://github.com/storybookjs/storybook/pull/10659))\n\n### Maintenance\n\n- Storyshots: Change reference for jest-preset-angular/build/setupJest ([#10699](https://github.com/storybookjs/storybook/pull/10699))\n- CLI: Remove CRA fixtures from Yarn 2 tests run ([#10720](https://github.com/storybookjs/storybook/pull/10720))\n- Fix: Set private package on Aurelia example ([#10688](https://github.com/storybookjs/storybook/pull/10688))"}}
|
||||
{"version":"6.0.0-beta.8","info":{"plain":"### Features\n\n* Addon-toolbars: Show tool icons for all viewModes ([#10810](https://github.com/storybookjs/storybook/pull/10810))\n\n### Bug Fixes\n\n* Addon-docs: Eval argTypes default value ([#10812](https://github.com/storybookjs/storybook/pull/10812))\n\n### Maintenance\n\n* Scripts: parallel execution on build package scripts ([#10808](https://github.com/storybookjs/storybook/pull/10808))"}}
|
||||
BIN
docs/static/img/addon-backgrounds.gif
vendored
BIN
docs/static/img/addon-backgrounds.gif
vendored
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 MiB After Width: | Height: | Size: 3.4 MiB |
@ -75,13 +75,6 @@
|
||||
"scripts": [],
|
||||
"assets": ["src/favicon.ico", "src/assets"]
|
||||
}
|
||||
},
|
||||
"lint": {
|
||||
"builder": "@angular-devkit/build-angular:tslint",
|
||||
"options": {
|
||||
"tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"],
|
||||
"exclude": ["**/node_modules/**"]
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -95,13 +88,6 @@
|
||||
"protractorConfig": "e2e/protractor.conf.js",
|
||||
"devServerTarget": "angular-cli:serve"
|
||||
}
|
||||
},
|
||||
"lint": {
|
||||
"builder": "@angular-devkit/build-angular:tslint",
|
||||
"options": {
|
||||
"tsConfig": "e2e/tsconfig.e2e.json",
|
||||
"exclude": ["**/node_modules/**"]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,19 +4,23 @@ module.exports = {
|
||||
preset: 'jest-preset-angular',
|
||||
...config,
|
||||
globals: {
|
||||
__TRANSFORM_HTML__: true,
|
||||
'ts-jest': {
|
||||
tsConfigFile: '<rootDir>/examples/angular-cli/src/tsconfig.spec.json',
|
||||
tsConfig: '<rootDir>/examples/angular-cli/src/tsconfig.spec.json',
|
||||
stringifyContentPathRegex: '\\.html$',
|
||||
},
|
||||
},
|
||||
roots: [__dirname],
|
||||
transform: {
|
||||
'^.+\\.stories\\.[jt]sx?$': '@storybook/addon-storyshots/injectFileName',
|
||||
'^.+\\.jsx?$': '<rootDir>/scripts/utils/jest-transform-js.js',
|
||||
'^.+[/\\\\].storybook[/\\\\]config\\.ts$': '<rootDir>/scripts/utils/jest-transform-ts.js',
|
||||
'^.+\\.html$': '<rootDir>/node_modules/jest-preset-angular/preprocessor.js',
|
||||
'^.+\\.ts$': '<rootDir>/node_modules/jest-preset-angular/preprocessor.js',
|
||||
'^.+\\.(ts|js|html)$': 'ts-jest',
|
||||
'^.+\\.jsx?$': '<rootDir>/scripts/utils/jest-transform-js.js',
|
||||
'^.+\\.mdx$': '@storybook/addon-docs/jest-transform-mdx',
|
||||
},
|
||||
moduleFileExtensions: [...config.moduleFileExtensions, 'html'],
|
||||
snapshotSerializers: [
|
||||
'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
|
||||
'jest-preset-angular/build/AngularSnapshotSerializer.js',
|
||||
'jest-preset-angular/build/HTMLCommentSerializer.js',
|
||||
],
|
||||
};
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -37,18 +37,18 @@
|
||||
"@angular/cli": "^9.1.0",
|
||||
"@angular/compiler-cli": "^9.1.0",
|
||||
"@compodoc/compodoc": "^1.1.11",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.5",
|
||||
"@storybook/addon-docs": "6.0.0-beta.5",
|
||||
"@storybook/addon-jest": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.5",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/angular": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.8",
|
||||
"@storybook/addon-docs": "6.0.0-beta.8",
|
||||
"@storybook/addon-jest": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.8",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/angular": "6.0.0-beta.8",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"@types/core-js": "^2.5.0",
|
||||
"@types/jest": "^25.1.1",
|
||||
"@types/node": "^13.13.4",
|
||||
@ -58,7 +58,7 @@
|
||||
"jasmine-core": "~3.5.0",
|
||||
"jasmine-spec-reporter": "~5.0.2",
|
||||
"jest": "^26.0.0",
|
||||
"jest-preset-angular": "^7.1.0",
|
||||
"jest-preset-angular": "^8.2.0",
|
||||
"protractor": "~5.4.4",
|
||||
"ts-node": "~8.9.1",
|
||||
"typescript": "^3.4.0"
|
||||
|
||||
@ -7,10 +7,10 @@ exports[`Storyshots Addon/Actions Action and method 1`] = `
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-button-component
|
||||
_nghost-a-c13=""
|
||||
_nghost-a-c5=""
|
||||
>
|
||||
<button
|
||||
_ngcontent-a-c13=""
|
||||
_ngcontent-a-c5=""
|
||||
>
|
||||
Action and Method
|
||||
</button>
|
||||
@ -25,10 +25,10 @@ exports[`Storyshots Addon/Actions Action only 1`] = `
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-button-component
|
||||
_nghost-a-c12=""
|
||||
_nghost-a-c4=""
|
||||
>
|
||||
<button
|
||||
_ngcontent-a-c12=""
|
||||
_ngcontent-a-c4=""
|
||||
>
|
||||
Action only
|
||||
</button>
|
||||
|
||||
@ -8,11 +8,11 @@ exports[`Storyshots Addon/Docs with some emoji 1`] = `
|
||||
>
|
||||
<ng-component>
|
||||
<storybook-button-component
|
||||
_nghost-a-c15=""
|
||||
_nghost-a-c7=""
|
||||
ng-reflect-text="😀 😎 👍 💯"
|
||||
>
|
||||
<button
|
||||
_ngcontent-a-c15=""
|
||||
_ngcontent-a-c7=""
|
||||
>
|
||||
😀 😎 👍 💯
|
||||
</button>
|
||||
@ -29,11 +29,11 @@ exports[`Storyshots Addon/Docs with text 1`] = `
|
||||
>
|
||||
<ng-component>
|
||||
<storybook-button-component
|
||||
_nghost-a-c14=""
|
||||
_nghost-a-c6=""
|
||||
ng-reflect-text="Hello Button"
|
||||
>
|
||||
<button
|
||||
_ngcontent-a-c14=""
|
||||
_ngcontent-a-c6=""
|
||||
>
|
||||
Hello Button
|
||||
</button>
|
||||
|
||||
@ -7,10 +7,10 @@ exports[`Storyshots Addon/Links button with link to another story 1`] = `
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-button-component
|
||||
_nghost-a-c16=""
|
||||
_nghost-a-c8=""
|
||||
>
|
||||
<button
|
||||
_ngcontent-a-c16=""
|
||||
_ngcontent-a-c8=""
|
||||
>
|
||||
Go to Welcome Story
|
||||
</button>
|
||||
|
||||
@ -7,10 +7,10 @@ exports[`Storyshots Core/Parameters passed to story 1`] = `
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-button-component
|
||||
_nghost-a-c17=""
|
||||
_nghost-a-c9=""
|
||||
>
|
||||
<button
|
||||
_ngcontent-a-c17=""
|
||||
_ngcontent-a-c9=""
|
||||
>
|
||||
Parameters are {
|
||||
"docs": {
|
||||
|
||||
@ -8,11 +8,11 @@ exports[`Storyshots Custom/Style Default 1`] = `
|
||||
>
|
||||
<ng-component>
|
||||
<storybook-button-component
|
||||
_nghost-a-c18=""
|
||||
_nghost-a-c10=""
|
||||
ng-reflect-text="Button with custom styles"
|
||||
>
|
||||
<button
|
||||
_ngcontent-a-c18=""
|
||||
_ngcontent-a-c10=""
|
||||
>
|
||||
Button with custom styles
|
||||
</button>
|
||||
@ -29,11 +29,11 @@ exports[`Storyshots Custom/Style With Knobs 1`] = `
|
||||
>
|
||||
<ng-component>
|
||||
<storybook-button-component
|
||||
_nghost-a-c19=""
|
||||
_nghost-a-c11=""
|
||||
ng-reflect-text="Button with custom styles"
|
||||
>
|
||||
<button
|
||||
_ngcontent-a-c19=""
|
||||
_ngcontent-a-c11=""
|
||||
>
|
||||
Button with custom styles
|
||||
</button>
|
||||
|
||||
@ -7,21 +7,17 @@ exports[`Storyshots Custom/Feature Module as Context with forRoot Component with
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-chip
|
||||
_nghost-a-c6=""
|
||||
style="background-color: rgb(238, 238, 238);"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c6=""
|
||||
class="text"
|
||||
>
|
||||
My Chíp
|
||||
</span>
|
||||
<div
|
||||
_ngcontent-a-c6=""
|
||||
class="remove"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c6=""
|
||||
class="x"
|
||||
>
|
||||
✕
|
||||
@ -38,21 +34,17 @@ exports[`Storyshots Custom/Feature Module as Context with forRoot Component with
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-chip
|
||||
_nghost-a-c7=""
|
||||
style="background-color: rgb(238, 238, 238);"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c7=""
|
||||
class="text"
|
||||
>
|
||||
My Chíp
|
||||
</span>
|
||||
<div
|
||||
_ngcontent-a-c7=""
|
||||
class="remove"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c7=""
|
||||
class="x"
|
||||
>
|
||||
✕
|
||||
@ -68,29 +60,22 @@ exports[`Storyshots Custom/Feature Module as Context with forRoot Component with
|
||||
data={[Function Object]}
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-chips-group
|
||||
_nghost-a-c4=""
|
||||
>
|
||||
<storybook-chips-group>
|
||||
|
||||
<storybook-chip
|
||||
_ngcontent-a-c4=""
|
||||
_nghost-a-c5=""
|
||||
class="chip"
|
||||
ng-reflect-display-text="Chip 1"
|
||||
style="background-color: rgb(238, 238, 238);"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c5=""
|
||||
class="text"
|
||||
>
|
||||
Chíp 1
|
||||
</span>
|
||||
<div
|
||||
_ngcontent-a-c5=""
|
||||
class="remove"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c5=""
|
||||
class="x"
|
||||
>
|
||||
✕
|
||||
@ -98,24 +83,19 @@ exports[`Storyshots Custom/Feature Module as Context with forRoot Component with
|
||||
</div>
|
||||
</storybook-chip>
|
||||
<storybook-chip
|
||||
_ngcontent-a-c4=""
|
||||
_nghost-a-c5=""
|
||||
class="chip"
|
||||
ng-reflect-display-text="Chip 2"
|
||||
style="background-color: rgb(238, 238, 238);"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c5=""
|
||||
class="text"
|
||||
>
|
||||
Chíp 2
|
||||
</span>
|
||||
<div
|
||||
_ngcontent-a-c5=""
|
||||
class="remove"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c5=""
|
||||
class="x"
|
||||
>
|
||||
✕
|
||||
@ -124,7 +104,6 @@ exports[`Storyshots Custom/Feature Module as Context with forRoot Component with
|
||||
</storybook-chip>
|
||||
|
||||
<div
|
||||
_ngcontent-a-c4=""
|
||||
class="remove-all"
|
||||
>
|
||||
Remove All
|
||||
|
||||
@ -7,21 +7,17 @@ exports[`Storyshots Custom/Feature Module as Context Component with default prov
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-chip
|
||||
_nghost-a-c10=""
|
||||
style="background-color: rgb(238, 238, 238);"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c10=""
|
||||
class="text"
|
||||
>
|
||||
My Chíp
|
||||
</span>
|
||||
<div
|
||||
_ngcontent-a-c10=""
|
||||
class="remove"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c10=""
|
||||
class="x"
|
||||
>
|
||||
✕
|
||||
@ -38,21 +34,17 @@ exports[`Storyshots Custom/Feature Module as Context Component with overridden p
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-chip
|
||||
_nghost-a-c11=""
|
||||
style="background-color: yellow;"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c11=""
|
||||
class="text"
|
||||
>
|
||||
My Chíp
|
||||
</span>
|
||||
<div
|
||||
_ngcontent-a-c11=""
|
||||
class="remove"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c11=""
|
||||
class="x"
|
||||
>
|
||||
✕
|
||||
@ -68,29 +60,22 @@ exports[`Storyshots Custom/Feature Module as Context Component with self and dep
|
||||
data={[Function Object]}
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-chips-group
|
||||
_nghost-a-c8=""
|
||||
>
|
||||
<storybook-chips-group>
|
||||
|
||||
<storybook-chip
|
||||
_ngcontent-a-c8=""
|
||||
_nghost-a-c9=""
|
||||
class="chip"
|
||||
ng-reflect-display-text="Chip 1"
|
||||
style="background-color: rgb(238, 238, 238);"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c9=""
|
||||
class="text"
|
||||
>
|
||||
Chíp 1
|
||||
</span>
|
||||
<div
|
||||
_ngcontent-a-c9=""
|
||||
class="remove"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c9=""
|
||||
class="x"
|
||||
>
|
||||
✕
|
||||
@ -98,24 +83,19 @@ exports[`Storyshots Custom/Feature Module as Context Component with self and dep
|
||||
</div>
|
||||
</storybook-chip>
|
||||
<storybook-chip
|
||||
_ngcontent-a-c8=""
|
||||
_nghost-a-c9=""
|
||||
class="chip"
|
||||
ng-reflect-display-text="Chip 2"
|
||||
style="background-color: rgb(238, 238, 238);"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c9=""
|
||||
class="text"
|
||||
>
|
||||
Chíp 2
|
||||
</span>
|
||||
<div
|
||||
_ngcontent-a-c9=""
|
||||
class="remove"
|
||||
>
|
||||
<span
|
||||
_ngcontent-a-c9=""
|
||||
class="x"
|
||||
>
|
||||
✕
|
||||
@ -124,7 +104,6 @@ exports[`Storyshots Custom/Feature Module as Context Component with self and dep
|
||||
</storybook-chip>
|
||||
|
||||
<div
|
||||
_ngcontent-a-c8=""
|
||||
class="remove-all"
|
||||
>
|
||||
Remove All
|
||||
|
||||
@ -7,7 +7,6 @@ exports[`Storyshots Core/OnPush Class-specified component with OnPush and Knobs
|
||||
target={[Function ViewContainerRef_]}
|
||||
>
|
||||
<storybook-on-push-box
|
||||
_nghost-a-c20=""
|
||||
style="background-color: rgb(255, 240, 0);"
|
||||
>
|
||||
Word of the day: OnPush
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "aurelia-kitchen-sink",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"description": "An Aurelia client application.",
|
||||
"repository": {
|
||||
@ -11,9 +11,6 @@
|
||||
"scripts": {
|
||||
"build": "rimraf dist && webpack --env production",
|
||||
"build-storybook": "build-storybook -s dist",
|
||||
"lint": "npm run lint:js && npm run lint:html",
|
||||
"lint:html": "htmlhint -c .htmlhintrc src",
|
||||
"lint:js": "tslint --project tsconfig.json",
|
||||
"now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
|
||||
"start": "webpack-dev-server",
|
||||
"storybook": "start-storybook -p 9009 -s dist"
|
||||
@ -28,18 +25,18 @@
|
||||
"@aurelia/jit-html-browser": "^0.6.0",
|
||||
"@aurelia/runtime": "^0.6.0",
|
||||
"@aurelia/webpack-loader": "dev",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.5",
|
||||
"@storybook/addon-docs": "6.0.0-beta.5",
|
||||
"@storybook/addon-jest": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.5",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/aurelia": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.8",
|
||||
"@storybook/addon-docs": "6.0.0-beta.8",
|
||||
"@storybook/addon-jest": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.8",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/aurelia": "6.0.0-beta.8",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"@types/node": "^12.0.0",
|
||||
"css-loader": "^3.0.0",
|
||||
"file-loader": "^4.2.0",
|
||||
@ -50,7 +47,6 @@
|
||||
"sass-loader": "^8.0.0",
|
||||
"style-loader": "^0.23.0",
|
||||
"ts-loader": "^6.0.0",
|
||||
"tslint": "^5.0.0",
|
||||
"typescript": "^3.0.0",
|
||||
"webpack": "^4.41.2"
|
||||
}
|
||||
|
||||
@ -1,5 +0,0 @@
|
||||
{
|
||||
"rules": {
|
||||
"no-empty": true
|
||||
}
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,19 +18,19 @@
|
||||
"react-lifecycles-compat": "^3.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.5",
|
||||
"@storybook/addon-docs": "6.0.0-beta.5",
|
||||
"@storybook/addon-events": "6.0.0-beta.5",
|
||||
"@storybook/addon-jest": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/client-logger": "6.0.0-beta.5",
|
||||
"@storybook/react": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.8",
|
||||
"@storybook/addon-docs": "6.0.0-beta.8",
|
||||
"@storybook/addon-events": "6.0.0-beta.8",
|
||||
"@storybook/addon-jest": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/client-logger": "6.0.0-beta.8",
|
||||
"@storybook/react": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"react-scripts": "^3.0.1"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,11 +18,11 @@
|
||||
"react-scripts": "3.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/react": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/react": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-essentials",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,10 +34,10 @@
|
||||
"typescript": "3.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/addon-essentials": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/preset-create-react-app": "^2.1.1",
|
||||
"@storybook/react": "6.0.0-beta.5"
|
||||
"@storybook/react": "6.0.0-beta.8"
|
||||
},
|
||||
"storybook": {
|
||||
"chromatic": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,14 +34,14 @@
|
||||
"typescript": "3.8.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-docs": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-docs": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/preset-create-react-app": "^2.1.1",
|
||||
"@storybook/react": "6.0.0-beta.5",
|
||||
"@storybook/react": "6.0.0-beta.8",
|
||||
"@types/enzyme": "^3.9.0",
|
||||
"enzyme": "^3.9.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
@ -49,9 +49,7 @@
|
||||
"fork-ts-checker-webpack-plugin": "^4.0.3",
|
||||
"react-docgen-typescript-loader": "^3.7.2",
|
||||
"react-moment-proptypes": "^1.7.0",
|
||||
"ts-node": "~8.9.1",
|
||||
"tslint": "^6.1.2",
|
||||
"tslint-config-airbnb": "^5.11.1"
|
||||
"ts-node": "~8.9.1"
|
||||
},
|
||||
"storybook": {
|
||||
"chromatic": {
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
{
|
||||
"extends": "tslint-config-airbnb",
|
||||
"rules": {
|
||||
"variable-name": [true, "ban-keywords", "check-format", "allow-pascal-case"]
|
||||
}
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-devkits",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,18 +8,18 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-decorator": "6.0.0-beta.5",
|
||||
"@storybook/addon-parameter": "6.0.0-beta.5",
|
||||
"@storybook/addon-preview-wrapper": "6.0.0-beta.5",
|
||||
"@storybook/addon-roundtrip": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/api": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/node-logger": "6.0.0-beta.5",
|
||||
"@storybook/react": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addon-decorator": "6.0.0-beta.8",
|
||||
"@storybook/addon-parameter": "6.0.0-beta.8",
|
||||
"@storybook/addon-preview-wrapper": "6.0.0-beta.8",
|
||||
"@storybook/addon-roundtrip": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/api": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/node-logger": "6.0.0-beta.8",
|
||||
"@storybook/react": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.0",
|
||||
"enzyme-to-json": "^3.4.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build --output-path ember-output",
|
||||
@ -16,18 +16,18 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@ember/optional-features": "^1.3.0",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.5",
|
||||
"@storybook/addon-docs": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.5",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/ember": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.8",
|
||||
"@storybook/addon-docs": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.8",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/ember": "6.0.0-beta.8",
|
||||
"@storybook/ember-cli-storybook": "^0.2.1",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"babel-loader": "^8",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,23 +13,23 @@
|
||||
"storybook": "start-storybook -p 9006"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.5",
|
||||
"@storybook/addon-docs": "6.0.0-beta.5",
|
||||
"@storybook/addon-events": "6.0.0-beta.5",
|
||||
"@storybook/addon-jest": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.5",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.5",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/client-api": "6.0.0-beta.5",
|
||||
"@storybook/core": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/html": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.8",
|
||||
"@storybook/addon-docs": "6.0.0-beta.8",
|
||||
"@storybook/addon-events": "6.0.0-beta.8",
|
||||
"@storybook/addon-jest": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.8",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.8",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/client-api": "6.0.0-beta.8",
|
||||
"@storybook/core": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/html": "6.0.0-beta.8",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"eventemitter3": "^4.0.0",
|
||||
"format-json": "^1.0.3",
|
||||
"global": "^4.3.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "marko-cli",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"description": "Demo of how to build an app using marko-starter",
|
||||
"repository": {
|
||||
@ -23,13 +23,13 @@
|
||||
"marko-starter": "^2.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/marko": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/marko": "6.0.0-beta.8",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"prettier": "^2.0.5",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mithril-example",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook",
|
||||
@ -10,17 +10,17 @@
|
||||
"mithril": "^1.1.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.5",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.5",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/mithril": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.8",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.8",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/mithril": "6.0.0-beta.8",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"webpack": "^4.33.0"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -3,7 +3,7 @@ module.exports = {
|
||||
// FIXME: Breaks e2e tests './intro.stories.mdx',
|
||||
'../../lib/ui/src/**/*.stories.(js|tsx|mdx)',
|
||||
'../../lib/components/src/**/*.stories.(js|tsx|mdx)',
|
||||
'./stories/**/*.stories.(js|tsx|mdx)',
|
||||
'./stories/**/*.stories.(js|ts|tsx|mdx)',
|
||||
'./../../addons/docs/**/*.stories.tsx',
|
||||
],
|
||||
addons: [
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -14,31 +14,31 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.0.1",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.5",
|
||||
"@storybook/addon-cssresources": "6.0.0-beta.5",
|
||||
"@storybook/addon-design-assets": "6.0.0-beta.5",
|
||||
"@storybook/addon-docs": "6.0.0-beta.5",
|
||||
"@storybook/addon-events": "6.0.0-beta.5",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.5",
|
||||
"@storybook/addon-jest": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addon-queryparams": "6.0.0-beta.5",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.5",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.0.0-beta.5",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.5",
|
||||
"@storybook/addon-toolbars": "6.0.0-beta.5",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/cli": "6.0.0-beta.5",
|
||||
"@storybook/components": "6.0.0-beta.5",
|
||||
"@storybook/core-events": "6.0.0-beta.5",
|
||||
"@storybook/node-logger": "6.0.0-beta.5",
|
||||
"@storybook/react": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/theming": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.8",
|
||||
"@storybook/addon-cssresources": "6.0.0-beta.8",
|
||||
"@storybook/addon-design-assets": "6.0.0-beta.8",
|
||||
"@storybook/addon-docs": "6.0.0-beta.8",
|
||||
"@storybook/addon-events": "6.0.0-beta.8",
|
||||
"@storybook/addon-graphql": "6.0.0-beta.8",
|
||||
"@storybook/addon-jest": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addon-queryparams": "6.0.0-beta.8",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.8",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.0.0-beta.8",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.8",
|
||||
"@storybook/addon-toolbars": "6.0.0-beta.8",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/cli": "6.0.0-beta.8",
|
||||
"@storybook/components": "6.0.0-beta.8",
|
||||
"@storybook/core-events": "6.0.0-beta.8",
|
||||
"@storybook/node-logger": "6.0.0-beta.8",
|
||||
"@storybook/react": "6.0.0-beta.8",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"@storybook/theming": "6.0.0-beta.8",
|
||||
"chromatic": "^4.0.2",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.0",
|
||||
|
||||
@ -30,4 +30,4 @@ export const CenteredInline = () => <Box display="inline-block">centered</Box>;
|
||||
CenteredInline.story = { parameters: { layout: 'centered' } };
|
||||
|
||||
export const Invalid = () => <Box>invalid layout value</Box>;
|
||||
CenteredInline.story = { parameters: { layout: '!invalid!' } };
|
||||
Invalid.story = { parameters: { layout: '!invalid!' } };
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "6.0.0-beta.5",
|
||||
"version": "6.0.0-beta.8",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,17 +15,17 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@babel/plugin-transform-runtime": "^7.9.6",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.5",
|
||||
"@storybook/addon-actions": "6.0.0-beta.5",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.5",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.5",
|
||||
"@storybook/addon-links": "6.0.0-beta.5",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.5",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.5",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.5",
|
||||
"@storybook/addons": "6.0.0-beta.5",
|
||||
"@storybook/preact": "6.0.0-beta.5",
|
||||
"@storybook/source-loader": "6.0.0-beta.5",
|
||||
"@storybook/addon-a11y": "6.0.0-beta.8",
|
||||
"@storybook/addon-actions": "6.0.0-beta.8",
|
||||
"@storybook/addon-backgrounds": "6.0.0-beta.8",
|
||||
"@storybook/addon-knobs": "6.0.0-beta.8",
|
||||
"@storybook/addon-links": "6.0.0-beta.8",
|
||||
"@storybook/addon-storyshots": "6.0.0-beta.8",
|
||||
"@storybook/addon-storysource": "6.0.0-beta.8",
|
||||
"@storybook/addon-viewport": "6.0.0-beta.8",
|
||||
"@storybook/addons": "6.0.0-beta.8",
|
||||
"@storybook/preact": "6.0.0-beta.8",
|
||||
"@storybook/source-loader": "6.0.0-beta.8",
|
||||
"babel-loader": "^8.0.4",
|
||||
"cross-env": "^7.0.0",
|
||||
"file-loader": "^6.0.0",
|
||||
|
||||
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