mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 15:31:16 +08:00
Merge branch 'next' into svelte-5-stories
This commit is contained in:
Michael Shilman
commit
b0adc643c7
@ -1,3 +1,14 @@
|
||||
## 8.4.0-alpha.7
|
||||
|
||||
- CLI: Install Svelte CSF v5 in Svelte5 projects - [#29323](https://github.com/storybookjs/storybook/pull/29323), thanks @shilman!
|
||||
- Manager: Add tags property to ComponentEntry objects - [#29343](https://github.com/storybookjs/storybook/pull/29343), thanks @Sidnioulz!
|
||||
|
||||
## 8.4.0-alpha.6
|
||||
|
||||
- Addon-docs, blocks: Prebundle dependencies - [#29301](https://github.com/storybookjs/storybook/pull/29301), thanks @JReinhold!
|
||||
- React: Prebundle all of `renderers/react`'s dependencies - [#29298](https://github.com/storybookjs/storybook/pull/29298), thanks @ndelangen!
|
||||
- Vite: Cleanup and prebundle dependencies - [#29302](https://github.com/storybookjs/storybook/pull/29302), thanks @JReinhold!
|
||||
|
||||
## 8.4.0-alpha.5
|
||||
|
||||
- Core: Migrate from `express` to `polka` - [#29230](https://github.com/storybookjs/storybook/pull/29230), thanks @43081j!
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Test component compliance with web accessibility standards",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
## Advanced/Legacy Actions usage
|
||||
|
||||
For basic usage, see the [documentation](https://storybook.js.org/docs/react/essentials/actions).
|
||||
For basic usage, see the [documentation](https://storybook.js.org/docs/essentials/actions).
|
||||
|
||||
This document describes the pre-6.0 usage of the addon, and as such is no longer recommended (although it will be supported until at least 7.0).
|
||||
|
||||
|
||||
@ -24,4 +24,4 @@ export default {
|
||||
|
||||
## Usage
|
||||
|
||||
The basic usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/actions). For legacy usage, see the [advanced README](./ADVANCED.md).
|
||||
The basic usage is documented in the [documentation](https://storybook.js.org/docs/essentials/actions). For legacy usage, see the [advanced README](./ADVANCED.md).
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Get UI feedback when an action is performed on an interactive element",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
|
||||
@ -26,4 +26,4 @@ export default {
|
||||
|
||||
## Usage
|
||||
|
||||
The usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/backgrounds).
|
||||
The usage is documented in the [documentation](https://storybook.js.org/docs/essentials/backgrounds).
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Switch backgrounds to view components in different settings",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
@ -24,7 +24,7 @@ export default {
|
||||
|
||||
## Usage
|
||||
|
||||
The usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/controls).
|
||||
The usage is documented in the [documentation](https://storybook.js.org/docs/essentials/controls).
|
||||
|
||||
## FAQs
|
||||
|
||||
@ -92,7 +92,7 @@ export const Reflow = () => {
|
||||
};
|
||||
```
|
||||
|
||||
And again, as above, this can be rewritten using [fully custom args](https://storybook.js.org/docs/react/essentials/controls#fully-custom-args):
|
||||
And again, as above, this can be rewritten using [fully custom args](https://storybook.js.org/docs/essentials/controls#fully-custom-args):
|
||||
|
||||
```jsx
|
||||
export const Reflow = ({ count, label, ...args }) => (
|
||||
@ -147,7 +147,7 @@ Basic.args = {
|
||||
};
|
||||
```
|
||||
|
||||
The `argTypes` annotation (which can also be applied to individual stories if needed), gives Storybook the hints it needs to generate controls in these unsupported cases. See [control annotations](https://storybook.js.org/docs/react/essentials/controls#annotation) for a full list of control types.
|
||||
The `argTypes` annotation (which can also be applied to individual stories if needed), gives Storybook the hints it needs to generate controls in these unsupported cases. See [control annotations](https://storybook.js.org/docs/essentials/controls#annotation) for a full list of control types.
|
||||
|
||||
It's also possible that your Storybook is misconfigured. If you think this might be the case, please search through Storybook's [Github issues](https://github.com/storybookjs/storybook/issues), and file a new issue if you don't find one that matches your use case.
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Interact with component inputs dynamically in the Storybook UI",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
3
code/addons/docs/angular/index.js
vendored
3
code/addons/docs/angular/index.js
vendored
@ -1,7 +1,6 @@
|
||||
/* eslint-disable no-underscore-dangle */
|
||||
import { global } from '@storybook/global';
|
||||
|
||||
export const setCompodocJson = (compodocJson) => {
|
||||
// @ts-expect-error (Converted from ts-ignore)
|
||||
global.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
|
||||
globalThis.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
|
||||
};
|
||||
|
||||
@ -82,7 +82,7 @@ export const WithControls = (args) => <MyComponent {...args} />;
|
||||
<ArgsTable story="Controls" />
|
||||
```
|
||||
|
||||
For a very detailed walkthrough of how to write stories that use controls, read the [documentation](https://storybook.js.org/docs/react/essentials/controls).
|
||||
For a very detailed walkthrough of how to write stories that use controls, read the [documentation](https://storybook.js.org/docs/essentials/controls).
|
||||
|
||||
## Customization
|
||||
|
||||
@ -187,7 +187,7 @@ This would render a row with a modified description, a type display with a dropd
|
||||
> - `type: 'number'` is shorthand for `type: { name: 'number' }`
|
||||
> - `control: 'radio'` is shorthand for `control: { type: 'radio' }`
|
||||
|
||||
Controls customization has an entire section in the [documentation](https://storybook.js.org/docs/react/essentials/controls#configuration).
|
||||
Controls customization has an entire section in the [documentation](https://storybook.js.org/docs/essentials/controls#configuration).
|
||||
|
||||
Here are the possible customizations for the rest of the prop table:
|
||||
|
||||
@ -200,7 +200,7 @@ Here are the possible customizations for the rest of the prop table:
|
||||
| `table.type.detail` | A longer version of the type (if it's a complex type) |
|
||||
| `table.defaultValue.summary` | A short version of the default value |
|
||||
| `table.defaultValue.detail` | A longer version of the default value (if it's a complex value) |
|
||||
| `control` | See [`addon-controls` README](https://storybook.js.org/docs/react/essentials/controls#configuration) |
|
||||
| `control` | See [`addon-controls` README](https://storybook.js.org/docs/essentials/controls#configuration) |
|
||||
|
||||
## Reporting a bug
|
||||
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
/* eslint-disable no-underscore-dangle */
|
||||
import { global } from '@storybook/global';
|
||||
|
||||
export const setJSONDoc = (jsondoc) => {
|
||||
global.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
|
||||
globalThis.__EMBER_GENERATED_DOC_JSON__ = jsondoc;
|
||||
};
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -100,20 +100,19 @@
|
||||
"@mdx-js/react": "^3.0.0",
|
||||
"@storybook/blocks": "workspace:*",
|
||||
"@storybook/csf-plugin": "workspace:*",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/react-dom-shim": "workspace:*",
|
||||
"@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
||||
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
||||
"rehype-external-links": "^3.0.0",
|
||||
"rehype-slug": "^6.0.0",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@mdx-js/mdx": "^3.0.0",
|
||||
"@rollup/pluginutils": "^5.0.2",
|
||||
"@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"rehype-external-links": "^3.0.0",
|
||||
"rehype-slug": "^6.0.0",
|
||||
"typescript": "^5.3.2",
|
||||
"vite": "^4.0.4"
|
||||
},
|
||||
|
||||
@ -1,8 +1,6 @@
|
||||
import type { PreparedStory } from 'storybook/internal/types';
|
||||
|
||||
import { global } from '@storybook/global';
|
||||
|
||||
const excludeTags = Object.entries(global.TAGS_OPTIONS ?? {}).reduce(
|
||||
const excludeTags = Object.entries(globalThis.TAGS_OPTIONS ?? {}).reduce(
|
||||
(acc, entry) => {
|
||||
const [tag, option] = entry;
|
||||
if ((option as any).excludeFromDocsStories) {
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Button,
|
||||
tags: ['autodocs'],
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
title: 'Multiple CSF Files Same Title',
|
||||
component: globalThis.Components.Html,
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
title: 'Multiple CSF Files Same Title',
|
||||
component: globalThis.Components.Html,
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
import { expect, within } from '@storybook/test';
|
||||
|
||||
export default {
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
import { fn } from '@storybook/test';
|
||||
|
||||
export default {
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Button,
|
||||
subcomponents: {
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Button,
|
||||
tags: ['autodocs', '!test', '!vitest'],
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Button,
|
||||
tags: ['autodocs'],
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Button,
|
||||
tags: ['autodocs'],
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Pre,
|
||||
tags: ['autodocs'],
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
// FIXME: do this using basic React functions for multi-framework
|
||||
// once sandbox linking is working
|
||||
//
|
||||
|
||||
@ -1,7 +1,5 @@
|
||||
import type { StoryContext } from 'storybook/internal/types';
|
||||
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
import { dedent } from 'ts-dedent';
|
||||
|
||||
export default {
|
||||
|
||||
@ -1,6 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
import { fn } from '@storybook/test';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Button,
|
||||
tags: ['autodocs'],
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Button,
|
||||
tags: ['autodocs'],
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Button,
|
||||
tags: ['autodocs'],
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
import { global as globalThis } from '@storybook/global';
|
||||
|
||||
export default {
|
||||
component: globalThis.Components.Button,
|
||||
tags: ['autodocs'],
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-mdx-gfm",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "GitHub Flavored Markdown in Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-highlight",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Highlight DOM nodes within your stories",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-interactions",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Automate, test and debug user interactions",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Link stories together to build demos and prototypes with your UI components",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-measure",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Inspect layouts by visualizing the box model",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-onboarding",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-outline",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Outline all elements with CSS to help with layout placement and alignment",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "View a story’s source code to see how it works and paste into your app",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/experimental-addon-test",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Integrate Vitest with Storybook",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-themes",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Switch between multiple themes for you components in Storybook",
|
||||
"keywords": [
|
||||
"css",
|
||||
|
||||
@ -28,7 +28,7 @@ export default {
|
||||
|
||||
## Usage
|
||||
|
||||
The usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/toolbars-and-globals).
|
||||
The usage is documented in the [documentation](https://storybook.js.org/docs/essentials/toolbars-and-globals).
|
||||
|
||||
## FAQs
|
||||
|
||||
@ -40,6 +40,6 @@ The primary difference between the two packages is that `addon-toolbars` makes u
|
||||
|
||||
- **Standardization**. Args are built into Storybook in 6.x. Since `addon-toolbars` is based on args, you don't need to learn any addon-specific APIs to use it.
|
||||
|
||||
- **Ergonomics**. Global args are easy to consume [in stories](https://storybook.js.org/docs/react/essentials/toolbars-and-globals#consuming-globals-from-within-a-story), in [Storybook Docs](https://github.com/storybookjs/storybook/tree/next/code/addons/docs), or even in other addons.
|
||||
- **Ergonomics**. Global args are easy to consume [in stories](https://storybook.js.org/docs/essentials/toolbars-and-globals#consuming-globals-from-within-a-story), in [Storybook Docs](https://github.com/storybookjs/storybook/tree/next/code/addons/docs), or even in other addons.
|
||||
|
||||
* **Framework compatibility**. Args are completely framework-independent, so `addon-toolbars` is compatible with React, Vue 3, Angular, etc. out of the box with no framework logic needed in the addon.
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Create your own toolbar items that control story rendering",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
@ -26,4 +26,4 @@ You should now be able to see the viewport addon icon in the toolbar at the top
|
||||
|
||||
## Usage
|
||||
|
||||
The usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/viewport).
|
||||
The usage is documented in the [documentation](https://storybook.js.org/docs/essentials/viewport).
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
|
||||
"keywords": [
|
||||
"addon",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-vite",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "A plugin to run and build Storybooks with Vite",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/builders/builder-vite/#readme",
|
||||
"bugs": {
|
||||
@ -44,39 +44,24 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf-plugin": "workspace:*",
|
||||
"@types/find-cache-dir": "^3.2.1",
|
||||
"browser-assert": "^1.2.1",
|
||||
"es-module-lexer": "^1.5.0",
|
||||
"find-cache-dir": "^3.0.0",
|
||||
"magic-string": "^0.30.0",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/find-cache-dir": "^3.2.1",
|
||||
"@types/node": "^22.0.0",
|
||||
"es-module-lexer": "^1.5.0",
|
||||
"find-cache-dir": "^3.0.0",
|
||||
"glob": "^10.0.0",
|
||||
"magic-string": "^0.30.0",
|
||||
"polka": "^1.0.0-next.28",
|
||||
"sirv": "^2.0.4",
|
||||
"slash": "^5.0.0",
|
||||
"typescript": "^5.3.2",
|
||||
"vite": "^4.0.4"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@preact/preset-vite": "*",
|
||||
"storybook": "workspace:^",
|
||||
"typescript": ">= 4.3.x",
|
||||
"vite": "^4.0.0 || ^5.0.0",
|
||||
"vite-plugin-glimmerx": "*"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@preact/preset-vite": {
|
||||
"optional": true
|
||||
},
|
||||
"typescript": {
|
||||
"optional": true
|
||||
},
|
||||
"vite-plugin-glimmerx": {
|
||||
"optional": true
|
||||
}
|
||||
"vite": "^4.0.0 || ^5.0.0"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
||||
@ -119,11 +119,5 @@ export async function pluginConfig(options: Options) {
|
||||
pluginWebpackStats({ workingDir: process.cwd() }),
|
||||
] as PluginOption[];
|
||||
|
||||
// TODO: framework doesn't exist, should move into framework when/if built
|
||||
if (frameworkName === '@storybook/glimmerx-vite') {
|
||||
const plugin = require('vite-plugin-glimmerx/index.cjs');
|
||||
plugins.push(plugin.default());
|
||||
}
|
||||
|
||||
return plugins;
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-webpack5",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -340,7 +340,6 @@
|
||||
"boxen": "^7.1.1",
|
||||
"browser-dtector": "^3.4.0",
|
||||
"camelcase": "^8.0.0",
|
||||
"chai": "^4.4.1",
|
||||
"cli-table3": "^0.6.1",
|
||||
"commander": "^12.1.0",
|
||||
"comment-parser": "^1.4.1",
|
||||
|
||||
@ -1,87 +1,87 @@
|
||||
// auto generated file, do not edit
|
||||
export default {
|
||||
'@storybook/addon-a11y': '8.4.0-alpha.5',
|
||||
'@storybook/addon-actions': '8.4.0-alpha.5',
|
||||
'@storybook/addon-backgrounds': '8.4.0-alpha.5',
|
||||
'@storybook/addon-controls': '8.4.0-alpha.5',
|
||||
'@storybook/addon-docs': '8.4.0-alpha.5',
|
||||
'@storybook/addon-essentials': '8.4.0-alpha.5',
|
||||
'@storybook/addon-mdx-gfm': '8.4.0-alpha.5',
|
||||
'@storybook/addon-highlight': '8.4.0-alpha.5',
|
||||
'@storybook/addon-interactions': '8.4.0-alpha.5',
|
||||
'@storybook/addon-jest': '8.4.0-alpha.5',
|
||||
'@storybook/addon-links': '8.4.0-alpha.5',
|
||||
'@storybook/addon-measure': '8.4.0-alpha.5',
|
||||
'@storybook/addon-onboarding': '8.4.0-alpha.5',
|
||||
'@storybook/addon-outline': '8.4.0-alpha.5',
|
||||
'@storybook/addon-storysource': '8.4.0-alpha.5',
|
||||
'@storybook/experimental-addon-test': '8.4.0-alpha.5',
|
||||
'@storybook/addon-themes': '8.4.0-alpha.5',
|
||||
'@storybook/addon-toolbars': '8.4.0-alpha.5',
|
||||
'@storybook/addon-viewport': '8.4.0-alpha.5',
|
||||
'@storybook/builder-vite': '8.4.0-alpha.5',
|
||||
'@storybook/builder-webpack5': '8.4.0-alpha.5',
|
||||
'@storybook/core': '8.4.0-alpha.5',
|
||||
'@storybook/builder-manager': '8.4.0-alpha.5',
|
||||
'@storybook/channels': '8.4.0-alpha.5',
|
||||
'@storybook/client-logger': '8.4.0-alpha.5',
|
||||
'@storybook/components': '8.4.0-alpha.5',
|
||||
'@storybook/core-common': '8.4.0-alpha.5',
|
||||
'@storybook/core-events': '8.4.0-alpha.5',
|
||||
'@storybook/core-server': '8.4.0-alpha.5',
|
||||
'@storybook/csf-tools': '8.4.0-alpha.5',
|
||||
'@storybook/docs-tools': '8.4.0-alpha.5',
|
||||
'@storybook/manager': '8.4.0-alpha.5',
|
||||
'@storybook/manager-api': '8.4.0-alpha.5',
|
||||
'@storybook/node-logger': '8.4.0-alpha.5',
|
||||
'@storybook/preview': '8.4.0-alpha.5',
|
||||
'@storybook/preview-api': '8.4.0-alpha.5',
|
||||
'@storybook/router': '8.4.0-alpha.5',
|
||||
'@storybook/telemetry': '8.4.0-alpha.5',
|
||||
'@storybook/theming': '8.4.0-alpha.5',
|
||||
'@storybook/types': '8.4.0-alpha.5',
|
||||
'@storybook/angular': '8.4.0-alpha.5',
|
||||
'@storybook/ember': '8.4.0-alpha.5',
|
||||
'@storybook/experimental-nextjs-vite': '8.4.0-alpha.5',
|
||||
'@storybook/html-vite': '8.4.0-alpha.5',
|
||||
'@storybook/html-webpack5': '8.4.0-alpha.5',
|
||||
'@storybook/nextjs': '8.4.0-alpha.5',
|
||||
'@storybook/preact-vite': '8.4.0-alpha.5',
|
||||
'@storybook/preact-webpack5': '8.4.0-alpha.5',
|
||||
'@storybook/react-vite': '8.4.0-alpha.5',
|
||||
'@storybook/react-webpack5': '8.4.0-alpha.5',
|
||||
'@storybook/server-webpack5': '8.4.0-alpha.5',
|
||||
'@storybook/svelte-vite': '8.4.0-alpha.5',
|
||||
'@storybook/svelte-webpack5': '8.4.0-alpha.5',
|
||||
'@storybook/sveltekit': '8.4.0-alpha.5',
|
||||
'@storybook/vue3-vite': '8.4.0-alpha.5',
|
||||
'@storybook/vue3-webpack5': '8.4.0-alpha.5',
|
||||
'@storybook/web-components-vite': '8.4.0-alpha.5',
|
||||
'@storybook/web-components-webpack5': '8.4.0-alpha.5',
|
||||
'@storybook/blocks': '8.4.0-alpha.5',
|
||||
storybook: '8.4.0-alpha.5',
|
||||
sb: '8.4.0-alpha.5',
|
||||
'@storybook/cli': '8.4.0-alpha.5',
|
||||
'@storybook/codemod': '8.4.0-alpha.5',
|
||||
'@storybook/core-webpack': '8.4.0-alpha.5',
|
||||
'create-storybook': '8.4.0-alpha.5',
|
||||
'@storybook/csf-plugin': '8.4.0-alpha.5',
|
||||
'@storybook/instrumenter': '8.4.0-alpha.5',
|
||||
'@storybook/react-dom-shim': '8.4.0-alpha.5',
|
||||
'@storybook/source-loader': '8.4.0-alpha.5',
|
||||
'@storybook/test': '8.4.0-alpha.5',
|
||||
'@storybook/preset-create-react-app': '8.4.0-alpha.5',
|
||||
'@storybook/preset-html-webpack': '8.4.0-alpha.5',
|
||||
'@storybook/preset-preact-webpack': '8.4.0-alpha.5',
|
||||
'@storybook/preset-react-webpack': '8.4.0-alpha.5',
|
||||
'@storybook/preset-server-webpack': '8.4.0-alpha.5',
|
||||
'@storybook/preset-svelte-webpack': '8.4.0-alpha.5',
|
||||
'@storybook/preset-vue3-webpack': '8.4.0-alpha.5',
|
||||
'@storybook/html': '8.4.0-alpha.5',
|
||||
'@storybook/preact': '8.4.0-alpha.5',
|
||||
'@storybook/react': '8.4.0-alpha.5',
|
||||
'@storybook/server': '8.4.0-alpha.5',
|
||||
'@storybook/svelte': '8.4.0-alpha.5',
|
||||
'@storybook/vue3': '8.4.0-alpha.5',
|
||||
'@storybook/web-components': '8.4.0-alpha.5',
|
||||
'@storybook/addon-a11y': '8.4.0-alpha.7',
|
||||
'@storybook/addon-actions': '8.4.0-alpha.7',
|
||||
'@storybook/addon-backgrounds': '8.4.0-alpha.7',
|
||||
'@storybook/addon-controls': '8.4.0-alpha.7',
|
||||
'@storybook/addon-docs': '8.4.0-alpha.7',
|
||||
'@storybook/addon-essentials': '8.4.0-alpha.7',
|
||||
'@storybook/addon-mdx-gfm': '8.4.0-alpha.7',
|
||||
'@storybook/addon-highlight': '8.4.0-alpha.7',
|
||||
'@storybook/addon-interactions': '8.4.0-alpha.7',
|
||||
'@storybook/addon-jest': '8.4.0-alpha.7',
|
||||
'@storybook/addon-links': '8.4.0-alpha.7',
|
||||
'@storybook/addon-measure': '8.4.0-alpha.7',
|
||||
'@storybook/addon-onboarding': '8.4.0-alpha.7',
|
||||
'@storybook/addon-outline': '8.4.0-alpha.7',
|
||||
'@storybook/addon-storysource': '8.4.0-alpha.7',
|
||||
'@storybook/experimental-addon-test': '8.4.0-alpha.7',
|
||||
'@storybook/addon-themes': '8.4.0-alpha.7',
|
||||
'@storybook/addon-toolbars': '8.4.0-alpha.7',
|
||||
'@storybook/addon-viewport': '8.4.0-alpha.7',
|
||||
'@storybook/builder-vite': '8.4.0-alpha.7',
|
||||
'@storybook/builder-webpack5': '8.4.0-alpha.7',
|
||||
'@storybook/core': '8.4.0-alpha.7',
|
||||
'@storybook/builder-manager': '8.4.0-alpha.7',
|
||||
'@storybook/channels': '8.4.0-alpha.7',
|
||||
'@storybook/client-logger': '8.4.0-alpha.7',
|
||||
'@storybook/components': '8.4.0-alpha.7',
|
||||
'@storybook/core-common': '8.4.0-alpha.7',
|
||||
'@storybook/core-events': '8.4.0-alpha.7',
|
||||
'@storybook/core-server': '8.4.0-alpha.7',
|
||||
'@storybook/csf-tools': '8.4.0-alpha.7',
|
||||
'@storybook/docs-tools': '8.4.0-alpha.7',
|
||||
'@storybook/manager': '8.4.0-alpha.7',
|
||||
'@storybook/manager-api': '8.4.0-alpha.7',
|
||||
'@storybook/node-logger': '8.4.0-alpha.7',
|
||||
'@storybook/preview': '8.4.0-alpha.7',
|
||||
'@storybook/preview-api': '8.4.0-alpha.7',
|
||||
'@storybook/router': '8.4.0-alpha.7',
|
||||
'@storybook/telemetry': '8.4.0-alpha.7',
|
||||
'@storybook/theming': '8.4.0-alpha.7',
|
||||
'@storybook/types': '8.4.0-alpha.7',
|
||||
'@storybook/angular': '8.4.0-alpha.7',
|
||||
'@storybook/ember': '8.4.0-alpha.7',
|
||||
'@storybook/experimental-nextjs-vite': '8.4.0-alpha.7',
|
||||
'@storybook/html-vite': '8.4.0-alpha.7',
|
||||
'@storybook/html-webpack5': '8.4.0-alpha.7',
|
||||
'@storybook/nextjs': '8.4.0-alpha.7',
|
||||
'@storybook/preact-vite': '8.4.0-alpha.7',
|
||||
'@storybook/preact-webpack5': '8.4.0-alpha.7',
|
||||
'@storybook/react-vite': '8.4.0-alpha.7',
|
||||
'@storybook/react-webpack5': '8.4.0-alpha.7',
|
||||
'@storybook/server-webpack5': '8.4.0-alpha.7',
|
||||
'@storybook/svelte-vite': '8.4.0-alpha.7',
|
||||
'@storybook/svelte-webpack5': '8.4.0-alpha.7',
|
||||
'@storybook/sveltekit': '8.4.0-alpha.7',
|
||||
'@storybook/vue3-vite': '8.4.0-alpha.7',
|
||||
'@storybook/vue3-webpack5': '8.4.0-alpha.7',
|
||||
'@storybook/web-components-vite': '8.4.0-alpha.7',
|
||||
'@storybook/web-components-webpack5': '8.4.0-alpha.7',
|
||||
'@storybook/blocks': '8.4.0-alpha.7',
|
||||
storybook: '8.4.0-alpha.7',
|
||||
sb: '8.4.0-alpha.7',
|
||||
'@storybook/cli': '8.4.0-alpha.7',
|
||||
'@storybook/codemod': '8.4.0-alpha.7',
|
||||
'@storybook/core-webpack': '8.4.0-alpha.7',
|
||||
'create-storybook': '8.4.0-alpha.7',
|
||||
'@storybook/csf-plugin': '8.4.0-alpha.7',
|
||||
'@storybook/instrumenter': '8.4.0-alpha.7',
|
||||
'@storybook/react-dom-shim': '8.4.0-alpha.7',
|
||||
'@storybook/source-loader': '8.4.0-alpha.7',
|
||||
'@storybook/test': '8.4.0-alpha.7',
|
||||
'@storybook/preset-create-react-app': '8.4.0-alpha.7',
|
||||
'@storybook/preset-html-webpack': '8.4.0-alpha.7',
|
||||
'@storybook/preset-preact-webpack': '8.4.0-alpha.7',
|
||||
'@storybook/preset-react-webpack': '8.4.0-alpha.7',
|
||||
'@storybook/preset-server-webpack': '8.4.0-alpha.7',
|
||||
'@storybook/preset-svelte-webpack': '8.4.0-alpha.7',
|
||||
'@storybook/preset-vue3-webpack': '8.4.0-alpha.7',
|
||||
'@storybook/html': '8.4.0-alpha.7',
|
||||
'@storybook/preact': '8.4.0-alpha.7',
|
||||
'@storybook/react': '8.4.0-alpha.7',
|
||||
'@storybook/server': '8.4.0-alpha.7',
|
||||
'@storybook/svelte': '8.4.0-alpha.7',
|
||||
'@storybook/vue3': '8.4.0-alpha.7',
|
||||
'@storybook/web-components': '8.4.0-alpha.7',
|
||||
};
|
||||
|
||||
@ -47,22 +47,8 @@ export async function buildStaticStandalone(options: BuildStaticStandaloneOption
|
||||
if (options.outputDir === '/') {
|
||||
throw new Error("Won't remove directory '/'. Check your outputDir!");
|
||||
}
|
||||
|
||||
try {
|
||||
const outputDirFiles = await readdir(options.outputDir);
|
||||
for (const file of outputDirFiles) {
|
||||
await rm(file, { recursive: true, force: true });
|
||||
}
|
||||
} catch {
|
||||
await mkdir(options.outputDir, { recursive: true });
|
||||
}
|
||||
|
||||
if (!existsSync(options.outputDir)) {
|
||||
await mkdir(options.outputDir, { recursive: true });
|
||||
} else if ((await readdir(options.outputDir)).length > 0) {
|
||||
await rm(options.outputDir, { recursive: true, force: true });
|
||||
await mkdir(options.outputDir, { recursive: true });
|
||||
}
|
||||
await rm(options.outputDir, { recursive: true, force: true }).catch(() => {});
|
||||
await mkdir(options.outputDir, { recursive: true });
|
||||
|
||||
const config = await loadMainConfig(options);
|
||||
const { framework } = config;
|
||||
|
||||
14
code/core/src/manager-api/lib/intersect.ts
Normal file
14
code/core/src/manager-api/lib/intersect.ts
Normal file
@ -0,0 +1,14 @@
|
||||
export default <T>(a: T[], b: T[]): T[] => {
|
||||
// no point in intersecting if one of the input is ill-defined
|
||||
if (!a || !b) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return a.reduce((acc: T[], aValue) => {
|
||||
if (b.includes(aValue)) {
|
||||
acc.push(aValue);
|
||||
}
|
||||
|
||||
return acc;
|
||||
}, []);
|
||||
};
|
||||
@ -24,6 +24,7 @@ import memoize from 'memoizerific';
|
||||
import { dedent } from 'ts-dedent';
|
||||
|
||||
import { type API, type State, combineParameters } from '../root';
|
||||
import intersect from './intersect';
|
||||
import merge from './merge';
|
||||
|
||||
const TITLE_PATH_SEPARATOR = /\s*\/\s*/;
|
||||
@ -273,6 +274,9 @@ export const transformStoryIndexToStoriesHash = (
|
||||
children: [childId],
|
||||
}),
|
||||
});
|
||||
// merge computes a union of arrays but we want an intersection on this
|
||||
// specific array property, so it's easier to add it after the merge.
|
||||
acc[id].tags = intersect(acc[id]?.tags ?? item.tags, item.tags);
|
||||
} else {
|
||||
acc[id] = merge<API_GroupEntry>((acc[id] || {}) as API_GroupEntry, {
|
||||
type: 'group',
|
||||
|
||||
44
code/core/src/manager-api/tests/intersect.test.ts
Normal file
44
code/core/src/manager-api/tests/intersect.test.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import { describe, expect, it } from 'vitest';
|
||||
|
||||
import intersect from '../lib/intersect';
|
||||
|
||||
describe('Manager API utilities - intersect', () => {
|
||||
it('returns identity when intersecting identity', () => {
|
||||
const a = ['foo', 'bar'];
|
||||
expect(intersect(a, a)).toEqual(a);
|
||||
});
|
||||
|
||||
it('returns a when b is a superset of a', () => {
|
||||
const a = ['foo', 'bar'];
|
||||
const b = ['a', 'foo', 'b', 'bar', 'c', 'ter'];
|
||||
expect(intersect(a, b)).toEqual(a);
|
||||
});
|
||||
|
||||
it('returns b when a is a superset of b', () => {
|
||||
const a = ['a', 'foo', 'b', 'bar', 'c', 'ter'];
|
||||
const b = ['foo', 'bar'];
|
||||
expect(intersect(a, b)).toEqual(b);
|
||||
});
|
||||
|
||||
it('returns an intersection', () => {
|
||||
const a = ['a', 'bar', 'b', 'c'];
|
||||
const b = ['foo', 'bar', 'ter'];
|
||||
expect(intersect(a, b)).toEqual(['bar']);
|
||||
});
|
||||
|
||||
it('returns an empty set when there is no overlap', () => {
|
||||
const a = ['a', 'b', 'c'];
|
||||
const b = ['foo', 'bar', 'ter'];
|
||||
expect(intersect(a, b)).toEqual([]);
|
||||
});
|
||||
|
||||
it('returns an empty set if a is undefined', () => {
|
||||
const b = ['foo', 'bar', 'ter'];
|
||||
expect(intersect(undefined as unknown as [], b)).toEqual([]);
|
||||
});
|
||||
|
||||
it('returns an empty set if b is undefined', () => {
|
||||
const a = ['foo', 'bar', 'ter'];
|
||||
expect(intersect(a, undefined as unknown as [])).toEqual([]);
|
||||
});
|
||||
});
|
||||
@ -281,6 +281,57 @@ describe('stories API', () => {
|
||||
name: '1',
|
||||
});
|
||||
});
|
||||
it('intersects story/docs tags to compute tags for component entries', () => {
|
||||
const moduleArgs = createMockModuleArgs({});
|
||||
const { api } = initStories(moduleArgs as unknown as ModuleArgs);
|
||||
const { store } = moduleArgs;
|
||||
api.setIndex({
|
||||
v: 5,
|
||||
entries: {
|
||||
'a--1': {
|
||||
type: 'story',
|
||||
id: 'a--1',
|
||||
title: 'a',
|
||||
name: '1',
|
||||
tags: ['shared', 'one-specific'],
|
||||
importPath: './a.ts',
|
||||
},
|
||||
'a--2': {
|
||||
type: 'story',
|
||||
id: 'a--2',
|
||||
title: 'a',
|
||||
name: '2',
|
||||
tags: ['shared', 'two-specific'],
|
||||
importPath: './a.ts',
|
||||
},
|
||||
},
|
||||
});
|
||||
const { index } = store.getState();
|
||||
// We need exact key ordering, even if in theory JS doesn't guarantee it
|
||||
expect(Object.keys(index!)).toEqual(['a', 'a--1', 'a--2']);
|
||||
expect(index!.a).toMatchObject({
|
||||
type: 'component',
|
||||
id: 'a',
|
||||
tags: ['shared'],
|
||||
children: ['a--1', 'a--2'],
|
||||
});
|
||||
expect(index!['a--1']).toMatchObject({
|
||||
type: 'story',
|
||||
id: 'a--1',
|
||||
parent: 'a',
|
||||
title: 'a',
|
||||
name: '1',
|
||||
tags: ['shared', 'one-specific'],
|
||||
});
|
||||
expect(index!['a--2']).toMatchObject({
|
||||
type: 'story',
|
||||
id: 'a--2',
|
||||
parent: 'a',
|
||||
title: 'a',
|
||||
name: '2',
|
||||
tags: ['shared', 'two-specific'],
|
||||
});
|
||||
});
|
||||
// Stories can get out of order for a few reasons -- see reproductions on
|
||||
// https://github.com/storybookjs/storybook/issues/5518
|
||||
it('does the right thing for out of order stories', async () => {
|
||||
@ -1453,6 +1504,7 @@ describe('stories API', () => {
|
||||
"name": "a",
|
||||
"parent": undefined,
|
||||
"renderLabel": undefined,
|
||||
"tags": [],
|
||||
"type": "component",
|
||||
},
|
||||
"a--1": {
|
||||
@ -1518,6 +1570,7 @@ describe('stories API', () => {
|
||||
"name": "a",
|
||||
"parent": undefined,
|
||||
"renderLabel": undefined,
|
||||
"tags": [],
|
||||
"type": "component",
|
||||
},
|
||||
"a--1": {
|
||||
@ -1559,6 +1612,7 @@ describe('stories API', () => {
|
||||
"name": "a",
|
||||
"parent": undefined,
|
||||
"renderLabel": undefined,
|
||||
"tags": [],
|
||||
"type": "component",
|
||||
},
|
||||
"a--1": {
|
||||
|
||||
@ -1 +1 @@
|
||||
export const version = '8.4.0-alpha.5';
|
||||
export const version = '8.4.0-alpha.7';
|
||||
|
||||
@ -59,6 +59,7 @@ const generateStories = ({ title, refId }: { title: string; refId?: string }): A
|
||||
name: componentName,
|
||||
children: [docsId],
|
||||
parent: rootId,
|
||||
tags: [],
|
||||
},
|
||||
// @ts-expect-error the missing fields are deprecated and replaced by the type prop
|
||||
{
|
||||
|
||||
@ -25,8 +25,8 @@ const inferType = (value: any, name: string, visited: Set<any>): SBType => {
|
||||
We've detected a cycle in arg '${name}'. Args should be JSON-serializable.
|
||||
|
||||
Consider using the mapping feature or fully custom args:
|
||||
- Mapping: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values
|
||||
- Custom args: https://storybook.js.org/docs/react/essentials/controls#fully-custom-args
|
||||
- Mapping: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values
|
||||
- Custom args: https://storybook.js.org/docs/essentials/controls#fully-custom-args
|
||||
`);
|
||||
return { name: 'other', value: 'cyclic object' };
|
||||
}
|
||||
|
||||
@ -27,6 +27,7 @@ export interface API_ComponentEntry extends API_BaseEntry {
|
||||
type: 'component';
|
||||
parent?: StoryId;
|
||||
children: StoryId[];
|
||||
tags: Tag[];
|
||||
}
|
||||
|
||||
export interface API_DocsEntry extends API_BaseEntry {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/builder-manager",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook manager builder",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/channels",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/client-logger",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/components",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-common",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-events",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Event names used in storybook core",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/core-server",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook framework-agnostic API",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/csf-tools",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Parse and manipulate CSF and Storybook config files",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/docs-tools",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Shared utility functions for frameworks to implement docs",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/manager-api",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Core Storybook Manager API & Context",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/manager",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Core Storybook UI",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/node-logger",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preview-api",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preview",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/router",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Core Storybook Router",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/telemetry",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Telemetry logging for crash reports and usage statistics",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/theming",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Core Storybook Components",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/types",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Core Storybook TS Types",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/ember",
|
||||
"bugs": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/experimental-nextjs-vite",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Next.js and Vite",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html-vite",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for HTML and Vite: Develop HTML in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html-webpack5",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/nextjs",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Next.js",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact-vite",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Preact and Vite: Develop Preact components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact-webpack5",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-vite",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react-webpack5",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server-webpack5",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte-vite",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Svelte and Vite: Develop Svelte components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte-webpack5",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/sveltekit",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for SvelteKit",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue3-vite",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Vue3 and Vite: Develop Vue3 components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue3-webpack5",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components-vite",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for web-components and Vite: Develop Web Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components-webpack5",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/blocks",
|
||||
"version": "8.4.0-alpha.5",
|
||||
"version": "8.4.0-alpha.7",
|
||||
"description": "Storybook Doc Blocks",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -44,24 +44,21 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/csf": "^0.1.11",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"@storybook/icons": "^1.2.10",
|
||||
"color-convert": "^2.0.1",
|
||||
"dequal": "^2.0.2",
|
||||
"markdown-to-jsx": "^7.4.5",
|
||||
"memoizerific": "^1.11.3",
|
||||
"polished": "^4.2.2",
|
||||
"react-colorful": "^5.1.2",
|
||||
"telejson": "^7.2.0",
|
||||
"ts-dedent": "^2.0.0",
|
||||
"util-deprecate": "^1.0.2"
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "workspace:*",
|
||||
"@storybook/react": "workspace:*",
|
||||
"@storybook/test": "workspace:*",
|
||||
"@types/color-convert": "^2.0.0",
|
||||
"color-convert": "^2.0.1",
|
||||
"es-toolkit": "^1.21.0",
|
||||
"markdown-to-jsx": "^7.4.5",
|
||||
"memoizerific": "^1.11.3",
|
||||
"polished": "^4.2.2",
|
||||
"react-colorful": "^5.1.2",
|
||||
"telejson": "^7.2.0",
|
||||
"tocbot": "^4.20.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
@ -94,7 +94,7 @@ export const PropAdditionalActions: Story = {
|
||||
title: 'Go to documentation',
|
||||
onClick: () => {
|
||||
window.open(
|
||||
'https://storybook.js.org/docs/react/essentials/controls#annotation',
|
||||
'https://storybook.js.org/docs/essentials/controls#annotation',
|
||||
'_blank'
|
||||
);
|
||||
},
|
||||
|
||||
@ -5,8 +5,6 @@ import type { ThemeVars } from 'storybook/internal/theming';
|
||||
import { ThemeProvider, ensure as ensureTheme } from 'storybook/internal/theming';
|
||||
import type { Renderer } from 'storybook/internal/types';
|
||||
|
||||
import { global } from '@storybook/global';
|
||||
|
||||
import { DocsPageWrapper } from '../components';
|
||||
import { TableOfContents } from '../components/TableOfContents';
|
||||
import type { DocsContextProps } from './DocsContext';
|
||||
@ -14,7 +12,7 @@ import { DocsContext } from './DocsContext';
|
||||
import { SourceContainer } from './SourceContainer';
|
||||
import { scrollToElement } from './utils';
|
||||
|
||||
const { document, window: globalWindow } = global;
|
||||
const { document, window: globalWindow } = globalThis;
|
||||
|
||||
export interface DocsContainerProps<TFramework extends Renderer = Renderer> {
|
||||
context: DocsContextProps<TFramework>;
|
||||
|
||||
@ -4,8 +4,6 @@ import { createContext } from 'react';
|
||||
|
||||
import type { DocsContextProps, Renderer } from 'storybook/internal/types';
|
||||
|
||||
import { global } from '@storybook/global';
|
||||
|
||||
export type { DocsContextProps };
|
||||
|
||||
// We add DocsContext to window. The reason is that in case DocsContext.ts is
|
||||
@ -13,11 +11,11 @@ export type { DocsContextProps };
|
||||
// we will have multiple DocsContext definitions - leading to lost context in
|
||||
// the React component tree.
|
||||
// This was specifically a problem with the Vite builder.
|
||||
if (global && global.__DOCS_CONTEXT__ === undefined) {
|
||||
global.__DOCS_CONTEXT__ = createContext(null);
|
||||
global.__DOCS_CONTEXT__.displayName = 'DocsContext';
|
||||
if (globalThis && globalThis.__DOCS_CONTEXT__ === undefined) {
|
||||
globalThis.__DOCS_CONTEXT__ = createContext(null);
|
||||
globalThis.__DOCS_CONTEXT__.displayName = 'DocsContext';
|
||||
}
|
||||
|
||||
export const DocsContext: Context<DocsContextProps<Renderer>> = global
|
||||
? global.__DOCS_CONTEXT__
|
||||
export const DocsContext: Context<DocsContextProps<Renderer>> = globalThis
|
||||
? globalThis.__DOCS_CONTEXT__
|
||||
: createContext(null);
|
||||
|
||||
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