Security News
How Threat Actors are Abusing GitHub’s File Upload Feature to Host Malware
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
By Sarah Gooding - Apr 23, 2024
@storybook/api
Advanced tools
Package description
What is @storybook/api?
The @storybook/api package is a part of Storybook, which is an open-source tool for developing UI components in isolation for React, Vue, Angular, and more. It provides a set of APIs that allow developers to interact with Storybook's internal state and methods, enabling them to create custom addons and tools that can enhance the Storybook experience.
What are @storybook/api's main functionalities?
useStorybookApi
This hook allows you to access the Storybook API within your components or addons to interact with Storybook's state and functions, such as selecting a specific story.
import { useStorybookApi } from '@storybook/api';
const api = useStorybookApi();
api.selectStory('component-id');useAddonState
This hook is used to persist state across the Storybook UI. It's useful for addons that need to maintain state.
import { useAddonState } from '@storybook/api';
const [state, setState] = useAddonState('your-addon-id', initialState);useParameter
This hook allows you to retrieve the value of a parameter passed to a story, which can be used to customize the behavior of an addon.
import { useParameter } from '@storybook/api';
const parameter = useParameter('parameterName', defaultValue);Other packages similar to @storybook/api
react-cosmos
React Cosmos is a development tool that allows you to build and test reusable React components. It is similar to Storybook in that it provides an isolated environment to develop components, but it does not offer the same addon API for extending its functionality.
docz
Docz is a documentation tool that leverages MDX to help you document your components. While it provides a way to showcase components similar to Storybook, it does not have an extensive API for creating addons or interacting with the tool's internal state.
styleguidist
React Styleguidist is a component development environment with a focus on living style guides. It differs from Storybook in that it does not have a dedicated API for addons, but it allows developers to document and showcase components interactively.
Changelog
7.0.0-alpha.33 (September 13, 2022)
Features
- Core: Add a new
throwPlayFunctionExceptionsparameter #19143
Bug Fixes
- Fix issue in instrumenter with
waitFor#19145 - Core: Fix static dirs targeting same destination #19064
- React: Fix issue with react 18 implementation #19125
- CLI: Fix spawning child processes on windows #19019
- Vite: Ensure we set
DOCS_OPTIONSin the vite builder #19127
Maintenance
- Build: Bundle @storybook/cli with tsup #19138
- Examples: Remove
cra-ts-essentials#19170 - Added some basic interactions stories #19153
- Presets: Replace
configwithpreviewAnnotations, removepreviewEntries#19152 - Addon-links: Move stories into addon #19124
- Addon-a11y: Move stories into addon #19114
- Toolbars: Generic example stories #19166
- TypeScript: Revert a few @ts-expect-errors #19168
- Addon-docs: Generic stories for DocsPage #19162
- Controls: Generic stories for sorting #19161
- Build: Generic stories for addon-controls #19149
- remove node12 from the matrix #19147
- Build libs/router with ts-up #19140
- Build: Bundle addon-interactions with tsup #19139
- Generic stories for remaining core features #19118
- Add parameter, loader and decorator stories to
lib/store#19105 - Convert @ts-ignore to @ts-expect-error #19122
Dependency Upgrades
- Upgrade emotion deps again #19054
The README file is missing
Keywords
FAQs
Storybook Manager API (facade)
The npm package @storybook/api receives a total of 3,632,059 weekly downloads. As such, @storybook/api popularity was classified as popular.
We found that @storybook/api demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 8 open source maintainers collaborating on the project.
Last updated on 13 Sep 2022
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.
Related posts
Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
By Sarah Gooding - Apr 19, 2024
Research
Security News
npm Package for ReExt React Components Library Exfiltrates Git Credentials
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
By Sarah Gooding, Socket Research Team - Apr 18, 2024