feat(storybook): add 100+ component stories and migrate to @onlook/storybook-plugin #2
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Generated comprehensive Storybook stories for components in: - packages/ui/components (slider, app cards, calendar switch, etc.) - packages/features (data-table, embed, insights, forms, schedules, etc.) - apps/web/components (dialogs, booking actions, auth, apps setups) Key changes: - Add path aliases in .storybook/main.ts for apps/web components - Fix @storybook/test -> storybook/test imports (11 files) - Fix JSX syntax errors in AddVariablesPlugin and MintlifyChat stories - Add tooling/storybook-generator for parallel story generation Note: Some stories removed due to platform-atoms dependencies that require additional Storybook configuration (Booker, EmbedTabs, etc.) TODO: Fix ESLint warnings (unused imports, explicit any types) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Update template.ts to use feat/storybook-stories branch - Limit screenshot generation to 10 for e2e testing 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Import storybookOnlookPlugin from storybook-onbook-plugin@0.2.1 - Update sandbox template to use yarn exec for CLI binary - Add --start flag to generate-screenshots CLI 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Update storybook-onbook-plugin from 0.2.1 to 0.2.7 - Remove -p 6006 from storybook scripts to avoid duplicate args when plugin adds port - Update sandbox template to use 2-step screenshot generation approach 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Delete local plugin now using storybook-onbook-plugin npm package - Fix unused import warning in ModalContainer.stories.tsx 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Replace storybook-onbook-plugin with @onlook/storybook-plugin - Remove local vite-plugin-component-loc.ts (now in npm package) - Remove iframe communication components (handled by plugin) - Remove generate-screenshots.ts (CLI handles this) - Simplify template.ts (CLI starts Storybook automatically) - Remove unused Babel and Playwright dependencies 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
packages/ui,packages/features, andapps/web@onlook/storybook-pluginnpm packageChanges
New Stories
Added comprehensive Storybook stories for components including:
Plugin Migration
storybook-onbook-pluginwith@onlook/storybook-pluginvite-plugin-component-loc.ts(now in npm package)generate-screenshots.ts(CLI handles this)Cleanup
.storybook/main.tsconfiguration.storybook/preview.tsxdecoratorsTest plan
yarn dev🤖 Generated with Claude Code