🔨 Bidra med kod

Den här guiden beskriver hur du bygger och bidrar med komponenter till Midas. Vi uppskattar alla bidrag - stora som små!

Innan du börjar koda, läs gärna om vår designfilosofi och arkitektur för att förstå hur vi bygger komponenter.

📦 Bygga komponenter

Styleguide

Använd befintliga komponenter som referens för struktur och namngivning. Se även React Aria för inspiration.

Skapa stories

Alla states bör finnas representerade som stories i Storybook. Storybook är i första hand ett internt verktyg för UX och utvecklare i designsystemet men också en publikt exponerad referens med API och visuell representation av komponenterna.

Skriv tester

De stories du skapat kan användas som utgångspunkt för komponenttester. Läs mer om hur vi testar komponenter.

Dokumentation

Dokumentera komponentens API (props, events etc.) med TypeScript-typer så genereras API-dokumentationen automatiskt. Lägg även till relevanta exempel och användningsfall med kodexempel.

---

🌿 Versionshantering

Vi använder en enkel branchstrategi med en main-branch som alltid ska vara i ett deploybart skick. Utveckling sker i feature- eller bugfix-brancher som sedan mergas in i main. Följ conventional commits - det avgör vilken versionsändring som sker.

Se arbetsflöde för detaljerad guide om commits och release-processen.

---

✅ Checklista för PR

Innan du skapar en pull request, kontrollera att:

• Komponenten följer befintliga patterns och styleguide
• Alla relevanta states finns som stories i Storybook
• Komponenttester är skrivna och passerar (nx test components)
• Dokumentation är uppdaterad
• Commits följer conventional commits-format
• Commit-historiken är städad (använd git rebase -i vid behov)

Release sker automatiskt via CI/CD när din PR mergas till main. Du behöver inte köra några manuella release-kommandon! 🎉