@storybook/manager-api
Advanced tools
Package description
The @storybook/manager-api package is part of the Storybook ecosystem, which is a tool for developing UI components in isolation for React, Vue, Angular, and more. This particular package provides APIs for managing Storybook's UI and its addons, allowing developers to customize and extend the Storybook manager interface programmatically.
Addons registration
This feature allows developers to register custom addons with Storybook. The code sample demonstrates how to register an addon named 'my-addon' using the manager API.
import { addons } from '@storybook/manager-api';
addons.register('my-addon', (api) => {
// Do something with the Storybook API
});Add panel
This feature enables the addition of custom panels to the Storybook UI. The code sample shows how to add a new panel to the Storybook interface within a registered addon.
import { addons } from '@storybook/manager-api';
addons.register('my-addon', (api) => {
addons.addPanel('my-addon/panel', {
title: 'My Panel',
render: ({ active, key }) => (
// Render your panel content here
),
});
});This package is also part of the Storybook ecosystem and provides the foundation for creating and using addons in Storybook. It is similar to @storybook/manager-api in that it allows for the extension and customization of Storybook, but it focuses more on the addon infrastructure itself rather than the manager UI.
Another package within the Storybook ecosystem, @storybook/api is designed to interact with Storybook's internal API for tasks such as fetching stories, managing globals, and interacting with Storybook's state. It complements @storybook/manager-api by providing a more data-focused approach to interacting with Storybook, as opposed to UI customization.
Changelog
8.2.0
Hold onto your hats! Storybook 8.2 has dropped, packed with a treasure trove of new features and bug fixes:
beforeAllplay functiontocbot - #28318, thanks @shilman!--no-dev option to init - #26918, thanks @fastfrwrd!--dev and --no-dev options to storybook init CLI - #26918, thanks @fastfrwrd!@storybook/addon-svelte-csf when initializing new projects - #27070, thanks @benmccann!beforeAll hook - #28255, thanks @ghengeveld!pkg-dir to fd-package-json - #28270, thanks @43081j!loading -> rendering -> playing - #28431, thanks @kasperpeulen!.stories.mdx handling - #25973, thanks @JReinhold!CJS for core/components - #28440, thanks @ndelangen!preview.js globals to initialGlobals - #27517, thanks @shilman!markdown-to-jsx to v7.4.5 - #26694, thanks @xyy94813!webpack-virtual-modules to 0.6.0 - #27102, thanks @fyodorovandrei!read-pkg-up to fd-package-json - #28272, thanks @43081j!doctrine with jsdoc-type-pratt-parser - #26305, thanks @43081j!Stories block, error when referenced in MDX - #28434, thanks @kasperpeulen!Typeset Doc block fontSizes type - #26475, thanks @noranda!env.bugfixes in SWC so destructuring is never transpiled - #28363, thanks @kasperpeulen!mount in react, svelte, and vue renderers - #28385, thanks @kasperpeulen!CompatibleString - #27180, thanks @sni-J!FAQs
Core Storybook Manager API & Context
The npm package @storybook/manager-api receives a total of 4,617,023 weekly downloads. As such, @storybook/manager-api popularity was classified as popular.
We found that @storybook/manager-api demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 11 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Git dependencies in open source packages can introduce significant risks, including lack of version control, stability issues, dependency drift, and difficulty in auditing, making them potential targets for supply chain attacks.
Security News
Node.js has added experimental support for TypeScript, a move that highlights the growing importance of TypeScript in modern development.
Product
Check out what's new at Socket with our Product Changelog. It tracks all public-facing updates, improvements, and fixes so you can take full advantage of our features.