@buoy-gg/react-query 7.0.6 → 7.0.7

package/lib/commonjs/react-query/utils/actions/emitDevToolsEvent.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.emitDevToolsEvent = emitDevToolsEvent;
+const DEV_TOOLS_EVENT = "@tanstack/query-devtools-event";
+
+/**
+ * Announce a devtool action as the same DOM CustomEvent the official TanStack
+ * devtools panel emits. On the device this is a no-op (React Native has no
+ * CustomEvent), so actions stay purely local. In Buoy Desktop these components
+ * render against a mirror QueryClient hydrated from the device, and the
+ * dashboard listens for this event to forward the action over the sync
+ * protocol — without it, actions only touch the mirror and are wiped by the
+ * next device snapshot.
+ *
+ * Call BEFORE mutating the local cache: the desktop handler resolves the
+ * query by hash, so for REMOVE the query must still exist in the mirror.
+ */
+function emitDevToolsEvent(type, queryHash) {
+  try {
+    // globalThis === window in browsers; React Native lacks CustomEvent, so
+    // this bails out there. No DOM lib in this package's tsconfig — cast.
+    const g = globalThis;
+    if (typeof g.dispatchEvent !== "function" || typeof g.CustomEvent !== "function") {
+      return;
+    }
+    g.dispatchEvent(new g.CustomEvent(DEV_TOOLS_EVENT, {
+      detail: {
+        type,
+        queryHash
+      },
+      bubbles: true,
+      cancelable: true
+    }));
+  } catch {
+    // Never let event plumbing break the action itself.
+  }
+}

package/lib/commonjs/react-query/utils/actions/invalidate.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = invalidate;
+var _emitDevToolsEvent = require("./emitDevToolsEvent");
 function invalidate({
   query,
   queryClient
 }) {
+  (0, _emitDevToolsEvent.emitDevToolsEvent)("INVALIDATE", query.queryHash);
   // This matches the ACTION-INVALIDATE case from the external sync system
   queryClient.invalidateQueries(query);
 }

package/lib/commonjs/react-query/utils/actions/refetch.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = refetch;
+var _emitDevToolsEvent = require("./emitDevToolsEvent");
 function refetch({
   query
 }) {
+  (0, _emitDevToolsEvent.emitDevToolsEvent)("REFETCH", query.queryHash);
   // This matches the ACTION-REFETCH case from the external sync system
   const promise = query.fetch();
   promise.catch(() => {

package/lib/commonjs/react-query/utils/actions/remove.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = remove;
+var _emitDevToolsEvent = require("./emitDevToolsEvent");
 function remove({
   query,
   queryClient
 }) {
+  // Emit first — the desktop bridge still needs to find this hash in the cache.
+  (0, _emitDevToolsEvent.emitDevToolsEvent)("REMOVE", query.queryHash);
   queryClient.removeQueries(query);
 }

package/lib/commonjs/react-query/utils/actions/reset.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = reset;
+var _emitDevToolsEvent = require("./emitDevToolsEvent");
 function reset({
   query,
   queryClient
 }) {
+  (0, _emitDevToolsEvent.emitDevToolsEvent)("RESET", query.queryHash);
   queryClient.resetQueries({
     queryKey: query.queryKey,
     exact: true

package/lib/commonjs/react-query/utils/actions/triggerError.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = triggerError;
+var _emitDevToolsEvent = require("./emitDevToolsEvent");
 function triggerError({
   query,
   queryClient
 }) {
   if (query.state.status !== "error") {
+    (0, _emitDevToolsEvent.emitDevToolsEvent)("TRIGGER_ERROR", query.queryHash);
     // --ACTION-TRIGGER-ERROR logic--
     // This matches the ACTION-TRIGGER-ERROR case from the external sync system
     const error = new Error("Unknown error from devtools");
@@ -23,6 +25,7 @@ function triggerError({
       }
     });
   } else {
+    (0, _emitDevToolsEvent.emitDevToolsEvent)("RESTORE_ERROR", query.queryHash);
     // --ACTION-RESTORE-ERROR logic--
     // This matches the ACTION-RESTORE-ERROR case from the external sync system
     queryClient.resetQueries(query);

package/lib/commonjs/react-query/utils/actions/triggerLoading.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = triggerLoading;
+var _emitDevToolsEvent = require("./emitDevToolsEvent");
 function triggerLoading({
   query
 }) {
   if (query.state.data === undefined) {
+    (0, _emitDevToolsEvent.emitDevToolsEvent)("RESTORE_LOADING", query.queryHash);
     // --ACTION-RESTORE-LOADING logic--
     // This matches the ACTION-RESTORE-LOADING case from the external sync system
     const previousState = query.state;
@@ -24,6 +26,7 @@ function triggerLoading({
       query.fetch(previousOptions);
     }
   } else {
+    (0, _emitDevToolsEvent.emitDevToolsEvent)("TRIGGER_LOADING", query.queryHash);
     // --ACTION-TRIGGER-LOADING logic--
     // This matches the ACTION-TRIGGER-LOADING case from the external sync system
     const __previousQueryOptions = query.options;

package/lib/module/react-query/utils/actions/emitDevToolsEvent.js

@@ -0,0 +1,36 @@
+"use strict";
+
+const DEV_TOOLS_EVENT = "@tanstack/query-devtools-event";
+
+/**
+ * Announce a devtool action as the same DOM CustomEvent the official TanStack
+ * devtools panel emits. On the device this is a no-op (React Native has no
+ * CustomEvent), so actions stay purely local. In Buoy Desktop these components
+ * render against a mirror QueryClient hydrated from the device, and the
+ * dashboard listens for this event to forward the action over the sync
+ * protocol — without it, actions only touch the mirror and are wiped by the
+ * next device snapshot.
+ *
+ * Call BEFORE mutating the local cache: the desktop handler resolves the
+ * query by hash, so for REMOVE the query must still exist in the mirror.
+ */
+export function emitDevToolsEvent(type, queryHash) {
+  try {
+    // globalThis === window in browsers; React Native lacks CustomEvent, so
+    // this bails out there. No DOM lib in this package's tsconfig — cast.
+    const g = globalThis;
+    if (typeof g.dispatchEvent !== "function" || typeof g.CustomEvent !== "function") {
+      return;
+    }
+    g.dispatchEvent(new g.CustomEvent(DEV_TOOLS_EVENT, {
+      detail: {
+        type,
+        queryHash
+      },
+      bubbles: true,
+      cancelable: true
+    }));
+  } catch {
+    // Never let event plumbing break the action itself.
+  }
+}

package/lib/module/react-query/utils/actions/invalidate.js

@@ -1,9 +1,11 @@
 "use strict";
 
+import { emitDevToolsEvent } from "./emitDevToolsEvent";
 export default function invalidate({
   query,
   queryClient
 }) {
+  emitDevToolsEvent("INVALIDATE", query.queryHash);
   // This matches the ACTION-INVALIDATE case from the external sync system
   queryClient.invalidateQueries(query);
 }

package/lib/module/react-query/utils/actions/refetch.js

@@ -1,8 +1,10 @@
 "use strict";
 
+import { emitDevToolsEvent } from "./emitDevToolsEvent";
 export default function refetch({
   query
 }) {
+  emitDevToolsEvent("REFETCH", query.queryHash);
   // This matches the ACTION-REFETCH case from the external sync system
   const promise = query.fetch();
   promise.catch(() => {

package/lib/module/react-query/utils/actions/remove.js

@@ -1,8 +1,11 @@
 "use strict";
 
+import { emitDevToolsEvent } from "./emitDevToolsEvent";
 export default function remove({
   query,
   queryClient
 }) {
+  // Emit first — the desktop bridge still needs to find this hash in the cache.
+  emitDevToolsEvent("REMOVE", query.queryHash);
   queryClient.removeQueries(query);
 }

package/lib/module/react-query/utils/actions/reset.js

@@ -1,9 +1,11 @@
 "use strict";
 
+import { emitDevToolsEvent } from "./emitDevToolsEvent";
 export default function reset({
   query,
   queryClient
 }) {
+  emitDevToolsEvent("RESET", query.queryHash);
   queryClient.resetQueries({
     queryKey: query.queryKey,
     exact: true

package/lib/module/react-query/utils/actions/triggerError.js

@@ -1,10 +1,12 @@
 "use strict";
 
+import { emitDevToolsEvent } from "./emitDevToolsEvent";
 export default function triggerError({
   query,
   queryClient
 }) {
   if (query.state.status !== "error") {
+    emitDevToolsEvent("TRIGGER_ERROR", query.queryHash);
     // --ACTION-TRIGGER-ERROR logic--
     // This matches the ACTION-TRIGGER-ERROR case from the external sync system
     const error = new Error("Unknown error from devtools");
@@ -19,6 +21,7 @@ export default function triggerError({
       }
     });
   } else {
+    emitDevToolsEvent("RESTORE_ERROR", query.queryHash);
     // --ACTION-RESTORE-ERROR logic--
     // This matches the ACTION-RESTORE-ERROR case from the external sync system
     queryClient.resetQueries(query);

package/lib/module/react-query/utils/actions/triggerLoading.js

@@ -1,9 +1,11 @@
 "use strict";
 
+import { emitDevToolsEvent } from "./emitDevToolsEvent";
 export default function triggerLoading({
   query
 }) {
   if (query.state.data === undefined) {
+    emitDevToolsEvent("RESTORE_LOADING", query.queryHash);
     // --ACTION-RESTORE-LOADING logic--
     // This matches the ACTION-RESTORE-LOADING case from the external sync system
     const previousState = query.state;
@@ -20,6 +22,7 @@ export default function triggerLoading({
       query.fetch(previousOptions);
     }
   } else {
+    emitDevToolsEvent("TRIGGER_LOADING", query.queryHash);
     // --ACTION-TRIGGER-LOADING logic--
     // This matches the ACTION-TRIGGER-LOADING case from the external sync system
     const __previousQueryOptions = query.options;

package/lib/typescript/react-query/utils/actions/emitDevToolsEvent.d.ts

@@ -0,0 +1,15 @@
+export type DevToolsActionType = "REFETCH" | "INVALIDATE" | "RESET" | "REMOVE" | "TRIGGER_ERROR" | "RESTORE_ERROR" | "TRIGGER_LOADING" | "RESTORE_LOADING";
+/**
+ * Announce a devtool action as the same DOM CustomEvent the official TanStack
+ * devtools panel emits. On the device this is a no-op (React Native has no
+ * CustomEvent), so actions stay purely local. In Buoy Desktop these components
+ * render against a mirror QueryClient hydrated from the device, and the
+ * dashboard listens for this event to forward the action over the sync
+ * protocol — without it, actions only touch the mirror and are wiped by the
+ * next device snapshot.
+ *
+ * Call BEFORE mutating the local cache: the desktop handler resolves the
+ * query by hash, so for REMOVE the query must still exist in the mirror.
+ */
+export declare function emitDevToolsEvent(type: DevToolsActionType, queryHash?: string): void;
+//# sourceMappingURL=emitDevToolsEvent.d.ts.map

package/lib/typescript/react-query/utils/actions/emitDevToolsEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emitDevToolsEvent.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/emitDevToolsEvent.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,eAAe,GACf,eAAe,GACf,iBAAiB,GACjB,iBAAiB,CAAC;AAItB;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,kBAAkB,EACxB,SAAS,CAAC,EAAE,MAAM,GACjB,IAAI,CA2BN"}

package/lib/typescript/react-query/utils/actions/invalidate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"invalidate.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/invalidate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE9D,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;CAChD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,QAG/D"}
+{"version":3,"file":"invalidate.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/invalidate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG9D,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;CAChD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,QAI/D"}

package/lib/typescript/react-query/utils/actions/refetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"refetch.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/refetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,QAM/C"}
+{"version":3,"file":"refetch.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/refetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAG9C,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,QAO/C"}

package/lib/typescript/react-query/utils/actions/remove.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remove.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/remove.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE9D,UAAU,KAAK;IACb,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAC;CACd;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,QAE3D"}
+{"version":3,"file":"remove.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/remove.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG9D,UAAU,KAAK;IACb,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAC;CACd;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,QAI3D"}

package/lib/typescript/react-query/utils/actions/reset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/reset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE9D,UAAU,KAAK;IACb,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAC;CACd;AACD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,QAK1D"}
+{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/reset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG9D,UAAU,KAAK;IACb,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAC;CACd;AACD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,QAM1D"}

package/lib/typescript/react-query/utils/actions/triggerError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"triggerError.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/triggerError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAE3D,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,QAqBjE"}
+{"version":3,"file":"triggerError.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/triggerError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG3D,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,QAuBjE"}

package/lib/typescript/react-query/utils/actions/triggerLoading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"triggerLoading.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/triggerLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,QAiDtD"}
+{"version":3,"file":"triggerLoading.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/utils/actions/triggerLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAG9C,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,QAmDtD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/react-query",
-  "version": "7.0.6",
+  "version": "7.0.7",
   "description": "TanStack Query devtools inside your React Native app — cache inspection, refetch & invalidate, offline toggle. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,8 +26,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "7.0.6",
-    "@buoy-gg/shared-ui": "7.0.6"
+    "@buoy-gg/shared-ui": "7.0.7",
+    "@buoy-gg/floating-tools-core": "7.0.7"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",