@rozenite/tanstack-query-plugin 1.0.0 → 1.2.0

package/README.md

@@ -6,6 +6,8 @@
 
 The Rozenite TanStack Query Plugin provides a seamless integration of TanStack Query DevTools into your React Native DevTools environment. It offers real-time query monitoring, cache management, and debugging capabilities, all within the familiar DevTools interface.
 
+This plugin was inspired by the excellent work of Austin Johnson and his [react-query-external-sync](https://github.com/LovesWorking/react-query-external-sync) library, which provided crucial insights into making TanStack Query work effectively in React Native environments.
+
 ![TanStack Query Plugin](https://rozenite.dev/tanstack-query-plugin.png)
 
 ## Features

package/dist/rozenite.json

@@ -1 +1 @@
-{"name":"@rozenite/tanstack-query-plugin","version":"1.0.0-alpha.16","description":"TanStack Query for Rozenite.","panels":[{"name":"Tanstack Query","source":"/tanstack-query.html"}]}
+{"name":"@rozenite/tanstack-query-plugin","version":"1.1.0","description":"TanStack Query for Rozenite.","panels":[{"name":"Tanstack Query","source":"/tanstack-query.html"}]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rozenite/tanstack-query-plugin",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "TanStack Query for Rozenite.",
   "type": "module",
   "main": "./dist/react-native.cjs",
@@ -8,7 +8,7 @@
   "types": "./dist/react-native.d.ts",
   "dependencies": {
     "fast-deep-equal": "^3.1.3",
-    "@rozenite/plugin-bridge": "1.0.0"
+    "@rozenite/plugin-bridge": "1.2.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.0.0",
@@ -20,8 +20,8 @@
     "react-native-web": "0.21.0",
     "typescript": "^5.7.3",
     "vite": "^6.0.0",
-    "@rozenite/vite-plugin": "1.0.0",
-    "rozenite": "1.0.0"
+    "rozenite": "1.2.0",
+    "@rozenite/vite-plugin": "1.2.0"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",

package/src/react-native/useHandleDevToolsMessages.ts

@@ -23,6 +23,9 @@ export const useHandleDevToolsMessages = (
 
         switch (type) {
           case 'TRIGGER_ERROR': {
+            // Code from React Query External Sync:
+            // https://github.com/LovesWorking/react-query-external-sync/blob/main/src/react-query-external-sync/useSyncQueriesExternal.ts#L717
+
             const __previousQueryOptions = activeQuery.options;
             const error = new Error('Unknown error from devtools');
 
@@ -42,6 +45,9 @@ export const useHandleDevToolsMessages = (
             break;
           }
           case 'TRIGGER_LOADING': {
+            // Code from React Query External Sync:
+            // https://github.com/LovesWorking/react-query-external-sync/blob/main/src/react-query-external-sync/useSyncQueriesExternal.ts#L742
+
             if (!activeQuery) return;
             const __previousQueryOptions = activeQuery.options;
             // Trigger a fetch in order to trigger suspense as well.
@@ -66,6 +72,9 @@ export const useHandleDevToolsMessages = (
             break;
           }
           case 'RESTORE_LOADING': {
+            // Code from React Query External Sync:
+            // https://github.com/LovesWorking/tanstack-query-dev-tools-expo-plugin/blob/main/src/useSyncQueries.ts#L176
+
             const previousState = activeQuery.state;
             const previousOptions = activeQuery.state.fetchMeta
               ? (