@tanstack/react-query-devtools - npm Package Compare versions

Comparing version 4.9.0 to 4.10.0

build/lib/index.prod.esm.js

 import * as React from 'react';
 import { useQueryClient, onlineManager, notifyManager } from '@tanstack/react-query';
 import { rankItem, compareItems } from '@tanstack/match-sorter-utils';
+import SuperJSON from 'superjson';
 import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
@@ -170,5 +171,6 @@
 const displayValue = value => {
-  const name = Object.getOwnPropertyNames(Object(value));
-  const newValue = typeof value === 'bigint' ? value.toString() + "n" : value;
-  return JSON.stringify(newValue, name);
+  const {
+    json
+  } = SuperJSON.serialize(value);
+  return JSON.stringify(json);
 };
@@ -175,0 +177,0 @@

build/lib/index.prod.js

@@ -8,4 +8,7 @@ 'use strict';
 var matchSorterUtils = require('@tanstack/match-sorter-utils');
+var SuperJSON = require('superjson');
 var index_js = require('use-sync-external-store/shim/index.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
@@ -30,2 +33,3 @@ if (e && e.__esModule) return e;
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SuperJSON__default = /*#__PURE__*/_interopDefaultLegacy(SuperJSON);
 
@@ -196,5 +200,6 @@ function _extends() {
 const displayValue = value => {
-  const name = Object.getOwnPropertyNames(Object(value));
-  const newValue = typeof value === 'bigint' ? value.toString() + "n" : value;
-  return JSON.stringify(newValue, name);
+  const {
+    json
+  } = SuperJSON__default["default"].serialize(value);
+  return JSON.stringify(json);
 };
@@ -201,0 +206,0 @@

build/lib/utils.esm.js

 import * as React from 'react';
+import SuperJSON from 'superjson';
 import { useTheme } from './theme.esm.js';
@@ -54,5 +55,6 @@ import useMediaQuery from './useMediaQuery.esm.js';
 const displayValue = value => {
-  const name = Object.getOwnPropertyNames(Object(value));
-  const newValue = typeof value === 'bigint' ? value.toString() + "n" : value;
-  return JSON.stringify(newValue, name);
+  const {
+    json
+  } = SuperJSON.serialize(value);
+  return JSON.stringify(json);
 };
@@ -59,0 +61,0 @@

build/lib/utils.js

@@ -6,5 +6,8 @@ 'use strict';
 var React = require('react');
+var SuperJSON = require('superjson');
 var theme = require('./theme.js');
 var useMediaQuery = require('./useMediaQuery.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
@@ -29,2 +32,3 @@ if (e && e.__esModule) return e;
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SuperJSON__default = /*#__PURE__*/_interopDefaultLegacy(SuperJSON);
 
@@ -80,5 +84,6 @@ function getQueryStatusColor({
 const displayValue = value => {
-  const name = Object.getOwnPropertyNames(Object(value));
-  const newValue = typeof value === 'bigint' ? value.toString() + "n" : value;
-  return JSON.stringify(newValue, name);
+  const {
+    json
+  } = SuperJSON__default["default"].serialize(value);
+  return JSON.stringify(json);
 };
@@ -85,0 +90,0 @@

package.json

 {
   "name": "@tanstack/react-query-devtools",
-  "version": "4.9.0",
+  "version": "4.10.0",
   "description": "TODO",
@@ -43,3 +43,4 @@ "author": "tannerlinsley",
     "react-error-boundary": "^3.1.4",
-    "@tanstack/react-query": "4.9.0"
+    "@tanstack/react-query": "4.10.0",
+    "superjson": "^1.10.0"
   },
@@ -53,3 +54,3 @@ "dependencies": {
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "@tanstack/react-query": "4.9.0"
+    "@tanstack/react-query": "4.10.0"
   },
@@ -56,0 +57,0 @@ "scripts": {

src/utils.ts

 import * as React from 'react'
 import type { Query } from '@tanstack/react-query'
+import SuperJSON from 'superjson'
 
@@ -121,6 +122,5 @@ import type { Theme } from './theme'
 export const displayValue = (value: unknown) => {
-  const name = Object.getOwnPropertyNames(Object(value))
-  const newValue = typeof value === 'bigint' ? `${value.toString()}n` : value
+  const { json } = SuperJSON.serialize(value)
 
-  return JSON.stringify(newValue, name)
+  return JSON.stringify(json)
 }
@@ -127,0 +127,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1396872

increased by9.02%

Lines of code

13276

increased by7.79%

Worsened metrics

Dev dependency count

4

increased by33.33%

No dependency changes