@trackunit/react-core-contexts-test 1.7.17 → 1.7.19

package/index.cjs.js

@@ -1007,11 +1007,12 @@ const useIsFirstRender = () => {
  *
  * @param id optional id to use for logging or it will guess the id from the stack trace
  * @param propsToWatch all the props to watch for changes
+ * @param dontLogReRender if true, will not log the re-render message nice if you have a lot of re-renders
  * @example
  * const propsToWatch = { foo: props.foo, bar: props.bar };
  * useDebugger(propsToWatch);
  */
-const useDebugger = (propsToWatch, id) => {
+const useDebugger = (propsToWatch, id, dontLogReRender) => {
     const prevPropsRef = React.useRef(propsToWatch);
     const uniqueId = React.useMemo(() => {
         let stackId = id || (propsToWatch && propsToWatch.id);
@@ -1030,7 +1031,14 @@ const useDebugger = (propsToWatch, id) => {
     }, [id, propsToWatch]);
     const isFirstRender = useIsFirstRender();
     // eslint-disable-next-line no-console
-    console.log(isFirstRender ? "First-render" : "Re-render", uniqueId, window.location.pathname);
+    if (isFirstRender) {
+        // eslint-disable-next-line no-console
+        console.log("First-render", uniqueId, window.location.pathname);
+    }
+    else if (dontLogReRender !== true) {
+        // eslint-disable-next-line no-console
+        console.log("Re-render", uniqueId, window.location.pathname);
+    }
     React.useEffect(() => {
         const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
             if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
@@ -1139,13 +1147,14 @@ const safeStringify = (obj) => {
  *   expect(screen.getByText(`Brand: ${mock.data.asset?.brand}`)).toBeInTheDocument();
  * });
  */
-const queryFor = (document, variables, data, error) => {
+const queryFor = (document, variables, data, error, maxUsageCount = 1) => {
     return {
         request: {
             query: document,
             variables,
         },
         data,
+        maxUsageCount,
         newData: () => {
             if (process.env.VSCODE_INSPECTOR_OPTIONS || process.env.DEBUG) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/index.esm.js

@@ -1005,11 +1005,12 @@ const useIsFirstRender = () => {
  *
  * @param id optional id to use for logging or it will guess the id from the stack trace
  * @param propsToWatch all the props to watch for changes
+ * @param dontLogReRender if true, will not log the re-render message nice if you have a lot of re-renders
  * @example
  * const propsToWatch = { foo: props.foo, bar: props.bar };
  * useDebugger(propsToWatch);
  */
-const useDebugger = (propsToWatch, id) => {
+const useDebugger = (propsToWatch, id, dontLogReRender) => {
     const prevPropsRef = useRef(propsToWatch);
     const uniqueId = useMemo(() => {
         let stackId = id || (propsToWatch && propsToWatch.id);
@@ -1028,7 +1029,14 @@ const useDebugger = (propsToWatch, id) => {
     }, [id, propsToWatch]);
     const isFirstRender = useIsFirstRender();
     // eslint-disable-next-line no-console
-    console.log(isFirstRender ? "First-render" : "Re-render", uniqueId, window.location.pathname);
+    if (isFirstRender) {
+        // eslint-disable-next-line no-console
+        console.log("First-render", uniqueId, window.location.pathname);
+    }
+    else if (dontLogReRender !== true) {
+        // eslint-disable-next-line no-console
+        console.log("Re-render", uniqueId, window.location.pathname);
+    }
     useEffect(() => {
         const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
             if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
@@ -1137,13 +1145,14 @@ const safeStringify = (obj) => {
  *   expect(screen.getByText(`Brand: ${mock.data.asset?.brand}`)).toBeInTheDocument();
  * });
  */
-const queryFor = (document, variables, data, error) => {
+const queryFor = (document, variables, data, error, maxUsageCount = 1) => {
     return {
         request: {
             query: document,
             variables,
         },
         data,
+        maxUsageCount,
         newData: () => {
             if (process.env.VSCODE_INSPECTOR_OPTIONS || process.env.DEBUG) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-contexts-test",
-  "version": "1.7.17",
+  "version": "1.7.19",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,10 +11,10 @@
     "@testing-library/react": "16.2.0",
     "react": "19.0.0",
     "graphql": "^16.10.0",
-    "@trackunit/react-core-contexts-api": "1.8.16",
-    "@trackunit/react-core-hooks": "1.7.17",
-    "@trackunit/shared-utils": "1.9.14",
-    "@trackunit/react-test-setup": "1.4.14",
+    "@trackunit/react-core-contexts-api": "1.8.18",
+    "@trackunit/react-core-hooks": "1.7.19",
+    "@trackunit/shared-utils": "1.9.16",
+    "@trackunit/react-test-setup": "1.4.16",
     "@tanstack/react-router": "1.114.29",
     "@tanstack/router-core": "1.114.29",
     "es-toolkit": "^1.39.10"

package/src/useDebugger.d.ts

@@ -8,11 +8,12 @@ type PropsToWatch<P> = P extends object ? P : never;
  *
  * @param id optional id to use for logging or it will guess the id from the stack trace
  * @param propsToWatch all the props to watch for changes
+ * @param dontLogReRender if true, will not log the re-render message nice if you have a lot of re-renders
  * @example
  * const propsToWatch = { foo: props.foo, bar: props.bar };
  * useDebugger(propsToWatch);
  */
-export declare const useDebugger: <P extends object>(propsToWatch: PropsToWatch<P> | null, id?: string) => void;
+export declare const useDebugger: <P extends object>(propsToWatch: PropsToWatch<P> | null, id?: string, dontLogReRender?: boolean) => void;
 /**
  * Debugger component for debugging state changes and re-renders.
  *

package/src/utils/queryFor.d.ts

@@ -30,7 +30,7 @@ type DeepPartialNullableArray<T> = Array<DeepPartialNullable<T>>;
  *   expect(screen.getByText(`Brand: ${mock.data.asset?.brand}`)).toBeInTheDocument();
  * });
  */
-export declare const queryFor: <TData, TVariables extends OperationVariables = OperationVariables>(document: TypedDocumentNode<TData, TVariables>, variables: TVariables, data?: TData | null, error?: ApolloError | Error) => MockedResponse<TData> & {
+export declare const queryFor: <TData, TVariables extends OperationVariables = OperationVariables>(document: TypedDocumentNode<TData, TVariables>, variables: TVariables, data?: TData | null, error?: ApolloError | Error, maxUsageCount?: number) => MockedResponse<TData> & {
     data: NonNullable<TData>;
 };
 type QueryReturn<TData, TVariables extends OperationVariables = OperationVariables> = ReturnType<typeof useQuery<TData, TVariables>>;