mirror of
https://github.com/storybookjs/storybook.git
synced 2025-03-28 05:10:17 +08:00
Merge branch 'next' into pr/16155
This commit is contained in:
Michael Shilman
commit
43ab2dec88
16
CHANGELOG.md
16
CHANGELOG.md
@ -1,3 +1,19 @@
|
||||
## 6.4.0-beta.1 (September 26, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
- MDX: Support CSF3 play/render functions ([#16159](https://github.com/storybookjs/storybook/pull/16159))
|
||||
- Addon-a11y: Export parameter types ([#16128](https://github.com/storybookjs/storybook/pull/16128))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs: Fix loading behavior for Canvas doc block ([#16161](https://github.com/storybookjs/storybook/pull/16161))
|
||||
- Added index.d.ts for addon-docs/angular ([#16123](https://github.com/storybookjs/storybook/pull/16123))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Angular: Remove dead code in client ([#16137](https://github.com/storybookjs/storybook/pull/16137))
|
||||
|
||||
## 6.4.0-beta.0 (September 22, 2021)
|
||||
|
||||
Storybook 6.4 is in beta! 🎊
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Test component compliance with web accessibility standards",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"axe-core": "^4.2.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,7 +81,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Accessibility",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Get UI feedback when an action is performed on an interactive element",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -41,12 +41,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
@ -78,7 +78,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Actions",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Switch backgrounds to view components in different settings",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,13 +45,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -77,7 +77,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Backgrounds",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Interact with component inputs dynamically in the Storybook UI",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"lodash": "^4.17.20",
|
||||
"ts-dedent": "^2.0.0"
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/register.js",
|
||||
"storybook": {
|
||||
"displayName": "Controls",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -63,22 +63,22 @@
|
||||
"@mdx-js/loader": "^1.6.22",
|
||||
"@mdx-js/mdx": "^1.6.22",
|
||||
"@mdx-js/react": "^1.6.22",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/postinstall": "6.4.0-beta.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/postinstall": "6.4.0-beta.1",
|
||||
"@storybook/preview-web": "6.4.0-beta.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"acorn": "^7.4.1",
|
||||
"acorn-jsx": "^5.3.1",
|
||||
"acorn-walk": "^7.2.0",
|
||||
@ -107,11 +107,11 @@
|
||||
"@babel/core": "^7.12.10",
|
||||
"@emotion/core": "^10.1.1",
|
||||
"@emotion/styled": "^10.0.27",
|
||||
"@storybook/angular": "6.4.0-beta.0",
|
||||
"@storybook/html": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/vue": "6.4.0-beta.0",
|
||||
"@storybook/web-components": "6.4.0-beta.0",
|
||||
"@storybook/angular": "6.4.0-beta.1",
|
||||
"@storybook/html": "6.4.0-beta.1",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@storybook/vue": "6.4.0-beta.1",
|
||||
"@storybook/web-components": "6.4.0-beta.1",
|
||||
"@types/cross-spawn": "^6.0.2",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
@ -141,12 +141,12 @@
|
||||
"zone.js": "^0.11.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/angular": "6.4.0-beta.0",
|
||||
"@storybook/html": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/vue": "6.4.0-beta.0",
|
||||
"@storybook/vue3": "6.4.0-beta.0",
|
||||
"@storybook/web-components": "6.4.0-beta.0",
|
||||
"@storybook/angular": "6.4.0-beta.1",
|
||||
"@storybook/html": "6.4.0-beta.1",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@storybook/vue": "6.4.0-beta.1",
|
||||
"@storybook/vue3": "6.4.0-beta.1",
|
||||
"@storybook/web-components": "6.4.0-beta.1",
|
||||
"lit": "^2.0.0-rc.1",
|
||||
"lit-html": "^1.4.1 || ^2.0.0-rc.3",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -203,7 +203,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Docs",
|
||||
|
||||
@ -9,6 +9,7 @@ import {
|
||||
import { DocsContext, DocsContextProps } from './DocsContext';
|
||||
import { SourceContext, SourceContextProps } from './SourceContainer';
|
||||
import { getSourceProps, SourceState } from './Source';
|
||||
import { useStories } from './useStory';
|
||||
|
||||
export { SourceState };
|
||||
|
||||
@ -21,23 +22,27 @@ const getPreviewProps = (
|
||||
{ withSource, mdxSource, children, ...props }: CanvasProps & { children?: ReactNode },
|
||||
docsContext: DocsContextProps<AnyFramework>,
|
||||
sourceContext: SourceContextProps
|
||||
): PurePreviewProps => {
|
||||
) => {
|
||||
const { mdxComponentAnnotations, mdxStoryNameToKey } = docsContext;
|
||||
let sourceState = withSource;
|
||||
let isLoading = false;
|
||||
if (sourceState === SourceState.NONE) {
|
||||
return props;
|
||||
return { isLoading, previewProps: props };
|
||||
}
|
||||
if (mdxSource) {
|
||||
return {
|
||||
...props,
|
||||
withSource: getSourceProps({ code: decodeURI(mdxSource) }, docsContext, sourceContext),
|
||||
isLoading,
|
||||
previewProps: {
|
||||
...props,
|
||||
withSource: getSourceProps({ code: decodeURI(mdxSource) }, docsContext, sourceContext),
|
||||
},
|
||||
};
|
||||
}
|
||||
const childArray: ReactNodeArray = Array.isArray(children) ? children : [children];
|
||||
const stories = childArray.filter(
|
||||
const storyChildren = childArray.filter(
|
||||
(c: ReactElement) => c.props && (c.props.id || c.props.name)
|
||||
) as ReactElement[];
|
||||
const targetIds = stories.map(
|
||||
const targetIds = storyChildren.map(
|
||||
(s) =>
|
||||
s.props.id ||
|
||||
toId(
|
||||
@ -47,20 +52,25 @@ const getPreviewProps = (
|
||||
);
|
||||
const sourceProps = getSourceProps({ ids: targetIds }, docsContext, sourceContext);
|
||||
if (!sourceState) sourceState = sourceProps.state;
|
||||
const stories = useStories(targetIds, docsContext);
|
||||
isLoading = stories.some((s) => !s);
|
||||
|
||||
return {
|
||||
...props, // pass through columns etc.
|
||||
withSource: sourceProps,
|
||||
isExpanded: sourceState === SourceState.OPEN,
|
||||
isLoading,
|
||||
previewProps: {
|
||||
...props, // pass through columns etc.
|
||||
withSource: sourceProps,
|
||||
isExpanded: sourceState === SourceState.OPEN,
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
export const Canvas: FC<CanvasProps> = (props) => {
|
||||
const docsContext = useContext(DocsContext);
|
||||
const sourceContext = useContext(SourceContext);
|
||||
const previewProps = getPreviewProps(props, docsContext, sourceContext);
|
||||
const { isLoading, previewProps } = getPreviewProps(props, docsContext, sourceContext);
|
||||
const { children } = props;
|
||||
return (
|
||||
return isLoading ? null : (
|
||||
<MDXProvider components={resetComponents}>
|
||||
<PurePreview {...previewProps}>{children}</PurePreview>
|
||||
</MDXProvider>
|
||||
|
||||
@ -22,11 +22,7 @@ export const storyBlockIdFromId = (storyId: string) => `story--${storyId}`;
|
||||
|
||||
type PureStoryProps = ComponentProps<typeof PureStory>;
|
||||
|
||||
type Annotations = Pick<
|
||||
StoryAnnotations,
|
||||
'decorators' | 'parameters' | 'args' | 'argTypes' | 'loaders'
|
||||
>;
|
||||
type CommonProps = Annotations & {
|
||||
type CommonProps = StoryAnnotations & {
|
||||
height?: string;
|
||||
inline?: boolean;
|
||||
};
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -39,31 +39,31 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-measure": "6.4.0-beta.0",
|
||||
"@storybook/addon-outline": "6.4.0-beta.0",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.0",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-measure": "6.4.0-beta.1",
|
||||
"@storybook/addon-outline": "6.4.0-beta.1",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.1",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/vue": "6.4.0-beta.0",
|
||||
"@storybook/vue": "6.4.0-beta.1",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/webpack-env": "^1.16.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/vue": "6.4.0-beta.0",
|
||||
"@storybook/web-components": "6.4.0-beta.0",
|
||||
"@storybook/vue": "6.4.0-beta.1",
|
||||
"@storybook/web-components": "6.4.0-beta.1",
|
||||
"babel-loader": "^8.0.0",
|
||||
"lit-html": "^1.4.1 || ^2.0.0-rc.3",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -93,6 +93,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -47,11 +47,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react-sizeme": "^3.0.1",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Jest",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Link stories together to build demos and prototypes with your UI components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,11 +41,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/router": "6.4.0-beta.0",
|
||||
"@storybook/router": "6.4.0-beta.1",
|
||||
"@types/qs": "^6.9.5",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Links",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-measure",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Inspect layouts by visualizing the box model",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -44,11 +44,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0"
|
||||
@ -71,7 +71,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Measure",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-outline",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Outline all elements with CSS to help with layout placement and alignment",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -47,11 +47,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Outline",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Take a code snapshot of every story automatically with Jest",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,11 +45,11 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.6.2",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-client": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-client": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest": "^26.0.16",
|
||||
@ -69,11 +69,11 @@
|
||||
"devDependencies": {
|
||||
"@angular/core": "^11.2.0",
|
||||
"@angular/platform-browser-dynamic": "^11.2.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/angular": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/vue": "6.4.0-beta.0",
|
||||
"@storybook/vue3": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/angular": "6.4.0-beta.1",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@storybook/vue": "6.4.0-beta.1",
|
||||
"@storybook/vue3": "6.4.0-beta.1",
|
||||
"babel-loader": "^8.0.0",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.6.1",
|
||||
@ -151,7 +151,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"storybook": {
|
||||
"displayName": "Storyshots",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -42,7 +42,7 @@
|
||||
"dependencies": {
|
||||
"@axe-core/puppeteer": "^4.2.0",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@types/jest-image-snapshot": "^4.1.3",
|
||||
"core-js": "^3.8.2",
|
||||
"jest-image-snapshot": "^4.3.0",
|
||||
@ -53,7 +53,7 @@
|
||||
"@types/puppeteer": "^5.4.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
@ -64,5 +64,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f"
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "View a story’s source code to see how it works and paste into your app",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,13 +41,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/router": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/router": "6.4.0-beta.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"estraverse": "^5.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
@ -75,7 +75,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Storysource",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Create your own toolbar items that control story rendering",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,10 +45,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
},
|
||||
@ -67,7 +67,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/register.js",
|
||||
"storybook": {
|
||||
"displayName": "Toolbars",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -42,12 +42,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -69,7 +69,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/preview.js",
|
||||
"storybook": {
|
||||
"displayName": "Viewport",
|
||||
|
||||
1
app/angular/element-renderer.d.ts
vendored
1
app/angular/element-renderer.d.ts
vendored
@ -1 +0,0 @@
|
||||
export * from './dist/ts3.9/element-renderer.d';
|
||||
1
app/angular/element-renderer.js
vendored
1
app/angular/element-renderer.js
vendored
@ -1 +0,0 @@
|
||||
module.exports = require('./dist/ts3.9/element-renderer');
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"autoprefixer": "^9.8.6",
|
||||
"core-js": "^3.8.2",
|
||||
@ -131,5 +131,5 @@
|
||||
"access": "public"
|
||||
},
|
||||
"builders": "dist/ts3.9/builders/builders.json",
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f"
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd"
|
||||
}
|
||||
|
||||
@ -1,65 +0,0 @@
|
||||
// Should be added first :
|
||||
// Custom Elements polyfill. Required for browsers that do not natively support Custom Elements.
|
||||
import '@webcomponents/custom-elements';
|
||||
// Custom Elements ES5 shim. Required when using ES5 bundles on browsers that natively support
|
||||
// Custom Elements (either because the browser does not support ES2015 modules or because the app
|
||||
// is explicitly configured to generate ES5 only bundles).
|
||||
import '@webcomponents/custom-elements/src/native-shim';
|
||||
|
||||
import { Injector, NgModule, Type } from '@angular/core';
|
||||
import { createCustomElement, NgElementConstructor } from '@angular/elements';
|
||||
|
||||
import { BehaviorSubject } from 'rxjs';
|
||||
import { ICollection, StoryFnAngularReturnType } from '../types';
|
||||
import { Parameters } from '../types-6-0';
|
||||
import { getStorybookModuleMetadata } from './StorybookModule';
|
||||
import { RendererService } from './RendererService';
|
||||
|
||||
/**
|
||||
* Bootstrap angular application to generate a web component with angular element
|
||||
*/
|
||||
export class ElementRendererService {
|
||||
private rendererService = RendererService.getInstance();
|
||||
|
||||
/**
|
||||
* Returns a custom element generated by Angular elements
|
||||
*/
|
||||
public async renderAngularElement({
|
||||
storyFnAngular,
|
||||
parameters,
|
||||
component,
|
||||
}: {
|
||||
storyFnAngular: StoryFnAngularReturnType;
|
||||
parameters: Parameters;
|
||||
component: any;
|
||||
}): Promise<CustomElementConstructor> {
|
||||
const ngModule = getStorybookModuleMetadata(
|
||||
{ storyFnAngular, component, targetSelector: RendererService.SELECTOR_STORYBOOK_WRAPPER },
|
||||
new BehaviorSubject<ICollection>(storyFnAngular.props)
|
||||
);
|
||||
|
||||
return this.rendererService
|
||||
.newPlatformBrowserDynamic()
|
||||
.bootstrapModule(
|
||||
createElementsModule(ngModule),
|
||||
parameters.bootstrapModuleOptions ?? undefined
|
||||
)
|
||||
.then((m) => m.instance.ngEl);
|
||||
}
|
||||
}
|
||||
|
||||
const createElementsModule = (ngModule: NgModule): Type<{ ngEl: CustomElementConstructor }> => {
|
||||
@NgModule({ ...ngModule })
|
||||
class ElementsModule {
|
||||
public ngEl: NgElementConstructor<unknown>;
|
||||
|
||||
constructor(private injector: Injector) {
|
||||
this.ngEl = createCustomElement(ngModule.bootstrap[0] as Type<unknown>, {
|
||||
injector: this.injector,
|
||||
});
|
||||
}
|
||||
|
||||
ngDoBootstrap() {}
|
||||
}
|
||||
return ElementsModule;
|
||||
};
|
||||
@ -73,6 +73,31 @@ describe('RendererFactory', () => {
|
||||
);
|
||||
});
|
||||
|
||||
it('should handle circular reference in moduleMetadata', async () => {
|
||||
class Thing {
|
||||
token: Thing;
|
||||
|
||||
constructor() {
|
||||
this.token = this;
|
||||
}
|
||||
}
|
||||
const token = new Thing();
|
||||
|
||||
const render = await rendererFactory.getRendererInstance('my-story', rootTargetDOMNode);
|
||||
await render.render({
|
||||
storyFnAngular: {
|
||||
template: '🦊',
|
||||
props: {},
|
||||
moduleMetadata: { providers: [{ provide: 'foo', useValue: token }] },
|
||||
},
|
||||
forced: false,
|
||||
parameters: {},
|
||||
targetDOMNode: rootTargetDOMNode,
|
||||
});
|
||||
|
||||
expect(document.body.getElementsByTagName('my-story')[0].innerHTML).toBe('🦊');
|
||||
});
|
||||
|
||||
describe('when forced=true', () => {
|
||||
beforeEach(async () => {
|
||||
// Init first render
|
||||
|
||||
@ -1,241 +0,0 @@
|
||||
import { Component, ɵresetJitOptions } from '@angular/core';
|
||||
import { platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
|
||||
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
||||
import { Parameters } from '../types-6-0';
|
||||
import { RendererService } from './RendererService';
|
||||
|
||||
jest.mock('@angular/platform-browser-dynamic');
|
||||
|
||||
declare const document: Document;
|
||||
describe('RendererService', () => {
|
||||
let rendererService: RendererService;
|
||||
|
||||
beforeEach(async () => {
|
||||
document.body.innerHTML = '<div id="root"></div>';
|
||||
(platformBrowserDynamic as any).mockImplementation(platformBrowserDynamicTesting);
|
||||
rendererService = new RendererService();
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
jest.clearAllMocks();
|
||||
|
||||
// Necessary to avoid this error "Provided value for `preserveWhitespaces` can not be changed once it has been set." :
|
||||
// Source: https://github.com/angular/angular/commit/e342ffd855ffeb8af7067b42307ffa320d82177e#diff-92b125e532cc22977b46a91f068d6d7ea81fd61b772842a4a0212f1cfd875be6R28
|
||||
ɵresetJitOptions();
|
||||
});
|
||||
|
||||
it('should initialize', () => {
|
||||
expect(rendererService).toBeDefined();
|
||||
});
|
||||
|
||||
describe('render', () => {
|
||||
it('should add storybook-wrapper for story template', async () => {
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
template: '🦊',
|
||||
props: {},
|
||||
},
|
||||
forced: false,
|
||||
parameters: {},
|
||||
});
|
||||
|
||||
expect(document.body.getElementsByTagName('storybook-wrapper')[0].innerHTML).toBe('🦊');
|
||||
});
|
||||
|
||||
it('should add storybook-wrapper for story component', async () => {
|
||||
@Component({ selector: 'foo', template: '🦊' })
|
||||
class FooComponent {}
|
||||
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
props: {},
|
||||
},
|
||||
forced: false,
|
||||
component: FooComponent,
|
||||
parameters: {},
|
||||
});
|
||||
|
||||
expect(document.body.getElementsByTagName('storybook-wrapper')[0].innerHTML).toBe(
|
||||
'<foo>🦊</foo><!--container-->'
|
||||
);
|
||||
});
|
||||
|
||||
it('should handle circular reference in moduleMetadata', async () => {
|
||||
class Thing {
|
||||
token: Thing;
|
||||
|
||||
constructor() {
|
||||
this.token = this;
|
||||
}
|
||||
}
|
||||
const token = new Thing();
|
||||
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
template: '🦊',
|
||||
props: {},
|
||||
moduleMetadata: { providers: [{ provide: 'foo', useValue: token }] },
|
||||
},
|
||||
forced: false,
|
||||
parameters: {},
|
||||
});
|
||||
|
||||
expect(document.body.getElementsByTagName('storybook-wrapper')[0].innerHTML).toBe('🦊');
|
||||
});
|
||||
|
||||
describe('when forced=true', () => {
|
||||
beforeEach(async () => {
|
||||
// Init first render
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
template: '{{ logo }}: {{ name }}',
|
||||
props: {
|
||||
logo: '🦊',
|
||||
name: 'Fox',
|
||||
},
|
||||
},
|
||||
forced: true,
|
||||
parameters: {},
|
||||
});
|
||||
});
|
||||
|
||||
it('should be rendered a first time', async () => {
|
||||
expect(document.body.getElementsByTagName('storybook-wrapper')[0].innerHTML).toBe(
|
||||
'🦊: Fox'
|
||||
);
|
||||
});
|
||||
|
||||
it('should not be re-rendered when only props change', async () => {
|
||||
let countDestroy = 0;
|
||||
|
||||
rendererService.platform.onDestroy(() => {
|
||||
countDestroy += 1;
|
||||
});
|
||||
// only props change
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
props: {
|
||||
logo: '👾',
|
||||
},
|
||||
},
|
||||
forced: true,
|
||||
parameters: {},
|
||||
});
|
||||
expect(countDestroy).toEqual(0);
|
||||
|
||||
expect(document.body.getElementsByTagName('storybook-wrapper')[0].innerHTML).toBe(
|
||||
'👾: Fox'
|
||||
);
|
||||
});
|
||||
|
||||
it('should be re-rendered when template change', async () => {
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
template: '{{ beer }}',
|
||||
props: {
|
||||
beer: '🍺',
|
||||
},
|
||||
},
|
||||
forced: true,
|
||||
parameters: {},
|
||||
});
|
||||
|
||||
expect(document.body.getElementsByTagName('storybook-wrapper')[0].innerHTML).toBe('🍺');
|
||||
});
|
||||
|
||||
it('should be re-rendered when moduleMetadata structure change', async () => {
|
||||
let countDestroy = 0;
|
||||
|
||||
rendererService.platform.onDestroy(() => {
|
||||
countDestroy += 1;
|
||||
});
|
||||
|
||||
// Only props change -> no full rendering
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
template: '{{ logo }}: {{ name }}',
|
||||
props: {
|
||||
logo: '🍺',
|
||||
name: 'Beer',
|
||||
},
|
||||
},
|
||||
forced: true,
|
||||
parameters: {},
|
||||
});
|
||||
expect(countDestroy).toEqual(0);
|
||||
|
||||
// Change in the module structure -> full rendering
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
template: '{{ logo }}: {{ name }}',
|
||||
props: {
|
||||
logo: '🍺',
|
||||
name: 'Beer',
|
||||
},
|
||||
moduleMetadata: { providers: [{ provide: 'foo', useValue: 42 }] },
|
||||
},
|
||||
forced: true,
|
||||
parameters: {},
|
||||
});
|
||||
expect(countDestroy).toEqual(1);
|
||||
});
|
||||
});
|
||||
|
||||
it('should properly destroy angular platform between each render', async () => {
|
||||
let countDestroy = 0;
|
||||
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
template: '🦊',
|
||||
props: {},
|
||||
},
|
||||
forced: false,
|
||||
parameters: {},
|
||||
});
|
||||
|
||||
rendererService.platform.onDestroy(() => {
|
||||
countDestroy += 1;
|
||||
});
|
||||
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
template: '🐻',
|
||||
props: {},
|
||||
},
|
||||
forced: false,
|
||||
parameters: {},
|
||||
});
|
||||
|
||||
expect(countDestroy).toEqual(1);
|
||||
});
|
||||
|
||||
describe('bootstrap module options', () => {
|
||||
async function setupComponentWithWhitespace(bootstrapModuleOptions: unknown) {
|
||||
await rendererService.render({
|
||||
storyFnAngular: {
|
||||
template: '<div> </div>',
|
||||
props: {},
|
||||
},
|
||||
forced: false,
|
||||
parameters: {
|
||||
bootstrapModuleOptions,
|
||||
} as Parameters,
|
||||
});
|
||||
}
|
||||
|
||||
it('should preserve whitespaces', async () => {
|
||||
await setupComponentWithWhitespace({ preserveWhitespaces: true });
|
||||
expect(document.body.getElementsByTagName('storybook-wrapper')[0].innerHTML).toBe(
|
||||
'<div> </div>'
|
||||
);
|
||||
});
|
||||
|
||||
it('should remove whitespaces', async () => {
|
||||
await setupComponentWithWhitespace({ preserveWhitespaces: false });
|
||||
expect(document.body.getElementsByTagName('storybook-wrapper')[0].innerHTML).toBe(
|
||||
'<div></div>'
|
||||
);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
@ -1,185 +0,0 @@
|
||||
/* eslint-disable no-undef */
|
||||
import { enableProdMode, NgModule, PlatformRef } from '@angular/core';
|
||||
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
||||
|
||||
import { BehaviorSubject, Subject } from 'rxjs';
|
||||
import { stringify } from 'telejson';
|
||||
import { ICollection, StoryFnAngularReturnType } from '../types';
|
||||
import { Parameters } from '../types-6-0';
|
||||
import { createStorybookModule, getStorybookModuleMetadata } from './StorybookModule';
|
||||
|
||||
/**
|
||||
* Bootstrap angular application and allows to change the rendering dynamically
|
||||
* To be used as a singleton so has to set global properties of render function
|
||||
*/
|
||||
export class RendererService {
|
||||
private static instance: RendererService;
|
||||
|
||||
public static SELECTOR_STORYBOOK_WRAPPER = 'storybook-wrapper';
|
||||
|
||||
public static getInstance() {
|
||||
if (!RendererService.instance) {
|
||||
RendererService.instance = new RendererService();
|
||||
}
|
||||
return RendererService.instance;
|
||||
}
|
||||
|
||||
public platform: PlatformRef;
|
||||
|
||||
private staticRoot = document.getElementById('root');
|
||||
|
||||
// Observable to change the properties dynamically without reloading angular module&component
|
||||
private storyProps$: Subject<ICollection | undefined>;
|
||||
|
||||
private currentStoryRender: {
|
||||
storyFnAngular: StoryFnAngularReturnType;
|
||||
moduleMetadataSnapshot: string;
|
||||
};
|
||||
|
||||
constructor() {
|
||||
if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
|
||||
try {
|
||||
// platform should be set after enableProdMode()
|
||||
enableProdMode();
|
||||
} catch (e) {
|
||||
// eslint-disable-next-line no-console
|
||||
console.debug(e);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Bootstrap main angular module with main component or send only new `props` with storyProps$
|
||||
*
|
||||
* @param storyFnAngular {StoryFnAngularReturnType}
|
||||
* @param forced {boolean} If :
|
||||
* - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
|
||||
* - false fully recharges or initializes angular module & component
|
||||
* @param component {Parameters}
|
||||
*/
|
||||
public async render({
|
||||
storyFnAngular,
|
||||
forced,
|
||||
component,
|
||||
parameters,
|
||||
}: {
|
||||
storyFnAngular: StoryFnAngularReturnType;
|
||||
forced: boolean;
|
||||
component?: any;
|
||||
parameters: Parameters;
|
||||
}) {
|
||||
const storyProps$ = new BehaviorSubject<ICollection>(storyFnAngular.props);
|
||||
const moduleMetadata = getStorybookModuleMetadata(
|
||||
{ storyFnAngular, component, targetSelector: RendererService.SELECTOR_STORYBOOK_WRAPPER },
|
||||
storyProps$
|
||||
);
|
||||
|
||||
if (
|
||||
!this.fullRendererRequired({
|
||||
storyFnAngular,
|
||||
moduleMetadata,
|
||||
forced,
|
||||
})
|
||||
) {
|
||||
this.storyProps$.next(storyFnAngular.props);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
// Clear global Angular component cache in order to be able to re-render the same component across multiple stories
|
||||
//
|
||||
// References:
|
||||
// https://github.com/angular/angular-cli/blob/master/packages/angular_devkit/build_angular/src/webpack/plugins/hmr/hmr-accept.ts#L50
|
||||
// https://github.com/angular/angular/blob/2ebe2bcb2fe19bf672316b05f15241fd7fd40803/packages/core/src/render3/jit/module.ts#L377-L384
|
||||
// eslint-disable-next-line global-require
|
||||
const resetCompiledComponents = require('@angular/core').ɵresetCompiledComponents;
|
||||
resetCompiledComponents();
|
||||
} catch (e) {
|
||||
/**
|
||||
* noop catch
|
||||
* This means angular removed or modified ɵresetCompiledComponents
|
||||
*
|
||||
* Probably, they added a clearCache mechanism to platform.destroy() and
|
||||
* we can simply remove this in case no errors are thrown during runtime
|
||||
*/
|
||||
}
|
||||
|
||||
// Complete last BehaviorSubject and set a new one for the current module
|
||||
if (this.storyProps$) {
|
||||
this.storyProps$.complete();
|
||||
}
|
||||
this.storyProps$ = storyProps$;
|
||||
|
||||
await this.newPlatformBrowserDynamic().bootstrapModule(
|
||||
createStorybookModule(moduleMetadata),
|
||||
parameters.bootstrapModuleOptions ?? undefined
|
||||
);
|
||||
}
|
||||
|
||||
public newPlatformBrowserDynamic() {
|
||||
// Before creating a new platform, we destroy the previous one cleanly.
|
||||
this.destroyPlatformBrowserDynamic();
|
||||
|
||||
this.initAngularRootElement();
|
||||
this.platform = platformBrowserDynamic();
|
||||
|
||||
return this.platform;
|
||||
}
|
||||
|
||||
public destroyPlatformBrowserDynamic() {
|
||||
if (this.platform && !this.platform.destroyed) {
|
||||
// Destroys the current Angular platform and all Angular applications on the page.
|
||||
// So call each angular ngOnDestroy and avoid memory leaks
|
||||
this.platform.destroy();
|
||||
}
|
||||
}
|
||||
|
||||
private initAngularRootElement() {
|
||||
// Adds DOM element that angular will use as bootstrap component
|
||||
const storybookWrapperElement = document.createElement(
|
||||
RendererService.SELECTOR_STORYBOOK_WRAPPER
|
||||
);
|
||||
this.staticRoot.innerHTML = '';
|
||||
this.staticRoot.appendChild(storybookWrapperElement);
|
||||
}
|
||||
|
||||
private fullRendererRequired({
|
||||
storyFnAngular,
|
||||
moduleMetadata,
|
||||
forced,
|
||||
}: {
|
||||
storyFnAngular: StoryFnAngularReturnType;
|
||||
moduleMetadata: NgModule;
|
||||
forced: boolean;
|
||||
}) {
|
||||
const { currentStoryRender: lastStoryRender } = this;
|
||||
|
||||
this.currentStoryRender = {
|
||||
storyFnAngular,
|
||||
moduleMetadataSnapshot: stringify(moduleMetadata),
|
||||
};
|
||||
|
||||
if (
|
||||
// check `forceRender` of story RenderContext
|
||||
!forced ||
|
||||
// if it's the first rendering and storyProps$ is not init
|
||||
!this.storyProps$
|
||||
) {
|
||||
return true;
|
||||
}
|
||||
|
||||
// force the rendering if the template has changed
|
||||
const hasChangedTemplate =
|
||||
!!storyFnAngular?.template &&
|
||||
lastStoryRender?.storyFnAngular?.template !== storyFnAngular.template;
|
||||
if (hasChangedTemplate) {
|
||||
return true;
|
||||
}
|
||||
|
||||
// force the rendering if the metadata structure has changed
|
||||
const hasChangedModuleMetadata =
|
||||
this.currentStoryRender?.moduleMetadataSnapshot !== lastStoryRender?.moduleMetadataSnapshot;
|
||||
return hasChangedModuleMetadata;
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
export { ElementRendererService } from './client/preview/angular-beta/ElementRendererService';
|
||||
@ -1,5 +1,4 @@
|
||||
export { computesTemplateSourceFromComponent } from './client/preview/angular-beta/ComputesTemplateFromComponent';
|
||||
export { RendererService } from './client/preview/angular-beta/RendererService';
|
||||
export { rendererFactory } from './client/preview/render';
|
||||
export { AbstractRenderer } from './client/preview/angular-beta/AbstractRenderer';
|
||||
export { getStorybookModuleMetadata } from './client/preview/angular-beta/StorybookModule';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
|
||||
"bugs": {
|
||||
@ -43,9 +43,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^2.1.4",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -66,6 +66,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,13 +45,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.1",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -71,6 +71,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -46,11 +46,11 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -74,6 +74,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -49,14 +49,14 @@
|
||||
"@babel/preset-flow": "^7.12.1",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
"babel-plugin-named-asset-import": "^0.3.1",
|
||||
@ -73,7 +73,7 @@
|
||||
"webpack": "4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@types/node": "^14.14.20",
|
||||
"@types/prompts": "^2.0.9"
|
||||
},
|
||||
@ -96,6 +96,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,15 +45,15 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/preview-web": "6.4.0-beta.1",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -75,6 +75,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -75,6 +75,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -83,6 +83,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue3",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,6 +81,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -50,13 +50,13 @@
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
||||
"@babel/plugin-syntax-import-meta": "^7.10.4",
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.1",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.8.2",
|
||||
@ -79,6 +79,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"6.4.0-beta.0","info":{"plain":"Storybook 6.4 is in beta! 🎊\n\nSB6.4 adds interaction testing and performance re-architecture in preparation for a huge 7.0 release.\n\nTrack the release in the Github: [Storybook 6.4 Release 🛠](https://github.com/storybookjs/storybook/issues/15355)"}}
|
||||
{"version":"6.4.0-beta.1","info":{"plain":"### Features\n\n- MDX: Support CSF3 play/render functions ([#16159](https://github.com/storybookjs/storybook/pull/16159))\n- Addon-a11y: Export parameter types ([#16128](https://github.com/storybookjs/storybook/pull/16128))\n\n### Bug Fixes\n\n- Addon-docs: Fix loading behavior for Canvas doc block ([#16161](https://github.com/storybookjs/storybook/pull/16161))\n- Added index.d.ts for addon-docs/angular ([#16123](https://github.com/storybookjs/storybook/pull/16123))\n\n### Maintenance\n\n- Angular: Remove dead code in client ([#16137](https://github.com/storybookjs/storybook/pull/16137))"}}
|
||||
@ -53,7 +53,7 @@ module.exports = {
|
||||
const nextConfig = require('/path/to/next.config.js');
|
||||
|
||||
// merge whatever from nextConfig into the webpack config storybook will use
|
||||
return { ...baseConfig };
|
||||
return { ...baseConfig, ...nextConfig };
|
||||
},
|
||||
};
|
||||
```
|
||||
@ -341,4 +341,4 @@ Out of the box, Storybook provides syntax highlighting for a set of languages (e
|
||||
💡 Check <code>react-syntax-highlighter</code>'s <a href="https://github.com/react-syntax-highlighter/react-syntax-highlighter">documentation</a> for a list of available languages.
|
||||
</div>
|
||||
|
||||
Applying this small change will enable you to add syntax highlight for SCSS or any other language available.
|
||||
Applying this small change will enable you to add syntax highlight for SCSS or any other language available.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -39,18 +39,18 @@
|
||||
"@angular/compiler-cli": "^11.2.14",
|
||||
"@angular/elements": "^11.2.14",
|
||||
"@compodoc/compodoc": "^1.1.14",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-jest": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/angular": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-jest": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/angular": "6.4.0-beta.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"@types/core-js": "^2.5.4",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/node": "^14.14.20",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -11,7 +11,7 @@
|
||||
"test": "react-scripts test --env=jsdom"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"global": "^4.4.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"react": "16.14.0",
|
||||
@ -21,19 +21,19 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-ie11": "^0.0.6",
|
||||
"@storybook/addon-jest": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/addon-jest": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -18,14 +18,14 @@
|
||||
"react-scripts": "3.4.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-ie11": "^0.0.6",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6",
|
||||
"webpack": "4"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-essentials",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,12 +34,12 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.4.0-beta.0",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.1",
|
||||
"@storybook/addon-ie11": "^0.0.6",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,15 +34,15 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-ie11": "^0.0.6",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build --output-path ember-output",
|
||||
@ -17,18 +17,18 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@ember/optional-features": "^2.0.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.0",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/ember": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.1",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/ember": "6.4.0-beta.1",
|
||||
"@storybook/ember-cli-storybook": "^0.2.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"babel-loader": "^8.0.0",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,23 +13,23 @@
|
||||
"storybook": "start-storybook -p 9006 --no-manager-cache"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-jest": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-jest": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-postcss": "^2.0.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.0",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/html": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.1",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/html": "6.4.0-beta.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"autoprefixer": "^10.0.1",
|
||||
"eventemitter3": "^4.0.7",
|
||||
"format-json": "^1.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -14,27 +14,27 @@
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.3.0",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-jest": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.0",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.0",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.0",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/cli": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-jest": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.1",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.1",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.1",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/cli": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/design-system": "^5.4.7",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"@testing-library/dom": "^7.31.2",
|
||||
"@testing-library/user-event": "^13.1.9",
|
||||
"chromatic": "^5.6.0",
|
||||
|
||||
@ -0,0 +1,28 @@
|
||||
import { Meta, Story } from '@storybook/addon-docs';
|
||||
import Button from '../../components/TsButton';
|
||||
|
||||
<Meta
|
||||
title="csf3"
|
||||
component={Button}
|
||||
play={() => console.log('component play')}
|
||||
render={(args) => (
|
||||
<div style={{ border: '5px solid green' }}>
|
||||
<Button {...args} />
|
||||
</div>
|
||||
)}
|
||||
/>
|
||||
|
||||
# CSF3 Features
|
||||
|
||||
<Story name="Inherited Render" />
|
||||
|
||||
<Story
|
||||
name="Story Render"
|
||||
render={(args) => (
|
||||
<div style={{ border: '5px solid red' }}>
|
||||
<Button {...args} />
|
||||
</div>
|
||||
)}
|
||||
/>
|
||||
|
||||
<Story name="Story Play" play={() => console.log('story play')} />
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,16 +15,16 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-runtime": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.0",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/preact": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.1",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/preact": "6.4.0-beta.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"@types/prop-types": "^15.7.3",
|
||||
"@types/react": "^17",
|
||||
"@types/react-dom": "^17",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts-webpack4",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,10 +8,10 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-manager-cache"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.1",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@types/react": "^16.14.2",
|
||||
"@types/react-dom": "^16.9.10",
|
||||
"prop-types": "15.7.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -17,12 +17,12 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"@testing-library/dom": "^7.31.2",
|
||||
"@testing-library/user-event": "^13.1.9",
|
||||
"@types/babel__preset-env": "^7",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "server-kitchen-sink",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,13 +14,13 @@
|
||||
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/server": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/server": "6.4.0-beta.1",
|
||||
"concurrently": "^5.3.0",
|
||||
"cors": "^2.8.5",
|
||||
"express": "~4.17.1",
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"parcel": "^1.12.4",
|
||||
"react": "16.14.0",
|
||||
"react-dom": "16.14.0"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -10,18 +10,18 @@
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.0",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/svelte": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.1",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"@storybook/svelte": "6.4.0-beta.1",
|
||||
"svelte-jester": "1.3.0",
|
||||
"svelte-preprocess": "4.6.8"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-3-cli-example",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -14,11 +14,11 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/vue3": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/vue3": "6.4.0-beta.1",
|
||||
"@vue/cli-plugin-babel": "~4.5.0",
|
||||
"@vue/cli-plugin-typescript": "~4.5.0",
|
||||
"@vue/cli-service": "~4.5.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-cli-example",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -15,11 +15,11 @@
|
||||
"vue-property-decorator": "^9.1.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.1",
|
||||
"@storybook/preset-scss": "^1.0.3",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/vue": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"@storybook/vue": "6.4.0-beta.1",
|
||||
"@vue/cli-plugin-babel": "~4.3.1",
|
||||
"@vue/cli-plugin-typescript": "~4.3.1",
|
||||
"@vue/cli-service": "~4.3.1",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -14,18 +14,18 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.0",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/vue": "6.4.0-beta.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.1",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"@storybook/vue": "6.4.0-beta.1",
|
||||
"@vue/babel-preset-jsx": "^1.2.4",
|
||||
"babel-loader": "^8.0.0",
|
||||
"cross-env": "^7.0.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "web-components-kitchen-sink",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
|
||||
@ -2,5 +2,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "6.4.0-beta.0"
|
||||
"version": "6.4.0-beta.1"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,13 +40,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/router": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/router": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
@ -58,6 +58,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/public_api.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/api",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Core Storybook API & Context",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -39,13 +39,13 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@reach/router": "^1.3.4",
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/router": "6.4.0-beta.0",
|
||||
"@storybook/router": "6.4.0-beta.1",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"@types/reach__router": "^1.3.7",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
@ -72,6 +72,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1 +1 @@
|
||||
export const version = '6.4.0-beta.0';
|
||||
export const version = '6.4.0-beta.1';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-webpack4",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -61,22 +61,22 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.0",
|
||||
"@storybook/router": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.1",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/preview-web": "6.4.0-beta.1",
|
||||
"@storybook/router": "6.4.0-beta.1",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/ui": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"@storybook/ui": "6.4.0-beta.1",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/webpack": "^4.41.26",
|
||||
"autoprefixer": "^9.8.6",
|
||||
@ -131,6 +131,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-webpack5",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -60,21 +60,21 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.0",
|
||||
"@storybook/router": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.1",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/preview-web": "6.4.0-beta.1",
|
||||
"@storybook/router": "6.4.0-beta.1",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"@types/node": "^14.0.10",
|
||||
"babel-loader": "^8.0.0",
|
||||
"babel-plugin-macros": "^3.0.1",
|
||||
@ -117,6 +117,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-postmessage",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,9 +40,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"qs": "^6.10.0",
|
||||
@ -51,6 +51,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channel-websocket",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,7 +40,7 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"telejson": "^5.3.2"
|
||||
@ -48,6 +48,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -47,6 +47,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "sb",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -24,10 +24,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.4.0-beta.0"
|
||||
"@storybook/cli": "6.4.0-beta.1"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f"
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "storybook",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook CLI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -27,10 +27,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/cli": "6.4.0-beta.0"
|
||||
"@storybook/cli": "6.4.0-beta.1"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f"
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/cli",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
||||
"keywords": [
|
||||
"cli",
|
||||
@ -48,9 +48,9 @@
|
||||
"dependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@storybook/codemod": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/codemod": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"boxen": "^4.2.0",
|
||||
"chalk": "^4.1.0",
|
||||
@ -75,7 +75,7 @@
|
||||
"update-notifier": "^5.0.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@types/cross-spawn": "^6.0.2",
|
||||
"@types/prompts": "^2.0.9",
|
||||
"@types/puppeteer-core": "^2.1.0",
|
||||
@ -91,5 +91,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f"
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd"
|
||||
}
|
||||
|
||||
@ -1,57 +1,57 @@
|
||||
{
|
||||
"@storybook/addon-a11y": "6.4.0-beta.0",
|
||||
"@storybook/addon-actions": "6.4.0-beta.0",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.0",
|
||||
"@storybook/addon-controls": "6.4.0-beta.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.0",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.0",
|
||||
"@storybook/addon-jest": "6.4.0-beta.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.0",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.0",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.0",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.0",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/angular": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/aurelia": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.0",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.0",
|
||||
"@storybook/channel-websocket": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/cli": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/codemod": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core": "6.4.0-beta.0",
|
||||
"@storybook/core-client": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/core-server": "6.4.0-beta.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.0",
|
||||
"@storybook/ember": "6.4.0-beta.0",
|
||||
"@storybook/html": "6.4.0-beta.0",
|
||||
"@storybook/manager-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/manager-webpack5": "6.4.0-beta.0",
|
||||
"@storybook/marionette": "6.4.0-beta.0",
|
||||
"@storybook/marko": "6.4.0-beta.0",
|
||||
"@storybook/mithril": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/postinstall": "6.4.0-beta.0",
|
||||
"@storybook/preact": "6.4.0-beta.0",
|
||||
"@storybook/rax": "6.4.0-beta.0",
|
||||
"@storybook/react": "6.4.0-beta.0",
|
||||
"@storybook/riot": "6.4.0-beta.0",
|
||||
"@storybook/router": "6.4.0-beta.0",
|
||||
"@storybook/server": "6.4.0-beta.0",
|
||||
"@storybook/source-loader": "6.4.0-beta.0",
|
||||
"@storybook/svelte": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/ui": "6.4.0-beta.0",
|
||||
"@storybook/vue": "6.4.0-beta.0",
|
||||
"@storybook/vue3": "6.4.0-beta.0",
|
||||
"@storybook/web-components": "6.4.0-beta.0"
|
||||
"@storybook/addon-a11y": "6.4.0-beta.1",
|
||||
"@storybook/addon-actions": "6.4.0-beta.1",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.1",
|
||||
"@storybook/addon-controls": "6.4.0-beta.1",
|
||||
"@storybook/addon-docs": "6.4.0-beta.1",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.1",
|
||||
"@storybook/addon-jest": "6.4.0-beta.1",
|
||||
"@storybook/addon-links": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.1",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.1",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.1",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.1",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.1",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/angular": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/aurelia": "6.4.0-beta.1",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.1",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.1",
|
||||
"@storybook/channel-websocket": "6.4.0-beta.1",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"@storybook/cli": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/codemod": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core": "6.4.0-beta.1",
|
||||
"@storybook/core-client": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/core-server": "6.4.0-beta.1",
|
||||
"@storybook/csf-tools": "6.4.0-beta.1",
|
||||
"@storybook/ember": "6.4.0-beta.1",
|
||||
"@storybook/html": "6.4.0-beta.1",
|
||||
"@storybook/manager-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/manager-webpack5": "6.4.0-beta.1",
|
||||
"@storybook/marionette": "6.4.0-beta.1",
|
||||
"@storybook/marko": "6.4.0-beta.1",
|
||||
"@storybook/mithril": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/postinstall": "6.4.0-beta.1",
|
||||
"@storybook/preact": "6.4.0-beta.1",
|
||||
"@storybook/rax": "6.4.0-beta.1",
|
||||
"@storybook/react": "6.4.0-beta.1",
|
||||
"@storybook/riot": "6.4.0-beta.1",
|
||||
"@storybook/router": "6.4.0-beta.1",
|
||||
"@storybook/server": "6.4.0-beta.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.1",
|
||||
"@storybook/svelte": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"@storybook/ui": "6.4.0-beta.1",
|
||||
"@storybook/vue": "6.4.0-beta.1",
|
||||
"@storybook/vue3": "6.4.0-beta.1",
|
||||
"@storybook/web-components": "6.4.0-beta.1"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-api",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook Client API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,13 +40,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.1",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/qs": "^6.9.5",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
@ -67,6 +67,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-logger",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -46,6 +46,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/codemod",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "A collection of codemod scripts written with JSCodeshift",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -44,8 +44,8 @@
|
||||
"@babel/types": "^7.12.11",
|
||||
"@mdx-js/mdx": "^1.6.22",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"cross-spawn": "^7.0.3",
|
||||
"globby": "^11.0.2",
|
||||
@ -62,6 +62,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/components",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,9 +41,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@popperjs/core": "^2.6.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"@types/color-convert": "^2.0.0",
|
||||
"@types/overlayscrollbars": "^1.12.0",
|
||||
"@types/react-syntax-highlighter": "11.0.5",
|
||||
@ -76,6 +76,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-client",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,15 +40,15 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.0",
|
||||
"@storybook/client-api": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.1",
|
||||
"@storybook/client-api": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/ui": "6.4.0-beta.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.1",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@storybook/ui": "6.4.0-beta.1",
|
||||
"airbnb-js-shims": "^2.2.1",
|
||||
"ansi-to-html": "^0.6.11",
|
||||
"core-js": "^3.8.2",
|
||||
@ -73,6 +73,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-common",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -61,7 +61,7 @@
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@babel/register": "^7.12.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@types/micromatch": "^4.0.1",
|
||||
"@types/node": "^14.0.10",
|
||||
@ -107,6 +107,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-events",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Event names used in storybook core",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,6 +45,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-server",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,14 +41,14 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@discoveryjs/json-ext": "^0.5.3",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/core-client": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.0",
|
||||
"@storybook/manager-webpack4": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/core-client": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/csf-tools": "6.4.0-beta.1",
|
||||
"@storybook/manager-webpack4": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/node-fetch": "^2.5.7",
|
||||
"@types/pretty-hrtime": "^1.0.0",
|
||||
@ -77,15 +77,15 @@
|
||||
"webpack": "4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.1",
|
||||
"@types/compression": "^1.7.0",
|
||||
"@types/ip": "^1.1.0",
|
||||
"@types/serve-favicon": "^2.5.2",
|
||||
"jest-specific-snapshot": "^4.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.0",
|
||||
"@storybook/manager-webpack5": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.1",
|
||||
"@storybook/manager-webpack5": "6.4.0-beta.1",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0"
|
||||
},
|
||||
@ -103,6 +103,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,11 +40,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core-client": "6.4.0-beta.0",
|
||||
"@storybook/core-server": "6.4.0-beta.0"
|
||||
"@storybook/core-client": "6.4.0-beta.1",
|
||||
"@storybook/core-server": "6.4.0-beta.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.0",
|
||||
"@storybook/builder-webpack5": "6.4.0-beta.1",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0",
|
||||
"webpack": "*"
|
||||
@ -60,6 +60,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -0,0 +1,45 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`docs-mdx-compiler-plugin csf3 auto-title-docs-only.mdx 1`] = `
|
||||
"/* @jsxRuntime classic */
|
||||
/* @jsx mdx */
|
||||
import { assertIsFn, AddContext } from '@storybook/addon-docs';
|
||||
|
||||
const layoutProps = {};
|
||||
const MDXLayout = 'wrapper';
|
||||
function MDXContent({ components, ...props }) {
|
||||
return (
|
||||
<MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
|
||||
<pre>
|
||||
<code parentName=\\"pre\\" {...{}}>{\` import { Meta } from '@storybook/addon-docs';
|
||||
|
||||
<Meta />
|
||||
|
||||
# Auto-title Docs Only
|
||||
|
||||
Spme **markdown** here!
|
||||
\`}</code>
|
||||
</pre>
|
||||
</MDXLayout>
|
||||
);
|
||||
}
|
||||
|
||||
MDXContent.isMDXComponent = true;
|
||||
|
||||
const componentMeta = { includeStories: [] };
|
||||
|
||||
const mdxStoryNameToKey = {};
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
...(componentMeta.parameters.docs || {}),
|
||||
page: () => (
|
||||
<AddContext mdxStoryNameToKey={mdxStoryNameToKey} mdxComponentAnnotations={componentMeta}>
|
||||
<MDXContent />
|
||||
</AddContext>
|
||||
),
|
||||
};
|
||||
|
||||
export default componentMeta;
|
||||
"
|
||||
`;
|
||||
@ -0,0 +1,46 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`docs-mdx-compiler-plugin csf3 auto-title.mdx 1`] = `
|
||||
"/* @jsxRuntime classic */
|
||||
/* @jsx mdx */
|
||||
import { assertIsFn, AddContext } from '@storybook/addon-docs';
|
||||
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
const layoutProps = {};
|
||||
const MDXLayout = 'wrapper';
|
||||
function MDXContent({ components, ...props }) {
|
||||
return (
|
||||
<MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
|
||||
<Meta component={Button} mdxType=\\"Meta\\" />
|
||||
<Story name=\\"Basic\\" mdxType=\\"Story\\">
|
||||
<Button mdxType=\\"Button\\">Basic</Button>
|
||||
</Story>
|
||||
</MDXLayout>
|
||||
);
|
||||
}
|
||||
|
||||
MDXContent.isMDXComponent = true;
|
||||
|
||||
export const basic = () => <Button>Basic</Button>;
|
||||
basic.storyName = 'Basic';
|
||||
basic.parameters = { storySource: { source: '<Button>Basic</Button>' } };
|
||||
|
||||
const componentMeta = { component: Button, includeStories: ['basic'] };
|
||||
|
||||
const mdxStoryNameToKey = { Basic: 'basic' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
...(componentMeta.parameters.docs || {}),
|
||||
page: () => (
|
||||
<AddContext mdxStoryNameToKey={mdxStoryNameToKey} mdxComponentAnnotations={componentMeta}>
|
||||
<MDXContent />
|
||||
</AddContext>
|
||||
),
|
||||
};
|
||||
|
||||
export default componentMeta;
|
||||
"
|
||||
`;
|
||||
@ -0,0 +1,54 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`docs-mdx-compiler-plugin csf3 component-render.mdx 1`] = `
|
||||
"/* @jsxRuntime classic */
|
||||
/* @jsx mdx */
|
||||
import { assertIsFn, AddContext } from '@storybook/addon-docs';
|
||||
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
const layoutProps = {};
|
||||
const MDXLayout = 'wrapper';
|
||||
function MDXContent({ components, ...props }) {
|
||||
return (
|
||||
<MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
|
||||
<Meta
|
||||
title=\\"Button\\"
|
||||
component={Button}
|
||||
render={(args) => <Button {...args} mdxType=\\"Button\\" />}
|
||||
mdxType=\\"Meta\\"
|
||||
/>
|
||||
<Story name=\\"Basic\\" mdxType=\\"Story\\" />
|
||||
</MDXLayout>
|
||||
);
|
||||
}
|
||||
|
||||
MDXContent.isMDXComponent = true;
|
||||
|
||||
export const basic = {};
|
||||
basic.storyName = 'Basic';
|
||||
basic.parameters = { storySource: { source: '{}' } };
|
||||
|
||||
const componentMeta = {
|
||||
title: 'Button',
|
||||
component: Button,
|
||||
render: (args) => <Button {...args} />,
|
||||
includeStories: ['basic'],
|
||||
};
|
||||
|
||||
const mdxStoryNameToKey = { Basic: 'basic' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
...(componentMeta.parameters.docs || {}),
|
||||
page: () => (
|
||||
<AddContext mdxStoryNameToKey={mdxStoryNameToKey} mdxComponentAnnotations={componentMeta}>
|
||||
<MDXContent />
|
||||
</AddContext>
|
||||
),
|
||||
};
|
||||
|
||||
export default componentMeta;
|
||||
"
|
||||
`;
|
||||
@ -0,0 +1,44 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`docs-mdx-compiler-plugin csf3 default-render.mdx 1`] = `
|
||||
"/* @jsxRuntime classic */
|
||||
/* @jsx mdx */
|
||||
import { assertIsFn, AddContext } from '@storybook/addon-docs';
|
||||
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
const layoutProps = {};
|
||||
const MDXLayout = 'wrapper';
|
||||
function MDXContent({ components, ...props }) {
|
||||
return (
|
||||
<MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
|
||||
<Meta title=\\"Button\\" component={Button} mdxType=\\"Meta\\" />
|
||||
<Story name=\\"Basic\\" mdxType=\\"Story\\" />
|
||||
</MDXLayout>
|
||||
);
|
||||
}
|
||||
|
||||
MDXContent.isMDXComponent = true;
|
||||
|
||||
export const basic = {};
|
||||
basic.storyName = 'Basic';
|
||||
basic.parameters = { storySource: { source: '{}' } };
|
||||
|
||||
const componentMeta = { title: 'Button', component: Button, includeStories: ['basic'] };
|
||||
|
||||
const mdxStoryNameToKey = { Basic: 'basic' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
...(componentMeta.parameters.docs || {}),
|
||||
page: () => (
|
||||
<AddContext mdxStoryNameToKey={mdxStoryNameToKey} mdxComponentAnnotations={componentMeta}>
|
||||
<MDXContent />
|
||||
</AddContext>
|
||||
),
|
||||
};
|
||||
|
||||
export default componentMeta;
|
||||
"
|
||||
`;
|
||||
@ -0,0 +1,45 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`docs-mdx-compiler-plugin csf3 story-play.mdx 1`] = `
|
||||
"/* @jsxRuntime classic */
|
||||
/* @jsx mdx */
|
||||
import { assertIsFn, AddContext } from '@storybook/addon-docs';
|
||||
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
const layoutProps = {};
|
||||
const MDXLayout = 'wrapper';
|
||||
function MDXContent({ components, ...props }) {
|
||||
return (
|
||||
<MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
|
||||
<Meta title=\\"Button\\" component={Button} mdxType=\\"Meta\\" />
|
||||
<Story name=\\"Basic\\" play={() => console.log('play')} mdxType=\\"Story\\" />
|
||||
</MDXLayout>
|
||||
);
|
||||
}
|
||||
|
||||
MDXContent.isMDXComponent = true;
|
||||
|
||||
export const basic = {};
|
||||
basic.storyName = 'Basic';
|
||||
basic.parameters = { storySource: { source: '{}' } };
|
||||
basic.play = () => console.log('play');
|
||||
|
||||
const componentMeta = { title: 'Button', component: Button, includeStories: ['basic'] };
|
||||
|
||||
const mdxStoryNameToKey = { Basic: 'basic' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
...(componentMeta.parameters.docs || {}),
|
||||
page: () => (
|
||||
<AddContext mdxStoryNameToKey={mdxStoryNameToKey} mdxComponentAnnotations={componentMeta}>
|
||||
<MDXContent />
|
||||
</AddContext>
|
||||
),
|
||||
};
|
||||
|
||||
export default componentMeta;
|
||||
"
|
||||
`;
|
||||
@ -0,0 +1,49 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`docs-mdx-compiler-plugin csf3 story-render.mdx 1`] = `
|
||||
"/* @jsxRuntime classic */
|
||||
/* @jsx mdx */
|
||||
import { assertIsFn, AddContext } from '@storybook/addon-docs';
|
||||
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
const layoutProps = {};
|
||||
const MDXLayout = 'wrapper';
|
||||
function MDXContent({ components, ...props }) {
|
||||
return (
|
||||
<MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
|
||||
<Meta title=\\"Button\\" component={Button} mdxType=\\"Meta\\" />
|
||||
<Story
|
||||
name=\\"Basic\\"
|
||||
render={(args) => <Button {...args} mdxType=\\"Button\\" />}
|
||||
mdxType=\\"Story\\"
|
||||
/>
|
||||
</MDXLayout>
|
||||
);
|
||||
}
|
||||
|
||||
MDXContent.isMDXComponent = true;
|
||||
|
||||
export const basic = {};
|
||||
basic.storyName = 'Basic';
|
||||
basic.parameters = { storySource: { source: '{}' } };
|
||||
basic.render = (args) => <Button {...args} />;
|
||||
|
||||
const componentMeta = { title: 'Button', component: Button, includeStories: ['basic'] };
|
||||
|
||||
const mdxStoryNameToKey = { Basic: 'basic' };
|
||||
|
||||
componentMeta.parameters = componentMeta.parameters || {};
|
||||
componentMeta.parameters.docs = {
|
||||
...(componentMeta.parameters.docs || {}),
|
||||
page: () => (
|
||||
<AddContext mdxStoryNameToKey={mdxStoryNameToKey} mdxComponentAnnotations={componentMeta}>
|
||||
<MDXContent />
|
||||
</AddContext>
|
||||
),
|
||||
};
|
||||
|
||||
export default componentMeta;
|
||||
"
|
||||
`;
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/csf-tools",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -65,6 +65,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -415,15 +415,98 @@ describe('docs-mdx-compiler-plugin', () => {
|
||||
generate(dedent`
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
|
||||
<Meta title="Button" />
|
||||
|
||||
|
||||
# Bad story
|
||||
|
||||
|
||||
<Story>
|
||||
<Button>One</Button>
|
||||
</Story>
|
||||
`)
|
||||
).rejects.toThrow('Expected a Story name, id, or story attribute');
|
||||
});
|
||||
|
||||
describe('csf3', () => {
|
||||
it('auto-title-docs-only.mdx', () => {
|
||||
expect(
|
||||
generate(dedent`
|
||||
import { Meta } from '@storybook/addon-docs';
|
||||
|
||||
<Meta />
|
||||
|
||||
# Auto-title Docs Only
|
||||
|
||||
Spme **markdown** here!
|
||||
`)
|
||||
).toMatchSpecificSnapshot(snap('auto-title-docs-only'));
|
||||
});
|
||||
|
||||
it('auto-title.mdx', () => {
|
||||
expect(
|
||||
generate(dedent`
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
<Meta component={Button} />
|
||||
|
||||
<Story name="Basic">
|
||||
<Button>Basic</Button>
|
||||
</Story>
|
||||
`)
|
||||
).toMatchSpecificSnapshot(snap('auto-title'));
|
||||
});
|
||||
|
||||
it('default-render.mdx', () => {
|
||||
expect(
|
||||
generate(dedent`
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
<Meta title="Button" component={Button} />
|
||||
|
||||
<Story name="Basic" />
|
||||
`)
|
||||
).toMatchSpecificSnapshot(snap('default-render'));
|
||||
});
|
||||
|
||||
it('component-render.mdx', () => {
|
||||
expect(
|
||||
generate(dedent`
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
<Meta title="Button" component={Button} render={(args) => <Button {...args} />} />
|
||||
|
||||
<Story name="Basic" />
|
||||
`)
|
||||
).toMatchSpecificSnapshot(snap('component-render'));
|
||||
});
|
||||
|
||||
it('story-render.mdx', () => {
|
||||
expect(
|
||||
generate(dedent`
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
<Meta title="Button" component={Button} />
|
||||
|
||||
<Story name="Basic" render={(args) => <Button {...args} />} />
|
||||
`)
|
||||
).toMatchSpecificSnapshot(snap('story-render'));
|
||||
});
|
||||
|
||||
it('story-play.mdx', () => {
|
||||
expect(
|
||||
generate(dedent`
|
||||
import { Button } from '@storybook/react/demo';
|
||||
import { Story, Meta } from '@storybook/addon-docs';
|
||||
|
||||
<Meta title="Button" component={Button} />
|
||||
|
||||
<Story name="Basic" play={() => console.log('play')} />
|
||||
`)
|
||||
).toMatchSpecificSnapshot(snap('story-play'));
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@ -152,13 +152,18 @@ function genStoryExport(ast: t.JSXElement, context: Context) {
|
||||
let sourceCode = null;
|
||||
let storyVal = null;
|
||||
if (!bodyNodes.length) {
|
||||
// plain text node
|
||||
const { code } = generate(ast.children[0], {});
|
||||
storyCode = `'${code}'`;
|
||||
sourceCode = storyCode;
|
||||
storyVal = `() => (
|
||||
${storyCode}
|
||||
)`;
|
||||
if (ast.children.length > 0) {
|
||||
// plain text node
|
||||
const { code } = generate(ast.children[0], {});
|
||||
storyCode = `'${code}'`;
|
||||
sourceCode = storyCode;
|
||||
storyVal = `() => (
|
||||
${storyCode}
|
||||
)`;
|
||||
} else {
|
||||
sourceCode = '{}';
|
||||
storyVal = '{}';
|
||||
}
|
||||
} else {
|
||||
const bodyParts = bodyNodes.map((bodyNode) => getBodyPart(bodyNode, context));
|
||||
// if we have more than two children
|
||||
@ -222,6 +227,18 @@ function genStoryExport(ast: t.JSXElement, context: Context) {
|
||||
statements.push(`${storyKey}.loaders = ${loaderCode};`);
|
||||
}
|
||||
|
||||
const play = expressionOrNull(getAttr(ast.openingElement, 'play'));
|
||||
if (play) {
|
||||
const { code: playCode } = generate(play, {});
|
||||
statements.push(`${storyKey}.play = ${playCode};`);
|
||||
}
|
||||
|
||||
const render = expressionOrNull(getAttr(ast.openingElement, 'render'));
|
||||
if (render) {
|
||||
const { code: renderCode } = generate(render, {});
|
||||
statements.push(`${storyKey}.render = ${renderCode};`);
|
||||
}
|
||||
|
||||
context.storyNameToKey[storyName] = storyKey;
|
||||
|
||||
return {
|
||||
@ -282,6 +299,7 @@ function genMeta(ast: t.JSXElement, options: CompilerOptions) {
|
||||
const subcomponents = genAttribute('subcomponents', ast.openingElement);
|
||||
const args = genAttribute('args', ast.openingElement);
|
||||
const argTypes = genAttribute('argTypes', ast.openingElement);
|
||||
const render = genAttribute('render', ast.openingElement);
|
||||
|
||||
return {
|
||||
title,
|
||||
@ -293,6 +311,7 @@ function genMeta(ast: t.JSXElement, options: CompilerOptions) {
|
||||
subcomponents,
|
||||
args,
|
||||
argTypes,
|
||||
render,
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/manager-webpack4",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,12 +45,12 @@
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-template-literals": "^7.12.1",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/core-client": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/ui": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/core-client": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"@storybook/ui": "6.4.0-beta.1",
|
||||
"@types/node": "^14.0.10",
|
||||
"@types/webpack": "^4.41.26",
|
||||
"babel-loader": "^8.0.0",
|
||||
@ -97,6 +97,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/manager-webpack5",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,12 +45,12 @@
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-template-literals": "^7.12.1",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/core-client": "6.4.0-beta.0",
|
||||
"@storybook/core-common": "6.4.0-beta.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/ui": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/core-client": "6.4.0-beta.1",
|
||||
"@storybook/core-common": "6.4.0-beta.1",
|
||||
"@storybook/node-logger": "6.4.0-beta.1",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"@storybook/ui": "6.4.0-beta.1",
|
||||
"@types/node": "^14.0.10",
|
||||
"babel-loader": "^8.0.0",
|
||||
"case-sensitive-paths-webpack-plugin": "^2.3.0",
|
||||
@ -93,6 +93,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/node-logger",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -52,6 +52,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/postinstall",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Storybook addons postinstall utilities",
|
||||
"keywords": [
|
||||
"api",
|
||||
@ -51,6 +51,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preview-web",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,12 +40,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/channel-postmessage": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"@storybook/store": "6.4.0-beta.0",
|
||||
"@storybook/store": "6.4.0-beta.1",
|
||||
"ansi-to-html": "^0.6.11",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -63,6 +63,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/router",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Core Storybook Router",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,7 +41,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@reach/router": "^1.3.4",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@types/reach__router": "^1.3.7",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
@ -58,6 +58,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/source-loader",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Source loader",
|
||||
"keywords": [
|
||||
"lib",
|
||||
@ -41,8 +41,8 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"core-js": "^3.8.2",
|
||||
"estraverse": "^5.2.0",
|
||||
@ -59,6 +59,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/store",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,9 +40,9 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/csf": "0.0.2--canary.6aca495.0",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
@ -58,6 +58,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/theming",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -43,7 +43,7 @@
|
||||
"@emotion/core": "^10.1.1",
|
||||
"@emotion/is-prop-valid": "^0.8.6",
|
||||
"@emotion/styled": "^10.0.27",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"core-js": "^3.8.2",
|
||||
"deep-object-diff": "^1.1.0",
|
||||
"emotion-theming": "^10.0.27",
|
||||
@ -60,6 +60,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ui",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"description": "Core Storybook UI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -41,15 +41,15 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@emotion/core": "^10.1.1",
|
||||
"@storybook/addons": "6.4.0-beta.0",
|
||||
"@storybook/api": "6.4.0-beta.0",
|
||||
"@storybook/channels": "6.4.0-beta.0",
|
||||
"@storybook/client-logger": "6.4.0-beta.0",
|
||||
"@storybook/components": "6.4.0-beta.0",
|
||||
"@storybook/core-events": "6.4.0-beta.0",
|
||||
"@storybook/router": "6.4.0-beta.0",
|
||||
"@storybook/addons": "6.4.0-beta.1",
|
||||
"@storybook/api": "6.4.0-beta.1",
|
||||
"@storybook/channels": "6.4.0-beta.1",
|
||||
"@storybook/client-logger": "6.4.0-beta.1",
|
||||
"@storybook/components": "6.4.0-beta.1",
|
||||
"@storybook/core-events": "6.4.0-beta.1",
|
||||
"@storybook/router": "6.4.0-beta.1",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/theming": "6.4.0-beta.0",
|
||||
"@storybook/theming": "6.4.0-beta.1",
|
||||
"copy-to-clipboard": "^3.3.1",
|
||||
"core-js": "^3.8.2",
|
||||
"core-js-pure": "^3.8.2",
|
||||
@ -86,6 +86,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "44a855043cb0f43a03025df37cb105f4ce07d46f",
|
||||
"gitHead": "000a73948b4b91aa6bf84828b42ccdb7064f72bd",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/root",
|
||||
"version": "6.4.0-beta.0",
|
||||
"version": "6.4.0-beta.1",
|
||||
"private": true,
|
||||
"description": "Storybook is an open source tool for developing UI components in isolation for React, Vue and Angular. It makes building stunning UIs organized and efficient.",
|
||||
"keywords": [
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user