MetaMask / MetaMask/metamask-design-system

Host storybook-react-native for metamask-design-system on GitHub Pages with Auto-Update on Merges to main

Open
#87 0 comments 0 reactions 1 assignee Claimed by @georgewrmarshall View on GitHub
team-design-system
Dominant language
TypeScript
Stars
37
Forks
14
Avg merge
1d 9h
Merged PRs (30d)
60

Description

### **Description**

We need to host `storybook-react-native` for the `metamask-design-system` React component library on a GitHub page. This Storybook should be automatically updated whenever changes are merged into the `main` branch to ensure that the documentation reflects the latest updates.

### **Technical Details**

- Configure the GitHub repository to deploy Storybook to GitHub Pages.
- Set up GitHub Actions or a similar CI/CD pipeline to automatically build and publish Storybook on any merge to the `main` branch.
- Ensure that the deployment happens smoothly and the hosted Storybook reflects all the latest updates from the `metamask-design-system` repository.
- Verify that the Storybook documentation is accessible through a consistent, public URL (e.g., via `https://metamask.github.io/metamask-design-system/`).

### **Acceptance Criteria**

- Storybook for the `metamask-design-system` is hosted on GitHub Pages.
- The hosted Storybook is automatically updated whenever changes are merged to the `main` branch.
- The deployment process is stable and ensures no downtime during updates.
- Stakeholders can review the deployed Storybook without needing local setup.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.