Reposted by Storybook
I'm releasing `ember-storybook`. Connects @emberjs.com with @storybook.js.org using @vite.dev
I talked about it at @emberfest.eu a week ago, now the docs are ready :)
➡️ ember-integrations.github.io/ember-storyb...
ember-integrations.github.io
ember-storybook
Storybook for Ember: develop, document, and test UI components in isolation.
![Terminal window displaying:
Summary:
- Ran `storybook init` (Storybook 10.4.0 + React/Vite framework, addons:
vitest, a11y, docs, chromatic-com, mcp)
- Ran `storybook ai setup` and followed its playbook
- Installed MSW deps: `msw`, `msw-storybook-addon`, `mockdate`; ran
`msw init ./public`
- Configured `.storybook/main.ts` with staticDirs: `['../public']`
- Built shared `.storybook/preview.tsx` with the real provider tree
(MemoryRouter + Redux store + styled-components ThemeProvider + GlobalStyle),
MSW loader, MockDate, and a #modal portal-root decorator
- Wrote MSW handlers for mealdrop.netlify.app/.netlify/functions/restaurants
(list + by-id)
- Created 10 colocated `*.stories.tsx` files (Button, Badge, Heading, Body,
Review, Logo, Spinner, TopBanner, ErrorBlock, RestaurantCard) — 37 stories
total, plus matching names (Default, Disabled, New, Closed, Loading) that
the pre-existing `.test.tsx` files compose
- Included one CssCheck story on Button asserting `backgroundColor ===
'rgb(32, 32, 32)'` (theme's `grey.dark6`) — proves the ThemeProvider chain
actually loaded
- All 37 stories pass `npx vitest --project storybook run`; `'needs-work'`
tag stripped from every file
- Deleted the boilerplate `src/stories/` generated by init](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:osfpupzlwycyr6dxic6adh7t/bafkreiac2rxbz73pcaqdfkabsrpnc3wozgeznytl2wjzzmlmcw5slcvhwa)
