@@ -11,24 +11,28 @@ This release represents a complete transformation of the React QR Code library,
11
11
### ✨ New Features
12
12
13
13
#### Advanced QR Code Component
14
+
14
15
- ** NEW: ` AdvancedQRCode ` component** with 100+ customization options
15
16
- ** 25+ Preset Themes** : Professional designs including minimal, gradient, ocean, sunset, forest, neon, cyberpunk, retrowave, and more
16
17
- ** 12+ Eye Shapes** : square, circle, rounded, leaf, star, diamond, flower, heart, octagon, hexagon, cross, gear
17
18
- ** 18+ Body Shapes** : square, circle, rounded, diamond, star, hexagon, octagon, triangle, cross, plus, dots, lines, zigzag, waves, noise, circuit, organic, fluid
18
19
- ** 12+ Background Patterns** : dots, lines, grid, mesh, circuit, waves, noise, gradient, radial, hexagon, triangle
19
20
20
21
#### Gradient Support
22
+
21
23
- ** Linear Gradients** : Customizable angle and color stops
22
24
- ** Radial Gradients** : Center point and radius control
23
25
- ** Conic Gradients** : Angular color transitions
24
26
- ** Mesh Gradients** : Advanced multi-point gradients
25
27
26
28
#### Animation & Effects
29
+
27
30
- ** Animation Types** : fade-in, scale, rotate, slide, bounce, pulse, wave, ripple
28
31
- ** Visual Effects** : shadow, glow, blur, 3D, emboss, neon, metallic, glass, chrome, holographic
29
32
- ** Particle Animations** : Configurable particle effects with custom shapes and directions
30
33
31
34
#### QR Code Templates
35
+
32
36
- ** WiFi Networks** : Auto-connect QR codes with WPA/WPA2/WEP support
33
37
- ** vCard Contacts** : Complete contact information including organization
34
38
- ** SMS Messages** : Pre-filled text messages
@@ -38,12 +42,14 @@ This release represents a complete transformation of the React QR Code library,
38
42
- ** Cryptocurrency** : Bitcoin and Ethereum payment QR codes
39
43
40
44
#### Accessibility & UX
45
+
41
46
- ** Color Blind Modes** : Support for protanopia, deuteranopia, tritanopia, and monochrome
42
47
- ** High Contrast Mode** : Ensures QR code detectability
43
48
- ** ARIA Support** : Full keyboard navigation and screen reader compatibility
44
49
- ** Download & Copy** : Built-in functionality for saving and clipboard operations
45
50
46
51
#### Developer Experience
52
+
47
53
- ** TypeScript Strict Mode** : Complete type safety with comprehensive interfaces
48
54
- ** Tree-Shakable** : Optimized bundle size with ESM support
49
55
- ** React 18+ Support** : Hooks, forwardRef, and concurrent features
@@ -52,18 +58,21 @@ This release represents a complete transformation of the React QR Code library,
52
58
### 🔧 Improvements
53
59
54
60
#### Code Quality
61
+
55
62
- ** ES6+ Classes** : Migrated from function constructors to modern class syntax
56
63
- ** React Hooks** : Implemented useMemo, useCallback, useRef for performance
57
64
- ** Memoization** : Optimized re-renders with React.memo and useMemo
58
65
- ** Code Splitting** : Lazy loading for advanced features
59
66
60
67
#### Testing
68
+
61
69
- ** 100% Test Coverage** : Comprehensive unit tests for all components
62
70
- ** E2E Testing** : Puppeteer-based detectability tests
63
71
- ** QR Validation** : Built-in decoder for testing generated QR codes
64
72
- ** Visual Regression** : Screenshot-based testing for all themes
65
73
66
74
#### Documentation
75
+
67
76
- ** Interactive Examples** : Live demos with 100+ variations
68
77
- ** API Documentation** : Complete TypeScript interfaces and prop documentation
69
78
- ** Usage Guides** : Step-by-step tutorials for common use cases
@@ -88,7 +97,7 @@ This release represents a complete transformation of the React QR Code library,
88
97
89
98
- ** Minimum React Version** : Now requires React 16.8+ (hooks support)
90
99
- ** Import Path Changes** : Advanced types now imported from ` @devmehq/react-qr-code `
91
- - ** Prop Renames** :
100
+ - ** Prop Renames** :
92
101
- ` bgColor ` → ` backgroundColor `
93
102
- ` fgColor ` → ` color ` or use theme system
94
103
- ` includeMargin ` → ` margin ` (number value)
@@ -98,22 +107,24 @@ This release represents a complete transformation of the React QR Code library,
98
107
#### From v1.x to v2.0
99
108
100
109
** Basic Usage (no changes required):**
110
+
101
111
``` tsx
102
112
// Still works as before
103
113
<ReactQrCode value = " https://example.com" />
104
114
```
105
115
106
116
** Advanced Features (new component):**
117
+
107
118
``` tsx
108
119
// OLD (v1.x)
109
- <ReactQrCode
120
+ <ReactQrCode
110
121
value = " https://example.com"
111
122
bgColor = " #ffffff"
112
123
fgColor = " #000000"
113
124
/>
114
125
115
126
// NEW (v2.0) - Basic
116
- <ReactQrCode
127
+ <ReactQrCode
117
128
value = " https://example.com"
118
129
backgroundColor = " #ffffff"
119
130
color = " #000000"
0 commit comments