Skip to content

Releases: LovesWorking/react-query-external-sync

Release v2.2.2

06 Jun 02:30
Compare
Choose a tag to compare

Changes

  • 2.2.2
  • auto release

Installation

npm install react-query-external-sync@2.2.2

Release v2.2.1

06 Jun 02:26
Compare
Choose a tag to compare

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

27 May 11:02
Compare
Choose a tag to compare

🚀 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

11 May 22:22
Compare
Choose a tag to compare
v2.0.1

2.0.1

v2.0 - Universal React Query DevTools with Zero-Config Production Safety

08 Apr 13:49
Compare
Choose a tag to compare

🚀 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

08 Apr 13:24
Compare
Choose a tag to compare

🚀 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! 🎉