Version Packages

[storybook-app-bot]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@storybook/addon-mcp@0.7.0

Minor Changes

• #219 6684af6 Thanks @ghengeveld! - Introduced the get-changed-stories tool to retrieve metadata for stories marked as new, modified, or affected.
  Updated dev-instructions.md and storybook-story-instructions.md to reflect the new workflow for calling get-changed-stories before preview-stories.

[netlify]

✅ Deploy Preview for storybook-mcp-self-host-example canceled.

Name	Link
🔨 Latest commit	5cf3cd8
🔍 Latest deploy log	https://app.netlify.com/projects/storybook-mcp-self-host-example/deploys/69f348d201a8cc000807d802

[pkg-pr-new]

npm i https://pkg.pr.new/storybookjs/mcp/@storybook/addon-mcp@223

npm i https://pkg.pr.new/storybookjs/mcp/@storybook/mcp@223

commit: 5cf3cd8

[codecov]

❌ 3 Tests Failed:

Tests completed	Failed	Passed	Skipped
465	3	462	0

View the full list of 3 ❄️ flaky test(s)

apps/internal-storybook/tests/mcp-composition.e2e.test.ts > MCP Composition E2E Tests > Multi-Source Documentation > should list documentation from both local and remote sources

Flake rate in main: 47.37% (Passed 10 times, Failed 9 times)

Stack Traces | 0.388s run time

AssertionError: expected '# Components\n\n- Button (example-but…' to contain '# Local'

- Expected
+ Received

- # Local
+ # Components
+
+ - Button (example-button): A customizable button component for user interactions.
+ - Header (header)
+ - Page (page)
+ - Card (other-ui-card): Card component with title, image, content, and action button
+
+ # Docs
+
+ - getting-started (getting-started--docs): # Getting Started This is the getting started documentation of this design system. ## Usag...

 ❯ tests/mcp-composition.e2e.test.ts:54:17

apps/internal-storybook/tests/mcp-composition.e2e.test.ts > MCP Composition E2E Tests > Multi-Source Documentation > should require storybookId in multi-source mode

Flake rate in main: 47.37% (Passed 10 times, Failed 9 times)

Stack Traces | 0.251s run time

Error: Snapshot `MCP Composition E2E Tests > Multi-Source Documentation > should require storybookId in multi-source mode 1` mismatched

- Expected
+ Received

  {
    "content": [
      {
-       "text": "Invalid arguments for tool get-documentation: [{"kind":"schema","type":"object","expected":"\"storybookId\"","received":"undefined","message":"Invalid key: Expected \"storybookId\" but received undefined","path":[{"type":"object","origin":"key","input":{"id":"example-button"},"key":"storybookId"}]}]",
+       "text": "# Button
+
+ ID: example-button
+
+ Primary UI component for user interaction
+
+ ## Stories
+
+ ### Primary
+
+ Story ID: example-button--primary
+
+ ```
+ import { Button } from "@my-org/my-component-library";
+
+ const Primary = () => <Button onClick={fn()} primary label="Button" />;
+ ```
+
+ ### Secondary
+
+ Story ID: example-button--secondary
+
+ ```
+ import { Button } from "@my-org/my-component-library";
+
+ const Secondary = () => <Button onClick={fn()} label="Button" />;
+ ```
+
+ ### Large
+
+ Story ID: example-button--large
+
+ ```
+ import { Button } from "@my-org/my-component-library";
+
+ const Large = () => <Button onClick={fn()} size="large" label="Button" />;
+ ```
+
+ ### Other Stories
+
+ - Small (example-button--small)
+ - With A 11 Y Violation (example-button--with-a-11-y-violation)
+
+ ## Props
+
+ ```
+ export type Props = {
+   /**
+     Is this the principal call to action on the page?
+   */
+   primary?: boolean = false;
+   /**
+     What background color to use
+   */
+   backgroundColor?: string;
+   /**
+     How large should the button be?
+   */
+   size?: 'small' | 'medium' | 'large' = 'medium';
+   /**
+     Button contents
+   */
+   label: string;
+   /**
+     Optional click handler
+   */
+   onClick?: () => void;
+ }
+ ```
+
+ ## Docs
+
+ ### Additional Information
+
+ import { Meta, Canvas } from '@storybook/addon-docs/blocks';
+ import * as ButtonStories from './Button.stories';
+
+ <Meta of={ButtonStories} name="Additional Information" />
+
+ It is critical when using the Button component, that the string passed to the `label` prop uses the 🍌-emoji instead of spaces.
+
+ Here is the button:
+
+ <Canvas of={ButtonStories.Primary} />",
        "type": "text",
      },
    ],
-   "isError": true,
  }

 ❯ tests/mcp-composition.e2e.test.ts:212:28

apps/internal-storybook/tests/mcp-composition.e2e.test.ts > MCP Composition E2E Tests > Tools Schema > should include storybookId parameter in get-documentation schema

Flake rate in main: 47.37% (Passed 10 times, Failed 9 times)

Stack Traces | 0.00496s run time

AssertionError: expected { id: { type: 'string', …(1) } } to have property "storybookId"
 ❯ tests/mcp-composition.e2e.test.ts:244:46

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}