Releases: LovesWorking/react-query-external-sync
Release v2.2.2
Changes
- 2.2.2
- auto release
Installation
npm install react-query-external-sync@2.2.2
Release v2.2.1
Changes
- 2.2.1
- setup auto release
- fix logs still happening when disabled
- Update README.md
Installation
npm install react-query-external-sync@2.2.1
📦 Device Storage Monitoring & Environment Variables Support
🚀 Release Notes - v2.2.0
📦 Device Storage Monitoring & Environment Variables Support
🎯 What's New
This release introduces powerful device storage monitoring with CRUD operations and environment variables synchronization, making React Query External Sync a comprehensive debugging solution for React-based applications across all platforms.
✨ Major Features Added
💾 Device Storage Monitoring with CRUD Operations
- MMKV Storage Support: Real-time monitoring and manipulation of MMKV storage with
['#storage', 'mmkv', 'key']
queries - AsyncStorage Support: Polling-based monitoring for React Native AsyncStorage with
['#storage', 'async', 'key']
queries - SecureStorage Support: Secure data monitoring for sensitive information with
['#storage', 'secure', 'key']
queries - Full CRUD Operations: Create, Read, Update, and Delete storage entries directly from DevTools
- Real-time Synchronization: Storage changes are instantly reflected in your debugging interface
🌍 Environment Variables Synchronization
- Runtime Environment Monitoring: Sync and monitor environment variables in real-time
- Development Insights: View
NODE_ENV
, API endpoints, feature flags, and custom env vars - Cross-Platform Support: Works seamlessly across web, mobile, desktop, and other React platforms
🔧 Enhanced Integration
- Unified Hook: All storage monitoring and external sync functionality consolidated into
useSyncQueriesExternal
- Zero Configuration: Automatic production safety - completely disabled in production builds
- Platform Agnostic: Works with React, React Native, Expo, Next.js, and any React-based framework
📋 New Configuration Options
useSyncQueriesExternal({
// ... existing options
envVariables: {
NODE_ENV: process.env.NODE_ENV,
API_URL: process.env.API_URL,
// ... any custom env vars
},
mmkvStorage: storage, // MMKV instance for real-time monitoring
asyncStorage: AsyncStorage, // AsyncStorage for polling-based monitoring
secureStorage: SecureStore, // SecureStore for secure data monitoring
secureStorageKeys: [ // Required keys to monitor in SecureStore
"userToken",
"refreshToken",
"biometricKey"
]
});
🛠 Technical Improvements
- New Storage Hooks: Added dedicated hooks for each storage type with dynamic query management
- Enhanced Logging: Improved debugging capabilities with detailed storage operation logs
- Storage Handlers: Robust utility functions for handling different storage backends
- Type Safety: Enhanced TypeScript definitions for all new storage and environment features
- Performance Optimized: Efficient polling and real-time update mechanisms
📈 Impact
This release transforms React Query External Sync from a query state monitor into a comprehensive development debugging suite, providing unprecedented visibility into:
- React Query state and cache
- Device storage across multiple backends
- Runtime environment configuration
- Real-time data synchronization
Perfect for debugging complex React Native apps, web applications, and cross-platform projects where storage and environment management are critical.
GC and clear cache fix
v2.0.1 2.0.1
v2.0 - Universal React Query DevTools with Zero-Config Production Safety
🚀 Initial Release of React Query External Sync
This release introduces a powerful debugging toolkit for React Query state management across all React-based applications. Built for developers who need real-time state monitoring without compromising production builds.
Key Features:
- 🔄 Real-time React Query state synchronization
- 📱 Support for all React-based frameworks (React Native, Expo, Next.js, etc.)
- 🖥️ Works everywhere React runs: iOS, Android, Web, macOS, Windows, Linux, TV, VR
- 🛑 Zero-config production safety - automatically disables in production
- 🔌 Seamless Socket.IO integration
- 🧩 Perfect companion to React Native DevTools
Breaking Changes:
None - Initial Release
Installation:
pnpm add -D react-query-external-sync socket.io-client
For detailed setup instructions and usage examples, please refer to the README.md.
Happy debugging! 🎉
v1.0.1 - Universal React Query DevTools with Zero-Config Production Safety
🚀 Initial Release of React Query External Sync
This release introduces a powerful debugging toolkit for React Query state management across all React-based applications. Built for developers who need real-time state monitoring without compromising production builds.
Key Features:
- 🔄 Real-time React Query state synchronization
- 📱 Support for all React-based frameworks (React Native, Expo, Next.js, etc.)
- 🖥️ Works everywhere React runs: iOS, Android, Web, macOS, Windows, Linux, TV, VR
- 🛑 Zero-config production safety - automatically disables in production
- 🔌 Seamless Socket.IO integration
- 🧩 Perfect companion to React Native DevTools
Breaking Changes:
None - Initial Release
Installation:
pnpm add -D react-query-external-sync socket.io-client
For detailed setup instructions and usage examples, please refer to the README.md.
Happy debugging! 🎉