@trackunit/react-core-contexts-test 0.1.160 → 0.1.162

package/HookRenderer.cjs.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('@testing-library/react');
 var pure = require('@testing-library/react/pure');
 require('@trackunit/react-core-hooks');
-require('lodash');
+require('lodash/omit');
 require('react-router-dom');
 require('@apollo/client');
 require('@apollo/client/link/error');

package/HookRenderer.esm.js

@@ -3,7 +3,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { act } from '@testing-library/react';
 import { renderHook } from '@testing-library/react/pure';
 import '@trackunit/react-core-hooks';
-import 'lodash';
+import 'lodash/omit';
 import 'react-router-dom';
 import '@apollo/client';
 import '@apollo/client/link/error';

package/index.cjs.js

@@ -6,7 +6,7 @@ var index = require('./index.cjs2.js');
 require('react/jsx-runtime');
 require('@testing-library/react');
 require('@trackunit/react-core-hooks');
-require('lodash');
+require('lodash/omit');
 require('react-router-dom');
 require('@apollo/client');
 require('@apollo/client/link/error');

package/index.cjs2.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@testing-library/react');
 var reactCoreHooks = require('@trackunit/react-core-hooks');
-var lodash = require('lodash');
+var omit = require('lodash/omit');
 var reactRouterDom = require('react-router-dom');
 var client = require('@apollo/client');
 var error = require('@apollo/client/link/error');
@@ -14,6 +14,7 @@ var graphql = require('graphql');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /******************************************************************************
@@ -65,22 +66,22 @@ const defaultOptions = {
  * This is a wrapper around the MockedProvider that logs errors to the console.
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function ApolloMockedProviderWithError(props, forceDebugging = false) {
+function ApolloMockedProviderWithError(props) {
     const isDebugging = process ? !!process.env.VSCODE_INSPECTOR_OPTIONS || !!process.env.DEBUG : false;
     const { mocks } = props, otherProps = __rest(props, ["mocks"]);
-    const mockLink = new testing.MockLink(mocks, false, { showWarnings: forceDebugging || isDebugging });
+    const mockLink = new testing.MockLink(mocks, false, { showWarnings: props.forceDebugging || isDebugging });
     const errorLoggingLink = error.onError(({ graphQLErrors, networkError }) => {
         if (graphQLErrors) {
             // eslint-disable-next-line array-callback-return
             graphQLErrors.map(({ message, locations, path }) => {
-                if (forceDebugging || isDebugging) {
+                if (props.forceDebugging || isDebugging) {
                     // eslint-disable-next-line no-console
                     console.log(`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`);
                 }
             });
         }
         if (networkError) {
-            if (forceDebugging || isDebugging) {
+            if (props.forceDebugging || isDebugging) {
                 // eslint-disable-next-line no-console
                 console.log(`[Network error]: ${networkError}`);
             }
@@ -474,7 +475,7 @@ class TrackunitProvidersMockBuilder {
             }
             return f;
         })) || [];
-        this.selectedUserSubscriptionContext = Object.assign(Object.assign(Object.assign({}, mockUserSubscriptionContext), lodash.omit(userSubscription, "features")), { features: [...(mockUserSubscriptionContext.features || []), ...featuresConverted] });
+        this.selectedUserSubscriptionContext = Object.assign(Object.assign(Object.assign({}, mockUserSubscriptionContext), omit__default["default"](userSubscription, "features")), { features: [...(mockUserSubscriptionContext.features || []), ...featuresConverted] });
         return this;
     }
     /**
@@ -716,16 +717,28 @@ const trackunitProviders = () => new TrackunitProvidersMockBuilder();
  * @param propsToWatch all the props to watch for changes
  * @example
  * const propsToWatch = { foo: props.foo, bar: props.bar };
- * useDebugger({ id: "MyComponent", propsToWatch });
+ * useDebugger(propsToWatch);
  */
-const useDebugger = ({ id, propsToWatch, }) => {
+const useDebugger = (propsToWatch, id) => {
     const prevPropsRef = React.useRef(propsToWatch);
     const uniqueId = React.useMemo(() => {
-        var _a, _b;
-        return id || ((_b = (_a = new Error().stack) === null || _a === void 0 ? void 0 : _a.split("\n")[2]) === null || _b === void 0 ? void 0 : _b.trim()) || "unknown-id";
+        var _a;
+        let stackId = id;
+        const stack = new Error().stack;
+        if (!stackId && stack) {
+            const stackLines = stack.split("\n");
+            for (let i = 0; i < stackLines.length; i++) {
+                const stackLine = stackLines[i];
+                if (stackLine === null || stackLine === void 0 ? void 0 : stackLine.includes("useDebugger")) {
+                    stackId = (_a = stackLines[i + 1]) === null || _a === void 0 ? void 0 : _a.trim().split(" ")[1];
+                    break;
+                }
+            }
+        }
+        return stackId || "unknown-id";
     }, [id]);
     // eslint-disable-next-line no-console
-    console.log("Rerender ", id);
+    console.log("Rerender", uniqueId);
     React.useEffect(() => {
         const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
             if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
@@ -743,10 +756,12 @@ const useDebugger = ({ id, propsToWatch, }) => {
                 const result0 = result[0];
                 const result1 = result[1];
                 result0 &&
+                    typeof result0 === "object" &&
                     Object.keys(result0).forEach(prop => {
                         result0[prop] = typeof result0[prop] === "object" ? JSON.stringify(result0[prop]) : result0[prop];
                     });
                 result1 &&
+                    typeof result1 === "object" &&
                     Object.keys(result1).forEach(prop => {
                         result1[prop] = typeof result1[prop] === "object" ? JSON.stringify(result1[prop]) : result1[prop];
                     });
@@ -778,7 +793,7 @@ const Debugger = ({ id, logPropsChanges, stop, children, }) => {
         (_e = (_d = (_c = (_b = (_a = React__default["default"]["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"]) === null || _a === void 0 ? void 0 : _a.ReactCurrentOwner) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c._debugOwner) === null || _d === void 0 ? void 0 : _d.type) === null || _e === void 0 ? void 0 : _e.name) ||
         ((_g = (_f = new Error().stack) === null || _f === void 0 ? void 0 : _f.split("\n")[2]) === null || _g === void 0 ? void 0 : _g.trim()) ||
         "unknown-id";
-    useDebugger({ id: uniqueId, propsToWatch: logPropsChanges || {} });
+    useDebugger(logPropsChanges || {}, id);
     // eslint-disable-next-line no-console
     console.log(`${uniqueId} Debugger is rendering`);
     React.useEffect(() => {

package/index.esm.js

@@ -2,7 +2,7 @@ export { D as Debugger, T as TrackunitProvidersMockBuilder, h as doNothing, f as
 import 'react/jsx-runtime';
 import '@testing-library/react';
 import '@trackunit/react-core-hooks';
-import 'lodash';
+import 'lodash/omit';
 import 'react-router-dom';
 import '@apollo/client';
 import '@apollo/client/link/error';

package/index.esm2.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { act, render } from '@testing-library/react';
 import { EnvironmentContextProvider, CurrentUserProvider, AnalyticsContext, UserSubscriptionProvider, OemBrandingContextProvider, TokenProvider, ToastProvider, FilterBarProvider, AssetSortingProvider, NavigationContextProvider, CurrentUserPreferenceProvider } from '@trackunit/react-core-hooks';
-import { omit } from 'lodash';
+import omit from 'lodash/omit';
 import { MemoryRouter } from 'react-router-dom';
 import { ApolloLink } from '@apollo/client';
 import { onError } from '@apollo/client/link/error';
@@ -59,22 +59,22 @@ const defaultOptions = {
  * This is a wrapper around the MockedProvider that logs errors to the console.
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function ApolloMockedProviderWithError(props, forceDebugging = false) {
+function ApolloMockedProviderWithError(props) {
     const isDebugging = process ? !!process.env.VSCODE_INSPECTOR_OPTIONS || !!process.env.DEBUG : false;
     const { mocks } = props, otherProps = __rest(props, ["mocks"]);
-    const mockLink = new MockLink(mocks, false, { showWarnings: forceDebugging || isDebugging });
+    const mockLink = new MockLink(mocks, false, { showWarnings: props.forceDebugging || isDebugging });
     const errorLoggingLink = onError(({ graphQLErrors, networkError }) => {
         if (graphQLErrors) {
             // eslint-disable-next-line array-callback-return
             graphQLErrors.map(({ message, locations, path }) => {
-                if (forceDebugging || isDebugging) {
+                if (props.forceDebugging || isDebugging) {
                     // eslint-disable-next-line no-console
                     console.log(`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`);
                 }
             });
         }
         if (networkError) {
-            if (forceDebugging || isDebugging) {
+            if (props.forceDebugging || isDebugging) {
                 // eslint-disable-next-line no-console
                 console.log(`[Network error]: ${networkError}`);
             }
@@ -710,16 +710,28 @@ const trackunitProviders = () => new TrackunitProvidersMockBuilder();
  * @param propsToWatch all the props to watch for changes
  * @example
  * const propsToWatch = { foo: props.foo, bar: props.bar };
- * useDebugger({ id: "MyComponent", propsToWatch });
+ * useDebugger(propsToWatch);
  */
-const useDebugger = ({ id, propsToWatch, }) => {
+const useDebugger = (propsToWatch, id) => {
     const prevPropsRef = useRef(propsToWatch);
     const uniqueId = useMemo(() => {
-        var _a, _b;
-        return id || ((_b = (_a = new Error().stack) === null || _a === void 0 ? void 0 : _a.split("\n")[2]) === null || _b === void 0 ? void 0 : _b.trim()) || "unknown-id";
+        var _a;
+        let stackId = id;
+        const stack = new Error().stack;
+        if (!stackId && stack) {
+            const stackLines = stack.split("\n");
+            for (let i = 0; i < stackLines.length; i++) {
+                const stackLine = stackLines[i];
+                if (stackLine === null || stackLine === void 0 ? void 0 : stackLine.includes("useDebugger")) {
+                    stackId = (_a = stackLines[i + 1]) === null || _a === void 0 ? void 0 : _a.trim().split(" ")[1];
+                    break;
+                }
+            }
+        }
+        return stackId || "unknown-id";
     }, [id]);
     // eslint-disable-next-line no-console
-    console.log("Rerender ", id);
+    console.log("Rerender", uniqueId);
     useEffect(() => {
         const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
             if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
@@ -737,10 +749,12 @@ const useDebugger = ({ id, propsToWatch, }) => {
                 const result0 = result[0];
                 const result1 = result[1];
                 result0 &&
+                    typeof result0 === "object" &&
                     Object.keys(result0).forEach(prop => {
                         result0[prop] = typeof result0[prop] === "object" ? JSON.stringify(result0[prop]) : result0[prop];
                     });
                 result1 &&
+                    typeof result1 === "object" &&
                     Object.keys(result1).forEach(prop => {
                         result1[prop] = typeof result1[prop] === "object" ? JSON.stringify(result1[prop]) : result1[prop];
                     });
@@ -772,7 +786,7 @@ const Debugger = ({ id, logPropsChanges, stop, children, }) => {
         (_e = (_d = (_c = (_b = (_a = React["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"]) === null || _a === void 0 ? void 0 : _a.ReactCurrentOwner) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c._debugOwner) === null || _d === void 0 ? void 0 : _d.type) === null || _e === void 0 ? void 0 : _e.name) ||
         ((_g = (_f = new Error().stack) === null || _f === void 0 ? void 0 : _f.split("\n")[2]) === null || _g === void 0 ? void 0 : _g.trim()) ||
         "unknown-id";
-    useDebugger({ id: uniqueId, propsToWatch: logPropsChanges || {} });
+    useDebugger(logPropsChanges || {}, id);
     // eslint-disable-next-line no-console
     console.log(`${uniqueId} Debugger is rendering`);
     useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-contexts-test",
-  "version": "0.1.160",
+  "version": "0.1.162",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/ApolloMockedProviderWithError.d.ts

@@ -2,4 +2,4 @@
 /**
  * This is a wrapper around the MockedProvider that logs errors to the console.
  */
-export declare function ApolloMockedProviderWithError(props: any, forceDebugging?: boolean): JSX.Element;
+export declare function ApolloMockedProviderWithError(props: any): JSX.Element;

package/src/debugger.d.ts

@@ -10,12 +10,9 @@ type PropsToWatch<P> = P extends object ? P : never;
  * @param propsToWatch all the props to watch for changes
  * @example
  * const propsToWatch = { foo: props.foo, bar: props.bar };
- * useDebugger({ id: "MyComponent", propsToWatch });
+ * useDebugger(propsToWatch);
  */
-export declare const useDebugger: <P extends object>({ id, propsToWatch, }: {
-    id?: string | undefined;
-    propsToWatch: PropsToWatch<P> | null;
-}) => void;
+export declare const useDebugger: <P extends object>(propsToWatch: PropsToWatch<P> | null, id?: string) => void;
 /**
  * Debugger component for debugging state changes and re-renders.
  *