MetaMask / MetaMask/metamask-design-system

react-native: Automate Storybook Build for Successful PRs in metamask-design-system via GitHub Actions

Open
#86 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**

Set up a GitHub Action that automatically builds and generates a Storybook preview for every successful pull request (PR) build in the `metamask-design-system` repository. This will allow reviewers and stakeholders to easily access and preview component changes without needing to build the Storybook locally.

### **Technical Details**

- Configure the GitHub Action workflow to trigger a Storybook build whenever a PR is successfully built.
- The Action should run on each PR and generate a deployable Storybook instance (e.g., hosted on a temporary environment or using a preview feature).
- Ensure the generated Storybook is linked in the PR for easy access by reviewers.
- The Storybook preview should be automatically discarded or disabled after the PR is merged or closed.
- Use tools such as Vercel, Netlify, or GitHub Pages preview to host the temporary Storybook build, depending on the existing infrastructure.

### **Acceptance Criteria**

- A Storybook build is automatically generated and hosted for each successful PR build.
- The build is linked in the PR, making it accessible for review.
- The Storybook preview is automatically removed or archived once the PR is merged or closed.
- The workflow is reliable and does not block PR merging.

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.