mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 15:31:16 +08:00
Merge pull request #26339 from storybookjs/version-non-patch-from-8.0.0-rc.2
Release: Prerelease 8.0.0-rc.3
This commit is contained in:
Vanessa Yuen
GitHub
commit
af041cac55
@ -1,3 +1,14 @@
|
||||
## 8.0.0-rc.3
|
||||
|
||||
- Addon-themes: Fix switcher initialization after first start - [#26353](https://github.com/storybookjs/storybook/pull/26353), thanks @valentinpalkovic!
|
||||
- Build: Upgrade `esbuild` (`0.20.1`) - [#26255](https://github.com/storybookjs/storybook/pull/26255), thanks @43081j!
|
||||
- Core: Fix path separator issue in check-addon-order - [#26362](https://github.com/storybookjs/storybook/pull/26362), thanks @valentinpalkovic!
|
||||
- Dependencies: Remove `qs` from `@storybook/manager-api` & `@storybook/channels` - [#26285](https://github.com/storybookjs/storybook/pull/26285), thanks @43081j!
|
||||
- UI: Fix sidebar scrolling to selected story when state changes - [#26337](https://github.com/storybookjs/storybook/pull/26337), thanks @JReinhold!
|
||||
- UI: Remove 'left' property from TooltipLinkList and Link components - [#26324](https://github.com/storybookjs/storybook/pull/26324), thanks @valentinpalkovic!
|
||||
- Viewport: Fix editing when default viewport is set - [#26360](https://github.com/storybookjs/storybook/pull/26360), thanks @shilman!
|
||||
- Vue: Fix reference error when using re-exports with "vue-component-meta" - [#26303](https://github.com/storybookjs/storybook/pull/26303), thanks @larsrickert!
|
||||
|
||||
## 8.0.0-rc.2
|
||||
|
||||
- CLI: Add @storybook/addons automigration - [#26295](https://github.com/storybookjs/storybook/pull/26295), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!
|
||||
|
||||
39
MIGRATION.md
39
MIGRATION.md
@ -65,6 +65,7 @@
|
||||
- [Removed `passArgsFirst` option](#removed-passargsfirst-option)
|
||||
- [Methods and properties from AddonStore](#methods-and-properties-from-addonstore)
|
||||
- [Methods and properties from PreviewAPI](#methods-and-properties-from-previewapi)
|
||||
- [Removals in @storybook/components](#removals-in-storybookcomponents)
|
||||
- [Removals in @storybook/types](#removals-in-storybooktypes)
|
||||
- [--use-npm flag in storybook CLI](#--use-npm-flag-in-storybook-cli)
|
||||
- [hideNoControlsWarning parameter from addon controls](#hidenocontrolswarning-parameter-from-addon-controls)
|
||||
@ -1068,6 +1069,44 @@ The following exports from `@storybook/preview-api` are now removed:
|
||||
|
||||
Please file an issue if you need these APIs.
|
||||
|
||||
#### Removals in @storybook/components
|
||||
|
||||
The `TooltipLinkList` UI component used to customize the Storybook toolbar has been updated to use the `icon` property instead of the `left` property to position its content. If you've enabled this property in your `globalTypes` configuration, addons, or any other place, you'll need to replace it with an `icon` property to mimic the same behavior. For example:
|
||||
|
||||
```diff
|
||||
// .storybook/preview.js|ts
|
||||
// Replace your-framework with the framework you are using (e.g., react, vue3)
|
||||
import { Preview } from '@storybook/your-framework';
|
||||
|
||||
const preview: Preview = {
|
||||
globalTypes: {
|
||||
locale: {
|
||||
description: 'Internationalization locale',
|
||||
defaultValue: 'en',
|
||||
toolbar: {
|
||||
icon: 'globe',
|
||||
items: [
|
||||
{
|
||||
value: 'en',
|
||||
right: '🇺🇸',
|
||||
- left: '＄'
|
||||
+ icon: 'facehappy'
|
||||
title: 'English'
|
||||
},
|
||||
{ value: 'fr', right: '🇫🇷', title: 'Français' },
|
||||
{ value: 'es', right: '🇪🇸', title: 'Español' },
|
||||
{ value: 'zh', right: '🇨🇳', title: '中文' },
|
||||
{ value: 'kr', right: '🇰🇷', title: '한국어' },
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export default preview;
|
||||
```
|
||||
To learn more about the available icons and their names, see the [Storybook documentation](https://storybook.js.org/docs/8.0/faq#what-icons-are-available-for-my-toolbar-or-my-addon).
|
||||
|
||||
#### Removals in @storybook/types
|
||||
|
||||
The following exports from `@storybook/types` are now removed:
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
export const PARAM_KEY = 'themes' as const;
|
||||
export const ADDON_ID = `storybook/${PARAM_KEY}}` as const;
|
||||
export const ADDON_ID = `storybook/${PARAM_KEY}` as const;
|
||||
export const GLOBAL_KEY = 'theme' as const;
|
||||
export const THEME_SWITCHER_ID = `${ADDON_ID}/theme-switcher` as const;
|
||||
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
import React, { Fragment, useMemo } from 'react';
|
||||
import { useAddonState, useChannel, useGlobals, useParameter } from '@storybook/manager-api';
|
||||
import {
|
||||
useAddonState,
|
||||
useChannel,
|
||||
useGlobals,
|
||||
useParameter,
|
||||
addons,
|
||||
} from '@storybook/manager-api';
|
||||
import { styled } from '@storybook/theming';
|
||||
import { IconButton, WithTooltip, TooltipLinkList } from '@storybook/components';
|
||||
|
||||
@ -20,16 +26,23 @@ const IconButtonLabel = styled.div(({ theme }) => ({
|
||||
const hasMultipleThemes = (themesList: ThemeAddonState['themesList']) => themesList.length > 1;
|
||||
const hasTwoThemes = (themesList: ThemeAddonState['themesList']) => themesList.length === 2;
|
||||
|
||||
export const ThemeSwitcher = () => {
|
||||
export const ThemeSwitcher = React.memo(function ThemeSwitcher() {
|
||||
const { themeOverride } = useParameter<ThemeParameters>(
|
||||
PARAM_KEY,
|
||||
DEFAULT_THEME_PARAMETERS
|
||||
) as ThemeParameters;
|
||||
const [{ theme: selected }, updateGlobals] = useGlobals();
|
||||
|
||||
const channel = addons.getChannel();
|
||||
const fromLast = channel.last(THEMING_EVENTS.REGISTER_THEMES);
|
||||
const initializeThemeState = Object.assign({}, DEFAULT_ADDON_STATE, {
|
||||
themesList: fromLast?.[0]?.themes || [],
|
||||
themeDefault: fromLast?.[0]?.defaultTheme || '',
|
||||
});
|
||||
|
||||
const [{ themesList, themeDefault }, updateState] = useAddonState<ThemeAddonState>(
|
||||
THEME_SWITCHER_ID,
|
||||
DEFAULT_ADDON_STATE
|
||||
initializeThemeState
|
||||
);
|
||||
|
||||
useChannel({
|
||||
@ -103,4 +116,4 @@ export const ThemeSwitcher = () => {
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
});
|
||||
|
||||
@ -15,7 +15,6 @@ export type ToolbarShortcuts = Record<ToolbarShortcutType, ToolbarShortcutConfig
|
||||
export interface ToolbarItem {
|
||||
value?: string;
|
||||
icon?: IconsProps['icon'];
|
||||
left?: string;
|
||||
right?: string;
|
||||
title?: string;
|
||||
hideIcon?: boolean;
|
||||
|
||||
@ -136,7 +136,7 @@ export const ViewportTool: FC = memo(
|
||||
|
||||
useEffect(() => {
|
||||
registerShortcuts(api, globals, updateGlobals, Object.keys(viewports));
|
||||
}, [viewports, globals.viewport]);
|
||||
}, [viewports, globals, globals.viewport, updateGlobals, api]);
|
||||
|
||||
useEffect(() => {
|
||||
const defaultRotated = defaultOrientation === 'landscape';
|
||||
@ -150,7 +150,18 @@ export const ViewportTool: FC = memo(
|
||||
viewportRotated: defaultRotated,
|
||||
});
|
||||
}
|
||||
}, [defaultOrientation, defaultViewport, globals, updateGlobals]);
|
||||
// NOTE: we don't want to re-run this effect when `globals` changes
|
||||
// due to https://github.com/storybookjs/storybook/issues/26334
|
||||
//
|
||||
// Also, this *will* rerun every time you change story as the parameter is briefly `undefined`.
|
||||
// This behaviour is intentional, if a bit of a happy accident in implementation.
|
||||
//
|
||||
// Ultimately this process of "locking in" a parameter value should be
|
||||
// replaced by https://github.com/storybookjs/storybook/discussions/23347
|
||||
// or something similar.
|
||||
//
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [defaultOrientation, defaultViewport, updateGlobals]);
|
||||
|
||||
const item =
|
||||
list.find((i) => i.id === globals.viewport) ||
|
||||
|
||||
@ -52,7 +52,7 @@
|
||||
"@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
|
||||
"browser-assert": "^1.2.1",
|
||||
"ejs": "^3.1.8",
|
||||
"esbuild": "^0.18.0",
|
||||
"esbuild": "^18.0.0 || ^19.0.0 || ^0.20.0",
|
||||
"esbuild-plugin-alias": "^0.2.1",
|
||||
"express": "^4.17.3",
|
||||
"fs-extra": "^11.1.0",
|
||||
|
||||
@ -40,4 +40,26 @@ test.describe('addon-viewport', () => {
|
||||
// Compare the two widths
|
||||
await expect(adjustedDimensions?.width).not.toBe(originalDimensions?.width);
|
||||
});
|
||||
|
||||
test('viewport should be editable when a default viewport is set', async ({ page }) => {
|
||||
const sbPage = new SbPage(page);
|
||||
|
||||
// Story parameters/selected is set to small mobile
|
||||
await sbPage.navigateToStory('addons/viewport/parameters', 'selected');
|
||||
|
||||
// Measure the original dimensions of previewRoot
|
||||
const originalDimensions = await sbPage.getCanvasBodyElement().boundingBox();
|
||||
await expect(originalDimensions?.width).toBeDefined();
|
||||
|
||||
// Manually select "large mobile" and give it time to adjust
|
||||
await sbPage.selectToolbar('[title="Change the size of the preview"]', '#list-item-mobile2');
|
||||
await new Promise((r) => setTimeout(r, 200));
|
||||
|
||||
// Measure the adjusted dimensions of previewRoot after clicking the mobile item.
|
||||
const adjustedDimensions = await sbPage.getCanvasBodyElement().boundingBox();
|
||||
await expect(adjustedDimensions?.width).toBeDefined();
|
||||
|
||||
// Compare the two widths
|
||||
await expect(adjustedDimensions?.width).not.toBe(originalDimensions?.width);
|
||||
});
|
||||
});
|
||||
|
||||
@ -94,7 +94,13 @@ export async function vueComponentMeta(): Promise<PluginOption> {
|
||||
// we can only add the "__docgenInfo" to variables that are actually defined in the current file
|
||||
// so e.g. re-exports like "export { default as MyComponent } from './MyComponent.vue'" must be ignored
|
||||
// to prevent runtime errors
|
||||
if (new RegExp(`export {.*${name}.*}`).test(src)) {
|
||||
if (
|
||||
new RegExp(`export {.*${name}.*}`).test(src) ||
|
||||
new RegExp(`export \\* from ['"]\\S*${name}['"]`).test(src) ||
|
||||
// when using re-exports, some exports might be resolved via checker.getExportNames
|
||||
// but are not directly exported inside the current file so we need to ignore them too
|
||||
!src.includes(name)
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
@ -47,7 +47,6 @@
|
||||
"@storybook/client-logger": "workspace:*",
|
||||
"@storybook/core-events": "workspace:*",
|
||||
"@storybook/global": "^5.0.0",
|
||||
"qs": "^6.10.0",
|
||||
"telejson": "^7.2.0",
|
||||
"tiny-invariant": "^1.3.1"
|
||||
},
|
||||
|
||||
@ -5,7 +5,6 @@ import { global } from '@storybook/global';
|
||||
import * as EVENTS from '@storybook/core-events';
|
||||
import { logger, pretty } from '@storybook/client-logger';
|
||||
import { isJSON, parse, stringify } from 'telejson';
|
||||
import qs from 'qs';
|
||||
import invariant from 'tiny-invariant';
|
||||
import type {
|
||||
ChannelTransport,
|
||||
@ -102,13 +101,13 @@ export class PostMessageTransport implements ChannelTransport {
|
||||
|
||||
const frames = this.getFrames(target);
|
||||
|
||||
const query = qs.parse(location?.search || '', { ignoreQueryPrefix: true });
|
||||
const query = new URLSearchParams(location?.search || '');
|
||||
|
||||
const data = stringify(
|
||||
{
|
||||
key: KEY,
|
||||
event,
|
||||
refId: query.refId,
|
||||
refId: query.get('refId'),
|
||||
},
|
||||
stringifyOptions
|
||||
);
|
||||
|
||||
@ -52,7 +52,7 @@
|
||||
"@yarnpkg/libzip": "2.3.0",
|
||||
"chalk": "^4.1.0",
|
||||
"cross-spawn": "^7.0.3",
|
||||
"esbuild": "^0.18.0",
|
||||
"esbuild": "^18.0.0 || ^19.0.0 || ^0.20.0",
|
||||
"esbuild-register": "^3.5.0",
|
||||
"execa": "^5.0.0",
|
||||
"file-system-cache": "2.3.0",
|
||||
|
||||
@ -17,6 +17,7 @@ const essentialAddons = [
|
||||
'toolbars',
|
||||
'measure',
|
||||
'outline',
|
||||
'highlight',
|
||||
];
|
||||
|
||||
const pkgName = (entry: CoreCommon_AddonEntry): string => {
|
||||
@ -42,6 +43,22 @@ afterEach(() => {
|
||||
describe.each([
|
||||
['docs', 'controls', ['docs', 'controls']],
|
||||
['docs', 'controls', ['docs', 'foo/node_modules/@storybook/addon-controls']],
|
||||
[
|
||||
'actions',
|
||||
'interactions',
|
||||
[
|
||||
'foo\\node_modules\\@storybook\\addon-essentials',
|
||||
'foo\\node_modules\\@storybook\\addon-interactions',
|
||||
],
|
||||
],
|
||||
[
|
||||
'actions',
|
||||
'interactions',
|
||||
[
|
||||
'foo\\\\node_modules\\\\@storybook\\\\addon-essentials',
|
||||
'foo\\\\node_modules\\\\@storybook\\\\addon-interactions',
|
||||
],
|
||||
],
|
||||
['docs', 'controls', [{ name: '@storybook/addon-docs' }, 'controls']],
|
||||
['docs', 'controls', ['essentials', 'controls']],
|
||||
['docs', 'controls', ['essentials']],
|
||||
|
||||
@ -15,7 +15,7 @@ interface Options {
|
||||
|
||||
const predicateFor = (addon: string) => (entry: CoreCommon_AddonEntry) => {
|
||||
const name = (entry as CoreCommon_OptionsEntry).name || (entry as string);
|
||||
return name && name.includes(addon);
|
||||
return name && name.replaceAll(/(\\){1,2}/g, '/').includes(addon);
|
||||
};
|
||||
|
||||
const isCorrectOrder = (
|
||||
|
||||
@ -65,7 +65,6 @@
|
||||
"@types/qs": "^6",
|
||||
"@types/semver": "^7.3.4",
|
||||
"flush-promises": "^1.0.2",
|
||||
"qs": "^6.10.0",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"semver": "^7.3.7",
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
import { describe, beforeEach, it, expect, vi } from 'vitest';
|
||||
import qs from 'qs';
|
||||
|
||||
import { SET_CURRENT_STORY, GLOBALS_UPDATED, UPDATE_QUERY_PARAMS } from '@storybook/core-events';
|
||||
|
||||
@ -15,7 +14,7 @@ describe('initial state', () => {
|
||||
describe('config query parameters', () => {
|
||||
it('handles full parameter', () => {
|
||||
const navigate = vi.fn();
|
||||
const location = { search: qs.stringify({ full: '1' }) };
|
||||
const location = { search: new URLSearchParams({ full: '1' }).toString() };
|
||||
|
||||
const {
|
||||
state: { layout },
|
||||
@ -30,7 +29,7 @@ describe('initial state', () => {
|
||||
|
||||
it('handles nav parameter', () => {
|
||||
const navigate = vi.fn();
|
||||
const location = { search: qs.stringify({ nav: '0' }) };
|
||||
const location = { search: new URLSearchParams({ nav: '0' }).toString() };
|
||||
|
||||
const {
|
||||
state: { layout },
|
||||
@ -41,7 +40,7 @@ describe('initial state', () => {
|
||||
|
||||
it('handles shortcuts parameter', () => {
|
||||
const navigate = vi.fn();
|
||||
const location = { search: qs.stringify({ shortcuts: '0' }) };
|
||||
const location = { search: new URLSearchParams({ shortcuts: '0' }).toString() };
|
||||
|
||||
const {
|
||||
state: { ui },
|
||||
@ -52,7 +51,7 @@ describe('initial state', () => {
|
||||
|
||||
it('handles panel parameter, bottom', () => {
|
||||
const navigate = vi.fn();
|
||||
const location = { search: qs.stringify({ panel: 'bottom' }) };
|
||||
const location = { search: new URLSearchParams({ panel: 'bottom' }).toString() };
|
||||
|
||||
const {
|
||||
state: { layout },
|
||||
@ -63,7 +62,7 @@ describe('initial state', () => {
|
||||
|
||||
it('handles panel parameter, right', () => {
|
||||
const navigate = vi.fn();
|
||||
const location = { search: qs.stringify({ panel: 'right' }) };
|
||||
const location = { search: new URLSearchParams({ panel: 'right' }).toString() };
|
||||
|
||||
const {
|
||||
state: { layout },
|
||||
@ -74,7 +73,7 @@ describe('initial state', () => {
|
||||
|
||||
it('handles panel parameter, 0', () => {
|
||||
const navigate = vi.fn();
|
||||
const location = { search: qs.stringify({ panel: '0' }) };
|
||||
const location = { search: new URLSearchParams({ panel: '0' }).toString() };
|
||||
|
||||
const {
|
||||
state: { layout },
|
||||
|
||||
@ -80,7 +80,7 @@
|
||||
"@storybook/theming": "workspace:*",
|
||||
"@types/node": "^18.0.0",
|
||||
"@vitest/expect@1.1.3": "patch:@vitest/expect@npm%3A1.1.3#~/.yarn/patches/@vitest-expect-npm-1.1.3-2062bf533f.patch",
|
||||
"esbuild": "^0.18.0",
|
||||
"esbuild": "^0.20.1",
|
||||
"playwright": "1.36.0",
|
||||
"playwright-core": "1.36.0",
|
||||
"serialize-javascript": "^3.1.0",
|
||||
@ -190,7 +190,7 @@
|
||||
"concurrently": "^5.3.0",
|
||||
"cross-env": "^7.0.3",
|
||||
"danger": "^11.2.6",
|
||||
"esbuild": "^0.18.0",
|
||||
"esbuild": "^18.0.0 || ^19.0.0 || ^0.20.0",
|
||||
"esbuild-loader": "^3.0.0",
|
||||
"esbuild-plugin-alias": "^0.2.1",
|
||||
"eslint": "^8.56.0",
|
||||
@ -294,5 +294,6 @@
|
||||
"Dependency Upgrades"
|
||||
]
|
||||
]
|
||||
}
|
||||
},
|
||||
"deferredNextVersion": "8.0.0-rc.3"
|
||||
}
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
import React from 'react';
|
||||
|
||||
import type { IndexHash, State } from '@storybook/manager-api';
|
||||
import { types } from '@storybook/manager-api';
|
||||
import { ManagerContext, types } from '@storybook/manager-api';
|
||||
import type { StoryObj, Meta } from '@storybook/react';
|
||||
import { within, userEvent } from '@storybook/testing-library';
|
||||
import { within, userEvent, expect } from '@storybook/test';
|
||||
import type { Addon_SidebarTopType } from '@storybook/types';
|
||||
import { Button, IconButton } from '@storybook/components';
|
||||
import { FaceHappyIcon } from '@storybook/icons';
|
||||
import { Sidebar, DEFAULT_REF_ID } from './Sidebar';
|
||||
import { standardData as standardHeaderData } from './Heading.stories';
|
||||
import * as ExplorerStories from './Explorer.stories';
|
||||
import { mockDataset } from './mockdata';
|
||||
import type { RefType } from './types';
|
||||
import { LayoutProvider } from '../layout/LayoutProvider';
|
||||
@ -19,26 +19,6 @@ const wait = (ms: number) =>
|
||||
setTimeout(resolve, ms);
|
||||
});
|
||||
|
||||
const meta = {
|
||||
component: Sidebar,
|
||||
title: 'Sidebar/Sidebar',
|
||||
excludeStories: /.*Data$/,
|
||||
parameters: { layout: 'fullscreen' },
|
||||
decorators: [
|
||||
ExplorerStories.default.decorators[0],
|
||||
(storyFn) => (
|
||||
<LayoutProvider>
|
||||
<IconSymbols />
|
||||
{storyFn()}
|
||||
</LayoutProvider>
|
||||
),
|
||||
],
|
||||
} as Meta<typeof Sidebar>;
|
||||
|
||||
export default meta;
|
||||
|
||||
type Story = StoryObj<typeof meta>;
|
||||
|
||||
const { menu } = standardHeaderData;
|
||||
const index = mockDataset.withRoot as IndexHash;
|
||||
const storyId = 'root-1-child-a2--grandchild-a1-1';
|
||||
@ -46,6 +26,55 @@ const storyId = 'root-1-child-a2--grandchild-a1-1';
|
||||
export const simpleData = { menu, index, storyId };
|
||||
export const loadingData = { menu };
|
||||
|
||||
const meta = {
|
||||
component: Sidebar,
|
||||
title: 'Sidebar/Sidebar',
|
||||
excludeStories: /.*Data$/,
|
||||
parameters: { layout: 'fullscreen' },
|
||||
args: {
|
||||
previewInitialized: true,
|
||||
menu,
|
||||
extra: [] as Addon_SidebarTopType[],
|
||||
index: index,
|
||||
storyId,
|
||||
refId: DEFAULT_REF_ID,
|
||||
refs: {},
|
||||
status: {},
|
||||
},
|
||||
decorators: [
|
||||
(storyFn) => (
|
||||
<ManagerContext.Provider
|
||||
value={
|
||||
{
|
||||
state: {
|
||||
docsOptions: {
|
||||
defaultName: 'Docs',
|
||||
autodocs: 'tag',
|
||||
docsMode: false,
|
||||
},
|
||||
},
|
||||
api: {
|
||||
emit: () => {},
|
||||
on: () => {},
|
||||
off: () => {},
|
||||
getShortcutKeys: () => ({ search: ['control', 'shift', 's'] }),
|
||||
},
|
||||
} as any
|
||||
}
|
||||
>
|
||||
<LayoutProvider>
|
||||
<IconSymbols />
|
||||
{storyFn()}
|
||||
</LayoutProvider>
|
||||
</ManagerContext.Provider>
|
||||
),
|
||||
],
|
||||
} satisfies Meta<typeof Sidebar>;
|
||||
|
||||
export default meta;
|
||||
|
||||
type Story = StoryObj<typeof meta>;
|
||||
|
||||
const refs: Record<string, RefType> = {
|
||||
optimized: {
|
||||
id: 'optimized',
|
||||
@ -57,6 +86,7 @@ const refs: Record<string, RefType> = {
|
||||
},
|
||||
};
|
||||
|
||||
// eslint-disable-next-line local-rules/no-uncategorized-errors
|
||||
const indexError = new Error('Failed to load index');
|
||||
|
||||
const refsError = {
|
||||
@ -75,146 +105,56 @@ const refsEmpty = {
|
||||
},
|
||||
};
|
||||
|
||||
export const Simple: Story = {
|
||||
args: { previewInitialized: true },
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
menu={menu}
|
||||
extra={[]}
|
||||
index={index as any}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={{}}
|
||||
status={{}}
|
||||
/>
|
||||
),
|
||||
};
|
||||
export const Simple: Story = {};
|
||||
|
||||
export const Loading: Story = {
|
||||
args: { previewInitialized: false },
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
menu={menu}
|
||||
extra={[]}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={{}}
|
||||
status={{}}
|
||||
/>
|
||||
),
|
||||
args: {
|
||||
previewInitialized: false,
|
||||
index: undefined,
|
||||
},
|
||||
};
|
||||
|
||||
export const Empty: Story = {
|
||||
args: {
|
||||
previewInitialized: true,
|
||||
index: {},
|
||||
},
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
menu={menu}
|
||||
extra={[]}
|
||||
index={{}}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={{}}
|
||||
status={{}}
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
export const IndexError: Story = {
|
||||
args: {
|
||||
previewInitialized: true,
|
||||
indexError,
|
||||
},
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
indexError={indexError}
|
||||
extra={[]}
|
||||
menu={menu}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={{}}
|
||||
status={{}}
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
export const WithRefs: Story = {
|
||||
args: {
|
||||
previewInitialized: true,
|
||||
refs,
|
||||
},
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
menu={menu}
|
||||
extra={[]}
|
||||
index={index as any}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={refs}
|
||||
status={{}}
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
export const LoadingWithRefs: Story = {
|
||||
args: {
|
||||
previewInitialized: false,
|
||||
...Loading.args,
|
||||
refs,
|
||||
},
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
menu={menu}
|
||||
extra={[]}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={refs}
|
||||
status={{}}
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
export const LoadingWithRefError: Story = {
|
||||
args: {
|
||||
previewInitialized: false,
|
||||
...Loading.args,
|
||||
refs: refsError,
|
||||
},
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
menu={menu}
|
||||
extra={[]}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={refsError}
|
||||
status={{}}
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
export const WithRefEmpty: Story = {
|
||||
args: {
|
||||
previewInitialized: true,
|
||||
...Empty.args,
|
||||
refs: refsEmpty,
|
||||
},
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
menu={menu}
|
||||
extra={[]}
|
||||
index={{}}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={refsEmpty}
|
||||
status={{}}
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
export const StatusesCollapsed: Story = {
|
||||
args: {
|
||||
previewInitialized: true,
|
||||
status: Object.entries(index).reduce<State['status']>((acc, [id, item]) => {
|
||||
if (item.type !== 'story') {
|
||||
return acc;
|
||||
@ -232,17 +172,6 @@ export const StatusesCollapsed: Story = {
|
||||
return acc;
|
||||
}, {}),
|
||||
},
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
menu={menu}
|
||||
extra={[]}
|
||||
index={index as any}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={{}}
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
export const StatusesOpen: Story = {
|
||||
@ -267,7 +196,7 @@ export const StatusesOpen: Story = {
|
||||
|
||||
export const Searching: Story = {
|
||||
...StatusesOpen,
|
||||
parameters: { theme: 'light', chromatic: { delay: 2200 } },
|
||||
parameters: { chromatic: { delay: 2200 } },
|
||||
play: async ({ canvasElement, step }) => {
|
||||
await step('wait 2000ms', () => wait(2000));
|
||||
const canvas = await within(canvasElement);
|
||||
@ -279,52 +208,92 @@ export const Searching: Story = {
|
||||
|
||||
export const Bottom: Story = {
|
||||
args: {
|
||||
previewInitialized: true,
|
||||
bottom: [
|
||||
{
|
||||
id: '1',
|
||||
type: types.experimental_SIDEBAR_BOTTOM,
|
||||
render: () => (
|
||||
<Button>
|
||||
<FaceHappyIcon />
|
||||
Custom addon A
|
||||
</Button>
|
||||
),
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
type: types.experimental_SIDEBAR_BOTTOM,
|
||||
render: () => (
|
||||
<Button>
|
||||
{' '}
|
||||
<FaceHappyIcon />
|
||||
Custom addon B
|
||||
</Button>
|
||||
),
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
type: types.experimental_SIDEBAR_BOTTOM,
|
||||
render: () => (
|
||||
<IconButton>
|
||||
{' '}
|
||||
<FaceHappyIcon />
|
||||
</IconButton>
|
||||
),
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
/**
|
||||
* Given the following sequence of events:
|
||||
* 1. Story is selected at the top of the sidebar
|
||||
* 2. The sidebar is scrolled to the bottom
|
||||
* 3. Some re-rendering happens because of a changed state/prop
|
||||
* The sidebar should remain scrolled to the bottom
|
||||
*/
|
||||
export const Scrolled: Story = {
|
||||
parameters: {
|
||||
// we need a very short viewport
|
||||
viewport: {
|
||||
defaultViewport: 'mobile1',
|
||||
defaultOrientation: 'landscape',
|
||||
},
|
||||
},
|
||||
args: {
|
||||
storyId: 'group-1--child-b1',
|
||||
},
|
||||
render: (args) => {
|
||||
const [, setState] = React.useState(0);
|
||||
return (
|
||||
<>
|
||||
<button
|
||||
style={{ position: 'absolute', zIndex: 10 }}
|
||||
onClick={() => setState(() => Math.random())}
|
||||
>
|
||||
Change state
|
||||
</button>
|
||||
<Sidebar {...args} />
|
||||
</>
|
||||
);
|
||||
},
|
||||
play: async ({ canvasElement, step }) => {
|
||||
const canvas = await within(canvasElement);
|
||||
const scrollable = await canvasElement.querySelector('[data-radix-scroll-area-viewport]');
|
||||
await step('expand component', async () => {
|
||||
const componentNode = await canvas.queryAllByText('Child A2')[1];
|
||||
userEvent.click(componentNode);
|
||||
});
|
||||
await wait(100);
|
||||
await step('scroll to bottom', async () => {
|
||||
scrollable.scrollTo(0, scrollable.scrollHeight);
|
||||
});
|
||||
await step('toggle parent state', async () => {
|
||||
const button = await canvas.findByRole('button', { name: 'Change state' });
|
||||
button.click();
|
||||
});
|
||||
await wait(100);
|
||||
|
||||
// expect the scrollable to be scrolled to the bottom
|
||||
expect(scrollable.scrollTop).toBe(scrollable.scrollHeight - scrollable.clientHeight);
|
||||
},
|
||||
parameters: { theme: 'light' },
|
||||
render: (args) => (
|
||||
<Sidebar
|
||||
{...args}
|
||||
menu={menu}
|
||||
extra={[]}
|
||||
index={index as any}
|
||||
storyId={storyId}
|
||||
refId={DEFAULT_REF_ID}
|
||||
refs={{}}
|
||||
status={{}}
|
||||
bottom={[
|
||||
{
|
||||
id: '1',
|
||||
type: types.experimental_SIDEBAR_BOTTOM,
|
||||
render: () => (
|
||||
<Button>
|
||||
<FaceHappyIcon />
|
||||
Custom addon A
|
||||
</Button>
|
||||
),
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
type: types.experimental_SIDEBAR_BOTTOM,
|
||||
render: () => (
|
||||
<Button>
|
||||
{' '}
|
||||
<FaceHappyIcon />
|
||||
Custom addon B
|
||||
</Button>
|
||||
),
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
type: types.experimental_SIDEBAR_BOTTOM,
|
||||
render: () => (
|
||||
<IconButton>
|
||||
{' '}
|
||||
<FaceHappyIcon />
|
||||
</IconButton>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
),
|
||||
};
|
||||
|
||||
@ -17,7 +17,7 @@ import { Explorer } from './Explorer';
|
||||
import { Search } from './Search';
|
||||
|
||||
import { SearchResults } from './SearchResults';
|
||||
import type { Refs, CombinedDataset, Selection } from './types';
|
||||
import type { CombinedDataset, Selection } from './types';
|
||||
import { useLastViewed } from './useLastViewed';
|
||||
import { MEDIA_DESKTOP_BREAKPOINT } from '../../constants';
|
||||
|
||||
@ -79,20 +79,26 @@ const Swap = React.memo(function Swap({
|
||||
});
|
||||
|
||||
const useCombination = (
|
||||
defaultRefData: API_LoadedRefData & { status: State['status'] },
|
||||
refs: Refs
|
||||
index: SidebarProps['index'],
|
||||
indexError: SidebarProps['indexError'],
|
||||
previewInitialized: SidebarProps['previewInitialized'],
|
||||
status: SidebarProps['status'],
|
||||
refs: SidebarProps['refs']
|
||||
): CombinedDataset => {
|
||||
const hash = useMemo(
|
||||
() => ({
|
||||
[DEFAULT_REF_ID]: {
|
||||
...defaultRefData,
|
||||
index,
|
||||
indexError,
|
||||
previewInitialized,
|
||||
status,
|
||||
title: null,
|
||||
id: DEFAULT_REF_ID,
|
||||
url: 'iframe.html',
|
||||
},
|
||||
...refs,
|
||||
}),
|
||||
[refs, defaultRefData]
|
||||
[refs, index, indexError, previewInitialized, status]
|
||||
);
|
||||
return useMemo(() => ({ hash, entries: Object.entries(hash) }), [hash]);
|
||||
};
|
||||
@ -126,7 +132,7 @@ export const Sidebar = React.memo(function Sidebar({
|
||||
onMenuClick,
|
||||
}: SidebarProps) {
|
||||
const selected: Selection = useMemo(() => storyId && { storyId, refId }, [storyId, refId]);
|
||||
const dataset = useCombination({ index, indexError, previewInitialized, status }, refs);
|
||||
const dataset = useCombination(index, indexError, previewInitialized, status, refs);
|
||||
const isLoading = !index && !indexError;
|
||||
const lastViewedProps = useLastViewed(selected);
|
||||
|
||||
|
||||
274
code/yarn.lock
274
code/yarn.lock
@ -2583,156 +2583,163 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/android-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/android-arm64@npm:0.18.20"
|
||||
"@esbuild/aix-ppc64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/aix-ppc64@npm:0.20.1"
|
||||
conditions: os=aix & cpu=ppc64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/android-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/android-arm64@npm:0.20.1"
|
||||
conditions: os=android & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/android-arm@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/android-arm@npm:0.18.20"
|
||||
"@esbuild/android-arm@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/android-arm@npm:0.20.1"
|
||||
conditions: os=android & cpu=arm
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/android-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/android-x64@npm:0.18.20"
|
||||
"@esbuild/android-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/android-x64@npm:0.20.1"
|
||||
conditions: os=android & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/darwin-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/darwin-arm64@npm:0.18.20"
|
||||
"@esbuild/darwin-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/darwin-arm64@npm:0.20.1"
|
||||
conditions: os=darwin & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/darwin-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/darwin-x64@npm:0.18.20"
|
||||
"@esbuild/darwin-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/darwin-x64@npm:0.20.1"
|
||||
conditions: os=darwin & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/freebsd-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/freebsd-arm64@npm:0.18.20"
|
||||
"@esbuild/freebsd-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/freebsd-arm64@npm:0.20.1"
|
||||
conditions: os=freebsd & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/freebsd-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/freebsd-x64@npm:0.18.20"
|
||||
"@esbuild/freebsd-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/freebsd-x64@npm:0.20.1"
|
||||
conditions: os=freebsd & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-arm64@npm:0.18.20"
|
||||
"@esbuild/linux-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-arm64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-arm@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-arm@npm:0.18.20"
|
||||
"@esbuild/linux-arm@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-arm@npm:0.20.1"
|
||||
conditions: os=linux & cpu=arm
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-ia32@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-ia32@npm:0.18.20"
|
||||
"@esbuild/linux-ia32@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-ia32@npm:0.20.1"
|
||||
conditions: os=linux & cpu=ia32
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-loong64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-loong64@npm:0.18.20"
|
||||
"@esbuild/linux-loong64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-loong64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=loong64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-mips64el@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-mips64el@npm:0.18.20"
|
||||
"@esbuild/linux-mips64el@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-mips64el@npm:0.20.1"
|
||||
conditions: os=linux & cpu=mips64el
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-ppc64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-ppc64@npm:0.18.20"
|
||||
"@esbuild/linux-ppc64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-ppc64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=ppc64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-riscv64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-riscv64@npm:0.18.20"
|
||||
"@esbuild/linux-riscv64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-riscv64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=riscv64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-s390x@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-s390x@npm:0.18.20"
|
||||
"@esbuild/linux-s390x@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-s390x@npm:0.20.1"
|
||||
conditions: os=linux & cpu=s390x
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-x64@npm:0.18.20"
|
||||
"@esbuild/linux-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-x64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/netbsd-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/netbsd-x64@npm:0.18.20"
|
||||
"@esbuild/netbsd-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/netbsd-x64@npm:0.20.1"
|
||||
conditions: os=netbsd & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/openbsd-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/openbsd-x64@npm:0.18.20"
|
||||
"@esbuild/openbsd-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/openbsd-x64@npm:0.20.1"
|
||||
conditions: os=openbsd & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/sunos-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/sunos-x64@npm:0.18.20"
|
||||
"@esbuild/sunos-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/sunos-x64@npm:0.20.1"
|
||||
conditions: os=sunos & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/win32-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/win32-arm64@npm:0.18.20"
|
||||
"@esbuild/win32-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/win32-arm64@npm:0.20.1"
|
||||
conditions: os=win32 & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/win32-ia32@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/win32-ia32@npm:0.18.20"
|
||||
"@esbuild/win32-ia32@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/win32-ia32@npm:0.20.1"
|
||||
conditions: os=win32 & cpu=ia32
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/win32-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/win32-x64@npm:0.18.20"
|
||||
"@esbuild/win32-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/win32-x64@npm:0.20.1"
|
||||
conditions: os=win32 & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
@ -5470,7 +5477,7 @@ __metadata:
|
||||
"@yarnpkg/esbuild-plugin-pnp": "npm:^3.0.0-rc.10"
|
||||
browser-assert: "npm:^1.2.1"
|
||||
ejs: "npm:^3.1.8"
|
||||
esbuild: "npm:^0.18.0"
|
||||
esbuild: "npm:^18.0.0 || ^19.0.0 || ^0.20.0"
|
||||
esbuild-plugin-alias: "npm:^0.2.1"
|
||||
express: "npm:^4.17.3"
|
||||
fs-extra: "npm:^11.1.0"
|
||||
@ -5581,7 +5588,6 @@ __metadata:
|
||||
"@storybook/client-logger": "workspace:*"
|
||||
"@storybook/core-events": "workspace:*"
|
||||
"@storybook/global": "npm:^5.0.0"
|
||||
qs: "npm:^6.10.0"
|
||||
telejson: "npm:^7.2.0"
|
||||
tiny-invariant: "npm:^1.3.1"
|
||||
typescript: "npm:^5.3.2"
|
||||
@ -5737,7 +5743,7 @@ __metadata:
|
||||
"@yarnpkg/libzip": "npm:2.3.0"
|
||||
chalk: "npm:^4.1.0"
|
||||
cross-spawn: "npm:^7.0.3"
|
||||
esbuild: "npm:^0.18.0"
|
||||
esbuild: "npm:^18.0.0 || ^19.0.0 || ^0.20.0"
|
||||
esbuild-register: "npm:^3.5.0"
|
||||
execa: "npm:^5.0.0"
|
||||
file-system-cache: "npm:2.3.0"
|
||||
@ -6102,7 +6108,6 @@ __metadata:
|
||||
flush-promises: "npm:^1.0.2"
|
||||
lodash: "npm:^4.17.21"
|
||||
memoizerific: "npm:^1.11.3"
|
||||
qs: "npm:^6.10.0"
|
||||
react: "npm:^18.2.0"
|
||||
react-dom: "npm:^18.2.0"
|
||||
semver: "npm:^7.3.7"
|
||||
@ -6675,7 +6680,7 @@ __metadata:
|
||||
concurrently: "npm:^5.3.0"
|
||||
cross-env: "npm:^7.0.3"
|
||||
danger: "npm:^11.2.6"
|
||||
esbuild: "npm:^0.18.0"
|
||||
esbuild: "npm:^18.0.0 || ^19.0.0 || ^0.20.0"
|
||||
esbuild-loader: "npm:^3.0.0"
|
||||
esbuild-plugin-alias: "npm:^0.2.1"
|
||||
eslint: "npm:^8.56.0"
|
||||
@ -7086,7 +7091,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@sveltejs/vite-plugin-svelte-inspector@npm:^2.0.0, @sveltejs/vite-plugin-svelte-inspector@npm:^2.0.0-next.0 || ^2.0.0":
|
||||
"@sveltejs/vite-plugin-svelte-inspector@npm:^2.0.0":
|
||||
version: 2.0.0
|
||||
resolution: "@sveltejs/vite-plugin-svelte-inspector@npm:2.0.0"
|
||||
dependencies:
|
||||
@ -7099,25 +7104,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@sveltejs/vite-plugin-svelte@npm:^3.0.1":
|
||||
version: 3.0.1
|
||||
resolution: "@sveltejs/vite-plugin-svelte@npm:3.0.1"
|
||||
dependencies:
|
||||
"@sveltejs/vite-plugin-svelte-inspector": "npm:^2.0.0-next.0 || ^2.0.0"
|
||||
debug: "npm:^4.3.4"
|
||||
deepmerge: "npm:^4.3.1"
|
||||
kleur: "npm:^4.1.5"
|
||||
magic-string: "npm:^0.30.5"
|
||||
svelte-hmr: "npm:^0.15.3"
|
||||
vitefu: "npm:^0.2.5"
|
||||
peerDependencies:
|
||||
svelte: ^4.0.0 || ^5.0.0-next.0
|
||||
vite: ^5.0.0
|
||||
checksum: 889d41014d4cc5dfb578cb0a80e64f72c0f8c143e9a299c3a4e2372fd582d982ce118dad5e158e0b747d1df7354a909ed9490b1adcd1bf982b56c82fffd4652c
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@sveltejs/vite-plugin-svelte@npm:^3.0.2":
|
||||
"@sveltejs/vite-plugin-svelte@npm:^3.0.1, @sveltejs/vite-plugin-svelte@npm:^3.0.2":
|
||||
version: 3.0.2
|
||||
resolution: "@sveltejs/vite-plugin-svelte@npm:3.0.2"
|
||||
dependencies:
|
||||
@ -7594,10 +7581,10 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/estree@npm:*, @types/estree@npm:^1.0.0, @types/estree@npm:^1.0.1":
|
||||
version: 1.0.2
|
||||
resolution: "@types/estree@npm:1.0.2"
|
||||
checksum: 4b5c601d435ea8e2205458de15fd1556b5ae6c9a8323bad8a940ea502d6c824664faca94234c0bf76bf9c87cbf6ac41abee550c9e20433256549d589c9b543bd
|
||||
"@types/estree@npm:*, @types/estree@npm:^1.0.0, @types/estree@npm:^1.0.1, @types/estree@npm:^1.0.5":
|
||||
version: 1.0.5
|
||||
resolution: "@types/estree@npm:1.0.5"
|
||||
checksum: b3b0e334288ddb407c7b3357ca67dbee75ee22db242ca7c56fe27db4e1a31989cb8af48a84dd401deb787fe10cc6b2ab1ee82dc4783be87ededbe3d53c79c70d
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -7608,13 +7595,6 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/estree@npm:^1.0.5":
|
||||
version: 1.0.5
|
||||
resolution: "@types/estree@npm:1.0.5"
|
||||
checksum: b3b0e334288ddb407c7b3357ca67dbee75ee22db242ca7c56fe27db4e1a31989cb8af48a84dd401deb787fe10cc6b2ab1ee82dc4783be87ededbe3d53c79c70d
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/express-serve-static-core@npm:*, @types/express-serve-static-core@npm:^4.17.33":
|
||||
version: 4.17.37
|
||||
resolution: "@types/express-serve-static-core@npm:4.17.37"
|
||||
@ -9557,16 +9537,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"acorn@npm:^8.0.0, acorn@npm:^8.10.0, acorn@npm:^8.11.2, acorn@npm:^8.4.1, acorn@npm:^8.6.0, acorn@npm:^8.7.1, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
|
||||
version: 8.11.2
|
||||
resolution: "acorn@npm:8.11.2"
|
||||
bin:
|
||||
acorn: bin/acorn
|
||||
checksum: a3ed76c761b75ec54b1ec3068fb7f113a182e95aea7f322f65098c2958d232e3d211cb6dac35ff9c647024b63714bc528a26d54a925d1fef2c25585b4c8e4017
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"acorn@npm:^8.11.3":
|
||||
"acorn@npm:^8.0.0, acorn@npm:^8.10.0, acorn@npm:^8.11.2, acorn@npm:^8.11.3, acorn@npm:^8.4.1, acorn@npm:^8.6.0, acorn@npm:^8.7.1, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
|
||||
version: 8.11.3
|
||||
resolution: "acorn@npm:8.11.3"
|
||||
bin:
|
||||
@ -14253,33 +14224,36 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"esbuild@npm:^0.18.0":
|
||||
version: 0.18.20
|
||||
resolution: "esbuild@npm:0.18.20"
|
||||
"esbuild@npm:^0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "esbuild@npm:0.20.1"
|
||||
dependencies:
|
||||
"@esbuild/android-arm": "npm:0.18.20"
|
||||
"@esbuild/android-arm64": "npm:0.18.20"
|
||||
"@esbuild/android-x64": "npm:0.18.20"
|
||||
"@esbuild/darwin-arm64": "npm:0.18.20"
|
||||
"@esbuild/darwin-x64": "npm:0.18.20"
|
||||
"@esbuild/freebsd-arm64": "npm:0.18.20"
|
||||
"@esbuild/freebsd-x64": "npm:0.18.20"
|
||||
"@esbuild/linux-arm": "npm:0.18.20"
|
||||
"@esbuild/linux-arm64": "npm:0.18.20"
|
||||
"@esbuild/linux-ia32": "npm:0.18.20"
|
||||
"@esbuild/linux-loong64": "npm:0.18.20"
|
||||
"@esbuild/linux-mips64el": "npm:0.18.20"
|
||||
"@esbuild/linux-ppc64": "npm:0.18.20"
|
||||
"@esbuild/linux-riscv64": "npm:0.18.20"
|
||||
"@esbuild/linux-s390x": "npm:0.18.20"
|
||||
"@esbuild/linux-x64": "npm:0.18.20"
|
||||
"@esbuild/netbsd-x64": "npm:0.18.20"
|
||||
"@esbuild/openbsd-x64": "npm:0.18.20"
|
||||
"@esbuild/sunos-x64": "npm:0.18.20"
|
||||
"@esbuild/win32-arm64": "npm:0.18.20"
|
||||
"@esbuild/win32-ia32": "npm:0.18.20"
|
||||
"@esbuild/win32-x64": "npm:0.18.20"
|
||||
"@esbuild/aix-ppc64": "npm:0.20.1"
|
||||
"@esbuild/android-arm": "npm:0.20.1"
|
||||
"@esbuild/android-arm64": "npm:0.20.1"
|
||||
"@esbuild/android-x64": "npm:0.20.1"
|
||||
"@esbuild/darwin-arm64": "npm:0.20.1"
|
||||
"@esbuild/darwin-x64": "npm:0.20.1"
|
||||
"@esbuild/freebsd-arm64": "npm:0.20.1"
|
||||
"@esbuild/freebsd-x64": "npm:0.20.1"
|
||||
"@esbuild/linux-arm": "npm:0.20.1"
|
||||
"@esbuild/linux-arm64": "npm:0.20.1"
|
||||
"@esbuild/linux-ia32": "npm:0.20.1"
|
||||
"@esbuild/linux-loong64": "npm:0.20.1"
|
||||
"@esbuild/linux-mips64el": "npm:0.20.1"
|
||||
"@esbuild/linux-ppc64": "npm:0.20.1"
|
||||
"@esbuild/linux-riscv64": "npm:0.20.1"
|
||||
"@esbuild/linux-s390x": "npm:0.20.1"
|
||||
"@esbuild/linux-x64": "npm:0.20.1"
|
||||
"@esbuild/netbsd-x64": "npm:0.20.1"
|
||||
"@esbuild/openbsd-x64": "npm:0.20.1"
|
||||
"@esbuild/sunos-x64": "npm:0.20.1"
|
||||
"@esbuild/win32-arm64": "npm:0.20.1"
|
||||
"@esbuild/win32-ia32": "npm:0.20.1"
|
||||
"@esbuild/win32-x64": "npm:0.20.1"
|
||||
dependenciesMeta:
|
||||
"@esbuild/aix-ppc64":
|
||||
optional: true
|
||||
"@esbuild/android-arm":
|
||||
optional: true
|
||||
"@esbuild/android-arm64":
|
||||
@ -14326,7 +14300,7 @@ __metadata:
|
||||
optional: true
|
||||
bin:
|
||||
esbuild: bin/esbuild
|
||||
checksum: 473b1d92842f50a303cf948a11ebd5f69581cd254d599dd9d62f9989858e0533f64e83b723b5e1398a5b488c0f5fd088795b4235f65ecaf4f007d4b79f04bc88
|
||||
checksum: 7e0303cb80defd55f3f7b85108081afc9c2f3852dda13bf70975a89210f20cd658fc02540d34247401806cb069c4ec489f7cf0df833e040ee361826484926c3a
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -25016,20 +24990,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"recast@npm:^0.23.1, recast@npm:^0.23.3":
|
||||
version: 0.23.4
|
||||
resolution: "recast@npm:0.23.4"
|
||||
dependencies:
|
||||
assert: "npm:^2.0.0"
|
||||
ast-types: "npm:^0.16.1"
|
||||
esprima: "npm:~4.0.0"
|
||||
source-map: "npm:~0.6.1"
|
||||
tslib: "npm:^2.0.1"
|
||||
checksum: d719633be8029e28f23b8191d4a525c5dbdac721792ab3cb5e9dfcf1694fb93f3c147b186916195a9c7fa0711f1e4990ba457cdcee02faed3899d4a80da1bd1f
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"recast@npm:^0.23.5":
|
||||
"recast@npm:^0.23.1, recast@npm:^0.23.3, recast@npm:^0.23.5":
|
||||
version: 0.23.5
|
||||
resolution: "recast@npm:0.23.5"
|
||||
dependencies:
|
||||
@ -28067,14 +28028,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"tiny-invariant@npm:^1.3.1":
|
||||
version: 1.3.1
|
||||
resolution: "tiny-invariant@npm:1.3.1"
|
||||
checksum: 5b87c1d52847d9452b60d0dcb77011b459044e0361ca8253bfe7b43d6288106e12af926adb709a6fc28900e3864349b91dad9a4ac93c39aa15f360b26c2ff4db
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"tiny-invariant@npm:^1.3.3":
|
||||
"tiny-invariant@npm:^1.3.1, tiny-invariant@npm:^1.3.3":
|
||||
version: 1.3.3
|
||||
resolution: "tiny-invariant@npm:1.3.3"
|
||||
checksum: 65af4a07324b591a059b35269cd696aba21bef2107f29b9f5894d83cc143159a204b299553435b03874ebb5b94d019afa8b8eff241c8a4cfee95872c2e1c1c4a
|
||||
|
||||
@ -148,7 +148,6 @@ Here's a list of the configuration options available.
|
||||
| --------- | :----: | :-------------------------------------------------------------: | :------: |
|
||||
| **value** | String | The string value of the menu that gets set in the globals | Yes |
|
||||
| **title** | String | The main text of the title | Yes |
|
||||
| **left** | String | A string that gets shown on the left side of the menu | No |
|
||||
| **right** | String | A string that gets displayed on the right side of the menu | No |
|
||||
| **icon** | String | An icon that gets shown in the toolbar if this item is selected | No |
|
||||
|
||||
|
||||
57
docs/faq.md
57
docs/faq.md
@ -2,36 +2,7 @@
|
||||
title: 'Frequently Asked Questions'
|
||||
---
|
||||
|
||||
Here are some answers to frequently asked questions. If you have a question, you can ask it by opening an issue on the [Storybook Repository](https://github.com/storybookjs/storybook/).
|
||||
|
||||
- [Error: No angular.json file found](#error-no-angularjson-file-found)
|
||||
- [How can I opt-out of Angular Ivy?](#how-can-i-opt-out-of-angular-ivy)
|
||||
- [How can I opt-out of Angular ngcc?](#how-can-i-opt-out-of-angular-ngcc)
|
||||
- [How can I run coverage tests with Create React App and leave out stories?](#how-can-i-run-coverage-tests-with-create-react-app-and-leave-out-stories)
|
||||
- [How do I setup Storybook to share Webpack configuration with Next.js?](#how-do-i-setup-storybook-to-share-webpack-configuration-with-nextjs)
|
||||
- [How do I fix module resolution in special environments?](#how-do-i-fix-module-resolution-in-special-environments)
|
||||
- [How do I setup the new React Context Root API with Storybook?](#how-do-i-setup-the-new-react-context-root-api-with-storybook)
|
||||
- [Why is there no addons channel?](#why-is-there-no-addons-channel)
|
||||
- [Why aren't Controls visible in the Canvas panel but visible in Docs?](#why-arent-controls-visible-in-the-canvas-panel-but-visible-in-docs)
|
||||
- [Why aren't the addons working in a composed Storybook?](#why-arent-the-addons-working-in-a-composed-storybook)
|
||||
- [Can I have a Storybook with no local stories?](#can-i-have-a-storybook-with-no-local-stories)
|
||||
- [Which community addons are compatible with the latest version of Storybook?](#which-community-addons-are-compatible-with-the-latest-version-of-storybook)
|
||||
- [Is it possible to browse the documentation for past versions of Storybook?](#is-it-possible-to-browse-the-documentation-for-past-versions-of-storybook)
|
||||
- [What icons are available for my toolbar or my addon?](#what-icons-are-available-for-my-toolbar-or-my-addon)
|
||||
- [I see a "No Preview" error with a Storybook production build](#i-see-a-no-preview-error-with-a-storybook-production-build)
|
||||
- [Can I use Storybook with Vue 2?](#can-i-use-storybook-with-vue-2)
|
||||
- [Why aren't my code blocks highlighted with Storybook MDX](#why-arent-my-code-blocks-highlighted-with-storybook-mdx)
|
||||
- [Why aren't my MDX stories working in Storybook?](#why-arent-my-mdx-stories-working-in-storybook)
|
||||
- [Why are my mocked GraphQL queries failing with Storybook's MSW addon?](#why-are-my-mocked-graphql-queries-failing-with-storybooks-msw-addon)
|
||||
- [Can I use other GraphQL providers with Storybook's MSW addon?](#can-i-use-other-graphql-providers-with-storybooks-msw-addon)
|
||||
- [Can I mock GraphQL mutations with Storybook's MSW addon?](#can-i-mock-graphql-mutations-with-storybooks-msw-addon)
|
||||
- [How can my code detect if it is running in Storybook?](#how-can-my-code-detect-if-it-is-running-in-storybook)
|
||||
- [Why are my stories not showing up correctly when using certain characters?](#why-are-my-stories-not-showing-up-correctly-when-using-certain-characters)
|
||||
- [Why are the TypeScript examples and documentation using `as` for type safety?](#why-are-the-typescript-examples-and-documentation-using-as-for-type-safety)
|
||||
- [Why is Storybook's source loader returning undefined with curried functions?](#why-is-storybooks-source-loader-returning-undefined-with-curried-functions)
|
||||
- [Why are my args no longer displaying the default values?](#why-are-my-args-no-longer-displaying-the-default-values)
|
||||
- [Why isn't Storybook's test runner working?](#why-isnt-storybooks-test-runner-working)
|
||||
- [How does Storybook handle environment variables?](#how-does-storybook-handle-environment-variables)
|
||||
Here are some answers to frequently asked questions. If you have a question, you can ask it in our [GitHub discussions](https://github.com/storybookjs/storybook/discussions/new?category=help).
|
||||
|
||||
## Error: No angular.json file found
|
||||
|
||||
@ -222,7 +193,7 @@ Starting with Storybook version 6.0, we've introduced some great features aimed
|
||||
|
||||
With this, we would like to point out that if you plan on using addons created by our fantastic community, you need to consider that some of those addons might be working with an outdated version of Storybook.
|
||||
|
||||
We're actively working to provide a better way to address this situation, but in the meantime, we would ask for a bit of caution on your end so that you don't run into unexpected problems. Let us know by creating an issue in the [Storybook repo](https://github.com/storybookjs/storybook/issues) so that we can gather information and create a curated list with those addons to help not only you but the rest of the community.
|
||||
We're actively working to provide a better way to address this situation, but in the meantime, we'd like to ask for a bit of caution on your end so that you don't run into unexpected problems. Let us know by leaving a comment in the following [GitHub issue](https://github.com/storybookjs/storybook/issues/26031) so that we can gather information and expand the current list of addons that need to be updated to work with the latest version of Storybook.
|
||||
|
||||
## Is it possible to browse the documentation for past versions of Storybook?
|
||||
|
||||
@ -465,30 +436,6 @@ You can do this by checking for the `IS_STORYBOOK` global variable, which will e
|
||||
|
||||
Storybook allows you to use most characters while naming your stories. Still, specific characters (e.g., `#`) can lead to issues when Storybook generates the internal identifier for the story, leading to collisions and incorrectly outputting the correct story. We recommend using such characters sparsely.
|
||||
|
||||
## Why are the TypeScript examples and documentation using `as` for type safety?
|
||||
|
||||
We're aware that the default Typescript story construct might seem outdated and could potentially introduce a less than ideal way of handling type safety and strictness and could be rewritten as such:
|
||||
|
||||
```ts
|
||||
// Button.stories.ts|tsx
|
||||
|
||||
import React from 'react';
|
||||
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
||||
|
||||
const StoryMeta: ComponentMeta<typeof Button> = {
|
||||
/* 👇 The title prop is optional.
|
||||
* See https://storybook.js.org/docs/configure/#configure-story-loading
|
||||
* to learn how to generate automatic titles
|
||||
*/
|
||||
title: 'Button',
|
||||
component: Button,
|
||||
};
|
||||
|
||||
export default meta;
|
||||
```
|
||||
|
||||
Although valid, it introduces additional boilerplate code to the story definition. Instead, we're working towards implementing a safer mechanism based on what's currently being discussed in the following [issue](https://github.com/microsoft/TypeScript/issues/7481). Once the feature is released, we'll migrate our existing examples and documentation accordingly.
|
||||
|
||||
## Why is Storybook's source loader returning undefined with curried functions?
|
||||
|
||||
This is a known issue with Storybook. If you're interested in getting it fixed, open an issue with a [working reproduction](./contribute/how-to-reproduce.md) so that it can be triaged and fixed in future releases.
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
```js
|
||||
// .storybook/main.js|ts
|
||||
|
||||
import { mergeConfig } from 'vite';
|
||||
|
||||
export default {
|
||||
stories: ['../src/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
||||
core: {
|
||||
builder: '@storybook/builder-vite',
|
||||
},
|
||||
async viteFinal(config, { configType }) {
|
||||
const { mergeConfig } = await import('vite');
|
||||
|
||||
if (configType === 'DEVELOPMENT') {
|
||||
// Your development configuration goes here
|
||||
}
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
```js
|
||||
// .storybook/main.js
|
||||
|
||||
import { mergeConfig } from 'vite';
|
||||
|
||||
export default {
|
||||
// Replace your-framework with the framework you are using (e.g., react-vite, vue3-vite)
|
||||
framework: '@storybook/your-framework',
|
||||
stories: ['../src/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
||||
async viteFinal(config, { configType }) {
|
||||
const { mergeConfig } = await import('vite');
|
||||
|
||||
if (configType === 'DEVELOPMENT') {
|
||||
// Your development configuration goes here
|
||||
}
|
||||
|
||||
@ -4,13 +4,13 @@
|
||||
// Replace your-framework with the framework you are using (e.g., react-vite, vue3-vite)
|
||||
import type { StorybookConfig } from '@storybook/your-framework';
|
||||
|
||||
import { mergeConfig } from 'vite';
|
||||
|
||||
const config: StorybookConfig = {
|
||||
// Replace your-framework with the framework you are using (e.g., react-vite, vue3-vite)
|
||||
framework: '@storybook/your-framework',
|
||||
stories: ['../src/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
||||
async viteFinal(config, { configType }) {
|
||||
const { mergeConfig } = await import('vite');
|
||||
|
||||
if (configType === 'DEVELOPMENT') {
|
||||
// Your development configuration goes here
|
||||
}
|
||||
|
||||
@ -3,12 +3,13 @@
|
||||
|
||||
// Replace your-framework with the framework you are using (e.g., react-vite, vue3-vite)
|
||||
import type { StorybookConfig } from '@storybook/your-framework';
|
||||
import { mergeConfig } from 'vite';
|
||||
|
||||
const config = {
|
||||
framework: '@storybook/your-framework',
|
||||
stories: ['../src/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
||||
async viteFinal(config, { configType }) {
|
||||
const { mergeConfig } = await import('vite');
|
||||
|
||||
if (configType === 'DEVELOPMENT') {
|
||||
// Your development configuration goes here
|
||||
}
|
||||
|
||||
@ -1,8 +1,6 @@
|
||||
```js
|
||||
// .storybook/main.js|ts
|
||||
|
||||
import { mergeConfig } from 'vite';
|
||||
|
||||
export default {
|
||||
stories: ['../src/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
||||
addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
|
||||
@ -11,6 +9,8 @@ export default {
|
||||
},
|
||||
async viteFinal(config) {
|
||||
// Merge custom configuration into the default config
|
||||
const { mergeConfig } = await import('vite');
|
||||
|
||||
return mergeConfig(config, {
|
||||
// Add dependencies to pre-optimization
|
||||
optimizeDeps: {
|
||||
|
||||
@ -1 +1 @@
|
||||
{"version":"8.0.0-rc.2","info":{"plain":"- CLI: Add @storybook/addons automigration - [#26295](https://github.com/storybookjs/storybook/pull/26295), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!\n- CLI: Fix vite config automigration to resolve from project root - [#26262](https://github.com/storybookjs/storybook/pull/26262), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!\n- CLI: Improve `add` command & add tests - [#26298](https://github.com/storybookjs/storybook/pull/26298), thanks [@ndelangen](https://github.com/ndelangen)!\n- CLI: Update minimum Node.js version requirement - [#26312](https://github.com/storybookjs/storybook/pull/26312), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!\n- CSF-tools/Codemods: Upgrade recast - [#26286](https://github.com/storybookjs/storybook/pull/26286), thanks [@43081j](https://github.com/43081j)!\n- Controls: Fix type summary when table.type unset - [#26283](https://github.com/storybookjs/storybook/pull/26283), thanks [@shilman](https://github.com/shilman)!\n- Core: Add event when serverChannel disconnects - [#26322](https://github.com/storybookjs/storybook/pull/26322), thanks [@ndelangen](https://github.com/ndelangen)!\n- Core: Fix composition of storybooks on same origin - [#26304](https://github.com/storybookjs/storybook/pull/26304), thanks [@ndelangen](https://github.com/ndelangen)!\n- Portable stories: Improve existing APIs, add loaders support - [#26267](https://github.com/storybookjs/storybook/pull/26267), thanks [@yannbf](https://github.com/yannbf)!\n- React: Handle TypeScript path aliases in react-docgen loader - [#26273](https://github.com/storybookjs/storybook/pull/26273), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!\n- Svelte: Support `5.0.0-next.65` prerelease - [#26188](https://github.com/storybookjs/storybook/pull/26188), thanks [@JReinhold](https://github.com/JReinhold)!\n- Upgrade: Add missing isUpgrade parameter to automigrate function - [#26293](https://github.com/storybookjs/storybook/pull/26293), thanks [@valentinpalkovic](https://github.com/valentinpalkovic)!\n- Vue: Return component from `composeStory` - [#26317](https://github.com/storybookjs/storybook/pull/26317), thanks [@JReinhold](https://github.com/JReinhold)!"}}
|
||||
{"version":"8.0.0-rc.3","info":{"plain":"- Addon-themes: Fix switcher initialization after first start - [#26353](https://github.com/storybookjs/storybook/pull/26353), thanks @valentinpalkovic!\n- Build: Upgrade `esbuild` (`0.20.1`) - [#26255](https://github.com/storybookjs/storybook/pull/26255), thanks @43081j!\n- Core: Fix path separator issue in check-addon-order - [#26362](https://github.com/storybookjs/storybook/pull/26362), thanks @valentinpalkovic!\n- Dependencies: Remove `qs` from `@storybook/manager-api` & `@storybook/channels` - [#26285](https://github.com/storybookjs/storybook/pull/26285), thanks @43081j!\n- UI: Fix sidebar scrolling to selected story when state changes - [#26337](https://github.com/storybookjs/storybook/pull/26337), thanks @JReinhold!\n- UI: Remove 'left' property from TooltipLinkList and Link components - [#26324](https://github.com/storybookjs/storybook/pull/26324), thanks @valentinpalkovic!\n- Viewport: Fix editing when default viewport is set - [#26360](https://github.com/storybookjs/storybook/pull/26360), thanks @shilman!\n- Vue: Fix reference error when using re-exports with \\\"vue-component-meta\\\" - [#26303](https://github.com/storybookjs/storybook/pull/26303), thanks @larsrickert!"}}
|
||||
|
||||
@ -55,7 +55,7 @@
|
||||
},
|
||||
"resolutions": {
|
||||
"@testing-library/jest-dom": "^5.11.9",
|
||||
"esbuild": "^0.18.0",
|
||||
"esbuild": "^0.20.1",
|
||||
"serialize-javascript": "^3.1.0",
|
||||
"type-fest": "~2.19"
|
||||
},
|
||||
@ -122,7 +122,7 @@
|
||||
"detect-port": "^1.3.0",
|
||||
"ejs": "^3.1.8",
|
||||
"ejs-lint": "^2.0.0",
|
||||
"esbuild": "^0.18.0",
|
||||
"esbuild": "^0.20.1",
|
||||
"esbuild-plugin-alias": "^0.2.1",
|
||||
"esbuild-register": "^3.5.0",
|
||||
"eslint": "^8.56.0",
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
/* eslint-disable no-console */
|
||||
import chalk from 'chalk';
|
||||
import program from 'commander';
|
||||
import { z } from 'zod';
|
||||
@ -65,7 +64,6 @@ export const mapToChangelist = ({
|
||||
}): string => {
|
||||
return changes
|
||||
.filter((change) => {
|
||||
// eslint-disable-next-line no-restricted-syntax
|
||||
for (const titleToIgnore of CHANGE_TITLES_TO_IGNORE) {
|
||||
if (change.title?.match(titleToIgnore)) {
|
||||
return false;
|
||||
@ -227,7 +225,7 @@ export const generateNonReleaseDescription = (
|
||||
- Merge this PR
|
||||
- [Follow the run of the publish action](https://github.com/storybookjs/storybook/actions/workflows/publish.yml)`
|
||||
// don't mention contributors in the release PR, to avoid spamming them
|
||||
.replaceAll('[@', '[@ ')
|
||||
.replaceAll('@', '')
|
||||
.replaceAll('"', '\\"')
|
||||
.replaceAll('`', '\\`')
|
||||
.replaceAll("'", "\\'")
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
/* eslint-disable no-console */
|
||||
import chalk from 'chalk';
|
||||
import semver from 'semver';
|
||||
import type { PullRequestInfo } from './get-github-info';
|
||||
@ -206,11 +205,11 @@ export const getChangelogText = ({
|
||||
return entry.labels?.some((label) => Object.keys(RELEASED_LABELS).includes(label));
|
||||
})
|
||||
.map((entry) => {
|
||||
const { title, links } = entry;
|
||||
const { pull, commit, user } = links;
|
||||
const { title, user, links } = entry;
|
||||
const { pull, commit } = links;
|
||||
return pull
|
||||
? `- ${title} - ${pull}, thanks ${user}!`
|
||||
: `- ⚠️ _Direct commit_ ${title} - ${commit} by ${user}`;
|
||||
? `- ${title} - ${pull}, thanks @${user}!`
|
||||
: `- ⚠️ _Direct commit_ ${title} - ${commit} by @${user}`;
|
||||
})
|
||||
.sort();
|
||||
const text = [heading, '', ...formattedEntries].join('\n');
|
||||
|
||||
@ -73,7 +73,7 @@ function makeQuery(repos: ReposWithCommitsAndPRsToFetch) {
|
||||
nodes {
|
||||
name
|
||||
}
|
||||
}
|
||||
}
|
||||
mergeCommit {
|
||||
commitUrl
|
||||
oid
|
||||
|
||||
@ -1490,156 +1490,163 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/android-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/android-arm64@npm:0.18.20"
|
||||
"@esbuild/aix-ppc64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/aix-ppc64@npm:0.20.1"
|
||||
conditions: os=aix & cpu=ppc64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/android-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/android-arm64@npm:0.20.1"
|
||||
conditions: os=android & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/android-arm@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/android-arm@npm:0.18.20"
|
||||
"@esbuild/android-arm@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/android-arm@npm:0.20.1"
|
||||
conditions: os=android & cpu=arm
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/android-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/android-x64@npm:0.18.20"
|
||||
"@esbuild/android-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/android-x64@npm:0.20.1"
|
||||
conditions: os=android & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/darwin-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/darwin-arm64@npm:0.18.20"
|
||||
"@esbuild/darwin-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/darwin-arm64@npm:0.20.1"
|
||||
conditions: os=darwin & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/darwin-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/darwin-x64@npm:0.18.20"
|
||||
"@esbuild/darwin-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/darwin-x64@npm:0.20.1"
|
||||
conditions: os=darwin & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/freebsd-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/freebsd-arm64@npm:0.18.20"
|
||||
"@esbuild/freebsd-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/freebsd-arm64@npm:0.20.1"
|
||||
conditions: os=freebsd & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/freebsd-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/freebsd-x64@npm:0.18.20"
|
||||
"@esbuild/freebsd-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/freebsd-x64@npm:0.20.1"
|
||||
conditions: os=freebsd & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-arm64@npm:0.18.20"
|
||||
"@esbuild/linux-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-arm64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-arm@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-arm@npm:0.18.20"
|
||||
"@esbuild/linux-arm@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-arm@npm:0.20.1"
|
||||
conditions: os=linux & cpu=arm
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-ia32@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-ia32@npm:0.18.20"
|
||||
"@esbuild/linux-ia32@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-ia32@npm:0.20.1"
|
||||
conditions: os=linux & cpu=ia32
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-loong64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-loong64@npm:0.18.20"
|
||||
"@esbuild/linux-loong64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-loong64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=loong64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-mips64el@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-mips64el@npm:0.18.20"
|
||||
"@esbuild/linux-mips64el@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-mips64el@npm:0.20.1"
|
||||
conditions: os=linux & cpu=mips64el
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-ppc64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-ppc64@npm:0.18.20"
|
||||
"@esbuild/linux-ppc64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-ppc64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=ppc64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-riscv64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-riscv64@npm:0.18.20"
|
||||
"@esbuild/linux-riscv64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-riscv64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=riscv64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-s390x@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-s390x@npm:0.18.20"
|
||||
"@esbuild/linux-s390x@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-s390x@npm:0.20.1"
|
||||
conditions: os=linux & cpu=s390x
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/linux-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/linux-x64@npm:0.18.20"
|
||||
"@esbuild/linux-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/linux-x64@npm:0.20.1"
|
||||
conditions: os=linux & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/netbsd-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/netbsd-x64@npm:0.18.20"
|
||||
"@esbuild/netbsd-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/netbsd-x64@npm:0.20.1"
|
||||
conditions: os=netbsd & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/openbsd-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/openbsd-x64@npm:0.18.20"
|
||||
"@esbuild/openbsd-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/openbsd-x64@npm:0.20.1"
|
||||
conditions: os=openbsd & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/sunos-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/sunos-x64@npm:0.18.20"
|
||||
"@esbuild/sunos-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/sunos-x64@npm:0.20.1"
|
||||
conditions: os=sunos & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/win32-arm64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/win32-arm64@npm:0.18.20"
|
||||
"@esbuild/win32-arm64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/win32-arm64@npm:0.20.1"
|
||||
conditions: os=win32 & cpu=arm64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/win32-ia32@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/win32-ia32@npm:0.18.20"
|
||||
"@esbuild/win32-ia32@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/win32-ia32@npm:0.20.1"
|
||||
conditions: os=win32 & cpu=ia32
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@esbuild/win32-x64@npm:0.18.20":
|
||||
version: 0.18.20
|
||||
resolution: "@esbuild/win32-x64@npm:0.18.20"
|
||||
"@esbuild/win32-x64@npm:0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "@esbuild/win32-x64@npm:0.20.1"
|
||||
conditions: os=win32 & cpu=x64
|
||||
languageName: node
|
||||
linkType: hard
|
||||
@ -2762,7 +2769,7 @@ __metadata:
|
||||
detect-port: "npm:^1.3.0"
|
||||
ejs: "npm:^3.1.8"
|
||||
ejs-lint: "npm:^2.0.0"
|
||||
esbuild: "npm:^0.18.0"
|
||||
esbuild: "npm:^0.20.1"
|
||||
esbuild-plugin-alias: "npm:^0.2.1"
|
||||
esbuild-register: "npm:^3.5.0"
|
||||
eslint: "npm:^8.56.0"
|
||||
@ -6554,33 +6561,36 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"esbuild@npm:^0.18.0":
|
||||
version: 0.18.20
|
||||
resolution: "esbuild@npm:0.18.20"
|
||||
"esbuild@npm:^0.20.1":
|
||||
version: 0.20.1
|
||||
resolution: "esbuild@npm:0.20.1"
|
||||
dependencies:
|
||||
"@esbuild/android-arm": "npm:0.18.20"
|
||||
"@esbuild/android-arm64": "npm:0.18.20"
|
||||
"@esbuild/android-x64": "npm:0.18.20"
|
||||
"@esbuild/darwin-arm64": "npm:0.18.20"
|
||||
"@esbuild/darwin-x64": "npm:0.18.20"
|
||||
"@esbuild/freebsd-arm64": "npm:0.18.20"
|
||||
"@esbuild/freebsd-x64": "npm:0.18.20"
|
||||
"@esbuild/linux-arm": "npm:0.18.20"
|
||||
"@esbuild/linux-arm64": "npm:0.18.20"
|
||||
"@esbuild/linux-ia32": "npm:0.18.20"
|
||||
"@esbuild/linux-loong64": "npm:0.18.20"
|
||||
"@esbuild/linux-mips64el": "npm:0.18.20"
|
||||
"@esbuild/linux-ppc64": "npm:0.18.20"
|
||||
"@esbuild/linux-riscv64": "npm:0.18.20"
|
||||
"@esbuild/linux-s390x": "npm:0.18.20"
|
||||
"@esbuild/linux-x64": "npm:0.18.20"
|
||||
"@esbuild/netbsd-x64": "npm:0.18.20"
|
||||
"@esbuild/openbsd-x64": "npm:0.18.20"
|
||||
"@esbuild/sunos-x64": "npm:0.18.20"
|
||||
"@esbuild/win32-arm64": "npm:0.18.20"
|
||||
"@esbuild/win32-ia32": "npm:0.18.20"
|
||||
"@esbuild/win32-x64": "npm:0.18.20"
|
||||
"@esbuild/aix-ppc64": "npm:0.20.1"
|
||||
"@esbuild/android-arm": "npm:0.20.1"
|
||||
"@esbuild/android-arm64": "npm:0.20.1"
|
||||
"@esbuild/android-x64": "npm:0.20.1"
|
||||
"@esbuild/darwin-arm64": "npm:0.20.1"
|
||||
"@esbuild/darwin-x64": "npm:0.20.1"
|
||||
"@esbuild/freebsd-arm64": "npm:0.20.1"
|
||||
"@esbuild/freebsd-x64": "npm:0.20.1"
|
||||
"@esbuild/linux-arm": "npm:0.20.1"
|
||||
"@esbuild/linux-arm64": "npm:0.20.1"
|
||||
"@esbuild/linux-ia32": "npm:0.20.1"
|
||||
"@esbuild/linux-loong64": "npm:0.20.1"
|
||||
"@esbuild/linux-mips64el": "npm:0.20.1"
|
||||
"@esbuild/linux-ppc64": "npm:0.20.1"
|
||||
"@esbuild/linux-riscv64": "npm:0.20.1"
|
||||
"@esbuild/linux-s390x": "npm:0.20.1"
|
||||
"@esbuild/linux-x64": "npm:0.20.1"
|
||||
"@esbuild/netbsd-x64": "npm:0.20.1"
|
||||
"@esbuild/openbsd-x64": "npm:0.20.1"
|
||||
"@esbuild/sunos-x64": "npm:0.20.1"
|
||||
"@esbuild/win32-arm64": "npm:0.20.1"
|
||||
"@esbuild/win32-ia32": "npm:0.20.1"
|
||||
"@esbuild/win32-x64": "npm:0.20.1"
|
||||
dependenciesMeta:
|
||||
"@esbuild/aix-ppc64":
|
||||
optional: true
|
||||
"@esbuild/android-arm":
|
||||
optional: true
|
||||
"@esbuild/android-arm64":
|
||||
@ -6627,7 +6637,7 @@ __metadata:
|
||||
optional: true
|
||||
bin:
|
||||
esbuild: bin/esbuild
|
||||
checksum: 473b1d92842f50a303cf948a11ebd5f69581cd254d599dd9d62f9989858e0533f64e83b723b5e1398a5b488c0f5fd088795b4235f65ecaf4f007d4b79f04bc88
|
||||
checksum: 7e0303cb80defd55f3f7b85108081afc9c2f3852dda13bf70975a89210f20cd658fc02540d34247401806cb069c4ec489f7cf0df833e040ee361826484926c3a
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -14553,14 +14563,7 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"tiny-invariant@npm:^1.3.1":
|
||||
version: 1.3.1
|
||||
resolution: "tiny-invariant@npm:1.3.1"
|
||||
checksum: 5b87c1d52847d9452b60d0dcb77011b459044e0361ca8253bfe7b43d6288106e12af926adb709a6fc28900e3864349b91dad9a4ac93c39aa15f360b26c2ff4db
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"tiny-invariant@npm:^1.3.3":
|
||||
"tiny-invariant@npm:^1.3.1, tiny-invariant@npm:^1.3.3":
|
||||
version: 1.3.3
|
||||
resolution: "tiny-invariant@npm:1.3.3"
|
||||
checksum: 65af4a07324b591a059b35269cd696aba21bef2107f29b9f5894d83cc143159a204b299553435b03874ebb5b94d019afa8b8eff241c8a4cfee95872c2e1c1c4a
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user