mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 16:41:08 +08:00
Merge branch 'next' into feat/configDir-automigrations
This commit is contained in:
Yann Braga
commit
f46c63a377
35
CHANGELOG.md
35
CHANGELOG.md
@ -1,3 +1,38 @@
|
||||
## 7.0.0-beta.47 (February 14, 2023)
|
||||
|
||||
#### Features
|
||||
|
||||
- Vite: Support legacyMdx1 fallback flag [#20823](https://github.com/storybooks/storybook/pull/20823)
|
||||
- CLI: Automigration to update `mdx` stories config [#21035](https://github.com/storybooks/storybook/pull/21035)
|
||||
|
||||
#### Bug Fixes
|
||||
|
||||
- Vue3: Fix CSF2 support with decorators [#20995](https://github.com/storybooks/storybook/pull/20995)
|
||||
- CLI: Do not use modern TS assets in legacy TS projects [#20458](https://github.com/storybooks/storybook/pull/20458)
|
||||
- CLI: Fix conflicts in static dirs [#21064](https://github.com/storybooks/storybook/pull/21064)
|
||||
|
||||
#### Maintenance
|
||||
|
||||
- CLI: Update init script for react-native v6.5 [#20719](https://github.com/storybooks/storybook/pull/20719)
|
||||
- CLI: Re-enable vue-vite in new-frameworks automigration [#20970](https://github.com/storybooks/storybook/pull/20970)
|
||||
|
||||
## 7.0.0-beta.46 (February 10, 2023)
|
||||
|
||||
#### Features
|
||||
|
||||
- CLI: Add Solid integration [#20991](https://github.com/storybooks/storybook/pull/20991)
|
||||
- Viewport: Add `defaultOrientation` parameter [#21048](https://github.com/storybooks/storybook/pull/21048)
|
||||
|
||||
#### Bug Fixes
|
||||
|
||||
- CLI: Account for pnp when creating main.js in `storybook init` [#21049](https://github.com/storybooks/storybook/pull/21049)
|
||||
- Core: Detect mdx2 errors and provide guidance to fix them [#20917](https://github.com/storybooks/storybook/pull/20917)
|
||||
- Angular: provideHttpClient when HttpClientModule is present in the imports array [#21028](https://github.com/storybooks/storybook/pull/21028)
|
||||
|
||||
#### Build
|
||||
|
||||
- Build: Allow `stories` folder to be served by vite sandboxes [#21022](https://github.com/storybooks/storybook/pull/21022)
|
||||
|
||||
## 7.0.0-beta.45 (February 9, 2023)
|
||||
|
||||
#### Features
|
||||
|
||||
17
MIGRATION.md
17
MIGRATION.md
@ -19,6 +19,7 @@
|
||||
- [Babel mode v7 exclusively](#babel-mode-v7-exclusively)
|
||||
- [Importing plain markdown files with `transcludeMarkdown` has changed](#importing-plain-markdown-files-with-transcludemarkdown-has-changed)
|
||||
- [7.0 feature flags removed](#70-feature-flags-removed)
|
||||
- [Story context is prepared before for supporting fine grained updates](#story-context-is-prepared-before-for-supporting-fine-grained-updates)
|
||||
- [Core addons](#core-addons)
|
||||
- [Removed auto injection of @storybook/addon-actions decorator](#removed-auto-injection-of-storybookaddon-actions-decorator)
|
||||
- [Addon-backgrounds: Removed deprecated grid parameter](#addon-backgrounds-removed-deprecated-grid-parameter)
|
||||
@ -282,12 +283,6 @@ A number of these changes can be made automatically by the Storybook CLI. To tak
|
||||
|
||||
### 7.0 breaking changes
|
||||
|
||||
#### Story context is prepared before for supporting fine grained updates
|
||||
|
||||
This change modifies the way Storybook prepares stories to avoid reactive args to get lost for fine-grained updates JS frameworks as `SolidJS` or `Vue`. That's because those frameworks handle args/props as proxies behind the scenes to make reactivity work. So when `argType` mapping was done in `prepareStory` the Proxies were destroyed and args becomes a plain object again, losing the reactivity.
|
||||
|
||||
For avoiding that, this change passes the mapped args instead of raw args at `renderToCanvas` so that the proxies stay intact. Also decorators will benefit from this as well by receiving mapped args instead of raw args.
|
||||
|
||||
#### Dropped support for Node 15 and below
|
||||
|
||||
Storybook 7.0 requires **Node 16** or above. If you are using an older version of Node, you will need to upgrade or keep using Storybook 6 in the meantime.
|
||||
@ -629,6 +624,12 @@ In 7.0 we've removed the following feature flags:
|
||||
| `breakingChangesV7` | This flag is no longer needed and should be deleted. |
|
||||
| `babelModeV7` | See [Babel mode v7 exclusively](#babel-mode-v7-exclusively) |
|
||||
|
||||
#### Story context is prepared before for supporting fine grained updates
|
||||
|
||||
This change modifies the way Storybook prepares stories to avoid reactive args to get lost for fine-grained updates JS frameworks as `SolidJS` or `Vue`. That's because those frameworks handle args/props as proxies behind the scenes to make reactivity work. So when `argType` mapping was done in `prepareStory` the Proxies were destroyed and args becomes a plain object again, losing the reactivity.
|
||||
|
||||
For avoiding that, this change passes the mapped args instead of raw args at `renderToCanvas` so that the proxies stay intact. Also decorators will benefit from this as well by receiving mapped args instead of raw args.
|
||||
|
||||
### Core addons
|
||||
|
||||
#### Removed auto injection of @storybook/addon-actions decorator
|
||||
@ -995,7 +996,7 @@ import * as ComponentStories from './some-component.stories';
|
||||
|
||||
##### ArgsTable block
|
||||
|
||||
The `ArgsTable` block is now deprecated, and two new blocks: `ArgsTypes` and `Controls` should be preferred.
|
||||
The `ArgsTable` block is now deprecated, and two new blocks: `ArgTypes` and `Controls` should be preferred.
|
||||
|
||||
- `<ArgTypes of={storyExports OR metaExports OR component} />` will render a readonly table of args/props descriptions for a story, CSF file or component. If `of` ommitted and the MDX file is attached it will render the arg types defined at the CSF file level.
|
||||
|
||||
@ -1088,8 +1089,6 @@ export default {
|
||||
|
||||
NOTE: This only affects `.(stories|story).mdx` files. Notably, if you want to use Storybook 7's "pure" `.mdx` format, you'll need to use MDX2 for that.
|
||||
|
||||
NOTE: Legacy MDX1 support is only for Webpack projects. There is currently no legacy support for Vite.
|
||||
|
||||
#### Default docs styles will leak into non-story user components
|
||||
|
||||
Storybook's default styles in docs are now globally applied to any element instead of using classes. This means that any component that you add directly in a docs file will also get the default styles.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Test component compliance with web accessibility standards",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -63,16 +63,16 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-highlight": "7.0.0-beta.45",
|
||||
"@storybook/channels": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/addon-highlight": "7.0.0-beta.47",
|
||||
"@storybook/channels": "7.0.0-beta.47",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"axe-core": "^4.2.0",
|
||||
"lodash": "^4.17.21",
|
||||
"react-resize-detector": "^7.1.2"
|
||||
@ -104,7 +104,7 @@
|
||||
"./src/preview.tsx"
|
||||
]
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Accessibility",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991665-47042f80-3c7c-11eb-8f00-64b5a18f498a.png",
|
||||
|
||||
6
code/addons/a11y/project.json
Normal file
6
code/addons/a11y/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,3 +1,5 @@
|
||||
/// <reference types="webpack-env" />
|
||||
|
||||
import { global } from '@storybook/global';
|
||||
import { addons } from '@storybook/preview-api';
|
||||
import { EVENTS } from './constants';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Get UI feedback when an action is performed on an interactive element",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -77,14 +77,14 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"dequal": "^2.0.2",
|
||||
"lodash": "^4.17.21",
|
||||
"polished": "^4.2.2",
|
||||
@ -121,7 +121,7 @@
|
||||
"./src/preview.ts"
|
||||
]
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Actions",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
6
code/addons/actions/project.json
Normal file
6
code/addons/actions/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Switch backgrounds to view components in different settings",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -76,14 +76,14 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"memoizerific": "^1.11.3",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
@ -112,7 +112,7 @@
|
||||
"./src/preview.tsx"
|
||||
]
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Backgrounds",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991667-479cc600-3c7c-11eb-96d3-410e936252e7.png",
|
||||
|
||||
6
code/addons/backgrounds/project.json
Normal file
6
code/addons/backgrounds/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Interact with component inputs dynamically in the Storybook UI",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -68,15 +68,15 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/blocks": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/node-logger": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/blocks": "7.0.0-beta.47",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/node-logger": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"lodash": "^4.17.21",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
@ -102,7 +102,7 @@
|
||||
],
|
||||
"platform": "browser"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Controls",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991669-479cc600-3c7c-11eb-93d9-38b67e8371f2.png",
|
||||
|
||||
6
code/addons/controls/project.json
Normal file
6
code/addons/controls/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -2,10 +2,9 @@ import { global as globalThis } from '@storybook/global';
|
||||
import type { PartialStoryFn, StoryContext } from '@storybook/types';
|
||||
|
||||
export default {
|
||||
component: null,
|
||||
component: globalThis.Components.Pre,
|
||||
decorators: [
|
||||
(storyFn: PartialStoryFn, context: StoryContext) =>
|
||||
storyFn({ component: globalThis.Components.Pre, args: { object: context.args } }),
|
||||
(storyFn: PartialStoryFn, context: StoryContext) => storyFn({ args: { object: context.args } }),
|
||||
],
|
||||
argTypes: {
|
||||
boolean: { control: 'boolean' },
|
||||
|
||||
@ -2,10 +2,9 @@ import { global as globalThis } from '@storybook/global';
|
||||
import type { PartialStoryFn, StoryContext } from '@storybook/types';
|
||||
|
||||
export default {
|
||||
component: null,
|
||||
component: globalThis.Components.Pre,
|
||||
decorators: [
|
||||
(storyFn: PartialStoryFn, context: StoryContext) =>
|
||||
storyFn({ component: globalThis.Components.Pre, args: { object: context.args } }),
|
||||
(storyFn: PartialStoryFn, context: StoryContext) => storyFn({ args: { object: context.args } }),
|
||||
],
|
||||
};
|
||||
|
||||
|
||||
@ -2,10 +2,9 @@ import { global as globalThis } from '@storybook/global';
|
||||
import type { PartialStoryFn, StoryContext } from '@storybook/types';
|
||||
|
||||
export default {
|
||||
component: null,
|
||||
component: globalThis.Components.Pre,
|
||||
decorators: [
|
||||
(storyFn: PartialStoryFn, context: StoryContext) =>
|
||||
storyFn({ component: globalThis.Components.Pre, args: { object: context.args } }),
|
||||
(storyFn: PartialStoryFn, context: StoryContext) => storyFn({ args: { object: context.args } }),
|
||||
],
|
||||
};
|
||||
|
||||
|
||||
@ -2,10 +2,9 @@ import { global as globalThis } from '@storybook/global';
|
||||
import type { PartialStoryFn, StoryContext } from '@storybook/types';
|
||||
|
||||
export default {
|
||||
component: null,
|
||||
component: globalThis.Components.Pre,
|
||||
decorators: [
|
||||
(storyFn: PartialStoryFn, context: StoryContext) =>
|
||||
storyFn({ component: globalThis.Components.Pre, args: { object: context.args } }),
|
||||
(storyFn: PartialStoryFn, context: StoryContext) => storyFn({ args: { object: context.args } }),
|
||||
],
|
||||
args: {
|
||||
helloWorld: 1,
|
||||
|
||||
@ -2,10 +2,9 @@ import { global as globalThis } from '@storybook/global';
|
||||
import type { PartialStoryFn, StoryContext } from '@storybook/types';
|
||||
|
||||
export default {
|
||||
component: null,
|
||||
component: globalThis.Components.Pre,
|
||||
decorators: [
|
||||
(storyFn: PartialStoryFn, context: StoryContext) =>
|
||||
storyFn({ component: globalThis.Components.Pre, args: { object: context.args } }),
|
||||
(storyFn: PartialStoryFn, context: StoryContext) => storyFn({ args: { object: context.args } }),
|
||||
],
|
||||
};
|
||||
|
||||
|
||||
@ -2,10 +2,9 @@ import { global as globalThis } from '@storybook/global';
|
||||
import type { PartialStoryFn, StoryContext } from '@storybook/types';
|
||||
|
||||
export default {
|
||||
component: null,
|
||||
component: globalThis.Components.Pre,
|
||||
decorators: [
|
||||
(storyFn: PartialStoryFn, context: StoryContext) =>
|
||||
storyFn({ component: globalThis.Components.Pre, args: { object: context.args } }),
|
||||
(storyFn: PartialStoryFn, context: StoryContext) => storyFn({ args: { object: context.args } }),
|
||||
],
|
||||
};
|
||||
|
||||
|
||||
@ -2,10 +2,9 @@ import { global as globalThis } from '@storybook/global';
|
||||
import type { PartialStoryFn, StoryContext } from '@storybook/types';
|
||||
|
||||
export default {
|
||||
component: null,
|
||||
component: globalThis.Components.Pre,
|
||||
decorators: [
|
||||
(storyFn: PartialStoryFn, context: StoryContext) =>
|
||||
storyFn({ component: globalThis.Components.Pre, args: { object: context.args } }),
|
||||
(storyFn: PartialStoryFn, context: StoryContext) => storyFn({ args: { object: context.args } }),
|
||||
],
|
||||
argTypes: {
|
||||
x: { type: { required: true } },
|
||||
|
||||
@ -129,7 +129,9 @@ export const jsxDecorator = (storyFn: any, context: StoryContext) => {
|
||||
|
||||
const options = {}; // retrieve from story parameters
|
||||
const jsx = renderJsx(story, options);
|
||||
channel.emit(SNIPPET_RENDERED, (context || {}).id, jsx);
|
||||
|
||||
const { id, args } = context;
|
||||
channel.emit(SNIPPET_RENDERED, { id, args, source: jsx });
|
||||
|
||||
return story;
|
||||
};
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -103,18 +103,18 @@
|
||||
"@babel/plugin-transform-react-jsx": "^7.19.0",
|
||||
"@jest/transform": "^29.3.1",
|
||||
"@mdx-js/react": "^2.1.5",
|
||||
"@storybook/blocks": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/csf-plugin": "7.0.0-beta.45",
|
||||
"@storybook/csf-tools": "7.0.0-beta.45",
|
||||
"@storybook/blocks": "7.0.0-beta.47",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/csf-plugin": "7.0.0-beta.47",
|
||||
"@storybook/csf-tools": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/mdx2-csf": "next",
|
||||
"@storybook/node-logger": "7.0.0-beta.45",
|
||||
"@storybook/postinstall": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/node-logger": "7.0.0-beta.47",
|
||||
"@storybook/postinstall": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"fs-extra": "^11.1.0",
|
||||
"remark-external-links": "^8.0.0",
|
||||
"remark-slug": "^6.0.0",
|
||||
@ -147,7 +147,7 @@
|
||||
"./src/shims/mdx-react-shim.ts"
|
||||
]
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Docs",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991672-48355c80-3c7c-11eb-82d9-95fa12438f64.png",
|
||||
|
||||
6
code/addons/docs/project.json
Normal file
6
code/addons/docs/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -119,23 +119,23 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "7.0.0-beta.45",
|
||||
"@storybook/addon-backgrounds": "7.0.0-beta.45",
|
||||
"@storybook/addon-controls": "7.0.0-beta.45",
|
||||
"@storybook/addon-docs": "7.0.0-beta.45",
|
||||
"@storybook/addon-highlight": "7.0.0-beta.45",
|
||||
"@storybook/addon-measure": "7.0.0-beta.45",
|
||||
"@storybook/addon-outline": "7.0.0-beta.45",
|
||||
"@storybook/addon-toolbars": "7.0.0-beta.45",
|
||||
"@storybook/addon-viewport": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/node-logger": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/addon-actions": "7.0.0-beta.47",
|
||||
"@storybook/addon-backgrounds": "7.0.0-beta.47",
|
||||
"@storybook/addon-controls": "7.0.0-beta.47",
|
||||
"@storybook/addon-docs": "7.0.0-beta.47",
|
||||
"@storybook/addon-highlight": "7.0.0-beta.47",
|
||||
"@storybook/addon-measure": "7.0.0-beta.47",
|
||||
"@storybook/addon-outline": "7.0.0-beta.47",
|
||||
"@storybook/addon-toolbars": "7.0.0-beta.47",
|
||||
"@storybook/addon-viewport": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/node-logger": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/vue": "7.0.0-beta.45",
|
||||
"@storybook/vue": "7.0.0-beta.47",
|
||||
"typescript": "^4.9.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
@ -166,5 +166,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/addons/essentials/project.json
Normal file
6
code/addons/essentials/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,2 +1 @@
|
||||
// @ts-expect-error The generated definition file is empty. https://github.com/egoist/tsup/issues/762
|
||||
export * from '@storybook/addon-actions/manager';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
// @ts-expect-error The generated definition file is empty. https://github.com/egoist/tsup/issues/762
|
||||
export * from '@storybook/addon-backgrounds/manager';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
// @ts-expect-error The generated definition file is empty. https://github.com/egoist/tsup/issues/762
|
||||
export * from '@storybook/addon-controls/manager';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
// @ts-expect-error The generated definition file is empty. https://github.com/egoist/tsup/issues/762
|
||||
export * from '@storybook/addon-measure/manager';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
// @ts-expect-error The generated definition file is empty. https://github.com/egoist/tsup/issues/762
|
||||
export * from '@storybook/addon-outline/manager';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
// @ts-expect-error The generated definition file is empty. https://github.com/egoist/tsup/issues/762
|
||||
export * from '@storybook/addon-toolbars/manager';
|
||||
|
||||
@ -1,2 +1 @@
|
||||
// @ts-expect-error The generated definition file is empty. https://github.com/egoist/tsup/issues/762
|
||||
export * from '@storybook/addon-viewport/manager';
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-highlight",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Highlight DOM nodes within your stories",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -61,9 +61,9 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/preview-api": "7.0.0-beta.45"
|
||||
"@storybook/preview-api": "7.0.0-beta.47"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
@ -78,7 +78,7 @@
|
||||
"./src/preview.ts"
|
||||
]
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Highlight",
|
||||
|
||||
6
code/addons/highlight/project.json
Normal file
6
code/addons/highlight/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-highlight",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-interactions",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Automate, test and debug user interactions",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -72,16 +72,16 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/instrumenter": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/instrumenter": "7.0.0-beta.47",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"jest-mock": "^27.0.6",
|
||||
"polished": "^4.2.2",
|
||||
"ts-dedent": "^2.2.0"
|
||||
@ -118,7 +118,7 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Interactions",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
6
code/addons/interactions/project.json
Normal file
6
code/addons/interactions/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-interactions",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -70,13 +70,13 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47",
|
||||
"react-resize-detector": "^7.1.2",
|
||||
"upath": "^1.2.0"
|
||||
},
|
||||
@ -105,7 +105,7 @@
|
||||
],
|
||||
"platform": "browser"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Jest",
|
||||
"icon": "https://pbs.twimg.com/profile_images/821713465245102080/mMtKIMax_400x400.jpg",
|
||||
|
||||
6
code/addons/jest/project.json
Normal file
6
code/addons/jest/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Link stories together to build demos and prototypes with your UI components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -80,14 +80,14 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/csf": "next",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/router": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/router": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"prop-types": "^15.7.2",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
@ -119,7 +119,7 @@
|
||||
],
|
||||
"post": "./scripts/fix-preview-api-reference.ts"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Links",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991673-48355c80-3c7c-11eb-9b6e-b627c96a75f6.png",
|
||||
|
||||
6
code/addons/links/project.json
Normal file
6
code/addons/links/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-measure",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Inspect layouts by visualizing the box model",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -75,13 +75,13 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45"
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47"
|
||||
},
|
||||
"devDependencies": {
|
||||
"typescript": "~4.9.3"
|
||||
@ -108,7 +108,7 @@
|
||||
"./src/preview.tsx"
|
||||
]
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Measure",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
6
code/addons/measure/project.json
Normal file
6
code/addons/measure/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-measure",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-outline",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Outline all elements with CSS to help with layout placement and alignment",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -78,13 +78,13 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -112,7 +112,7 @@
|
||||
"./src/preview.tsx"
|
||||
]
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Outline",
|
||||
"unsupportedFrameworks": [
|
||||
|
||||
6
code/addons/outline/project.json
Normal file
6
code/addons/outline/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-outline",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Take a code snapshot of every story automatically with Jest",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -37,12 +37,12 @@
|
||||
"dependencies": {
|
||||
"@jest/transform": "^29.3.1",
|
||||
"@storybook/babel-plugin-require-context-hook": "1.0.1",
|
||||
"@storybook/client-api": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/core-webpack": "7.0.0-beta.45",
|
||||
"@storybook/client-api": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/core-webpack": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest-specific-snapshot": "^0.5.6",
|
||||
"glob": "^8.1.0",
|
||||
@ -57,11 +57,11 @@
|
||||
"@angular/core": "^13.3.6",
|
||||
"@angular/platform-browser-dynamic": "^13.3.6",
|
||||
"@emotion/jest": "^11.8.0",
|
||||
"@storybook/addon-docs": "7.0.0-beta.45",
|
||||
"@storybook/angular": "7.0.0-beta.45",
|
||||
"@storybook/react": "7.0.0-beta.45",
|
||||
"@storybook/vue": "7.0.0-beta.45",
|
||||
"@storybook/vue3": "7.0.0-beta.45",
|
||||
"@storybook/addon-docs": "7.0.0-beta.47",
|
||||
"@storybook/angular": "7.0.0-beta.47",
|
||||
"@storybook/react": "7.0.0-beta.47",
|
||||
"@storybook/vue": "7.0.0-beta.47",
|
||||
"@storybook/vue3": "7.0.0-beta.47",
|
||||
"babel-loader": "^9.1.2",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-adapter-react-16": "^1.15.5",
|
||||
@ -142,7 +142,7 @@
|
||||
"access": "public"
|
||||
},
|
||||
"bundler": {},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Storyshots",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
|
||||
|
||||
6
code/addons/storyshots-core/project.json
Normal file
6
code/addons/storyshots-core/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -36,8 +36,8 @@
|
||||
"dependencies": {
|
||||
"@axe-core/puppeteer": "^4.2.0",
|
||||
"@storybook/csf": "next",
|
||||
"@storybook/node-logger": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/node-logger": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"@types/jest-image-snapshot": "^5.1.0",
|
||||
"jest-image-snapshot": "^6.0.0"
|
||||
},
|
||||
@ -49,7 +49,7 @@
|
||||
"rimraf": "^3.0.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "7.0.0-beta.45",
|
||||
"@storybook/addon-storyshots": "7.0.0-beta.47",
|
||||
"puppeteer": ">=2.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
@ -61,5 +61,5 @@
|
||||
"access": "public"
|
||||
},
|
||||
"bundler": {},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/addons/storyshots-puppeteer/project.json
Normal file
6
code/addons/storyshots-puppeteer/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "View a story’s source code to see how it works and paste into your app",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -54,13 +54,13 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/router": "7.0.0-beta.45",
|
||||
"@storybook/source-loader": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/router": "7.0.0-beta.47",
|
||||
"@storybook/source-loader": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47",
|
||||
"estraverse": "^5.2.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"react-syntax-highlighter": "^15.5.0"
|
||||
@ -92,7 +92,7 @@
|
||||
"./src/preset.ts"
|
||||
]
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Storysource",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991675-48cdf300-3c7c-11eb-9400-58de5ac6daa7.png",
|
||||
|
||||
6
code/addons/storysource/project.json
Normal file
6
code/addons/storysource/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Create your own toolbar items that control story rendering",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -68,11 +68,11 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45"
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47"
|
||||
},
|
||||
"devDependencies": {
|
||||
"typescript": "~4.9.3"
|
||||
@ -99,7 +99,7 @@
|
||||
],
|
||||
"platform": "browser"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Toolbars",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991677-48cdf300-3c7c-11eb-93b4-19b0e3366959.png",
|
||||
|
||||
6
code/addons/toolbars/project.json
Normal file
6
code/addons/toolbars/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -73,13 +73,13 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/components": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/components": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/theming": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/theming": "7.0.0-beta.47",
|
||||
"memoizerific": "^1.11.3",
|
||||
"prop-types": "^15.7.2"
|
||||
},
|
||||
@ -109,7 +109,7 @@
|
||||
"./src/preview.ts"
|
||||
]
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50",
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5",
|
||||
"storybook": {
|
||||
"displayName": "Viewport",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991678-48cdf300-3c7c-11eb-9764-f8af293c1b28.png",
|
||||
|
||||
6
code/addons/viewport/project.json
Normal file
6
code/addons/viewport/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -127,12 +127,13 @@ export const ViewportTool: FC = memo(
|
||||
withTheme(({ theme }: { theme: Theme }) => {
|
||||
const {
|
||||
viewports = MINIMAL_VIEWPORTS,
|
||||
defaultOrientation = 'portrait',
|
||||
defaultViewport = responsiveViewport.id,
|
||||
disable,
|
||||
} = useParameter<ViewportAddonParameter>(PARAM_KEY, {});
|
||||
const [state, setState] = useAddonState<ViewportToolState>(ADDON_ID, {
|
||||
selected: defaultViewport,
|
||||
isRotated: false,
|
||||
isRotated: defaultOrientation === 'landscape',
|
||||
});
|
||||
|
||||
const list = toList(viewports);
|
||||
|
||||
@ -2,6 +2,7 @@ import type { ViewportMap } from './Viewport';
|
||||
|
||||
export interface ViewportAddonParameter {
|
||||
disable?: boolean;
|
||||
defaultOrientation?: 'portrait' | 'landscape';
|
||||
defaultViewport?: string;
|
||||
viewports?: ViewportMap;
|
||||
}
|
||||
|
||||
@ -41,6 +41,54 @@ test.describe('addon-docs', () => {
|
||||
}
|
||||
});
|
||||
|
||||
test('source snippet should not change in stories block', async ({ page }) => {
|
||||
const skipped = [
|
||||
'vue3',
|
||||
'vue-cli',
|
||||
'preact',
|
||||
// SSv6 does not render stories in the correct order in our sandboxes
|
||||
'internal\\/ssv6',
|
||||
// Angular bug: https://github.com/storybookjs/storybook/issues/21066
|
||||
'angular',
|
||||
// Lit seems to render incorrectly for our template-stories but not real stories
|
||||
// - template: https://638db567ed97c3fb3e21cc22-ulhjwkqzzj.chromatic.com/?path=/docs/addons-docs-docspage-basic--docs
|
||||
// - real: https://638db567ed97c3fb3e21cc22-ulhjwkqzzj.chromatic.com/?path=/docs/example-button--docs
|
||||
'lit-vite',
|
||||
// Vue doesn't update when you change args, apparently fixed by this:
|
||||
// https://github.com/storybookjs/storybook/pull/20995
|
||||
'vue2-vite',
|
||||
];
|
||||
test.skip(
|
||||
new RegExp(`^${skipped.join('|')}`, 'i').test(`${templateName}`),
|
||||
`Skipping ${templateName}, which does not support dynamic source snippets`
|
||||
);
|
||||
|
||||
const sbPage = new SbPage(page);
|
||||
await sbPage.navigateToStory('addons/docs/docspage/basic', 'docs');
|
||||
const root = sbPage.previewRoot();
|
||||
const toggles = root.locator('.docblock-code-toggle');
|
||||
|
||||
// Open up the first and second code toggle (i.e the "Basic" story outside and inside the Stories block)
|
||||
await (await toggles.nth(0)).click({ force: true });
|
||||
await (await toggles.nth(1)).click({ force: true });
|
||||
|
||||
// Check they both say "Basic"
|
||||
const codes = root.locator('pre.prismjs');
|
||||
const primaryCode = await codes.nth(0);
|
||||
const storiesCode = await codes.nth(1);
|
||||
await expect(primaryCode).toContainText('Basic');
|
||||
await expect(storiesCode).toContainText('Basic');
|
||||
|
||||
const labelControl = root.locator('textarea[name=label]');
|
||||
labelControl.fill('Changed');
|
||||
labelControl.blur();
|
||||
|
||||
// Check the Primary one has changed
|
||||
await expect(primaryCode).toContainText('Changed');
|
||||
// Check the stories one still says "Basic"
|
||||
await expect(storiesCode).toContainText('Basic');
|
||||
});
|
||||
|
||||
test('should not run autoplay stories without parameter', async ({ page }) => {
|
||||
const sbPage = new SbPage(page);
|
||||
await sbPage.navigateToStory('addons/docs/docspage/autoplay', 'docs');
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -36,20 +36,20 @@
|
||||
"prep": "../../../scripts/prepare/tsc.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.45",
|
||||
"@storybook/cli": "7.0.0-beta.45",
|
||||
"@storybook/client-logger": "7.0.0-beta.45",
|
||||
"@storybook/core-client": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/core-events": "7.0.0-beta.45",
|
||||
"@storybook/core-server": "7.0.0-beta.45",
|
||||
"@storybook/core-webpack": "7.0.0-beta.45",
|
||||
"@storybook/docs-tools": "7.0.0-beta.45",
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.47",
|
||||
"@storybook/cli": "7.0.0-beta.47",
|
||||
"@storybook/client-logger": "7.0.0-beta.47",
|
||||
"@storybook/core-client": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/core-events": "7.0.0-beta.47",
|
||||
"@storybook/core-server": "7.0.0-beta.47",
|
||||
"@storybook/core-webpack": "7.0.0-beta.47",
|
||||
"@storybook/docs-tools": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/manager-api": "7.0.0-beta.45",
|
||||
"@storybook/node-logger": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/manager-api": "7.0.0-beta.47",
|
||||
"@storybook/node-logger": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"@types/node": "^16.0.0",
|
||||
"@types/react": "^16.14.34",
|
||||
"@types/react-dom": "^16.9.14",
|
||||
@ -123,5 +123,5 @@
|
||||
"bundler": {
|
||||
"tsConfig": "tsconfig.build.json"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/angular/project.json
Normal file
6
code/frameworks/angular/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -38,7 +38,8 @@ export const sourceDecorator = (
|
||||
|
||||
useEffect(() => {
|
||||
if (toEmit) {
|
||||
channel.emit(SNIPPET_RENDERED, context.id, toEmit, 'angular');
|
||||
const { id, args } = context;
|
||||
channel.emit(SNIPPET_RENDERED, { id, args, source: toEmit, format: 'angular' });
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
|
||||
"bugs": {
|
||||
@ -31,12 +31,12 @@
|
||||
"prep": "../../../scripts/prepare/tsc.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/docs-tools": "7.0.0-beta.45",
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/docs-tools": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/types": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/types": "7.0.0-beta.47",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -59,5 +59,5 @@
|
||||
"access": "public"
|
||||
},
|
||||
"bundler": {},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/ember/project.json
Normal file
6
code/frameworks/ember/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html-vite",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,15 +48,15 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "7.0.0-beta.45",
|
||||
"@storybook/builder-vite": "7.0.0-beta.45",
|
||||
"@storybook/channel-postmessage": "7.0.0-beta.45",
|
||||
"@storybook/channel-websocket": "7.0.0-beta.45",
|
||||
"@storybook/client-api": "7.0.0-beta.45",
|
||||
"@storybook/core-server": "7.0.0-beta.45",
|
||||
"@storybook/html": "7.0.0-beta.45",
|
||||
"@storybook/node-logger": "7.0.0-beta.45",
|
||||
"@storybook/preview-web": "7.0.0-beta.45",
|
||||
"@storybook/addons": "7.0.0-beta.47",
|
||||
"@storybook/builder-vite": "7.0.0-beta.47",
|
||||
"@storybook/channel-postmessage": "7.0.0-beta.47",
|
||||
"@storybook/channel-websocket": "7.0.0-beta.47",
|
||||
"@storybook/client-api": "7.0.0-beta.47",
|
||||
"@storybook/core-server": "7.0.0-beta.47",
|
||||
"@storybook/html": "7.0.0-beta.47",
|
||||
"@storybook/node-logger": "7.0.0-beta.47",
|
||||
"@storybook/preview-web": "7.0.0-beta.47",
|
||||
"magic-string": "^0.27.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -76,5 +76,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/html-vite/project.json
Normal file
6
code/frameworks/html-vite/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html-vite",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html-webpack5",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,11 +48,11 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/html": "7.0.0-beta.45",
|
||||
"@storybook/preset-html-webpack": "7.0.0-beta.45",
|
||||
"@storybook/html": "7.0.0-beta.47",
|
||||
"@storybook/preset-html-webpack": "7.0.0-beta.47",
|
||||
"@types/node": "^16.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -76,5 +76,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/html-webpack5/project.json
Normal file
6
code/frameworks/html-webpack5/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html-webpack5",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/nextjs",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Next.js",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -60,13 +60,13 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@next/font": "^13.0.7",
|
||||
"@storybook/addon-actions": "7.0.0-beta.45",
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/node-logger": "7.0.0-beta.45",
|
||||
"@storybook/preset-react-webpack": "7.0.0-beta.45",
|
||||
"@storybook/preview-api": "7.0.0-beta.45",
|
||||
"@storybook/react": "7.0.0-beta.45",
|
||||
"@storybook/addon-actions": "7.0.0-beta.47",
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/node-logger": "7.0.0-beta.47",
|
||||
"@storybook/preset-react-webpack": "7.0.0-beta.47",
|
||||
"@storybook/preview-api": "7.0.0-beta.47",
|
||||
"@storybook/react": "7.0.0-beta.47",
|
||||
"@types/node": "^16.0.0",
|
||||
"find-up": "^5.0.0",
|
||||
"fs-extra": "^11.1.0",
|
||||
@ -123,5 +123,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/nextjs/project.json
Normal file
6
code/frameworks/nextjs/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/nextjs",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -14,3 +14,11 @@ function addNextHeadCount() {
|
||||
addNextHeadCount();
|
||||
|
||||
export const decorators = [StyledJsxDecorator, RouterDecorator, HeadManagerDecorator];
|
||||
|
||||
export const parameters = {
|
||||
docs: {
|
||||
source: {
|
||||
excludeDecorators: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact-vite",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,8 +48,8 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@preact/preset-vite": "^2.0.0",
|
||||
"@storybook/builder-vite": "7.0.0-beta.45",
|
||||
"@storybook/preact": "7.0.0-beta.45"
|
||||
"@storybook/builder-vite": "7.0.0-beta.47",
|
||||
"@storybook/preact": "7.0.0-beta.47"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^16.0.0",
|
||||
@ -73,5 +73,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/preact-vite/project.json
Normal file
6
code/frameworks/preact-vite/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact-vite",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact-webpack5",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,10 +48,10 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/preact": "7.0.0-beta.45",
|
||||
"@storybook/preset-preact-webpack": "7.0.0-beta.45",
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/preact": "7.0.0-beta.47",
|
||||
"@storybook/preset-preact-webpack": "7.0.0-beta.47",
|
||||
"@types/node": "^16.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -77,5 +77,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/preact-webpack5/project.json
Normal file
6
code/frameworks/preact-webpack5/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact-webpack5",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-vite",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -50,8 +50,8 @@
|
||||
"dependencies": {
|
||||
"@joshwooding/vite-plugin-react-docgen-typescript": "^0.2.1",
|
||||
"@rollup/pluginutils": "^4.2.0",
|
||||
"@storybook/builder-vite": "7.0.0-beta.45",
|
||||
"@storybook/react": "7.0.0-beta.45",
|
||||
"@storybook/builder-vite": "7.0.0-beta.47",
|
||||
"@storybook/react": "7.0.0-beta.47",
|
||||
"@vitejs/plugin-react": "^3.0.1",
|
||||
"ast-types": "^0.14.2",
|
||||
"magic-string": "^0.27.0",
|
||||
@ -80,5 +80,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/react-vite/project.json
Normal file
6
code/frameworks/react-vite/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-vite",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-webpack5",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,9 +48,9 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.45",
|
||||
"@storybook/preset-react-webpack": "7.0.0-beta.45",
|
||||
"@storybook/react": "7.0.0-beta.45",
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.47",
|
||||
"@storybook/preset-react-webpack": "7.0.0-beta.47",
|
||||
"@storybook/react": "7.0.0-beta.47",
|
||||
"@types/node": "^16.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -83,5 +83,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/react-webpack5/project.json
Normal file
6
code/frameworks/react-webpack5/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-webpack5",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server-webpack5",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,10 +48,10 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/preset-server-webpack": "7.0.0-beta.45",
|
||||
"@storybook/server": "7.0.0-beta.45",
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/preset-server-webpack": "7.0.0-beta.47",
|
||||
"@storybook/server": "7.0.0-beta.47",
|
||||
"@types/node": "^16.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -74,5 +74,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/server-webpack5/project.json
Normal file
6
code/frameworks/server-webpack5/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server-webpack5",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte-vite",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,9 +48,9 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-vite": "7.0.0-beta.45",
|
||||
"@storybook/node-logger": "7.0.0-beta.45",
|
||||
"@storybook/svelte": "7.0.0-beta.45",
|
||||
"@storybook/builder-vite": "7.0.0-beta.47",
|
||||
"@storybook/node-logger": "7.0.0-beta.47",
|
||||
"@storybook/svelte": "7.0.0-beta.47",
|
||||
"@sveltejs/vite-plugin-svelte": "^2.0.0",
|
||||
"magic-string": "^0.27.0",
|
||||
"svelte": "^3.0.0",
|
||||
@ -80,5 +80,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/svelte-vite/project.json
Normal file
6
code/frameworks/svelte-vite/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte-vite",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte-webpack5",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,10 +48,10 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/preset-svelte-webpack": "7.0.0-beta.45",
|
||||
"@storybook/svelte": "7.0.0-beta.45"
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/preset-svelte-webpack": "7.0.0-beta.47",
|
||||
"@storybook/svelte": "7.0.0-beta.47"
|
||||
},
|
||||
"devDependencies": {
|
||||
"svelte": "^3.48.0",
|
||||
@ -78,5 +78,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/svelte-webpack5/project.json
Normal file
6
code/frameworks/svelte-webpack5/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte-webpack5",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -23,20 +23,20 @@ Check out our [Frameworks API](https://storybook.js.org/blog/framework-api/) ann
|
||||
All Svelte language features are supported out of the box, as Storybook uses the Svelte compiler underneath.
|
||||
However SvelteKit has some [Kit-specific modules](https://kit.svelte.dev/docs/modules) that currently aren't supported. It's on our roadmap to support most of them soon:
|
||||
|
||||
| **Module** | **Status** | **Note** |
|
||||
| ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| [`$app/environment`](https://kit.svelte.dev/docs/modules#$app-environment) | ✅ Supported | `version` is always empty in Storybook. |
|
||||
| [`$app/forms`](https://kit.svelte.dev/docs/modules#$app-forms) | ⏳ Planned for 7.1 | Will use mocks. Tracked in [#20999](https://github.com/storybookjs/storybook/issues/20999) |
|
||||
| [`$app/navigation`](https://kit.svelte.dev/docs/modules#$app-navigation) | ⏳ Planned for 7.1 | Will use mocks. Tracked in [#20999](https://github.com/storybookjs/storybook/issues/20999) |
|
||||
| [`$app/paths`](https://kit.svelte.dev/docs/modules#$app-paths) | ✅ Supported | Requires SvelteKit 1.4.0 or newer |
|
||||
| [`$app/stores`](https://kit.svelte.dev/docs/modules#$app-stores) | ✅ Supported | Mocks planned for 7.1, so you can set different store values per story. |
|
||||
| [`$env/dynamic/private`](https://kit.svelte.dev/docs/modules#$env-dynamic-private) | ⛔ Not supported | They are meant to only be available server-side, and Storybook renders all components on the client. |
|
||||
| [`$env/dynamic/public`](https://kit.svelte.dev/docs/modules#$env-dynamic-public) | 🚧 Partially supported | Only supported in development mode. Storybook is built as a static app with no server-side API so cannot dynamically serve content. |
|
||||
| [`$env/static/private`](https://kit.svelte.dev/docs/modules#$env-static-private) | ⛔ Not supported | They are meant to only be available server-side, and Storybook renders all components on the client. |
|
||||
| [`$env/static/public`](https://kit.svelte.dev/docs/modules#$env-static-public) | ✅ Supported | |
|
||||
| [`$lib`](https://kit.svelte.dev/docs/modules#$lib) | ✅ Supported | |
|
||||
| [`$service-worker`](https://kit.svelte.dev/docs/modules#$service-worker) | ⛔ Not supported | They are only meant to be used in service workers |
|
||||
| [`@sveltejs/kit/*`](https://kit.svelte.dev/docs/modules#sveltejs-kit) | ✅ Supported | |
|
||||
| **Module** | **Status** | **Note** |
|
||||
| ---------------------------------------------------------------------------------- | ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| [`$app/environment`](https://kit.svelte.dev/docs/modules#$app-environment) | ✅ Supported | `version` is always empty in Storybook. |
|
||||
| [`$app/forms`](https://kit.svelte.dev/docs/modules#$app-forms) | ⏳ Planned for 7.1 | Will use mocks. Tracked in [#20999](https://github.com/storybookjs/storybook/issues/20999) |
|
||||
| [`$app/navigation`](https://kit.svelte.dev/docs/modules#$app-navigation) | ⏳ Planned for 7.1 | Will use mocks. Tracked in [#20999](https://github.com/storybookjs/storybook/issues/20999) |
|
||||
| [`$app/paths`](https://kit.svelte.dev/docs/modules#$app-paths) | ✅ Supported | Requires SvelteKit 1.4.0 or newer |
|
||||
| [`$app/stores`](https://kit.svelte.dev/docs/modules#$app-stores) | ✅ Supported | Mocks planned for 7.1, so you can set different store values per story. |
|
||||
| [`$env/dynamic/private`](https://kit.svelte.dev/docs/modules#$env-dynamic-private) | ⛔ Not supported | They are meant to only be available server-side, and Storybook renders all components on the client. |
|
||||
| [`$env/dynamic/public`](https://kit.svelte.dev/docs/modules#$env-dynamic-public) | 🚧 Partially supported | Only supported in development mode. Storybook is built as a static app with no server-side API so cannot dynamically serve content. |
|
||||
| [`$env/static/private`](https://kit.svelte.dev/docs/modules#$env-static-private) | ⛔ Not supported | They are meant to only be available server-side, and Storybook renders all components on the client. |
|
||||
| [`$env/static/public`](https://kit.svelte.dev/docs/modules#$env-static-public) | ✅ Supported | |
|
||||
| [`$lib`](https://kit.svelte.dev/docs/modules#$lib) | ✅ Supported | |
|
||||
| [`$service-worker`](https://kit.svelte.dev/docs/modules#$service-worker) | ⛔ Not supported | They are only meant to be used in service workers |
|
||||
| [`@sveltejs/kit/*`](https://kit.svelte.dev/docs/modules#sveltejs-kit) | ✅ Supported | |
|
||||
|
||||
This is just the beginning. We're close to adding basic support for many of the SvelteKit features. Longer term we're planning on making it an even better experience to [build](https://storybook.js.org/docs/7.0/react/writing-stories/introduction), [test](https://storybook.js.org/docs/7.0/react/writing-tests/introduction) and [document](https://storybook.js.org/docs/7.0/react/writing-docs/introduction) all the SvelteKit goodies like [pages](https://kit.svelte.dev/docs/routing), [forms](https://kit.svelte.dev/docs/form-actions) and [layouts](https://kit.svelte.dev/docs/routing#layout) in Storybook, while still integrating with all the addons and workflows you know and love.
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/sveltekit",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for SvelteKit",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -51,9 +51,9 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-vite": "7.0.0-beta.45",
|
||||
"@storybook/svelte": "7.0.0-beta.45",
|
||||
"@storybook/svelte-vite": "7.0.0-beta.45"
|
||||
"@storybook/builder-vite": "7.0.0-beta.47",
|
||||
"@storybook/svelte": "7.0.0-beta.47",
|
||||
"@storybook/svelte-vite": "7.0.0-beta.47"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^16.0.0",
|
||||
@ -76,5 +76,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/sveltekit/project.json
Normal file
6
code/frameworks/sveltekit/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/sveltekit",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
# Storybook for Vue and Vite
|
||||
# Storybook for Vue 2 and Vite
|
||||
|
||||
Storybook for Vue is a UI development environment for your Vue components.
|
||||
Storybook for Vue 2 is a UI development environment for your Vue 2 components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue-vite",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Vue2 and Vite: Develop Vue2 Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,10 +48,10 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-vite": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/core-server": "7.0.0-beta.45",
|
||||
"@storybook/vue": "7.0.0-beta.45",
|
||||
"@storybook/builder-vite": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/core-server": "7.0.0-beta.47",
|
||||
"@storybook/vue": "7.0.0-beta.47",
|
||||
"magic-string": "^0.27.0",
|
||||
"vue-docgen-api": "^4.40.0"
|
||||
},
|
||||
@ -79,5 +79,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/vue-vite/project.json
Normal file
6
code/frameworks/vue-vite/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue-vite",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
# Storybook for Vue
|
||||
# Storybook for Vue 3 and Webpack
|
||||
|
||||
Storybook for Vue is a UI development environment for your Vue components.
|
||||
Storybook for Vue 3 is a UI development environment for your Vue 3 components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue-webpack5",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,10 +48,10 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.45",
|
||||
"@storybook/core-common": "7.0.0-beta.45",
|
||||
"@storybook/preset-vue-webpack": "7.0.0-beta.45",
|
||||
"@storybook/vue": "7.0.0-beta.45",
|
||||
"@storybook/builder-webpack5": "7.0.0-beta.47",
|
||||
"@storybook/core-common": "7.0.0-beta.47",
|
||||
"@storybook/preset-vue-webpack": "7.0.0-beta.47",
|
||||
"@storybook/vue": "7.0.0-beta.47",
|
||||
"@types/node": "^16.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
@ -83,5 +83,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/vue-webpack5/project.json
Normal file
6
code/frameworks/vue-webpack5/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue-webpack5",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
@ -1 +1,44 @@
|
||||
# Storybook for React
|
||||
# Storybook for Vue 3 and Vite
|
||||
|
||||
Storybook for Vue 3 is a UI development environment for your Vue 3 components.
|
||||
With it, you can visualize different states of your UI components and develop them interactively.
|
||||
|
||||
|
||||
|
||||
Storybook runs outside of your app.
|
||||
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
|
||||
|
||||
## Getting Started
|
||||
|
||||
```sh
|
||||
cd my-vue3-app
|
||||
npx storybook init
|
||||
```
|
||||
|
||||
For more information visit: [storybook.js.org](https://storybook.js.org)
|
||||
|
||||
---
|
||||
|
||||
Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
|
||||
You can also build a [static version](https://storybook.js.org/docs/vue/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.
|
||||
|
||||
## Extending the Vue application
|
||||
|
||||
Storybook creates a [Vue 3 application](https://v3.vuejs.org/api/application-api.html#application-api) for your component preview.
|
||||
When using global custom components (`app.component`), directives (`app.directive`), extensions (`app.use`), or other application methods, you will need to configure those in the `./storybook/preview.js` file.
|
||||
|
||||
Therefore, Storybook provides you with a `setup` function exported from this package, which receives as a callback your Storybook instance, which you can interact with and add your custom configuration.
|
||||
|
||||
```js
|
||||
// .storybook/preview.js
|
||||
|
||||
import { setup } from '@storybook/vue3';
|
||||
|
||||
setup((app) => {
|
||||
app.use(MyPlugin);
|
||||
app.component('my-component', MyComponent);
|
||||
app.mixin({
|
||||
/* My mixin */
|
||||
});
|
||||
});
|
||||
```
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue3-vite",
|
||||
"version": "7.0.0-beta.45",
|
||||
"version": "7.0.0-beta.47",
|
||||
"description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -48,9 +48,9 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/builder-vite": "7.0.0-beta.45",
|
||||
"@storybook/core-server": "7.0.0-beta.45",
|
||||
"@storybook/vue3": "7.0.0-beta.45",
|
||||
"@storybook/builder-vite": "7.0.0-beta.47",
|
||||
"@storybook/core-server": "7.0.0-beta.47",
|
||||
"@storybook/vue3": "7.0.0-beta.47",
|
||||
"@vitejs/plugin-vue": "^4.0.0",
|
||||
"magic-string": "^0.27.0",
|
||||
"vue-docgen-api": "^4.40.0"
|
||||
@ -78,5 +78,5 @@
|
||||
],
|
||||
"platform": "node"
|
||||
},
|
||||
"gitHead": "c7fdb03a408aff39160d1977f906e1780ccfbc50"
|
||||
"gitHead": "a591d8eb579e68b26c277ab8ebdcafc2611530a5"
|
||||
}
|
||||
|
||||
6
code/frameworks/vue3-vite/project.json
Normal file
6
code/frameworks/vue3-vite/project.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue3-vite",
|
||||
"$schema": "../../node_modules/nx/schemas/project-schema.json",
|
||||
"implicitDependencies": [],
|
||||
"type": "library"
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user