@@ -11,24 +11,28 @@ This release represents a complete transformation of the React QR Code library,
1111### ✨ New Features
1212
1313#### Advanced QR Code Component
14+
1415- ** NEW: ` AdvancedQRCode ` component** with 100+ customization options
1516- ** 25+ Preset Themes** : Professional designs including minimal, gradient, ocean, sunset, forest, neon, cyberpunk, retrowave, and more
1617- ** 12+ Eye Shapes** : square, circle, rounded, leaf, star, diamond, flower, heart, octagon, hexagon, cross, gear
1718- ** 18+ Body Shapes** : square, circle, rounded, diamond, star, hexagon, octagon, triangle, cross, plus, dots, lines, zigzag, waves, noise, circuit, organic, fluid
1819- ** 12+ Background Patterns** : dots, lines, grid, mesh, circuit, waves, noise, gradient, radial, hexagon, triangle
1920
2021#### Gradient Support
22+
2123- ** Linear Gradients** : Customizable angle and color stops
2224- ** Radial Gradients** : Center point and radius control
2325- ** Conic Gradients** : Angular color transitions
2426- ** Mesh Gradients** : Advanced multi-point gradients
2527
2628#### Animation & Effects
29+
2730- ** Animation Types** : fade-in, scale, rotate, slide, bounce, pulse, wave, ripple
2831- ** Visual Effects** : shadow, glow, blur, 3D, emboss, neon, metallic, glass, chrome, holographic
2932- ** Particle Animations** : Configurable particle effects with custom shapes and directions
3033
3134#### QR Code Templates
35+
3236- ** WiFi Networks** : Auto-connect QR codes with WPA/WPA2/WEP support
3337- ** vCard Contacts** : Complete contact information including organization
3438- ** SMS Messages** : Pre-filled text messages
@@ -38,12 +42,14 @@ This release represents a complete transformation of the React QR Code library,
3842- ** Cryptocurrency** : Bitcoin and Ethereum payment QR codes
3943
4044#### Accessibility & UX
45+
4146- ** Color Blind Modes** : Support for protanopia, deuteranopia, tritanopia, and monochrome
4247- ** High Contrast Mode** : Ensures QR code detectability
4348- ** ARIA Support** : Full keyboard navigation and screen reader compatibility
4449- ** Download & Copy** : Built-in functionality for saving and clipboard operations
4550
4651#### Developer Experience
52+
4753- ** TypeScript Strict Mode** : Complete type safety with comprehensive interfaces
4854- ** Tree-Shakable** : Optimized bundle size with ESM support
4955- ** React 18+ Support** : Hooks, forwardRef, and concurrent features
@@ -52,18 +58,21 @@ This release represents a complete transformation of the React QR Code library,
5258### 🔧 Improvements
5359
5460#### Code Quality
61+
5562- ** ES6+ Classes** : Migrated from function constructors to modern class syntax
5663- ** React Hooks** : Implemented useMemo, useCallback, useRef for performance
5764- ** Memoization** : Optimized re-renders with React.memo and useMemo
5865- ** Code Splitting** : Lazy loading for advanced features
5966
6067#### Testing
68+
6169- ** 100% Test Coverage** : Comprehensive unit tests for all components
6270- ** E2E Testing** : Puppeteer-based detectability tests
6371- ** QR Validation** : Built-in decoder for testing generated QR codes
6472- ** Visual Regression** : Screenshot-based testing for all themes
6573
6674#### Documentation
75+
6776- ** Interactive Examples** : Live demos with 100+ variations
6877- ** API Documentation** : Complete TypeScript interfaces and prop documentation
6978- ** 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,
8897
8998- ** Minimum React Version** : Now requires React 16.8+ (hooks support)
9099- ** Import Path Changes** : Advanced types now imported from ` @devmehq/react-qr-code `
91- - ** Prop Renames** :
100+ - ** Prop Renames** :
92101 - ` bgColor ` → ` backgroundColor `
93102 - ` fgColor ` → ` color ` or use theme system
94103 - ` includeMargin ` → ` margin ` (number value)
@@ -98,22 +107,24 @@ This release represents a complete transformation of the React QR Code library,
98107#### From v1.x to v2.0
99108
100109** Basic Usage (no changes required):**
110+
101111``` tsx
102112// Still works as before
103113<ReactQrCode value = " https://example.com" />
104114```
105115
106116** Advanced Features (new component):**
117+
107118``` tsx
108119// OLD (v1.x)
109- <ReactQrCode
120+ <ReactQrCode
110121 value = " https://example.com"
111122 bgColor = " #ffffff"
112123 fgColor = " #000000"
113124/>
114125
115126// NEW (v2.0) - Basic
116- <ReactQrCode
127+ <ReactQrCode
117128 value = " https://example.com"
118129 backgroundColor = " #ffffff"
119130 color = " #000000"
0 commit comments