A VS Code extension to help you quickly access Storybook documentation for the ds-web design system, used in Jisr HR projects.
Features
Wasl Assist provides two main commands to streamline your workflow:
1. Open Latest Storybook
Command:Wasl Assist: Open Latest Storybook
Instantly opens the main Storybook for the ds-web design system in your browser.
Use this when you want to view the latest available documentation, regardless of your project's current version.
2. Open Current Version Storybook
Command:Wasl Assist: Open Current Version Storybook
Scans your workspace for all package.json files and detects which version of ds-web your project is using.
If multiple versions are found (e.g., in a monorepo), you will be prompted to select which version you want to view.
If only workspace:* entries are found (i.e., no specific version is set), you will be notified that a usable version cannot be determined.
If no ds-web dependency is found, the extension will open the main Storybook instead.
Once a version is selected, the extension opens the Storybook documentation for that specific version, helping you see the exact components and documentation relevant to your project.
Upcoming Features
Auto Insert Components: Quickly insert ds-web components into your code with intelligent suggestions and usage examples.
Auto Insert Stories: Generate Storybook stories for your components automatically, saving time and ensuring consistency.
Component Usage Snippets: Access ready-to-use code snippets for common component patterns.
Enhanced Search: Search for components and stories directly from VS Code.
More Integrations: Planned support for additional design systems and documentation sources.
How to Use
Open the Command Palette (Cmd+Shift+P).
Type Wasl Assist to see the available commands.
Select either Open Latest Storybook or Open Current Version Storybook as needed.
Scenarios
Single Project: The extension will automatically detect your ds-web version and open the corresponding Storybook.
Monorepo/Multiple Projects: If multiple versions are found, you can choose which one to view.
No Version Found: The extension will open the main Storybook so you can still access documentation.
Workspace Dependency: If only workspace:* is found, you will be notified that a specific version cannot be determined.
Why Use Wasl Assist?
Save time searching for documentation.
Always access the most relevant Storybook for your project.
Simple, intuitive commands for any workspace setup.
Support & Feedback
If you have suggestions or encounter issues, please open an issue or pull request. Your feedback helps improve Wasl Assist for everyone!
