Merge branch 'next' into tech/core-builder

# Conflicts:
#	addons/essentials/package.json
#	addons/graphql/package.json
#	addons/storyshots/storyshots-core/package.json
#	addons/storyshots/storyshots-puppeteer/package.json
#	app/angular/package.json
#	app/aurelia/package.json
#	app/ember/package.json
#	app/html/package.json
#	app/marionette/package.json
#	app/marko/package.json
#	app/mithril/package.json
#	app/preact/package.json
#	app/rax/package.json
#	app/react/package.json
#	app/riot/package.json
#	app/server/package.json
#	app/svelte/package.json
#	app/vue/package.json
#	app/vue3/package.json
#	app/web-components/package.json
#	examples/cra-kitchen-sink/package.json
#	examples/cra-react15/package.json
#	examples/cra-ts-essentials/package.json
#	examples/cra-ts-kitchen-sink/package.json
#	examples/mithril-kitchen-sink/package.json
#	examples/official-storybook/package.json
#	lib/cli/src/versions.json
#	lib/core-server/src/__snapshots__/manager-dev
#	lib/core-server/src/__snapshots__/manager-prod
#	lib/core-server/src/__snapshots__/preview-dev
#	lib/core-server/src/__snapshots__/preview-prod
#	lib/core/package.json
#	lib/core/src/server/__snapshots__/cra-ts-essentials_manager-dev
#	lib/core/src/server/__snapshots__/manager-dev
#	lib/core/src/server/__snapshots__/manager-prod
#	lib/core/src/server/__snapshots__/preview-dev
#	lib/core/src/server/__snapshots__/preview-prod
#	lib/core/src/server/__snapshots__/vue-3-cli_manager-dev
#	lib/core/src/server/__snapshots__/vue-3-cli_preview-dev
#	lib/core/src/server/__snapshots__/vue-3-cli_preview-prod
#	lib/core/src/server/core-presets.test.ts
#	lib/ui/package.json
This commit is contained in:
Norbert de Langen 2021-02-18 15:58:31 +01:00
commit a337c757b2
No known key found for this signature in database
GPG Key ID: 976651DA156C2825
116 changed files with 7009 additions and 356 deletions

View File

@ -1,3 +1,20 @@
## 6.2.0-alpha.29 (February 18, 2021)
### Features
- Core: Sync args state to URL ([#13803](https://github.com/storybookjs/storybook/pull/13803))
- UI: Select search input value on / ([#13884](https://github.com/storybookjs/storybook/pull/13884))
### Bug Fixes
- Components: Add missing `regenerator-runtime` dependency ([#13916](https://github.com/storybookjs/storybook/pull/13916))
### Maintenance
- Core: Load middleware.cjs if it exists ([#13592](https://github.com/storybookjs/storybook/pull/13592))
- Build: Ensure consistency of Chromatic snapshots of Zoom stories ([#13932](https://github.com/storybookjs/storybook/pull/13932))
- Angular: Clean and improve angular-cli examples ([#13886](https://github.com/storybookjs/storybook/pull/13886))
## 6.2.0-alpha.28 (February 15, 2021)
### Bug Fixes

View File

@ -77,7 +77,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Accessibility",
"icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",

View File

@ -74,7 +74,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Actions",
"unsupportedFrameworks": [

View File

@ -72,7 +72,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Backgrounds",
"icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",

View File

@ -121,7 +121,7 @@ export default {
title: 'Button',
argTypes: {
label: { control: 'text' },
borderWidth: { control: { type: 'number', min: 0, max: 10 }},
borderWidth: { control: { type: 'number', min: 0, max: 10 } },
},
};

View File

@ -65,7 +65,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Controls",
"icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",

View File

@ -2,7 +2,7 @@ import React, { FC } from 'react';
import { ArgsTable, NoControlsWarning } from '@storybook/components';
import { useArgs, useArgTypes, useParameter } from '@storybook/api';
import { PARAM_KEY } from '../constants';
import { PARAM_KEY } from './constants';
interface ControlsParameters {
expanded?: boolean;
@ -17,10 +17,13 @@ export const ControlsPanel: FC = () => {
PARAM_KEY,
{}
);
const hasControls = Object.values(rows).filter((argType) => !!argType?.control).length > 0;
const hasControls = Object.values(rows).some((arg) => arg?.control);
const showWarning = !(hasControls && isArgsStory) && !hideNoControlsWarning;
return (
<>
{(hasControls && isArgsStory) || hideNoControlsWarning ? null : <NoControlsWarning />}
{showWarning && <NoControlsWarning />}
<ArgsTable
{...{
compact: !expanded && hasControls,

View File

@ -1,23 +0,0 @@
import React from 'react';
import { styled } from '@storybook/theming';
import { Link } from '@storybook/components';
const NoControlsWrapper = styled.div(({ theme }) => ({
background: theme.background.warning,
padding: '10px 15px',
lineHeight: '20px',
boxShadow: `${theme.appBorderColor} 0 -1px 0 0 inset`,
}));
export const NoControlsWarning = () => (
<NoControlsWrapper>
This story is not configured to handle controls.&nbsp;
<Link
href="https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#writing-stories"
target="_blank"
cancel={false}
>
Learn how to add controls »
</Link>
</NoControlsWrapper>
);

View File

@ -1,14 +1,18 @@
import React from 'react';
import addons, { types } from '@storybook/addons';
import { AddonPanel } from '@storybook/components';
import { API } from '@storybook/api';
import { ControlsPanel } from './components/ControlsPanel';
import { getTitle } from './title';
import { API, useArgTypes } from '@storybook/api';
import { ControlsPanel } from './ControlsPanel';
import { ADDON_ID, PARAM_KEY } from './constants';
addons.register(ADDON_ID, (api: API) => {
addons.addPanel(ADDON_ID, {
title: getTitle,
title() {
const rows = useArgTypes();
const controlsCount = Object.values(rows).filter((argType) => argType?.control).length;
const suffix = controlsCount === 0 ? '' : ` (${controlsCount})`;
return `Controls${suffix}`;
},
type: types.PANEL,
paramKey: PARAM_KEY,
render: ({ key, active }) => {

View File

@ -1,8 +0,0 @@
import { useArgTypes } from '@storybook/api';
export function getTitle(): string {
const rows = useArgTypes();
const controlsCount = Object.values(rows).filter((argType) => argType?.control).length;
const suffix = controlsCount === 0 ? '' : ` (${controlsCount})`;
return `Controls${suffix}`;
}

View File

@ -67,7 +67,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "CSS Resources",
"unsupportedFrameworks": [

View File

@ -68,7 +68,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Design assets",
"unsupportedFrameworks": [

View File

@ -173,7 +173,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Docs",
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",

View File

@ -79,5 +79,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -70,7 +70,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Events",
"unsupportedFrameworks": [

View File

@ -53,7 +53,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Google Analytics",
"icon": "https://pbs.twimg.com/profile_images/1021848775885651968/cU74ahCn_400x400.jpg",

View File

@ -65,7 +65,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "GraphiQL IDE",
"icon": "https://pbs.twimg.com/profile_images/618131103509909504/VQLBJ0TR_400x400.png",

View File

@ -72,7 +72,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Jest",
"icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",

View File

@ -81,7 +81,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Knobs",
"unsupportedFrameworks": [

View File

@ -68,7 +68,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Links",
"icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",

View File

@ -68,7 +68,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Query params",
"unsupportedFrameworks": [

View File

@ -130,7 +130,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Storyshots",
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",

View File

@ -60,5 +60,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -71,7 +71,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Storysource",
"icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",

View File

@ -62,7 +62,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Toolbars",
"icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",

View File

@ -65,7 +65,7 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46",
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821",
"storybook": {
"displayName": "Viewport",
"icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",

View File

@ -42,7 +42,7 @@
},
"dependencies": {
"@storybook/addons": "6.2.0-alpha.29",
"@storybook/api": "^6.2.0-alpha.28",
"@storybook/api": "6.2.0-alpha.29",
"@storybook/core": "6.2.0-alpha.29",
"@storybook/core-common": "6.2.0-alpha.29",
"@storybook/node-logger": "6.2.0-alpha.29",
@ -120,5 +120,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -71,4 +71,4 @@
"access": "public"
},
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}
}

View File

@ -61,5 +61,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -64,5 +64,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -62,5 +62,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -65,5 +65,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -69,5 +69,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -67,5 +67,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -65,5 +65,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -90,5 +90,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -74,5 +74,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -66,5 +66,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -69,5 +69,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -77,5 +77,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -76,5 +76,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -74,5 +74,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -33,5 +33,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -39,5 +39,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -31,5 +31,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -40,5 +40,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -48,6 +48,7 @@ Learn how leading teams build design systems.
- [AnyVision UI](http://storybook.anyvision.co/)
- [Skyscanner Backpack](https://backpack.github.io/storybook/)
- [GitLab UI](https://gitlab-org.gitlab.io/gitlab-ui)
- [Audi](https://react.ui.audi/)
<!--

View File

@ -1 +1 @@
{"version":"6.2.0-alpha.28","info":{"plain":"### Bug Fixes\n\n- Addon-actions: Change to override default values ([#13912](https://github.com/storybookjs/storybook/pull/13912))\n- CLI: Add safe check for eslint overrides ([#13717](https://github.com/storybookjs/storybook/pull/13717))\n\n### Maintenance\n\n- CLI: Don't try to add packages that are already installed ([#13876](https://github.com/storybookjs/storybook/pull/13876))"}}
{"version":"6.2.0-alpha.29","info":{"plain":"### Features\n\n- Core: Sync args state to URL ([#13803](https://github.com/storybookjs/storybook/pull/13803))\n- UI: Select search input value on / ([#13884](https://github.com/storybookjs/storybook/pull/13884))\n\n### Bug Fixes\n\n- Components: Add missing `regenerator-runtime` dependency ([#13916](https://github.com/storybookjs/storybook/pull/13916))\n\n### Maintenance\n\n- Core: Load middleware.cjs if it exists ([#13592](https://github.com/storybookjs/storybook/pull/13592))\n- Build: Ensure consistency of Chromatic snapshots of Zoom stories ([#13932](https://github.com/storybookjs/storybook/pull/13932))\n- Angular: Clean and improve angular-cli examples ([#13886](https://github.com/storybookjs/storybook/pull/13886))"}}

View File

@ -98,6 +98,27 @@ Args are useful when writing stories for composite components that are assembled
<!-- prettier-ignore-end -->
## Setting args through the URL
Initial args for the currently active story can be overruled by setting the `args` query parameter on the URL. Typically, you would use the Controls addon to handle this automatically, but you can also manually tweak the URL if desired. An example of Storybook URL query params could look like this:
```
?path=/story/avatar--default&args=style:rounded;size:100
```
In order to protect against [XSS](https://owasp.org/www-community/attacks/xss/) attacks, keys and values of args specified through the URL are limited to alphanumeric characters, spaces, underscores and dashes. Any args that don't abide these restrictions will be ignored and stripped, but can still be used through code and manipulated through the Controls addon.
The `args` param is always a set of `key:value` pairs delimited with a semicolon `;`. Note that values will always be interpreted as strings. Objects and arrays are supported. For example, `args=obj.key:val;arr[]:one;arr[]:two` will be interpreted as:
```
{
obj: { key: 'val' },
arr: ['one', 'two']
}
```
Args specified through the URL will extend and override any default values of args specified on the story.
<details>
<summary>Using args in addons</summary>

View File

@ -2,5 +2,5 @@
"npmClient": "yarn",
"useWorkspaces": true,
"registry": "https://registry.npmjs.org",
"version": "6.2.0-alpha.28"
"version": "6.2.0-alpha.29"
}

View File

@ -53,5 +53,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -48,6 +48,7 @@
"global": "^4.4.0",
"lodash": "^4.17.20",
"memoizerific": "^1.11.3",
"qs": "^6.9.5",
"regenerator-runtime": "^0.13.7",
"store2": "^2.12.0",
"telejson": "^5.1.0",
@ -58,8 +59,7 @@
"@types/lodash": "^4.14.167",
"@types/semver": "^7.3.4",
"flush-promises": "^1.0.2",
"preval.macro": "^5.0.0",
"qs": "^6.9.5"
"preval.macro": "^5.0.0"
},
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0",
@ -68,5 +68,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -432,7 +432,7 @@ export function useAddonState<S>(addonId: string, defaultState?: S) {
return useSharedState<S>(addonId, defaultState);
}
export function useArgs(): [Args, (newArgs: Args) => void, (argNames?: [string]) => void] {
export function useArgs(): [Args, (newArgs: Args) => void, (argNames?: string[]) => void] {
const { getCurrentStoryData, updateStoryArgs, resetStoryArgs } = useStorybookApi();
const data = getCurrentStoryData();
@ -441,7 +441,7 @@ export function useArgs(): [Args, (newArgs: Args) => void, (argNames?: [string])
return [
args,
(newArgs: Args) => updateStoryArgs(data as Story, newArgs),
(argNames?: [string]) => resetStoryArgs(data as Story, argNames),
(argNames?: string[]) => resetStoryArgs(data as Story, argNames),
];
}

View File

@ -59,6 +59,7 @@ export interface Story {
[parameterName: string]: any;
};
args: Args;
initialArgs: Args;
}
export interface StoryInput {
@ -78,6 +79,7 @@ export interface StoryInput {
};
isLeaf: boolean;
args: Args;
initialArgs: Args;
}
export interface StoriesHash {

View File

@ -62,7 +62,7 @@ export interface SubAPI {
) => Story['parameters'] | any;
getCurrentParameter<S>(parameterName?: ParameterName): S;
updateStoryArgs(story: Story, newArgs: Args): void;
resetStoryArgs: (story: Story, argNames?: [string]) => void;
resetStoryArgs: (story: Story, argNames?: string[]) => void;
findLeafStoryId(StoriesHash: StoriesHash, storyId: StoryId): StoryId;
}

View File

@ -1,11 +1,14 @@
import { navigate as navigateRouter, NavigateOptions } from '@reach/router';
import { queryFromLocation } from '@storybook/router';
import { NAVIGATE_URL, STORY_ARGS_UPDATED, SET_CURRENT_STORY } from '@storybook/core-events';
import { queryFromLocation, navigate as queryNavigate, buildArgsParam } from '@storybook/router';
import { toId, sanitize } from '@storybook/csf';
import { NAVIGATE_URL } from '@storybook/core-events';
import deepEqual from 'fast-deep-equal';
import { window } from 'global';
import { ModuleArgs, ModuleFn } from '../index';
import { PanelPositions } from './layout';
import { isStory } from '../lib/stories';
import type { Story } from '../lib/stories';
interface Additions {
isFullscreen?: boolean;
@ -117,24 +120,13 @@ export interface SubAPI {
export const init: ModuleFn = ({ store, navigate, state, provider, fullAPI, ...rest }) => {
const api: SubAPI = {
getQueryParam: (key) => {
getQueryParam(key) {
const { customQueryParams } = store.getState();
if (customQueryParams) {
return customQueryParams[key];
}
return undefined;
return customQueryParams ? customQueryParams[key] : undefined;
},
getUrlState: () => {
const { path, viewMode, storyId, url, customQueryParams } = store.getState();
const queryParams = customQueryParams;
return {
queryParams,
path,
viewMode,
storyId,
url,
};
getUrlState() {
const { path, customQueryParams, storyId, url, viewMode } = store.getState();
return { path, queryParams: customQueryParams, storyId, url, viewMode };
},
setQueryParams(input) {
const { customQueryParams } = store.getState();
@ -157,6 +149,29 @@ export const init: ModuleFn = ({ store, navigate, state, provider, fullAPI, ...r
};
const initModule = () => {
// Sets `args` parameter in URL, omitting any args that have their initial value or cannot be unserialized safely.
const updateArgsParam = (args?: Story['args']) => {
const currentStory = fullAPI.getCurrentStoryData();
const initialArgs = (isStory(currentStory) && currentStory.initialArgs) || {};
const argsString = buildArgsParam(initialArgs, args);
const argsParam = argsString.length ? `&args=${argsString}` : '';
queryNavigate(`${fullAPI.getUrlState().path}${argsParam}`, { replace: true });
api.setQueryParams({ args: argsString });
};
fullAPI.on(SET_CURRENT_STORY, () => updateArgsParam());
let handleOrId: any;
fullAPI.on(STORY_ARGS_UPDATED, ({ args }) => {
if ('requestIdleCallback' in window) {
if (handleOrId) window.cancelIdleCallback(handleOrId);
handleOrId = window.requestIdleCallback(() => updateArgsParam(args), { timeout: 1000 });
} else {
if (handleOrId) clearTimeout(handleOrId);
setTimeout(updateArgsParam, 100, args);
}
});
fullAPI.on(NAVIGATE_URL, (url: string, options: { [k: string]: any }) => {
fullAPI.navigateUrl(url, options);
});

View File

@ -1 +1 @@
export const version = '6.2.0-alpha.28';
export const version = '6.2.0-alpha.29';

View File

@ -47,5 +47,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -44,5 +44,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -43,5 +43,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -27,5 +27,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -28,5 +28,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -87,5 +87,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -1,61 +1,61 @@
{
"@storybook/addon-a11y": "6.2.0-alpha.28",
"@storybook/addon-actions": "6.2.0-alpha.28",
"@storybook/addon-backgrounds": "6.2.0-alpha.28",
"@storybook/addon-controls": "6.2.0-alpha.28",
"@storybook/addon-cssresources": "6.2.0-alpha.28",
"@storybook/addon-design-assets": "6.2.0-alpha.28",
"@storybook/addon-docs": "6.2.0-alpha.28",
"@storybook/addon-essentials": "6.2.0-alpha.28",
"@storybook/addon-events": "6.2.0-alpha.28",
"@storybook/addon-google-analytics": "6.2.0-alpha.28",
"@storybook/addon-graphql": "6.2.0-alpha.28",
"@storybook/addon-jest": "6.2.0-alpha.28",
"@storybook/addon-knobs": "6.2.0-alpha.28",
"@storybook/addon-links": "6.2.0-alpha.28",
"@storybook/addon-queryparams": "6.2.0-alpha.28",
"@storybook/addon-storyshots": "6.2.0-alpha.28",
"@storybook/addon-storyshots-puppeteer": "6.2.0-alpha.28",
"@storybook/addon-storysource": "6.2.0-alpha.28",
"@storybook/addon-toolbars": "6.2.0-alpha.28",
"@storybook/addon-viewport": "6.2.0-alpha.28",
"@storybook/addons": "6.2.0-alpha.28",
"@storybook/angular": "6.2.0-alpha.28",
"@storybook/api": "6.2.0-alpha.28",
"@storybook/aurelia": "6.2.0-alpha.28",
"@storybook/builder-webpack4": "6.2.0-alpha.28",
"@storybook/builder-webpack5": "6.2.0-alpha.28",
"@storybook/channel-postmessage": "6.2.0-alpha.28",
"@storybook/channel-websocket": "6.2.0-alpha.28",
"@storybook/channels": "6.2.0-alpha.28",
"@storybook/cli": "6.2.0-alpha.28",
"@storybook/client-api": "6.2.0-alpha.28",
"@storybook/client-logger": "6.2.0-alpha.28",
"@storybook/codemod": "6.2.0-alpha.28",
"@storybook/components": "6.2.0-alpha.28",
"@storybook/core": "6.2.0-alpha.28",
"@storybook/core-client": "6.2.0-alpha.28",
"@storybook/core-common": "6.2.0-alpha.28",
"@storybook/core-events": "6.2.0-alpha.28",
"@storybook/core-server": "6.2.0-alpha.28",
"@storybook/ember": "6.2.0-alpha.28",
"@storybook/html": "6.2.0-alpha.28",
"@storybook/marionette": "6.2.0-alpha.28",
"@storybook/marko": "6.2.0-alpha.28",
"@storybook/mithril": "6.2.0-alpha.28",
"@storybook/node-logger": "6.2.0-alpha.28",
"@storybook/postinstall": "6.2.0-alpha.28",
"@storybook/preact": "6.2.0-alpha.28",
"@storybook/rax": "6.2.0-alpha.28",
"@storybook/react": "6.2.0-alpha.28",
"@storybook/riot": "6.2.0-alpha.28",
"@storybook/router": "6.2.0-alpha.28",
"@storybook/server": "6.2.0-alpha.28",
"@storybook/source-loader": "6.2.0-alpha.28",
"@storybook/svelte": "6.2.0-alpha.28",
"@storybook/theming": "6.2.0-alpha.28",
"@storybook/ui": "6.2.0-alpha.28",
"@storybook/vue": "6.2.0-alpha.28",
"@storybook/vue3": "6.2.0-alpha.28",
"@storybook/web-components": "6.2.0-alpha.28"
"@storybook/addon-a11y": "6.2.0-alpha.29",
"@storybook/addon-actions": "6.2.0-alpha.29",
"@storybook/addon-backgrounds": "6.2.0-alpha.29",
"@storybook/addon-controls": "6.2.0-alpha.29",
"@storybook/addon-cssresources": "6.2.0-alpha.29",
"@storybook/addon-design-assets": "6.2.0-alpha.29",
"@storybook/addon-docs": "6.2.0-alpha.29",
"@storybook/addon-essentials": "6.2.0-alpha.29",
"@storybook/addon-events": "6.2.0-alpha.29",
"@storybook/addon-google-analytics": "6.2.0-alpha.29",
"@storybook/addon-graphql": "6.2.0-alpha.29",
"@storybook/addon-jest": "6.2.0-alpha.29",
"@storybook/addon-knobs": "6.2.0-alpha.29",
"@storybook/addon-links": "6.2.0-alpha.29",
"@storybook/addon-queryparams": "6.2.0-alpha.29",
"@storybook/addon-storyshots": "6.2.0-alpha.29",
"@storybook/addon-storyshots-puppeteer": "6.2.0-alpha.29",
"@storybook/addon-storysource": "6.2.0-alpha.29",
"@storybook/addon-toolbars": "6.2.0-alpha.29",
"@storybook/addon-viewport": "6.2.0-alpha.29",
"@storybook/addons": "6.2.0-alpha.29",
"@storybook/angular": "6.2.0-alpha.29",
"@storybook/api": "6.2.0-alpha.29",
"@storybook/aurelia": "6.2.0-alpha.29",
"@storybook/builder-webpack4": "6.2.0-alpha.29",
"@storybook/builder-webpack5": "6.2.0-alpha.29",
"@storybook/channel-postmessage": "6.2.0-alpha.29",
"@storybook/channel-websocket": "6.2.0-alpha.29",
"@storybook/channels": "6.2.0-alpha.29",
"@storybook/cli": "6.2.0-alpha.29",
"@storybook/client-api": "6.2.0-alpha.29",
"@storybook/client-logger": "6.2.0-alpha.29",
"@storybook/codemod": "6.2.0-alpha.29",
"@storybook/components": "6.2.0-alpha.29",
"@storybook/core": "6.2.0-alpha.29",
"@storybook/core-client": "6.2.0-alpha.29",
"@storybook/core-common": "6.2.0-alpha.29",
"@storybook/core-events": "6.2.0-alpha.29",
"@storybook/core-server": "6.2.0-alpha.29",
"@storybook/ember": "6.2.0-alpha.29",
"@storybook/html": "6.2.0-alpha.29",
"@storybook/marionette": "6.2.0-alpha.29",
"@storybook/marko": "6.2.0-alpha.29",
"@storybook/mithril": "6.2.0-alpha.29",
"@storybook/node-logger": "6.2.0-alpha.29",
"@storybook/postinstall": "6.2.0-alpha.29",
"@storybook/preact": "6.2.0-alpha.29",
"@storybook/rax": "6.2.0-alpha.29",
"@storybook/react": "6.2.0-alpha.29",
"@storybook/riot": "6.2.0-alpha.29",
"@storybook/router": "6.2.0-alpha.29",
"@storybook/server": "6.2.0-alpha.29",
"@storybook/source-loader": "6.2.0-alpha.29",
"@storybook/svelte": "6.2.0-alpha.29",
"@storybook/theming": "6.2.0-alpha.29",
"@storybook/ui": "6.2.0-alpha.29",
"@storybook/vue": "6.2.0-alpha.29",
"@storybook/vue3": "6.2.0-alpha.29",
"@storybook/web-components": "6.2.0-alpha.29"
}

View File

@ -62,5 +62,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -0,0 +1,99 @@
import { mapArgsToTypes } from './args';
const stringType = { name: 'string' };
const numberType = { name: 'number' };
const booleanType = { name: 'boolean' };
const functionType = { name: 'function' };
const numArrayType = { name: 'array', value: numberType };
const boolObjectType = { name: 'object', value: { bool: booleanType } };
describe('mapArgsToTypes', () => {
it('maps strings', () => {
expect(mapArgsToTypes({ a: 'str' }, { a: { type: stringType } })).toEqual({ a: 'str' });
expect(mapArgsToTypes({ a: 42 }, { a: { type: stringType } })).toEqual({ a: '42' });
});
it('maps numbers', () => {
expect(mapArgsToTypes({ a: '42' }, { a: { type: numberType } })).toEqual({ a: 42 });
expect(mapArgsToTypes({ a: 'a' }, { a: { type: numberType } })).toEqual({ a: NaN });
});
it('maps booleans', () => {
expect(mapArgsToTypes({ a: 'true' }, { a: { type: booleanType } })).toEqual({ a: true });
expect(mapArgsToTypes({ a: 'false' }, { a: { type: booleanType } })).toEqual({ a: false });
expect(mapArgsToTypes({ a: 'yes' }, { a: { type: booleanType } })).toEqual({ a: false });
});
it('omits functions', () => {
expect(mapArgsToTypes({ a: 'something' }, { a: { type: functionType } })).toEqual({});
});
it('omits unknown keys', () => {
expect(mapArgsToTypes({ a: 'string' }, { b: { type: stringType } })).toEqual({});
});
it('deeply maps objects', () => {
expect(
mapArgsToTypes(
{
key: {
arr: ['1', '2'],
obj: { bool: 'true' },
},
},
{
key: {
type: {
name: 'object',
value: {
arr: numArrayType,
obj: boolObjectType,
},
},
},
}
)
).toEqual({
key: {
arr: [1, 2],
obj: { bool: true },
},
});
});
it('deeply maps arrays', () => {
expect(
mapArgsToTypes(
{
key: [
{
arr: ['1', '2'],
obj: { bool: 'true' },
},
],
},
{
key: {
type: {
name: 'array',
value: {
name: 'object',
value: {
arr: numArrayType,
obj: boolObjectType,
},
},
},
},
}
)
).toEqual({
key: [
{
arr: [1, 2],
obj: { bool: true },
},
],
});
});
});

View File

@ -0,0 +1,35 @@
import { Args, ArgTypes } from '@storybook/addons';
type ValueType = { name: string; value?: ObjectValueType | ValueType };
type ObjectValueType = Record<string, ValueType>;
const map = (arg: any, type: ValueType): any => {
switch (type?.name) {
case 'string':
return String(arg);
case 'number':
return Number(arg);
case 'boolean':
return arg === 'true';
case 'array':
if (!type.value || !Array.isArray(arg)) return undefined;
return arg.reduce((acc, item) => {
const mapped = map(item, type.value as ValueType);
return mapped === undefined ? acc : acc.concat([mapped]);
}, []);
case 'object':
if (!type.value || typeof arg !== 'object') return undefined;
return Object.entries(arg).reduce((acc, [key, val]) => {
const mapped = map(val, (type.value as ObjectValueType)[key]);
return mapped === undefined ? acc : Object.assign(acc, { [key]: mapped });
}, {} as Args);
default:
return undefined;
}
};
export const mapArgsToTypes = (args: Args, argTypes: ArgTypes): Args => {
return Object.entries(args).reduce((acc, [key, value]) => {
return Object.assign(acc, { [key]: map(value, argTypes[key]?.type) });
}, {});
};

View File

@ -878,6 +878,30 @@ describe('preview.story_store', () => {
});
});
describe('with args', () => {
it('overrides args on the story', () => {
const store = new StoryStore({ channel });
const argTypes = {
a: { type: { name: 'number' }, defaultValue: 1 },
b: { type: { name: 'number' }, defaultValue: 2 },
c: { type: { name: 'boolean' } },
};
store.setSelectionSpecifier({
storySpecifier: 'a--1',
viewMode: 'story',
args: {
a: 2,
b: 'two',
c: 'true',
},
});
addStoryToStore(store, 'a', '1', () => 0, { argTypes });
store.finishConfiguring();
expect(store._stories['a--1'].args).toEqual({ a: 2, b: NaN, c: true });
});
});
describe('if you use no specifier', () => {
it('selects nothing', () => {
const store = new StoryStore({ channel });

View File

@ -33,6 +33,7 @@ import {
StoreSelectionSpecifier,
StoreSelection,
} from './types';
import { mapArgsToTypes } from './args';
import { HooksContext } from './hooks';
import { storySort } from './storySort';
import { combineParameters } from './parameters';
@ -219,7 +220,8 @@ export default class StoryStore {
const stories = this.sortedStories();
let foundStory;
if (this._selectionSpecifier && !this._selection) {
const { storySpecifier, viewMode } = this._selectionSpecifier;
const { storySpecifier, viewMode, args } = this._selectionSpecifier;
if (storySpecifier === '*') {
// '*' means select the first story. If there is none, we have no selection.
[foundStory] = stories;
@ -237,6 +239,10 @@ export default class StoryStore {
}
if (foundStory) {
if (args && foundStory.args) {
const mappedUrlArgs = mapArgsToTypes(args, foundStory.argTypes);
foundStory.args = combineParameters(foundStory.args, mappedUrlArgs);
}
this.setSelection({ storyId: foundStory.id, viewMode });
this._channel.emit(Events.STORY_SPECIFIED, { storyId: foundStory.id, viewMode });
}

View File

@ -36,6 +36,7 @@ type StorySpecifier = StoryId | { name: StoryName; kind: StoryKind } | '*';
export interface StoreSelectionSpecifier {
storySpecifier: StorySpecifier;
viewMode: ViewMode;
args?: Args;
}
export interface StoreSelection {

View File

@ -42,5 +42,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -29,6 +29,21 @@ export const logger = {
currentLogLevelNumber < levels.silent && console.log(message, ...rest),
} as const;
const logged = new Set();
export const once = (type: keyof typeof logger) => (message: any, ...rest: any[]) => {
if (logged.has(message)) return undefined;
logged.add(message);
return logger[type](message, ...rest);
};
once.clear = () => logged.clear();
once.trace = once('trace');
once.debug = once('debug');
once.info = once('info');
once.warn = once('warn');
once.error = once('error');
once.log = once('log');
export const pretty = (type: keyof typeof logger) => (...args: string[]) => {
const argArray = [];

View File

@ -56,5 +56,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -69,5 +69,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -12,13 +12,14 @@ const NoControlsWrapper = styled.div(({ theme }) => ({
export const NoControlsWarning = () => (
<NoControlsWrapper>
This story is not configured to handle controls.&nbsp;
This story is not configured to handle controls.{' '}
<Link
href="https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#writing-stories"
href="https://storybook.js.org/docs/react/essentials/controls"
target="_blank"
cancel={false}
withArrow
>
Learn how to add controls »
Learn how to add controls
</Link>
</NoControlsWrapper>
);

View File

@ -0,0 +1,184 @@
import { parseArgsParam } from './parseArgsParam';
jest.mock('@storybook/client-logger', () => ({
once: { warn: jest.fn() },
}));
describe('parseArgsParam', () => {
it('parses a simple key-value pair', () => {
const args = parseArgsParam('key:val');
expect(args).toEqual({ key: 'val' });
});
it('parses a space', () => {
const args = parseArgsParam('key:one+two');
expect(args).toEqual({ key: 'one two' });
});
it('parses multiple values', () => {
const args = parseArgsParam('one:1;two:2;three:3');
expect(args).toEqual({ one: '1', two: '2', three: '3' });
});
it('parses arrays', () => {
const args = parseArgsParam('arr[]:1;arr[]:2;arr[]:3');
expect(args).toEqual({ arr: ['1', '2', '3'] });
});
it('parses arrays with indices', () => {
const args = parseArgsParam('arr[0]:1;arr[1]:2;arr[2]:3');
expect(args).toEqual({ arr: ['1', '2', '3'] });
});
it('parses repeated values as arrays', () => {
const args = parseArgsParam('arr:1;arr:2;arr:3');
expect(args).toEqual({ arr: ['1', '2', '3'] });
});
it('parses simple objects', () => {
const args = parseArgsParam('obj.one:1;obj.two:2');
expect(args).toEqual({ obj: { one: '1', two: '2' } });
});
it('parses nested objects', () => {
const args = parseArgsParam('obj.foo.one:1;obj.foo.two:2;obj.bar.one:1');
expect(args).toEqual({ obj: { foo: { one: '1', two: '2' }, bar: { one: '1' } } });
});
it('parses arrays in objects', () => {
expect(parseArgsParam('obj.foo[]:1;obj.foo[]:2')).toEqual({ obj: { foo: ['1', '2'] } });
expect(parseArgsParam('obj.foo[0]:1;obj.foo[1]:2')).toEqual({ obj: { foo: ['1', '2'] } });
expect(parseArgsParam('obj.foo:1;obj.foo:2')).toEqual({ obj: { foo: ['1', '2'] } });
});
it('parses single object in array', () => {
const args = parseArgsParam('arr[].one:1;arr[].two:2');
expect(args).toEqual({ arr: [{ one: '1', two: '2' }] });
});
it('parses multiple objects in array', () => {
expect(parseArgsParam('arr[0].key:1;arr[1].key:2')).toEqual({
arr: [{ key: '1' }, { key: '2' }],
});
expect(parseArgsParam('arr[0][key]:1;arr[1][key]:2')).toEqual({
arr: [{ key: '1' }, { key: '2' }],
});
});
it('parses nested object in array', () => {
expect(parseArgsParam('arr[].foo.bar:val')).toEqual({ arr: [{ foo: { bar: 'val' } }] });
expect(parseArgsParam('arr[][foo][bar]:val')).toEqual({ arr: [{ foo: { bar: 'val' } }] });
});
describe('key sanitization', () => {
it("omits keys that aren't in the extended alphanumeric set", () => {
expect(parseArgsParam('a`b:val')).toEqual({});
expect(parseArgsParam('a~b:val')).toEqual({});
expect(parseArgsParam('a!b:val')).toEqual({});
expect(parseArgsParam('a@b:val')).toEqual({});
expect(parseArgsParam('a#b:val')).toEqual({});
expect(parseArgsParam('a$b:val')).toEqual({});
expect(parseArgsParam('a%b:val')).toEqual({});
expect(parseArgsParam('a^b:val')).toEqual({});
expect(parseArgsParam('a&b:val')).toEqual({});
expect(parseArgsParam('a*b:val')).toEqual({});
expect(parseArgsParam('a(b:val')).toEqual({});
expect(parseArgsParam('a)b:val')).toEqual({});
expect(parseArgsParam('a=b:val')).toEqual({});
expect(parseArgsParam('"b":val')).toEqual({});
expect(parseArgsParam('a/b:val')).toEqual({});
expect(parseArgsParam('a\\b:val')).toEqual({});
expect(parseArgsParam('a|b:val')).toEqual({});
expect(parseArgsParam('a[b:val')).toEqual({});
expect(parseArgsParam('a]b:val')).toEqual({});
expect(parseArgsParam('a{b:val')).toEqual({});
expect(parseArgsParam('a}b:val')).toEqual({});
expect(parseArgsParam('a?b:val')).toEqual({});
expect(parseArgsParam('a<b:val')).toEqual({});
expect(parseArgsParam('a>b:val')).toEqual({});
expect(parseArgsParam('a,b:val')).toEqual({});
});
it('allows keys that are in the extended alphanumeric set', () => {
expect(parseArgsParam(' key :val')).toEqual({ ' key ': 'val' });
expect(parseArgsParam('+key+:val')).toEqual({ ' key ': 'val' });
expect(parseArgsParam('-key-:val')).toEqual({ '-key-': 'val' });
expect(parseArgsParam('_key_:val')).toEqual({ _key_: 'val' });
expect(parseArgsParam('KEY123:val')).toEqual({ KEY123: 'val' });
expect(parseArgsParam('1:val')).toEqual({ '1': 'val' });
});
it('also applies to nested object keys', () => {
expect(parseArgsParam('obj.a!b:val')).toEqual({});
expect(parseArgsParam('obj[a!b]:val')).toEqual({});
expect(parseArgsParam('arr[][a!b]:val')).toEqual({});
expect(parseArgsParam('arr[0][a!b]:val')).toEqual({});
});
it('completely omits an arg when a (deeply) nested key is invalid', () => {
expect(parseArgsParam('obj.foo.a!b:val;obj.foo.bar:val;obj.baz:val')).toEqual({});
expect(parseArgsParam('obj.foo[][a!b]:val;obj.foo.bar:val;obj.baz:val')).toEqual({});
expect(parseArgsParam('obj.foo.a!b:val;key:val')).toEqual({ key: 'val' });
});
});
describe('value sanitization', () => {
it("omits values that aren't in the extended alphanumeric set", () => {
expect(parseArgsParam('key:a`b')).toEqual({});
expect(parseArgsParam('key:a~b')).toEqual({});
expect(parseArgsParam('key:a!b')).toEqual({});
expect(parseArgsParam('key:a@b')).toEqual({});
expect(parseArgsParam('key:a#b')).toEqual({});
expect(parseArgsParam('key:a$b')).toEqual({});
expect(parseArgsParam('key:a%b')).toEqual({});
expect(parseArgsParam('key:a^b')).toEqual({});
expect(parseArgsParam('key:a&b')).toEqual({});
expect(parseArgsParam('key:a*b')).toEqual({});
expect(parseArgsParam('key:a(b')).toEqual({});
expect(parseArgsParam('key:a)b')).toEqual({});
expect(parseArgsParam('key:a=b')).toEqual({});
expect(parseArgsParam('key:a[b')).toEqual({});
expect(parseArgsParam('key:a]b')).toEqual({});
expect(parseArgsParam('key:a{b')).toEqual({});
expect(parseArgsParam('key:a}b')).toEqual({});
expect(parseArgsParam('key:a\\b')).toEqual({});
expect(parseArgsParam('key:a|b')).toEqual({});
expect(parseArgsParam("key:a'b")).toEqual({});
expect(parseArgsParam('key:a"b')).toEqual({});
expect(parseArgsParam('key:a,b')).toEqual({});
expect(parseArgsParam('key:a.b')).toEqual({});
expect(parseArgsParam('key:a<b')).toEqual({});
expect(parseArgsParam('key:a>b')).toEqual({});
expect(parseArgsParam('key:a/b')).toEqual({});
expect(parseArgsParam('key:a?b')).toEqual({});
});
it('allows values that are in the extended alphanumeric set', () => {
expect(parseArgsParam('key: val ')).toEqual({ key: ' val ' });
expect(parseArgsParam('key:+val+')).toEqual({ key: ' val ' });
expect(parseArgsParam('key:_val_')).toEqual({ key: '_val_' });
expect(parseArgsParam('key:-val-')).toEqual({ key: '-val-' });
expect(parseArgsParam('key:VAL123')).toEqual({ key: 'VAL123' });
expect(parseArgsParam('key:1')).toEqual({ key: '1' });
});
it('also applies to nested object and array values', () => {
expect(parseArgsParam('obj.key:a!b')).toEqual({});
expect(parseArgsParam('obj[key]:a!b')).toEqual({});
expect(parseArgsParam('arr[][key]:a!b')).toEqual({});
expect(parseArgsParam('arr[0][key]:a!b')).toEqual({});
expect(parseArgsParam('arr[]:a!b')).toEqual({});
expect(parseArgsParam('arr[0]:a!b')).toEqual({});
});
it('completely omits an arg when a (deeply) nested value is invalid', () => {
expect(parseArgsParam('obj.key:a!b;obj.foo:val;obj.bar.baz:val')).toEqual({});
expect(parseArgsParam('obj.arr[]:a!b;obj.foo:val;obj.bar.baz:val')).toEqual({});
expect(parseArgsParam('obj.arr[0]:val;obj.arr[1]:a!b;obj.foo:val')).toEqual({});
expect(parseArgsParam('obj.arr[][one]:a!b;obj.arr[][two]:val')).toEqual({});
expect(parseArgsParam('arr[]:val;arr[]:a!b;key:val')).toEqual({ key: 'val' });
expect(parseArgsParam('arr[0]:val;arr[1]:a!1;key:val')).toEqual({ key: 'val' });
expect(parseArgsParam('arr[0]:val;arr[2]:a!1;key:val')).toEqual({ key: 'val' });
});
});
});

View File

@ -0,0 +1,28 @@
import qs from 'qs';
import { Args } from '@storybook/addons';
import { once } from '@storybook/client-logger';
// Keep this in sync with validateArgs in @storybook/core
const VALIDATION_REGEXP = /^[a-zA-Z0-9 _-]*$/;
const validateArgs = (key = '', value: any = ''): boolean => {
if (key === null || value === null) return false;
if (key === '' || !VALIDATION_REGEXP.test(key)) return false;
if (typeof value === 'string') return VALIDATION_REGEXP.test(value);
if (Array.isArray(value)) return value.every((v) => validateArgs(key, v));
return Object.entries(value).every(([k, v]) => validateArgs(k, v));
};
const QS_OPTIONS = {
delimiter: ';', // we're parsing a single query param
allowDots: true, // objects are encoded using dot notation
};
export const parseArgsParam = (argsString: string): Args => {
const parts = argsString.split(';').map((part) => part.replace('=', '~').replace(':', '='));
return Object.entries(qs.parse(parts.join(';'), QS_OPTIONS)).reduce((acc, [key, value]) => {
if (validateArgs(key, value)) return Object.assign(acc, { [key]: value });
once.warn(
'Omitted potentially unsafe URL args.\n\nMore info: https://storybook.js.org/docs/react/writing-stories/args#setting-args-through-the-url'
);
return acc;
}, {} as Args);
};

View File

@ -20,7 +20,7 @@ jest.mock('global', () => ({
getElementById: jest.fn().mockReturnValue({}),
body: { classList: { add: jest.fn(), remove: jest.fn() }, style: {} },
documentElement: {},
location: { search: '?id=kind--story' },
location: { search: '?id=kind--story&args=a:2;b:two;c:true' },
},
}));
@ -75,6 +75,26 @@ it('calls render when you add a story', async () => {
expect(render).toHaveBeenCalledWith(expect.objectContaining({ kind: 'kind', name: 'story' }));
});
it('uses args from URL param when rendering story', async () => {
const render = jest.fn();
const argTypes = {
a: { type: { name: 'number' }, defaultValue: 1 },
b: { type: { name: 'number' }, defaultValue: 1 },
c: { type: { name: 'boolean' } },
};
const { clientApi, configApi } = start(render);
configApi.configure(() => {
clientApi.storiesOf('kind', {} as NodeModule).add('story', () => {}, { argTypes });
}, {} as NodeModule);
await sleep(0);
expect(render).toHaveBeenCalledWith(
expect.objectContaining({ kind: 'kind', name: 'story', args: { a: 2, b: NaN, c: true } })
);
});
it('emits an exception and shows error when your story throws', async () => {
const render = jest.fn().mockImplementation(() => {
throw new Error('Some exception');

View File

@ -89,5 +89,13 @@ describe('url', () => {
viewMode: 'story',
});
});
it('should parse args', () => {
document.location.search = '?id=story--id&args=obj.key:val';
expect(getSelectionSpecifierFromPath()).toEqual({
storySpecifier: 'story--id',
viewMode: 'story',
args: { obj: { key: 'val' } },
});
});
});
});

View File

@ -4,6 +4,8 @@ import deprecate from 'util-deprecate';
import { StoreSelectionSpecifier, StoreSelection } from '@storybook/client-api';
import { StoryId, ViewMode } from '@storybook/addons';
import { parseArgsParam } from './parseArgsParam';
export function pathToId(path: string) {
const match = (path || '').match(/^\/story\/(.+)/);
if (!match) {
@ -19,16 +21,16 @@ export const setPath = (selection?: StoreSelection) => {
}
const { storyId, viewMode }: { storyId: StoryId; viewMode: ViewMode } = selection;
const { search, hash } = document.location;
const { search = '', hash = '' } = document.location;
const { path, selectedKind, selectedStory, ...rest } = qs.parse(search, {
ignoreQueryPrefix: true,
});
const newPath = `${document.location.pathname}?${qs.stringify({
...rest,
id: storyId,
viewMode,
})}${hash || ''}`;
history.replaceState({}, '', newPath);
const query = qs.stringify(
{ ...rest, id: storyId, viewMode },
{ encode: false, addQueryPrefix: true }
);
history.replaceState({}, '', `${document.location.pathname}${query}${hash}`);
};
export const parseQueryParameters = (search: string) => {
@ -60,8 +62,10 @@ const deprecatedLegacyQuery = deprecate(
Use \`id=$storyId\` instead.
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-url-structure`
);
export const getSelectionSpecifierFromPath: () => StoreSelectionSpecifier = () => {
const query = qs.parse(document.location.search, { ignoreQueryPrefix: true });
const args = typeof query.args === 'string' ? parseArgsParam(query.args) : undefined;
let viewMode = getFirstString(query.viewMode) as ViewMode;
if (typeof viewMode !== 'string' || !viewMode.match(/docs|story/)) {
@ -72,7 +76,7 @@ export const getSelectionSpecifierFromPath: () => StoreSelectionSpecifier = () =
const storyId = path ? pathToId(path) : getFirstString(query.id);
if (storyId) {
return { storySpecifier: storyId, viewMode };
return { storySpecifier: storyId, args, viewMode };
}
// Legacy URL format
@ -81,7 +85,7 @@ export const getSelectionSpecifierFromPath: () => StoreSelectionSpecifier = () =
if (kind && name) {
deprecatedLegacyQuery();
return { storySpecifier: { kind, name }, viewMode };
return { storySpecifier: { kind, name }, args, viewMode };
}
return null;
};

View File

@ -41,5 +41,5 @@
"publishConfig": {
"access": "public"
},
"gitHead": "899ca0824d698925edcc519c7afc7408f7b1ab46"
"gitHead": "66dbae1b4f46f0a654cca2a32410f4654ca48821"
}

View File

@ -0,0 +1,223 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`angular-cli manager dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/storysource/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/links/dist/esm/register.js",
"ROOT/addons/knobs/dist/esm/register.js",
"ROOT/addons/jest/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/a11y/dist/esm/register.js",
"ROOT/addons/toolbars/dist/esm/register.js",
"ROOT/examples/angular-cli/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
Object {
"exclude": Array [
"NODE_MODULES/",
"/dist/",
],
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"CaseSensitivePathsPlugin",
"DefinePlugin",
"DefinePlugin",
],
}
`;

View File

@ -0,0 +1,224 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`angular-cli manager production mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/storysource/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/links/dist/esm/register.js",
"ROOT/addons/knobs/dist/esm/register.js",
"ROOT/addons/jest/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/a11y/dist/esm/register.js",
"ROOT/addons/toolbars/dist/esm/register.js",
"ROOT/examples/angular-cli/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
Object {
"exclude": Array [
"NODE_MODULES/",
"/dist/",
],
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"CaseSensitivePathsPlugin",
"DefinePlugin",
"DefinePlugin",
"BundleAnalyzerPlugin",
],
}
`;

View File

@ -0,0 +1,544 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`angular-cli preview dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/server/preview/globals.ts",
"ROOT/examples/angular-cli/.storybook/storybook-init-framework-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/react/config.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
"ROOT/addons/links/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/knobs/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yRunner.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yHighlight.js-generated-other-entry.js",
"ROOT/examples/angular-cli/.storybook/preview.ts-generated-config-entry.js",
"ROOT/examples/angular-cli/.storybook/generated-stories-entry.js",
"NODE_MODULES/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"plugins",
"module",
"resolve",
"resolveLoader",
"optimization",
"performance",
],
"module": Object {
"rules": Array [
Object {
"exclude": "NODE_MODULES/",
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.md$/",
"use": Array [
Object {
"loader": "NODE_MODULES/raw-loader/dist/cjs.js",
},
],
},
Object {
"include": "NODE_MODULES\\\\/acorn-jsx/",
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": "commonjs",
},
],
],
},
},
],
},
Object {
"test": "/\\\\.(stories|story)\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"compilers": Array [
[Function],
],
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"exclude": "/\\\\.(stories|story)\\\\.mdx$/",
"test": "/\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"enforce": "pre",
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": Object {
"injectStoryParameters": true,
"inspectLocalDependencies": true,
},
"test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
},
Object {
"enforce": "pre",
"test": Array [
"/\\\\.stories\\\\.(jsx?$|tsx?$)/",
],
"use": Array [
Object {
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": undefined,
},
],
},
Object {
"sideEffects": true,
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/dist/cjs.js",
"options": Object {
"postcssOptions": [Function],
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"esModule": false,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"FilterWarningsPlugin",
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"DefinePlugin",
"WatchMissingNodeModulesPlugin",
"HotModuleReplacementPlugin",
"CaseSensitivePathsPlugin",
"ProgressPlugin",
"DefinePlugin",
"DocgenPlugin",
],
}
`;

View File

@ -0,0 +1,541 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`angular-cli preview production mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/server/preview/globals.ts",
"ROOT/examples/angular-cli/.storybook/storybook-init-framework-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/react/config.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
"ROOT/addons/links/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/knobs/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yRunner.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yHighlight.js-generated-other-entry.js",
"ROOT/examples/angular-cli/.storybook/preview.ts-generated-config-entry.js",
"ROOT/examples/angular-cli/.storybook/generated-stories-entry.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"plugins",
"module",
"resolve",
"resolveLoader",
"optimization",
"performance",
],
"module": Object {
"rules": Array [
Object {
"exclude": "NODE_MODULES/",
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.md$/",
"use": Array [
Object {
"loader": "NODE_MODULES/raw-loader/dist/cjs.js",
},
],
},
Object {
"include": "NODE_MODULES\\\\/acorn-jsx/",
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": "commonjs",
},
],
],
},
},
],
},
Object {
"test": "/\\\\.(stories|story)\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"compilers": Array [
[Function],
],
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"exclude": "/\\\\.(stories|story)\\\\.mdx$/",
"test": "/\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"enforce": "pre",
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": Object {
"injectStoryParameters": true,
"inspectLocalDependencies": true,
},
"test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
},
Object {
"enforce": "pre",
"test": Array [
"/\\\\.stories\\\\.(jsx?$|tsx?$)/",
],
"use": Array [
Object {
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": undefined,
},
],
},
Object {
"sideEffects": true,
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/dist/cjs.js",
"options": Object {
"postcssOptions": [Function],
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"esModule": false,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"FilterWarningsPlugin",
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"DefinePlugin",
"CaseSensitivePathsPlugin",
"ProgressPlugin",
"DefinePlugin",
"DocgenPlugin",
],
}
`;

View File

@ -1,18 +1,32 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`manager dev mode 1`] = `
exports[`cra-ts-essentials manager dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core-server/src/globals/polyfills.ts",
"ROOT/lib/core-client/dist/esm/manager/index.js",
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/viewport/dist/esm/register.js",
"ROOT/addons/toolbars/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/storysource/dist/esm/register.js",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/examples/react-ts/generated-refs.js",
"ROOT/examples/cra-ts-essentials/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
@ -73,7 +87,7 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
@ -144,7 +158,7 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
],
@ -178,14 +192,14 @@ Object {
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"options": Object {
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},

View File

@ -0,0 +1,219 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`cra-ts-essentials manager production mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/toolbars/dist/esm/register.js",
"ROOT/examples/cra-ts-essentials/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
Object {
"exclude": Array [
"NODE_MODULES/",
"/dist/",
],
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"CaseSensitivePathsPlugin",
"DefinePlugin",
"DefinePlugin",
"BundleAnalyzerPlugin",
],
}
`;

View File

@ -0,0 +1,439 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`cra-ts-essentials preview dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/server/preview/globals.ts",
"ROOT/examples/cra-ts-essentials/.storybook/storybook-init-framework-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/react/config.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/examples/cra-ts-essentials/.storybook/preview.js-generated-config-entry.js",
"ROOT/examples/cra-ts-essentials/.storybook/generated-stories-entry.js",
"NODE_MODULES/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"plugins",
"module",
"resolve",
"resolveLoader",
"optimization",
"performance",
],
"module": Object {
"rules": Array [
Object {
"test": "/\\\\.md$/",
"use": Array [
Object {
"loader": "NODE_MODULES/raw-loader/dist/cjs.js",
},
],
},
Object {
"parser": Object {
"requireEnsure": false,
},
},
Object {
"enforce": "pre",
"include": Array [
"ROOT/src",
"ROOT/examples/cra-ts-essentials/.storybook",
],
"test": "/\\\\.(js|mjs|jsx|ts|tsx)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/eslint-loader/dist/cjs.js",
"options": Object {
"baseConfig": Object {
"extends": Array [
"NODE_MODULES/eslint-config-react-app/index.js",
],
},
"cache": true,
"eslintPath": "NODE_MODULES/eslint/lib/api.js",
"formatter": "NODE_MODULES/react-dev-utils/eslintFormatter.js",
"ignore": false,
"resolvePluginsRelativeTo": "NODE_MODULES/react-scripts/config",
"useEslintrc": false,
},
},
],
},
Object {
"oneOf": Array [
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"options": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": Array [
"/\\\\.bmp$/",
"/\\\\.gif$/",
"/\\\\.jpe?g$/",
"/\\\\.png$/",
],
},
Object {
"include": Array [
"ROOT/src",
"ROOT/examples/cra-ts-essentials/.storybook",
],
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheCompression": false,
"cacheDirectory": true,
"cacheIdentifier": "development:babel-plugin-named-asset-import@0.3.7:babel-preset-react-app@9.1.2:react-dev-utils@10.2.1:react-scripts@3.4.4",
"compact": false,
"configFile": false,
"customize": "NODE_MODULES/babel-preset-react-app/webpack-overrides.js",
"extends": undefined,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-named-asset-import/index.js",
Object {
"loaderMap": Object {
"svg": Object {
"ReactComponent": "@svgr/webpack?-svgo,+titleProp,+ref![path]",
},
},
},
],
],
"presets": Array [
"NODE_MODULES/babel-preset-react-app/index.js",
],
},
"test": "/\\\\.(js|mjs|jsx|ts|tsx)$/",
},
Object {
"exclude": "/@babel(?:\\\\/|\\\\\\\\{1,2})runtime/",
"include": Array [
"ROOT/examples/cra-ts-essentials/.storybook",
],
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheCompression": false,
"cacheDirectory": true,
"cacheIdentifier": "development:babel-plugin-named-asset-import@0.3.7:babel-preset-react-app@9.1.2:react-dev-utils@10.2.1:react-scripts@3.4.4",
"compact": false,
"configFile": false,
"inputSourceMap": true,
"presets": Array [
Array [
"NODE_MODULES/babel-preset-react-app/dependencies.js",
Object {
"helpers": true,
},
],
],
"sourceMaps": true,
},
"test": "/\\\\.(js|mjs)$/",
},
Object {
"exclude": Array [
"/\\\\.module\\\\.css$/",
"/@storybook/",
],
"include": undefined,
"sideEffects": true,
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/index.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
"sourceMap": false,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/src/index.js",
"options": Object {
"ident": "postcss",
"plugins": [Function],
"sourceMap": false,
},
},
],
},
Object {
"test": "/\\\\.module\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/index.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
"modules": Object {
"getLocalIdent": [Function],
},
"sourceMap": false,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/src/index.js",
"options": Object {
"ident": "postcss",
"plugins": [Function],
"sourceMap": false,
},
},
],
},
Object {
"exclude": "/\\\\.module\\\\.(scss|sass)$/",
"sideEffects": true,
"test": "/\\\\.(scss|sass)$/",
"use": Array [
"NODE_MODULES/style-loader/index.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 3,
"sourceMap": false,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/src/index.js",
"options": Object {
"ident": "postcss",
"plugins": [Function],
"sourceMap": false,
},
},
Object {
"loader": "NODE_MODULES/resolve-url-loader/index.js",
"options": Object {
"sourceMap": false,
},
},
Object {
"loader": "NODE_MODULES/sass-loader/dist/cjs.js",
"options": Object {
"sourceMap": true,
},
},
],
},
Object {
"test": "/\\\\.module\\\\.(scss|sass)$/",
"use": Array [
"NODE_MODULES/style-loader/index.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 3,
"modules": Object {
"getLocalIdent": [Function],
},
"sourceMap": false,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/src/index.js",
"options": Object {
"ident": "postcss",
"plugins": [Function],
"sourceMap": false,
},
},
Object {
"loader": "NODE_MODULES/resolve-url-loader/index.js",
"options": Object {
"sourceMap": false,
},
},
Object {
"loader": "NODE_MODULES/sass-loader/dist/cjs.js",
"options": Object {
"sourceMap": true,
},
},
],
},
Object {
"exclude": Array [
"/\\\\.(js|mjs|jsx|ts|tsx)$/",
"/\\\\.html$/",
"/\\\\.json$/",
"/\\\\.(ejs|md|mdx)$/",
],
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
},
],
},
Object {
"include": "NODE_MODULES\\\\/acorn-jsx/",
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": "commonjs",
},
],
],
},
},
],
},
Object {
"test": "/\\\\.(stories|story)\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [],
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"compilers": Array [
[Function],
],
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"exclude": "/\\\\.(stories|story)\\\\.mdx$/",
"test": "/\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [],
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"enforce": "pre",
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": Object {
"injectStoryParameters": true,
"inspectLocalDependencies": true,
},
"test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
},
],
},
"plugins": Array [
"FilterWarningsPlugin",
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"DefinePlugin",
"WatchMissingNodeModulesPlugin",
"HotModuleReplacementPlugin",
"CaseSensitivePathsPlugin",
"ProgressPlugin",
"InterpolateHtmlPlugin",
"ModuleNotFoundPlugin",
"ManifestPlugin",
"IgnorePlugin",
"ForkTsCheckerWebpackPlugin",
"DocgenPlugin",
],
}
`;

View File

@ -0,0 +1,459 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`cra-ts-essentials preview production mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/server/preview/globals.ts",
"ROOT/examples/cra-ts-essentials/.storybook/storybook-init-framework-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/react/config.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/examples/cra-ts-essentials/.storybook/preview.js-generated-config-entry.js",
"ROOT/examples/cra-ts-essentials/.storybook/generated-stories-entry.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"plugins",
"module",
"resolve",
"resolveLoader",
"optimization",
"performance",
],
"module": Object {
"rules": Array [
Object {
"test": "/\\\\.md$/",
"use": Array [
Object {
"loader": "NODE_MODULES/raw-loader/dist/cjs.js",
},
],
},
Object {
"parser": Object {
"requireEnsure": false,
},
},
Object {
"enforce": "pre",
"include": Array [
"ROOT/src",
"ROOT/examples/cra-ts-essentials/.storybook",
],
"test": "/\\\\.(js|mjs|jsx|ts|tsx)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/eslint-loader/dist/cjs.js",
"options": Object {
"baseConfig": Object {
"extends": Array [
"NODE_MODULES/eslint-config-react-app/index.js",
],
},
"cache": true,
"eslintPath": "NODE_MODULES/eslint/lib/api.js",
"formatter": "NODE_MODULES/react-dev-utils/eslintFormatter.js",
"ignore": false,
"resolvePluginsRelativeTo": "NODE_MODULES/react-scripts/config",
"useEslintrc": false,
},
},
],
},
Object {
"oneOf": Array [
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"options": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": Array [
"/\\\\.bmp$/",
"/\\\\.gif$/",
"/\\\\.jpe?g$/",
"/\\\\.png$/",
],
},
Object {
"include": Array [
"ROOT/src",
"ROOT/examples/cra-ts-essentials/.storybook",
],
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheCompression": false,
"cacheDirectory": true,
"cacheIdentifier": "production:babel-plugin-named-asset-import@0.3.7:babel-preset-react-app@9.1.2:react-dev-utils@10.2.1:react-scripts@3.4.4",
"compact": true,
"configFile": false,
"customize": "NODE_MODULES/babel-preset-react-app/webpack-overrides.js",
"extends": undefined,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-named-asset-import/index.js",
Object {
"loaderMap": Object {
"svg": Object {
"ReactComponent": "@svgr/webpack?-svgo,+titleProp,+ref![path]",
},
},
},
],
],
"presets": Array [
"NODE_MODULES/babel-preset-react-app/index.js",
],
},
"test": "/\\\\.(js|mjs|jsx|ts|tsx)$/",
},
Object {
"exclude": "/@babel(?:\\\\/|\\\\\\\\{1,2})runtime/",
"include": Array [
"ROOT/examples/cra-ts-essentials/.storybook",
],
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheCompression": false,
"cacheDirectory": true,
"cacheIdentifier": "production:babel-plugin-named-asset-import@0.3.7:babel-preset-react-app@9.1.2:react-dev-utils@10.2.1:react-scripts@3.4.4",
"compact": false,
"configFile": false,
"inputSourceMap": true,
"presets": Array [
Array [
"NODE_MODULES/babel-preset-react-app/dependencies.js",
Object {
"helpers": true,
},
],
],
"sourceMaps": true,
},
"test": "/\\\\.(js|mjs)$/",
},
Object {
"exclude": Array [
"/\\\\.module\\\\.css$/",
"/@storybook/",
],
"include": undefined,
"sideEffects": true,
"test": "/\\\\.css$/",
"use": Array [
Object {
"loader": "NODE_MODULES/mini-css-extract-plugin/dist/loader.js",
"options": Object {
"publicPath": "../../",
},
},
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
"sourceMap": true,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/src/index.js",
"options": Object {
"ident": "postcss",
"plugins": [Function],
"sourceMap": true,
},
},
],
},
Object {
"test": "/\\\\.module\\\\.css$/",
"use": Array [
Object {
"loader": "NODE_MODULES/mini-css-extract-plugin/dist/loader.js",
"options": Object {
"publicPath": "../../",
},
},
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
"modules": Object {
"getLocalIdent": [Function],
},
"sourceMap": true,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/src/index.js",
"options": Object {
"ident": "postcss",
"plugins": [Function],
"sourceMap": true,
},
},
],
},
Object {
"exclude": "/\\\\.module\\\\.(scss|sass)$/",
"sideEffects": true,
"test": "/\\\\.(scss|sass)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/mini-css-extract-plugin/dist/loader.js",
"options": Object {
"publicPath": "../../",
},
},
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 3,
"sourceMap": true,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/src/index.js",
"options": Object {
"ident": "postcss",
"plugins": [Function],
"sourceMap": true,
},
},
Object {
"loader": "NODE_MODULES/resolve-url-loader/index.js",
"options": Object {
"sourceMap": true,
},
},
Object {
"loader": "NODE_MODULES/sass-loader/dist/cjs.js",
"options": Object {
"sourceMap": true,
},
},
],
},
Object {
"test": "/\\\\.module\\\\.(scss|sass)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/mini-css-extract-plugin/dist/loader.js",
"options": Object {
"publicPath": "../../",
},
},
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 3,
"modules": Object {
"getLocalIdent": [Function],
},
"sourceMap": true,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/src/index.js",
"options": Object {
"ident": "postcss",
"plugins": [Function],
"sourceMap": true,
},
},
Object {
"loader": "NODE_MODULES/resolve-url-loader/index.js",
"options": Object {
"sourceMap": true,
},
},
Object {
"loader": "NODE_MODULES/sass-loader/dist/cjs.js",
"options": Object {
"sourceMap": true,
},
},
],
},
Object {
"exclude": Array [
"/\\\\.(js|mjs|jsx|ts|tsx)$/",
"/\\\\.html$/",
"/\\\\.json$/",
"/\\\\.(ejs|md|mdx)$/",
],
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
},
],
},
Object {
"include": "NODE_MODULES\\\\/acorn-jsx/",
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": "commonjs",
},
],
],
},
},
],
},
Object {
"test": "/\\\\.(stories|story)\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [],
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"compilers": Array [
[Function],
],
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"exclude": "/\\\\.(stories|story)\\\\.mdx$/",
"test": "/\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [],
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"enforce": "pre",
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": Object {
"injectStoryParameters": true,
"inspectLocalDependencies": true,
},
"test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
},
],
},
"plugins": Array [
"FilterWarningsPlugin",
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"DefinePlugin",
"CaseSensitivePathsPlugin",
"ProgressPlugin",
"InlineChunkHtmlPlugin",
"InterpolateHtmlPlugin",
"ModuleNotFoundPlugin",
"MiniCssExtractPlugin",
"ManifestPlugin",
"IgnorePlugin",
"GenerateSW",
"ForkTsCheckerWebpackPlugin",
"DocgenPlugin",
],
}
`;

View File

@ -0,0 +1,224 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`html-kitchen-sink manager dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/a11y/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/events/register.js",
"ROOT/addons/jest/register.js",
"ROOT/addons/knobs/dist/esm/register.js",
"ROOT/addons/links/dist/esm/register.js",
"ROOT/addons/storysource/dist/esm/register.js",
"ROOT/addons/viewport/dist/esm/register.js",
"ROOT/examples/html-kitchen-sink/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
Object {
"exclude": Array [
"NODE_MODULES/",
"/dist/",
],
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"CaseSensitivePathsPlugin",
"DefinePlugin",
"DefinePlugin",
],
}
`;

View File

@ -0,0 +1,225 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`html-kitchen-sink manager production mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/a11y/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/events/register.js",
"ROOT/addons/jest/register.js",
"ROOT/addons/knobs/dist/esm/register.js",
"ROOT/addons/links/dist/esm/register.js",
"ROOT/addons/storysource/dist/esm/register.js",
"ROOT/addons/viewport/dist/esm/register.js",
"ROOT/examples/html-kitchen-sink/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
Object {
"exclude": Array [
"NODE_MODULES/",
"/dist/",
],
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"CaseSensitivePathsPlugin",
"DefinePlugin",
"DefinePlugin",
"BundleAnalyzerPlugin",
],
}
`;

View File

@ -0,0 +1,546 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`html-kitchen-sink preview dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/server/preview/globals.ts",
"ROOT/examples/html-kitchen-sink/.storybook/storybook-init-framework-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/react/config.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yRunner.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yHighlight.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/knobs/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/links/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/examples/html-kitchen-sink/.storybook/preview.js-generated-config-entry.js",
"ROOT/examples/html-kitchen-sink/.storybook/generated-stories-entry.js",
"NODE_MODULES/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"plugins",
"module",
"resolve",
"resolveLoader",
"optimization",
"performance",
],
"module": Object {
"rules": Array [
Object {
"exclude": "NODE_MODULES/",
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.md$/",
"use": Array [
Object {
"loader": "NODE_MODULES/raw-loader/dist/cjs.js",
},
],
},
Object {
"include": "NODE_MODULES\\\\/acorn-jsx/",
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": "commonjs",
},
],
],
},
},
],
},
Object {
"test": "/\\\\.(stories|story)\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"compilers": Array [
[Function],
],
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"exclude": "/\\\\.(stories|story)\\\\.mdx$/",
"test": "/\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"enforce": "pre",
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": Object {
"injectStoryParameters": true,
"inspectLocalDependencies": true,
},
"test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
},
Object {
"sideEffects": true,
"test": "/\\\\.css$/",
"use": Array [
Object {
"loader": "NODE_MODULES/style-loader/dist/cjs.js",
"options": undefined,
},
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": undefined,
},
Object {
"loader": "NODE_MODULES/postcss-loader/dist/cjs.js",
"options": Object {
"implementation": [Function],
},
},
],
},
Object {
"enforce": "pre",
"test": Array [
"/\\\\.stories\\\\.(jsx?$|tsx?$)/",
],
"use": Array [
Object {
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": undefined,
},
],
},
Object {},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"esModule": false,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"FilterWarningsPlugin",
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"DefinePlugin",
"WatchMissingNodeModulesPlugin",
"HotModuleReplacementPlugin",
"CaseSensitivePathsPlugin",
"ProgressPlugin",
"DefinePlugin",
"DocgenPlugin",
],
}
`;

View File

@ -0,0 +1,543 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`html-kitchen-sink preview production mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/server/preview/globals.ts",
"ROOT/examples/html-kitchen-sink/.storybook/storybook-init-framework-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/react/config.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yRunner.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yHighlight.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/knobs/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/links/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/examples/html-kitchen-sink/.storybook/preview.js-generated-config-entry.js",
"ROOT/examples/html-kitchen-sink/.storybook/generated-stories-entry.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"plugins",
"module",
"resolve",
"resolveLoader",
"optimization",
"performance",
],
"module": Object {
"rules": Array [
Object {
"exclude": "NODE_MODULES/",
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.md$/",
"use": Array [
Object {
"loader": "NODE_MODULES/raw-loader/dist/cjs.js",
},
],
},
Object {
"include": "NODE_MODULES\\\\/acorn-jsx/",
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": "commonjs",
},
],
],
},
},
],
},
Object {
"test": "/\\\\.(stories|story)\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"compilers": Array [
[Function],
],
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"exclude": "/\\\\.(stories|story)\\\\.mdx$/",
"test": "/\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"enforce": "pre",
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": Object {
"injectStoryParameters": true,
"inspectLocalDependencies": true,
},
"test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
},
Object {
"sideEffects": true,
"test": "/\\\\.css$/",
"use": Array [
Object {
"loader": "NODE_MODULES/style-loader/dist/cjs.js",
"options": undefined,
},
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": undefined,
},
Object {
"loader": "NODE_MODULES/postcss-loader/dist/cjs.js",
"options": Object {
"implementation": [Function],
},
},
],
},
Object {
"enforce": "pre",
"test": Array [
"/\\\\.stories\\\\.(jsx?$|tsx?$)/",
],
"use": Array [
Object {
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": undefined,
},
],
},
Object {},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"esModule": false,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"FilterWarningsPlugin",
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"DefinePlugin",
"CaseSensitivePathsPlugin",
"ProgressPlugin",
"DefinePlugin",
"DocgenPlugin",
],
}
`;

View File

@ -1,18 +1,34 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`manager production mode 1`] = `
exports[`vue-3-cli manager dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core-server/src/globals/polyfills.ts",
"ROOT/lib/core-client/dist/esm/manager/index.js",
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/links/dist/esm/register.js",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/viewport/dist/esm/register.js",
"ROOT/addons/toolbars/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/storysource/dist/esm/register.js",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/examples/react-ts/generated-refs.js",
"ROOT/examples/vue-3-cli/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
@ -73,7 +89,7 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
@ -144,7 +160,7 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
],
@ -178,14 +194,14 @@ Object {
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"options": Object {
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},

View File

@ -0,0 +1,221 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`vue-3-cli manager production mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/links/dist/esm/register.js",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/viewport/dist/esm/register.js",
"ROOT/addons/toolbars/dist/esm/register.js",
"ROOT/examples/vue-3-cli/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
Object {
"exclude": Array [
"NODE_MODULES/",
"/dist/",
],
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"CaseSensitivePathsPlugin",
"DefinePlugin",
"DefinePlugin",
"BundleAnalyzerPlugin",
],
}
`;

View File

@ -1,21 +1,37 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`preview dev mode 1`] = `
exports[`vue-3-cli preview dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core-server/src/globals/polyfills.ts",
"ROOT/lib/core-server/src/globals/globals.ts",
"ROOT/examples/react-ts/storybook-init-framework-entry.js",
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/server/preview/globals.ts",
"ROOT/examples/vue-3-cli/.storybook/storybook-init-framework-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/react/config.js-generated-other-entry.js",
"ROOT/addons/links/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/examples/react-ts/generated-stories-entry.js",
"ROOT/examples/vue-3-cli/.storybook/preview.ts-generated-config-entry.js",
"ROOT/examples/vue-3-cli/.storybook/generated-stories-entry.js",
"NODE_MODULES/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"plugins",
"module",
"resolve",
"resolveLoader",
"optimization",
"performance",
],
"module": Object {
"rules": Array [
Object {
@ -86,7 +102,14 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
@ -163,7 +186,7 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
],
@ -191,18 +214,6 @@ Object {
},
],
},
Object {
"enforce": "pre",
"test": Array [
"/\\\\.stories\\\\.(jsx?$|tsx?$)/",
],
"use": Array [
Object {
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": undefined,
},
],
},
Object {
"include": "NODE_MODULES\\\\/acorn-jsx/",
"test": "/\\\\.js$/",
@ -288,7 +299,14 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
@ -400,7 +418,14 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
@ -446,9 +471,8 @@ Object {
"enforce": "pre",
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": Object {
"injectStoryParameters": false,
"injectStoryParameters": true,
"inspectLocalDependencies": true,
"parser": "typescript",
},
"test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
},
@ -474,13 +498,14 @@ Object {
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"esModule": false,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"options": Object {
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
@ -498,7 +523,6 @@ Object {
"CaseSensitivePathsPlugin",
"ProgressPlugin",
"DefinePlugin",
"ForkTsCheckerWebpackPlugin",
"DocgenPlugin",
],
}

View File

@ -1,19 +1,35 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`preview production mode 1`] = `
exports[`vue-3-cli preview production mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core-server/src/globals/polyfills.ts",
"ROOT/lib/core-server/src/globals/globals.ts",
"ROOT/examples/react-ts/storybook-init-framework-entry.js",
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/server/preview/globals.ts",
"ROOT/examples/vue-3-cli/.storybook/storybook-init-framework-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/react/config.js-generated-other-entry.js",
"ROOT/addons/links/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/examples/react-ts/generated-stories-entry.js",
"ROOT/examples/vue-3-cli/.storybook/preview.ts-generated-config-entry.js",
"ROOT/examples/vue-3-cli/.storybook/generated-stories-entry.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"plugins",
"module",
"resolve",
"resolveLoader",
"optimization",
"performance",
],
"module": Object {
"rules": Array [
@ -85,7 +101,14 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
@ -162,7 +185,7 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
],
@ -190,18 +213,6 @@ Object {
},
],
},
Object {
"enforce": "pre",
"test": Array [
"/\\\\.stories\\\\.(jsx?$|tsx?$)/",
],
"use": Array [
Object {
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": undefined,
},
],
},
Object {
"include": "NODE_MODULES\\\\/acorn-jsx/",
"test": "/\\\\.js$/",
@ -287,7 +298,14 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
@ -399,7 +417,14 @@ Object {
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "*",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
@ -445,9 +470,8 @@ Object {
"enforce": "pre",
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": Object {
"injectStoryParameters": false,
"injectStoryParameters": true,
"inspectLocalDependencies": true,
"parser": "typescript",
},
"test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
},
@ -473,13 +497,14 @@ Object {
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"esModule": false,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"options": Object {
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
@ -495,7 +520,6 @@ Object {
"CaseSensitivePathsPlugin",
"ProgressPlugin",
"DefinePlugin",
"ForkTsCheckerWebpackPlugin",
"DocgenPlugin",
],
}

View File

@ -0,0 +1,222 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`web-components-kitchen-sink manager dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/a11y/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/knobs/dist/esm/register.js",
"ROOT/addons/links/dist/esm/register.js",
"ROOT/addons/storysource/dist/esm/register.js",
"ROOT/addons/viewport/dist/esm/register.js",
"ROOT/examples/web-components-kitchen-sink/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
Object {
"exclude": Array [
"NODE_MODULES/",
"/dist/",
],
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"CaseSensitivePathsPlugin",
"DefinePlugin",
"DefinePlugin",
],
}
`;

View File

@ -0,0 +1,223 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`web-components-kitchen-sink manager production mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/client/manager/index.ts",
"ROOT/addons/docs/dist/esm/register.js",
"ROOT/addons/controls/dist/esm/register.js",
"ROOT/addons/a11y/dist/esm/register.js",
"ROOT/addons/actions/dist/esm/register.js",
"ROOT/addons/backgrounds/dist/esm/register.js",
"ROOT/addons/knobs/dist/esm/register.js",
"ROOT/addons/links/dist/esm/register.js",
"ROOT/addons/storysource/dist/esm/register.js",
"ROOT/addons/viewport/dist/esm/register.js",
"ROOT/examples/web-components-kitchen-sink/.storybook/generated-refs.js",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"cache",
"plugins",
"module",
"resolve",
"resolveLoader",
"recordsPath",
"performance",
"optimization",
],
"module": Object {
"rules": Array [
Object {
"exclude": Array [
"NODE_MODULES/",
"/dist/",
],
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
"NODE_MODULES/@babel/plugin-transform-template-literals/lib/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"query": Object {
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"CaseSensitivePathsPlugin",
"DefinePlugin",
"DefinePlugin",
"BundleAnalyzerPlugin",
],
}
`;

View File

@ -0,0 +1,543 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`web-components-kitchen-sink preview dev mode 1`] = `
Object {
"entry": Array [
"ROOT/lib/core/src/server/common/polyfills.ts",
"ROOT/lib/core/src/server/preview/globals.ts",
"ROOT/examples/web-components-kitchen-sink/.storybook/storybook-init-framework-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/common/config.js-generated-other-entry.js",
"ROOT/addons/docs/dist/esm/frameworks/react/config.js-generated-other-entry.js",
"ROOT/addons/controls/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yRunner.js-generated-other-entry.js",
"ROOT/addons/a11y/dist/esm/a11yHighlight.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/actions/dist/esm/preset/addArgs.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/backgrounds/dist/esm/preset/addParameter.js-generated-other-entry.js",
"ROOT/addons/knobs/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/addons/links/dist/esm/preset/addDecorator.js-generated-other-entry.js",
"ROOT/examples/web-components-kitchen-sink/.storybook/preview.js-generated-config-entry.js",
"NODE_MODULES/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined",
],
"keys": Array [
"name",
"mode",
"bail",
"devtool",
"entry",
"output",
"plugins",
"module",
"resolve",
"resolveLoader",
"optimization",
"performance",
],
"module": Object {
"rules": Array [
Object {
"exclude": "NODE_MODULES/",
"include": Array [
"ROOT",
],
"test": "/\\\\.(mjs|tsx?|jsx?)$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"include": [Function],
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": false,
"shippedProposals": true,
"targets": "defaults",
},
],
"NODE_MODULES/@babel/preset-react/lib/index.js",
],
"sourceType": "unambiguous",
},
},
],
},
Object {
"test": "/\\\\.md$/",
"use": Array [
Object {
"loader": "NODE_MODULES/raw-loader/dist/cjs.js",
},
],
},
Object {
"include": "NODE_MODULES\\\\/acorn-jsx/",
"test": "/\\\\.js$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"modules": "commonjs",
},
],
],
},
},
],
},
Object {
"test": "/\\\\.(stories|story)\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"compilers": Array [
[Function],
],
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"exclude": "/\\\\.(stories|story)\\\\.mdx$/",
"test": "/\\\\.mdx$/",
"use": Array [
Object {
"loader": "NODE_MODULES/babel-loader/lib/index.js",
"options": Object {
"babelrc": false,
"cacheDirectory": "NODE_MODULES/.cache/storybook/babel",
"configFile": false,
"overrides": Array [
Object {
"plugins": Array [
Array [
"NODE_MODULES/babel-plugin-react-docgen/lib/index.js",
Object {
"DOC_GEN_COLLECTION_NAME": "STORYBOOK_REACT_CLASSES",
},
],
],
"test": "/\\\\.(mjs|jsx?)$/",
},
],
"plugins": Array [
"NODE_MODULES/@babel/plugin-transform-shorthand-properties/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-block-scoping/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-decorators/lib/index.js",
Object {
"legacy": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-class-properties/lib/index.js",
Object {
"loose": true,
},
],
Array [
"NODE_MODULES/@babel/plugin-proposal-private-methods/lib/index.js",
Object {
"loose": true,
},
],
"NODE_MODULES/@babel/plugin-proposal-export-default-from/lib/index.js",
"NODE_MODULES/@babel/plugin-syntax-dynamic-import/lib/index.js",
Array [
"NODE_MODULES/@babel/plugin-proposal-object-rest-spread/lib/index.js",
Object {
"loose": true,
"useBuiltIns": true,
},
],
"NODE_MODULES/@babel/plugin-transform-classes/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-arrow-functions/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-parameters/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-destructuring/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-spread/lib/index.js",
"NODE_MODULES/@babel/plugin-transform-for-of/lib/index.js",
"NODE_MODULES/babel-plugin-macros/dist/index.js",
"NODE_MODULES/@babel/plugin-proposal-optional-chaining/lib/index.js",
"NODE_MODULES/@babel/plugin-proposal-nullish-coalescing-operator/lib/index.js",
Array [
"NODE_MODULES/babel-plugin-polyfill-corejs3/lib/index.js",
Object {
"absoluteImports": "NODE_MODULES/core-js/index.js",
"method": "usage-global",
"version": "3.8.2",
},
],
Array [
"NODE_MODULES/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js",
Object {
"autoLabel": true,
"sourceMap": true,
},
],
"NODE_MODULES/babel-plugin-add-react-displayname/index.js",
Array [
"NODE_MODULES/@babel/plugin-transform-react-jsx/lib/index.js",
Object {
"pragma": "React.createElement",
"pragmaFrag": "React.Fragment",
},
],
],
"presets": Array [
Array [
"NODE_MODULES/@babel/preset-env/lib/index.js",
Object {
"shippedProposals": true,
},
],
"NODE_MODULES/@babel/preset-typescript/lib/index.js",
Array [
"NODE_MODULES/@babel/preset-react/lib/index.js",
Object {
"runtime": "automatic",
},
],
"NODE_MODULES/@babel/preset-flow/lib/index.js",
],
"sourceType": "unambiguous",
},
},
Object {
"loader": "NODE_MODULES/@mdx-js/loader/index.js",
"options": Object {
"remarkPlugins": Array [
[Function],
[Function],
],
},
},
],
},
Object {
"enforce": "pre",
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": Object {
"injectStoryParameters": true,
"inspectLocalDependencies": true,
},
"test": "/\\\\.(stories|story)\\\\.[tj]sx?$/",
},
Object {
"enforce": "pre",
"test": Array [
"/\\\\.stories\\\\.(jsx?$|tsx?$)/",
],
"use": Array [
Object {
"loader": "ROOT/lib/source-loader/dist/cjs/index.js",
"options": undefined,
},
],
},
Object {
"sideEffects": true,
"test": "/\\\\.css$/",
"use": Array [
"NODE_MODULES/style-loader/dist/cjs.js",
Object {
"loader": "NODE_MODULES/css-loader/dist/cjs.js",
"options": Object {
"importLoaders": 1,
},
},
Object {
"loader": "NODE_MODULES/postcss-loader/dist/cjs.js",
"options": Object {
"postcssOptions": [Function],
},
},
],
},
Object {
"loader": "NODE_MODULES/file-loader/dist/cjs.js",
"options": Object {
"esModule": false,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\\\\?.*)?$/",
},
Object {
"loader": "NODE_MODULES/url-loader/dist/cjs.js",
"query": Object {
"limit": 10000,
"name": "static/media/[name].[hash:8].[ext]",
},
"test": "/\\\\.(mp4|webm|wav|mp3|m4a|aac|oga)(\\\\?.*)?$/",
},
],
},
"plugins": Array [
"FilterWarningsPlugin",
"VirtualModulesPlugin",
"HtmlWebpackPlugin",
"DefinePlugin",
"WatchMissingNodeModulesPlugin",
"HotModuleReplacementPlugin",
"CaseSensitivePathsPlugin",
"ProgressPlugin",
"DefinePlugin",
"DocgenPlugin",
],
}
`;

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