react-native-gifted-chat 3.2.0 → 3.2.2

package/CHANGELOG.md

@@ -1,5 +1,75 @@
 # Changelog
 
+## [3.2.0] - 2025-11-25
+
+### ✨ Features
+- **Custom Link Parser**: Replaced `react-native-autolink` dependency with custom link parser implementation for better control and performance
+  - Removed external dependency on `react-native-autolink`
+  - Improved link parsing with custom implementation in `linkParser.tsx`
+  - Updated `MessageText` component to use new parser
+  - Enhanced links example in example app
+
+### 🐛 Bug Fixes
+- Adjusted message bubble styles for better rendering
+- Updated test snapshots to reflect parser changes
+
+## [3.1.5] - 2025-11-25
+
+### ✨ Features
+- **Color Scheme Support**: Added `colorScheme` prop to `GiftedChat` component
+  - New `useColorScheme` hook for consistent color scheme handling
+  - Automatically adapts UI elements (Composer, InputToolbar, Send) based on color scheme
+  - Added comprehensive tests for color scheme functionality
+
+### 📝 Documentation
+- Updated README with `colorScheme` prop documentation
+
+## [3.1.4] - 2025-11-25
+
+### 🐛 Bug Fixes
+- Added left padding to `TextInput` when no accessory is present for better visual alignment
+- Adjusted input toolbar styles for improved layout
+
+## [3.1.3] - 2025-11-25
+
+### 🔧 Improvements
+- Removed unused imports for cleaner codebase
+
+## [3.1.2] - 2025-11-24
+
+### 🐛 Bug Fixes
+- Fixed message bubble styles for small messages
+- Improved rendering of compact message content
+
+### 🧪 Testing
+- Updated test snapshots
+
+## [3.1.1] - 2025-11-24
+
+### 🐛 Bug Fixes
+- Fixed Bubble component styles for better message rendering
+- Corrected style inconsistencies in message bubbles
+
+### 🧪 Testing
+- Updated test snapshots to reflect style fixes
+
+## [3.1.0] - 2025-11-24
+
+### 🔧 Improvements
+- Refactored component styles for better maintainability
+- Updated Expo Snack example with latest changes
+
+### 🧪 Testing
+- Updated test snapshots
+
+## [3.0.1] - 2025-11-24
+
+### 🐛 Bug Fixes
+- Fixed Composer auto-resize height behavior on web platform
+
+### 🧪 Testing
+- Updated test snapshots
+
 ## [3.0.0] - 2025-11-23
 
 This is a major release with significant breaking changes, new features, and improvements. The library has been completely rewritten in TypeScript with improved type safety, better keyboard handling, and enhanced customization options.

package/README.md

@@ -277,8 +277,8 @@ Messages, system messages, quick replies etc.: [data structure](src/Models.ts)
   - `url` - Enable/disable URL parsing (default: true)
   - `hashtag` - Enable/disable hashtag parsing (default: false)
   - `mention` - Enable/disable mention parsing (default: false)
-  - `hashtagUrl` - Base URL for hashtags (e.g., 'https://twitter.com/hashtag')
-  - `mentionUrl` - Base URL for mentions (e.g., 'https://twitter.com')
+  - `hashtagUrl` - Base URL for hashtags (e.g., 'https://x.com/hashtag')
+  - `mentionUrl` - Base URL for mentions (e.g., 'https://x.com')
   - `stripPrefix` - Strip 'http://' or 'https://' from URL display (default: false)
   - `TextComponent` - Custom Text component to use (e.g., from react-native-gesture-handler)
 
@@ -507,10 +507,12 @@ Looking for a React Native freelance expert with more than 14 years of experienc
 
 ## Author
 
-Feel free to ask me questions on Twitter [@FaridSafi](https://www.twitter.com/FaridSafi) or [@xcapetir](https://www.twitter.com/xcapetir)
+Feel free to ask me questions on Twitter [@FaridSafi](https://www.x.com/FaridSafi) or [@xcapetir](https://www.x.com/xcapetir)
 
 ## Maintainer
 
 Have any questions? Reach out to [Kesha Antonov](https://github.com/kesha-antonov)
 
 Please note that I'm maintaining this project in my free time for free. If you find any issues, feel free to open them, and I'll do my best to address them as time permits.
+
+If you consider my work helpful please consider [become a backer](https://github.com/sponsors/kesha-antonov), I'll have more time to work on open source. Thanks!

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-chat",
-  "version": "3.2.0",
+  "version": "3.2.2",
   "description": "The most complete chat UI for React Native",
   "keywords": [
     "android",

package/src/SystemMessage.tsx

@@ -7,7 +7,7 @@ import {
   TextStyle,
 } from 'react-native'
 import { Color } from './Color'
-import { MessageText } from './MessageText'
+import { MessageText, MessageTextProps } from './MessageText'
 import { IMessage } from './Models'
 import stylesCommon from './styles'
 
@@ -16,6 +16,7 @@ export interface SystemMessageProps<TMessage extends IMessage> {
   containerStyle?: StyleProp<ViewStyle>
   messageContainerStyle?: StyleProp<ViewStyle>
   textStyle?: StyleProp<TextStyle>
+  messageTextProps?: Partial<MessageTextProps<TMessage>>
   children?: React.ReactNode
 }
 
@@ -24,6 +25,7 @@ export function SystemMessage<TMessage extends IMessage> ({
   containerStyle,
   messageContainerStyle,
   textStyle,
+  messageTextProps,
   children,
 }: SystemMessageProps<TMessage>) {
   if (currentMessage == null)
@@ -38,6 +40,7 @@ export function SystemMessage<TMessage extends IMessage> ({
             customTextStyle={[styles.text, textStyle]}
             position='left'
             containerStyle={{ left: [styles.messageContainer, messageContainerStyle] }}
+            {...messageTextProps}
           />
         )
       }

package/src/linkParser.tsx

@@ -42,7 +42,7 @@ interface LinkParserProps {
 const DEFAULT_MATCHERS: LinkMatcher[] = [
   {
     type: 'url',
-    pattern: /(?:(?:https?:\/\/)|(?:www\.))[^\s]+|[a-zA-Z0-9][a-zA-Z0-9-]+\.[a-zA-Z]{2,}(?:\/[^\s]*)?/gi,
+    pattern: /(?:https?:\/\/(?:www\.)?|www\.)[^\s]+|(?<![A-Za-z0-9_.@])(?![A-Za-z0-9._%+-]*@)[a-zA-Z0-9][a-zA-Z0-9-]*\.(?!@)[a-zA-Z]{2,}(?![A-Za-z0-9._%+-]*@)(?:\/[^\s]*)?/gi,
     getLinkUrl: (text: string) => {
       if (!/^https?:\/\//i.test(text))
         return `http://${text}`
@@ -52,12 +52,12 @@ const DEFAULT_MATCHERS: LinkMatcher[] = [
   },
   {
     type: 'email',
-    pattern: /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/gi,
+    pattern: /(?<![A-Za-z0-9])([a-zA-Z0-9][a-zA-Z0-9._%+-]*@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,})/gi,
     getLinkUrl: (text: string) => `mailto:${text}`,
   },
   {
     type: 'phone',
-    pattern: /(?:\+?\d{1,3}[\s.\-]?)?\(?\d{1,4}\)?[\s.\-]?\d{1,4}[\s.\-]?\d{1,9}/g,
+    pattern: /(?<![A-Za-z0-9_])(?:\+?\d{1,3}[\s.\-]?)?\(?\d{1,4}\)?[\s.\-]?\d{1,4}[\s.\-]?\d{1,9}(?![A-Za-z0-9_]|\.[a-z]{2,4})/gi,
     getLinkUrl: (text: string) => {
       const cleaned = text.replace(/[\s.()\-]/g, '')
       return `tel:${cleaned}`
@@ -71,7 +71,7 @@ const DEFAULT_MATCHERS: LinkMatcher[] = [
   },
   {
     type: 'mention',
-    pattern: /@[\w-]+/g,
+    pattern: /(?<![a-zA-Z0-9._%+-])@[\w-]+/g,
     getLinkUrl: (text: string) => text,
     baseUrl: undefined,
   },