@buoy-gg/react-query 2.1.9 → 2.1.11

package/lib/commonjs/react-query/components/ReactQueryDevToolsModal.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ReactQueryDevToolsModal = ReactQueryDevToolsModal;
 var _react = require("react");
 var _reactQuery = require("@tanstack/react-query");
+var _sharedUi = require("@buoy-gg/shared-ui");
 var _ReactQueryModal = require("./modals/ReactQueryModal");
 var _reactQueryEventStore = require("../stores/reactQueryEventStore");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -69,20 +70,22 @@ function ReactQueryDevToolsModal({
   if (!visible) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactQueryModal.ReactQueryModal, {
-    visible: visible,
-    selectedQueryKey: selectedQueryKey,
-    selectedMutationId: selectedMutationId,
-    onQuerySelect: handleQuerySelect,
-    onMutationSelect: handleMutationSelect,
-    onClose: handleClose,
-    onMinimize: onMinimize,
-    activeFilter: activeFilter,
-    onFilterChange: handleFilterChange,
-    activeTab: activeTab,
-    onTabChange: handleTabChange,
-    searchText: searchText,
-    onSearchChange: handleSearchChange,
-    enableSharedModalDimensions: enableSharedModalDimensions
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TickProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactQueryModal.ReactQueryModal, {
+      visible: visible,
+      selectedQueryKey: selectedQueryKey,
+      selectedMutationId: selectedMutationId,
+      onQuerySelect: handleQuerySelect,
+      onMutationSelect: handleMutationSelect,
+      onClose: handleClose,
+      onMinimize: onMinimize,
+      activeFilter: activeFilter,
+      onFilterChange: handleFilterChange,
+      activeTab: activeTab,
+      onTabChange: handleTabChange,
+      searchText: searchText,
+      onSearchChange: handleSearchChange,
+      enableSharedModalDimensions: enableSharedModalDimensions
+    })
   });
 }

package/lib/commonjs/react-query/components/query-browser/MutationButton.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = MutationButton;
 var _reactNative = require("react-native");
 var _svgs = require("./svgs");
-var _formatRelativeTime = require("../../utils/formatRelativeTime");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _jsxRuntime = require("react/jsx-runtime");
 const getMutationText = mutation => {
@@ -24,24 +23,20 @@ function MutationButton({
 }) {
   const submittedAt = new Date(mutation.state.submittedAt).toLocaleTimeString();
 
-  // Get last updated timestamp - always show something for debugging
-  const getTimestamp = () => {
+  // Get the best available timestamp for this mutation
+  const bestTimestamp = (() => {
     if (mutation.state.submittedAt && mutation.state.submittedAt > 0) {
-      return (0, _formatRelativeTime.formatRelativeTime)(mutation.state.submittedAt);
+      return mutation.state.submittedAt;
     }
-
     // @ts-ignore - exploring state fields for debugging
     const stateAny = mutation.state;
-
-    // Try other timestamp fields
     if (stateAny.updatedAt && stateAny.updatedAt > 0) {
-      return (0, _formatRelativeTime.formatRelativeTime)(stateAny.updatedAt);
+      return stateAny.updatedAt;
     }
-
-    // Debug fallback
-    return `N/A (${mutation.state.submittedAt || 0})`;
-  };
-  const lastUpdated = getTimestamp();
+    return null;
+  })();
+  const relativeTime = (0, _sharedUi.useRelativeTime)(bestTimestamp);
+  const lastUpdated = relativeTime || `N/A (${mutation.state.submittedAt || 0})`;
   const getStatusInfo = () => {
     if (mutation.state.isPaused) {
       return {

package/lib/commonjs/react-query/components/query-browser/QueryRow.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _getQueryStatusLabel = require("../../utils/getQueryStatusLabel");
-var _formatRelativeTime = require("../../utils/formatRelativeTime");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _jsxRuntime = require("react/jsx-runtime");
 const getQueryText = query => {
@@ -48,36 +47,21 @@ const QueryRow = ({
   const isDisabled = query.isDisabled();
   const queryHash = getQueryText(query);
 
-  // Get last updated time - try multiple timestamp fields
-  const getTimestamp = () => {
-    // Special handling for disabled queries
-    if (isDisabled) {
-      return "Disabled";
-    }
-
-    // Primary: dataUpdatedAt (when data was last fetched/updated)
+  // Get the best available timestamp for this query
+  const bestTimestamp = (() => {
+    if (isDisabled) return null;
     if (query.state.dataUpdatedAt && query.state.dataUpdatedAt > 0) {
-      return (0, _formatRelativeTime.formatRelativeTime)(query.state.dataUpdatedAt);
+      return query.state.dataUpdatedAt;
     }
-
-    // Fallback: Check other potential timestamp fields
     // @ts-ignore - exploring state fields for debugging
     const stateAny = query.state;
-
-    // Try fetchedAt or other common timestamp fields
     if (stateAny.fetchedAt && stateAny.fetchedAt > 0) {
-      return (0, _formatRelativeTime.formatRelativeTime)(stateAny.fetchedAt);
+      return stateAny.fetchedAt;
     }
-
-    // For queries that haven't fetched yet (but aren't disabled)
-    if (query.state.dataUpdatedAt === 0) {
-      return "Not fetched";
-    }
-
-    // Debug fallback - show what we have
-    return `N/A (${query.state.dataUpdatedAt || 0})`;
-  };
-  const lastUpdated = getTimestamp();
+    return null;
+  })();
+  const relativeTime = (0, _sharedUi.useRelativeTime)(bestTimestamp);
+  const lastUpdated = isDisabled ? "Disabled" : relativeTime || (query.state.dataUpdatedAt === 0 ? "Not fetched" : `N/A (${query.state.dataUpdatedAt || 0})`);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
     statusDotColor: getStatusHexColor(status),
     statusLabel: status.charAt(0).toUpperCase() + status.slice(1),

package/lib/module/react-query/components/ReactQueryDevToolsModal.js

@@ -2,6 +2,7 @@
 
 import { useCallback, useState, useEffect } from "react";
 import { useQueryClient } from "@tanstack/react-query";
+import { TickProvider } from "@buoy-gg/shared-ui";
 import { ReactQueryModal } from "./modals/ReactQueryModal";
 import { reactQueryEventStore } from "../stores/reactQueryEventStore";
 
@@ -65,20 +66,22 @@ export function ReactQueryDevToolsModal({
   if (!visible) {
     return null;
   }
-  return /*#__PURE__*/_jsx(ReactQueryModal, {
-    visible: visible,
-    selectedQueryKey: selectedQueryKey,
-    selectedMutationId: selectedMutationId,
-    onQuerySelect: handleQuerySelect,
-    onMutationSelect: handleMutationSelect,
-    onClose: handleClose,
-    onMinimize: onMinimize,
-    activeFilter: activeFilter,
-    onFilterChange: handleFilterChange,
-    activeTab: activeTab,
-    onTabChange: handleTabChange,
-    searchText: searchText,
-    onSearchChange: handleSearchChange,
-    enableSharedModalDimensions: enableSharedModalDimensions
+  return /*#__PURE__*/_jsx(TickProvider, {
+    children: /*#__PURE__*/_jsx(ReactQueryModal, {
+      visible: visible,
+      selectedQueryKey: selectedQueryKey,
+      selectedMutationId: selectedMutationId,
+      onQuerySelect: handleQuerySelect,
+      onMutationSelect: handleMutationSelect,
+      onClose: handleClose,
+      onMinimize: onMinimize,
+      activeFilter: activeFilter,
+      onFilterChange: handleFilterChange,
+      activeTab: activeTab,
+      onTabChange: handleTabChange,
+      searchText: searchText,
+      onSearchChange: handleSearchChange,
+      enableSharedModalDimensions: enableSharedModalDimensions
+    })
   });
 }

package/lib/module/react-query/components/query-browser/MutationButton.js

@@ -2,8 +2,7 @@
 
 import { TouchableOpacity, Text, View, StyleSheet } from "react-native";
 import { CheckCircle, LoadingCircle, PauseCircle, XCircle } from "./svgs";
-import { formatRelativeTime } from "../../utils/formatRelativeTime";
-import { buoyColors } from "@buoy-gg/shared-ui";
+import { buoyColors, useRelativeTime } from "@buoy-gg/shared-ui";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getMutationText = mutation => {
   if (!mutation.options.mutationKey) return "Anonymous Mutation";
@@ -20,24 +19,20 @@ export default function MutationButton({
 }) {
   const submittedAt = new Date(mutation.state.submittedAt).toLocaleTimeString();
 
-  // Get last updated timestamp - always show something for debugging
-  const getTimestamp = () => {
+  // Get the best available timestamp for this mutation
+  const bestTimestamp = (() => {
     if (mutation.state.submittedAt && mutation.state.submittedAt > 0) {
-      return formatRelativeTime(mutation.state.submittedAt);
+      return mutation.state.submittedAt;
     }
-
     // @ts-ignore - exploring state fields for debugging
     const stateAny = mutation.state;
-
-    // Try other timestamp fields
     if (stateAny.updatedAt && stateAny.updatedAt > 0) {
-      return formatRelativeTime(stateAny.updatedAt);
+      return stateAny.updatedAt;
     }
-
-    // Debug fallback
-    return `N/A (${mutation.state.submittedAt || 0})`;
-  };
-  const lastUpdated = getTimestamp();
+    return null;
+  })();
+  const relativeTime = useRelativeTime(bestTimestamp);
+  const lastUpdated = relativeTime || `N/A (${mutation.state.submittedAt || 0})`;
   const getStatusInfo = () => {
     if (mutation.state.isPaused) {
       return {

package/lib/module/react-query/components/query-browser/QueryRow.js

@@ -1,8 +1,7 @@
 "use strict";
 
 import { getQueryStatusLabel } from "../../utils/getQueryStatusLabel";
-import { formatRelativeTime } from "../../utils/formatRelativeTime";
-import { CompactRow, buoyColors } from "@buoy-gg/shared-ui";
+import { CompactRow, buoyColors, useRelativeTime } from "@buoy-gg/shared-ui";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getQueryText = query => {
   if (!query?.queryKey) return "Unknown Query";
@@ -44,36 +43,21 @@ const QueryRow = ({
   const isDisabled = query.isDisabled();
   const queryHash = getQueryText(query);
 
-  // Get last updated time - try multiple timestamp fields
-  const getTimestamp = () => {
-    // Special handling for disabled queries
-    if (isDisabled) {
-      return "Disabled";
-    }
-
-    // Primary: dataUpdatedAt (when data was last fetched/updated)
+  // Get the best available timestamp for this query
+  const bestTimestamp = (() => {
+    if (isDisabled) return null;
     if (query.state.dataUpdatedAt && query.state.dataUpdatedAt > 0) {
-      return formatRelativeTime(query.state.dataUpdatedAt);
+      return query.state.dataUpdatedAt;
     }
-
-    // Fallback: Check other potential timestamp fields
     // @ts-ignore - exploring state fields for debugging
     const stateAny = query.state;
-
-    // Try fetchedAt or other common timestamp fields
     if (stateAny.fetchedAt && stateAny.fetchedAt > 0) {
-      return formatRelativeTime(stateAny.fetchedAt);
+      return stateAny.fetchedAt;
     }
-
-    // For queries that haven't fetched yet (but aren't disabled)
-    if (query.state.dataUpdatedAt === 0) {
-      return "Not fetched";
-    }
-
-    // Debug fallback - show what we have
-    return `N/A (${query.state.dataUpdatedAt || 0})`;
-  };
-  const lastUpdated = getTimestamp();
+    return null;
+  })();
+  const relativeTime = useRelativeTime(bestTimestamp);
+  const lastUpdated = isDisabled ? "Disabled" : relativeTime || (query.state.dataUpdatedAt === 0 ? "Not fetched" : `N/A (${query.state.dataUpdatedAt || 0})`);
   return /*#__PURE__*/_jsx(CompactRow, {
     statusDotColor: getStatusHexColor(status),
     statusLabel: status.charAt(0).toUpperCase() + status.slice(1),

package/lib/typescript/react-query/components/ReactQueryDevToolsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactQueryDevToolsModal.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/ReactQueryDevToolsModal.tsx"],"names":[],"mappings":"AAKA,oFAAoF;AACpF,MAAM,WAAW,4BAA4B;IAC3C,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,yEAAyE;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAQD;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,OAAO,EACP,UAAU,EACV,2BAAkC,GACnC,EAAE,4BAA4B,sCAoF9B"}
+{"version":3,"file":"ReactQueryDevToolsModal.d.ts","sourceRoot":"","sources":["../../../../src/react-query/components/ReactQueryDevToolsModal.tsx"],"names":[],"mappings":"AAMA,oFAAoF;AACpF,MAAM,WAAW,4BAA4B;IAC3C,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,yEAAyE;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAQD;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,OAAO,EACP,UAAU,EACV,2BAAkC,GACnC,EAAE,4BAA4B,sCAsF9B"}

package/lib/typescript/react-query/components/query-browser/MutationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MutationButton.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/MutationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAmBjD,UAAU,KAAK;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CACjC,KAAK,CAAC,cAAc,CAAC,QAAQ,GAAG,SAAS,CAAC,CAC3C,CAAC;IACF,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AACD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,mBAAmB,EACnB,QAAQ,GACT,EAAE,KAAK,+BA4FP"}
+{"version":3,"file":"MutationButton.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/MutationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkBjD,UAAU,KAAK;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CACjC,KAAK,CAAC,cAAc,CAAC,QAAQ,GAAG,SAAS,CAAC,CAC3C,CAAC;IACF,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AACD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,mBAAmB,EACnB,QAAQ,GACT,EAAE,KAAK,+BAwFP"}

package/lib/typescript/react-query/components/query-browser/QueryRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryRow.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAkB9C,UAAU,aAAa;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuErC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"QueryRow.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAiB9C,UAAU,aAAa;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2DrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/react-query",
-  "version": "2.1.9",
+  "version": "2.1.11",
   "description": "react-query package",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -25,9 +25,16 @@
     "lib"
   ],
   "sideEffects": false,
+  "scripts": {
+    "build": "bob build",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "bob build",
+    "clean": "rimraf lib",
+    "test": "pnpm run typecheck"
+  },
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "2.1.9",
-    "@buoy-gg/shared-ui": "2.1.9"
+    "@buoy-gg/floating-tools-core": "workspace:*",
+    "@buoy-gg/shared-ui": "workspace:*"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",
@@ -71,11 +78,5 @@
   "publishConfig": {
     "access": "public",
     "tag": "latest"
-  },
-  "scripts": {
-    "build": "bob build",
-    "typecheck": "tsc --noEmit",
-    "clean": "rimraf lib",
-    "test": "pnpm run typecheck"
   }
-}
+}

package/LICENSE

@@ -1,58 +0,0 @@
-PROPRIETARY SOFTWARE LICENSE
-
-Copyright (c) 2024-present Buoy. All rights reserved.
-
-This software and its source code are proprietary and confidential.
-
-NOTICE: This is NOT open source software. This software is licensed,
-not sold, and is protected by copyright laws and international treaties.
-
-TERMS AND CONDITIONS:
-
-1. LICENSE GRANT
-   Subject to the terms of this Agreement and payment of applicable fees,
-   Buoy grants you a limited, non-exclusive, non-transferable license
-   to use the compiled software packages in your applications.
-
-2. RESTRICTIONS
-   You may NOT:
-   - Copy, modify, or distribute the source code
-   - Reverse engineer, decompile, or disassemble the software
-   - Remove or alter any proprietary notices or labels
-   - Sublicense, rent, lease, or lend the software
-   - Use the software to create competing products
-   - Share access credentials with unauthorized parties
-
-3. OWNERSHIP
-   React Buoy retains all right, title, and interest in the software,
-   including all intellectual property rights. This license does not
-   grant you any rights to trademarks or service marks.
-
-4. TERMINATION
-   This license is effective until terminated. Your rights under this
-   license will terminate automatically without notice if you fail to
-   comply with any of its terms. Upon termination, you must cease all
-   use and destroy all copies of the software.
-
-5. DISCLAIMER OF WARRANTIES
-   THE SOFTWARE IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND,
-   EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-   MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT.
-
-6. LIMITATION OF LIABILITY
-   IN NO EVENT SHALL BUOY BE LIABLE FOR ANY INDIRECT, INCIDENTAL,
-   SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES ARISING OUT OF OR IN
-   CONNECTION WITH THIS LICENSE OR THE USE OF THE SOFTWARE.
-
-7. GOVERNING LAW
-   This Agreement shall be governed by and construed in accordance with
-   the laws of the United States, without regard to its conflict of
-   law provisions.
-
-For licensing inquiries and subscription information:
-- Website: https://buoy.gg
-- Email: AustinLovesWorking@gmail.com
-
-Unauthorized reproduction or distribution of this software, or any
-portion of it, may result in severe civil and criminal penalties,
-and will be prosecuted to the maximum extent possible under the law.