-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy path.coderabbit.yaml
More file actions
140 lines (130 loc) · 5.43 KB
/
.coderabbit.yaml
File metadata and controls
140 lines (130 loc) · 5.43 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
language: "en"
early_access: false
reviews:
profile: "assertive"
high_level_summary: true
poem: false
review_status: true
collapse_walkthrough: false
path_filters:
- "!.templates/**"
- "!.changeset/**"
- "!**/pnpm-lock.yaml"
- "!**/node_modules/**"
- "!**/dist/**"
- "!**/storybook-static/**"
- "!**/*.d.ts"
path_instructions:
# React Components
- path: "**/packages/*/src/*.tsx"
instructions: |
Review React component code for:
- Consistent component patterns following existing components (forwardRef, props interface, const enums)
- Proper TypeScript usage with strict typing
- Accessibility best practices (semantic HTML, ARIA attributes)
- Component composition patterns using Radix UI Slot when applicable
- ThemeProvider integration - components should work with all theme variants (1st-4th)
- Consistent prop naming and structure with existing components
- Proper use of clsx for conditional className handling
- Integration with design token system and theme contract variables
# Vanilla Extract CSS
- path: "**/packages/*/src/*.css.ts"
instructions: |
Review Vanilla Extract styling for:
- Proper usage of design tokens from @sipe-team/tokens (vars.color, vars.spacing, etc.)
- ThemeProvider compatibility - use vars.color.primary instead of hardcoded colors
- Consistent recipe patterns with variants and compound variants
- Proper hover states and transitions following existing patterns
- Theme-aware color usage that works with multiple theme variants (1st-4th themes)
- Avoid hardcoded colors like '#00ffff' - use theme contract variables instead
- Responsive design considerations using token-based breakpoints
- Performance-optimized CSS generation with proper CSS layers
# Test Files
- path: "**/packages/*/src/*.test.tsx"
instructions: |
Review test files for:
- English test descriptions (convert Korean descriptions to English)
- Comprehensive test coverage including visual, behavioral, and accessibility tests
- Theme compatibility testing - ensure components work with different theme variants
- Proper use of @testing-library/react patterns
- Testing component variants, props, and edge cases
- ThemeProvider wrapper in tests when testing theme-dependent components
- Consistent test structure and naming conventions
- Proper setup and cleanup in test files
# Storybook Stories
- path: "**/packages/*/src/*.stories.tsx"
instructions: |
Review Storybook stories for:
- Complete component variant coverage in stories
- Theme showcase - demonstrate components with different theme variants (1st-4th)
- ThemeProvider integration in stories for theme-dependent components
- Proper story naming and organization
- Accessible and informative story descriptions
- Consistent args and argTypes definitions
- Documentation value for design system users
# Design Tokens
- path: "**/packages/tokens/src/**/*.ts"
instructions: |
Review design token changes for:
- Backward compatibility with existing components
- Consistent naming conventions following established patterns
- Proper TypeScript exports and type definitions
- Impact on overall design system consistency
- Documentation of token usage and purpose
# Package Configuration
- path: "**/packages/*/package.json"
instructions: |
Review package.json changes for:
- Version consistency with changeset workflow
- Proper dependency management (peer deps, dev deps)
- Consistent package structure and scripts
- Proper exports and entry points configuration
# TypeScript Configuration
- path: "**/tsconfig.json"
instructions: |
Review TypeScript configuration for:
- Strict type checking maintenance
- Consistent compiler options across packages
- Proper path mappings and module resolution
- Build optimization settings
# Build Configuration
- path: "**/packages/*/tsup.config.ts"
instructions: |
Review build configuration for:
- Consistent build targets and formats
- Proper external dependencies handling
- Source map and declaration generation
- Bundle optimization settings
# Root Configuration Files
- path: "biome.json"
instructions: |
Review Biome configuration for:
- Consistent formatting and linting rules
- Import organization rules following established patterns
- Accessibility rule consistency
- Integration with existing toolchain
# Documentation
- path: "**/README.md"
instructions: |
Review documentation for:
- Clear usage examples and API documentation
- Consistency with design system documentation standards
- Accessibility guidelines and examples
- Installation and setup instructions
auto_review:
enabled: true
ignore_title_keywords:
- "Version Packages"
- "WIP"
- "DO NOT MERGE"
- "[WIP]"
- "draft"
- "Release"
- "release"
drafts: false
base_branches:
- "main"
- "release/v1"
auto_incremental_review: true
chat:
auto_reply: true