@buoy-gg/react-query 7.0.6 → 7.0.8

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.8",
   "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.8",
+    "@buoy-gg/floating-tools-core": "7.0.8"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",

package/lib/commonjs/react-query/ReactQueryDevTools.js

@@ -1,335 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ReactQueryModal: true,
-  ReactQueryModalHeader: true,
-  QueryBrowserModal: true,
-  MutationBrowserModal: true,
-  MutationEditorModal: true,
-  DataEditorModal: true,
-  QueryBrowserFooter: true,
-  MutationBrowserFooter: true,
-  SwipeIndicator: true,
-  Explorer: true,
-  QueryBrowser: true,
-  QueryDetails: true,
-  QueryInformation: true,
-  QueryActions: true,
-  QueryRow: true,
-  QueryStatus: true,
-  QueryStatusCount: true,
-  QueryDetailsChip: true,
-  MutationsList: true,
-  MutationDetails: true,
-  MutationInformation: true,
-  MutationButton: true,
-  MutationStatusCount: true,
-  MutationDetailsChips: true,
-  ActionButton: true,
-  ClearCacheButton: true,
-  NetworkToggleButton: true,
-  StorageStatusCount: true,
-  VirtualizedDataExplorer: true,
-  DataViewer: true,
-  TypeLegend: true,
-  QueryBrowserMode: true,
-  MutationBrowserMode: true,
-  MutationEditorMode: true,
-  DataEditorMode: true,
-  QuerySelector: true,
-  QueryDebugInfo: true,
-  WifiToggle: true,
-  ReactQuerySection: true
-};
-Object.defineProperty(exports, "ActionButton", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.ActionButton;
-  }
-});
-Object.defineProperty(exports, "ClearCacheButton", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.ClearCacheButton;
-  }
-});
-Object.defineProperty(exports, "DataEditorModal", {
-  enumerable: true,
-  get: function () {
-    return _DataEditorModal.DataEditorModal;
-  }
-});
-Object.defineProperty(exports, "DataEditorMode", {
-  enumerable: true,
-  get: function () {
-    return _DataEditorMode.DataEditorMode;
-  }
-});
-Object.defineProperty(exports, "DataViewer", {
-  enumerable: true,
-  get: function () {
-    return _dataViewer.DataViewer;
-  }
-});
-Object.defineProperty(exports, "Explorer", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.Explorer;
-  }
-});
-Object.defineProperty(exports, "MutationBrowserFooter", {
-  enumerable: true,
-  get: function () {
-    return _MutationBrowserFooter.MutationBrowserFooter;
-  }
-});
-Object.defineProperty(exports, "MutationBrowserModal", {
-  enumerable: true,
-  get: function () {
-    return _MutationBrowserModal.MutationBrowserModal;
-  }
-});
-Object.defineProperty(exports, "MutationBrowserMode", {
-  enumerable: true,
-  get: function () {
-    return _MutationBrowserMode.MutationBrowserMode;
-  }
-});
-Object.defineProperty(exports, "MutationButton", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.MutationButton;
-  }
-});
-Object.defineProperty(exports, "MutationDetails", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.MutationDetails;
-  }
-});
-Object.defineProperty(exports, "MutationDetailsChips", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.MutationDetailsChips;
-  }
-});
-Object.defineProperty(exports, "MutationEditorModal", {
-  enumerable: true,
-  get: function () {
-    return _MutationEditorModal.MutationEditorModal;
-  }
-});
-Object.defineProperty(exports, "MutationEditorMode", {
-  enumerable: true,
-  get: function () {
-    return _MutationEditorMode.MutationEditorMode;
-  }
-});
-Object.defineProperty(exports, "MutationInformation", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.MutationInformation;
-  }
-});
-Object.defineProperty(exports, "MutationStatusCount", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.MutationStatusCount;
-  }
-});
-Object.defineProperty(exports, "MutationsList", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.MutationsList;
-  }
-});
-Object.defineProperty(exports, "NetworkToggleButton", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.NetworkToggleButton;
-  }
-});
-Object.defineProperty(exports, "QueryActions", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.QueryActions;
-  }
-});
-Object.defineProperty(exports, "QueryBrowser", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.QueryBrowser;
-  }
-});
-Object.defineProperty(exports, "QueryBrowserFooter", {
-  enumerable: true,
-  get: function () {
-    return _QueryBrowserFooter.QueryBrowserFooter;
-  }
-});
-Object.defineProperty(exports, "QueryBrowserModal", {
-  enumerable: true,
-  get: function () {
-    return _QueryBrowserModal.QueryBrowserModal;
-  }
-});
-Object.defineProperty(exports, "QueryBrowserMode", {
-  enumerable: true,
-  get: function () {
-    return _QueryBrowserMode.QueryBrowserMode;
-  }
-});
-Object.defineProperty(exports, "QueryDebugInfo", {
-  enumerable: true,
-  get: function () {
-    return _QueryDebugInfo.QueryDebugInfo;
-  }
-});
-Object.defineProperty(exports, "QueryDetails", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.QueryDetails;
-  }
-});
-Object.defineProperty(exports, "QueryDetailsChip", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.QueryDetailsChip;
-  }
-});
-Object.defineProperty(exports, "QueryInformation", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.QueryInformation;
-  }
-});
-Object.defineProperty(exports, "QueryRow", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.QueryRow;
-  }
-});
-Object.defineProperty(exports, "QuerySelector", {
-  enumerable: true,
-  get: function () {
-    return _QuerySelector.QuerySelector;
-  }
-});
-Object.defineProperty(exports, "QueryStatus", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.QueryStatus;
-  }
-});
-Object.defineProperty(exports, "QueryStatusCount", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.QueryStatusCount;
-  }
-});
-Object.defineProperty(exports, "ReactQueryModal", {
-  enumerable: true,
-  get: function () {
-    return _ReactQueryModal.ReactQueryModal;
-  }
-});
-Object.defineProperty(exports, "ReactQueryModalHeader", {
-  enumerable: true,
-  get: function () {
-    return _ReactQueryModalHeader.ReactQueryModalHeader;
-  }
-});
-Object.defineProperty(exports, "ReactQuerySection", {
-  enumerable: true,
-  get: function () {
-    return _ReactQuerySection.ReactQuerySection;
-  }
-});
-Object.defineProperty(exports, "StorageStatusCount", {
-  enumerable: true,
-  get: function () {
-    return _queryBrowser.StorageStatusCount;
-  }
-});
-Object.defineProperty(exports, "SwipeIndicator", {
-  enumerable: true,
-  get: function () {
-    return _SwipeIndicator.SwipeIndicator;
-  }
-});
-Object.defineProperty(exports, "TypeLegend", {
-  enumerable: true,
-  get: function () {
-    return _dataViewer.TypeLegend;
-  }
-});
-Object.defineProperty(exports, "VirtualizedDataExplorer", {
-  enumerable: true,
-  get: function () {
-    return _dataViewer.VirtualizedDataExplorer;
-  }
-});
-Object.defineProperty(exports, "WifiToggle", {
-  enumerable: true,
-  get: function () {
-    return _WifiToggle.WifiToggle;
-  }
-});
-var _ReactQueryModal = require("./components/modals/ReactQueryModal");
-var _ReactQueryModalHeader = require("./components/modals/ReactQueryModalHeader");
-var _QueryBrowserModal = require("./components/modals/QueryBrowserModal");
-var _MutationBrowserModal = require("./components/modals/MutationBrowserModal");
-var _MutationEditorModal = require("./components/modals/MutationEditorModal");
-var _DataEditorModal = require("./components/modals/DataEditorModal");
-var _QueryBrowserFooter = require("./components/modals/QueryBrowserFooter");
-var _MutationBrowserFooter = require("./components/modals/MutationBrowserFooter");
-var _SwipeIndicator = require("./components/modals/SwipeIndicator");
-var _queryBrowser = require("./components/query-browser");
-var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
-var _QueryBrowserMode = require("./components/QueryBrowserMode");
-var _MutationBrowserMode = require("./components/MutationBrowserMode");
-var _MutationEditorMode = require("./components/MutationEditorMode");
-var _DataEditorMode = require("./components/DataEditorMode");
-var _QuerySelector = require("./components/QuerySelector");
-var _QueryDebugInfo = require("./components/QueryDebugInfo");
-var _WifiToggle = require("./components/WifiToggle");
-var _ReactQuerySection = require("./components/ReactQuerySection");
-var _hooks = require("./hooks");
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _hooks[key];
-    }
-  });
-});
-var _utils = require("./utils");
-Object.keys(_utils).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _utils[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _utils[key];
-    }
-  });
-});
-var _types = require("./types");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});