Code

Code connects a GitHub repository to your project and keeps it in view next to the design system. It supports React and TypeScript web apps today.

The Code report has these tabs:

• Overview: the last scan, issues by priority and your components.
• Components: what M1rror found in your code and how it maps to the system.
• Issues: design issues, such as colours outside the palette or spacing outside the scale.
• Variations: how a component or screen looks across branches.
• Pull requests: design checks on your pull requests.
• What we checked: exactly what the scan read and what it couldn't.
• Test data: sample data for screens and previews.

Scans read your files to find components and design issues. Nothing is run.

The Repository panel on the left shows the connected repository and its branch, with:

• Toolchain: the package manager, Node version, monorepo package and checks M1rror uses for your repository, and the variables those checks need. See your repository's toolchain and monorepos.
• Changelog: the implementation pull requests that merged. See stay in sync after a merge.