@lookiero/checkout 0.6.0-beta.34 → 0.6.0-beta.36

package/dist/shared/logging/SentryDependencies.d.ts

@@ -1,10 +1,10 @@
 import { BrowserClient, Hub } from "@sentry/browser";
 import { ErrorBoundary } from "@sentry/react";
 import { ReactNativeTransportOptions } from "@sentry/react-native/dist/js/options";
-import { Transport, Integration } from "@sentry/types";
-import { WrapComponent, WrapUseRoutes } from "./types";
+import { Transport } from "@sentry/types";
+import { Integrations, WrapComponent, WrapUseRoutes } from "./types";
 declare const transport: (options: ReactNativeTransportOptions) => Transport;
-declare const integrations: Integration[];
+declare const integrations: Integrations;
 declare const wrapComponent: WrapComponent;
 declare const wrapUseRoutes: WrapUseRoutes;
 export { BrowserClient as Client, Hub, ErrorBoundary, transport, integrations, wrapComponent, wrapUseRoutes };

package/dist/shared/logging/SentryDependencies.js

@@ -7,7 +7,7 @@ import { useEffect } from "react";
 import { createRoutesFromChildren, useLocation, useNavigationType } from "react-router-native";
 import { matchRoutes } from "./matchRoutes";
 const transport = (options, nativeFetch) => makeFetchTransport(options, nativeFetch);
-const integrations = [
+const integrations = () => [
     ...defaultIntegrations,
     new BrowserTracing({
         routingInstrumentation: reactRouterV6Instrumentation(useEffect, useLocation, useNavigationType, createRoutesFromChildren, matchRoutes),

package/dist/shared/logging/SentryDependencies.native.d.ts

@@ -1,9 +1,9 @@
 import { ReactNativeClient, Hub, ErrorBoundary } from "@sentry/react-native";
 import { ReactNativeTransportOptions } from "@sentry/react-native/dist/js/options";
-import { Transport, Integration } from "@sentry/types";
-import { WrapComponent, WrapUseRoutes } from "./types";
+import { Transport } from "@sentry/types";
+import { Integrations, WrapComponent, WrapUseRoutes } from "./types";
 declare const transport: (options: ReactNativeTransportOptions) => Transport;
-declare const integrations: Integration[];
+declare const integrations: Integrations;
 declare const wrapComponent: WrapComponent;
 declare const wrapUseRoutes: WrapUseRoutes;
 export { ReactNativeClient as Client, Hub, ErrorBoundary, transport, integrations, wrapComponent, wrapUseRoutes };

package/dist/shared/logging/SentryDependencies.native.js

@@ -7,7 +7,7 @@ import { useLocation } from "react-router-native";
 import { matchRoutes } from "./matchRoutes";
 import { ReactRouterV6Instrumentation } from "./reactRouterV6Instrumentation/reactRouterV6Instrumentation.native";
 const transport = (options, nativeFetch) => {
-    console.log("NATIVE.isNativeTransportAvailable()", NATIVE.isNativeTransportAvailable());
+    console.log("NATIVE.isNativeTransportAvailable()", NATIVE.isNativeTransportAvailable(), options, nativeFetch);
     console.log(makeReactNativeTransport(options));
     console.log(makeFetchTransport(options, nativeFetch));
     return NATIVE.isNativeTransportAvailable()
@@ -15,7 +15,7 @@ const transport = (options, nativeFetch) => {
         : makeFetchTransport(options, nativeFetch);
 };
 const routingInstrumentation = new ReactRouterV6Instrumentation(useEffect, useLocation, matchRoutes);
-const integrations = [new ReactNativeTracing({ routingInstrumentation })];
+const integrations = () => [new ReactNativeTracing({ routingInstrumentation })];
 const wrapComponent = (Component) => sentryWrap(Component);
 const wrapUseRoutes = routingInstrumentation.wrapUseRoutes.bind(routingInstrumentation);
 export { ReactNativeClient as Client, Hub, ErrorBoundary, transport, integrations, wrapComponent, wrapUseRoutes };

package/dist/shared/logging/SentryLogger.js

@@ -4,85 +4,95 @@ import React, { useEffect } from "react";
 import { Platform } from "react-native";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { Client, Hub, ErrorBoundary, transport, integrations, wrapComponent, wrapUseRoutes, } from "./SentryDependencies";
+// This configuration is obtained from
+// https://docs.sentry.io/clients/javascript/tips/#decluttering-sentry
+const IGNORED_ERRORS = [
+    // Random plugins/extensions
+    "top.GLOBALS",
+    // See: http://blog.errorception.com/2012/03/tale-of-unfindable-js-error.html
+    "originalCreateNotification",
+    "canvas.contentDocument",
+    "MyApp_RemoveAllHighlights",
+    "http://tt.epicplay.com",
+    "Can't find variable: ZiteReader",
+    "jigsaw is not defined",
+    "ComboSearch is not defined",
+    "http://loading.retry.widdit.com/",
+    "atomicFindClose",
+    // Facebook borked
+    "fb_xd_fragment",
+    // ISP "optimizing" proxy - `Cache-Control: no-transform` seems to reduce this. (thanks @acdha)
+    // See http://stackoverflow.com/questions/4113268/how-to-stop-javascript-injection-from-vodafone-proxy
+    "bmi_SafeAddOnload",
+    "EBCallBackMessageReceived",
+    // See http://toolbar.conduit.com/Developer/HtmlAndGadget/Methods/JSInjection.aspx
+    "conduitPage",
+    // Generic error code from errors outside the security sandbox
+    // You can delete this if using raven.js > 1.0, which ignores these automatically.
+    "Script error.",
+    // Avast extension error
+    "_avast_submit",
+];
+const DENIED_URLS = [
+    // Google Adsense
+    /pagead\/js/i,
+    // Facebook flakiness
+    /graph\.facebook\.com/i,
+    // Facebook blocked
+    /connect\.facebook\.net\/en_US\/all\.js/i,
+    // Woopra flakiness
+    /eatdifferent\.com\.woopra-ns\.com/i,
+    /static\.woopra\.com\/js\/woopra\.js/i,
+    // Chrome extensions
+    /extensions\//i,
+    /^chrome:\/\//i,
+    // Other plugins
+    /127\.0\.0\.1:4001\/isrunning/i,
+    /webappstoolbarba\.texthelp\.com\//i,
+    /metrics\.itunes\.apple\.com\.edgesuite\.net\//i,
+];
 const sentryLogger = ({ publicKey, environment, release, project }) => {
-    let mainHub;
-    const client = new Client({
-        environment,
-        release,
-        dsn: `https://${publicKey}@o179049.ingest.sentry.io/${project}`,
-        integrations,
-        tracesSampleRate: 1.0,
-        debug: true,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        enableNative: Platform.OS !== "web",
-        autoInitializeNativeSdk: Platform.OS !== "web",
-        stackParser: defaultStackParser,
-        transport,
-        // This configuration is obtained from
-        // https://docs.sentry.io/clients/javascript/tips/#decluttering-sentry
-        ignoreErrors: [
-            // Random plugins/extensions
-            "top.GLOBALS",
-            // See: http://blog.errorception.com/2012/03/tale-of-unfindable-js-error.html
-            "originalCreateNotification",
-            "canvas.contentDocument",
-            "MyApp_RemoveAllHighlights",
-            "http://tt.epicplay.com",
-            "Can't find variable: ZiteReader",
-            "jigsaw is not defined",
-            "ComboSearch is not defined",
-            "http://loading.retry.widdit.com/",
-            "atomicFindClose",
-            // Facebook borked
-            "fb_xd_fragment",
-            // ISP "optimizing" proxy - `Cache-Control: no-transform` seems to reduce this. (thanks @acdha)
-            // See http://stackoverflow.com/questions/4113268/how-to-stop-javascript-injection-from-vodafone-proxy
-            "bmi_SafeAddOnload",
-            "EBCallBackMessageReceived",
-            // See http://toolbar.conduit.com/Developer/HtmlAndGadget/Methods/JSInjection.aspx
-            "conduitPage",
-            // Generic error code from errors outside the security sandbox
-            // You can delete this if using raven.js > 1.0, which ignores these automatically.
-            "Script error.",
-            // Avast extension error
-            "_avast_submit",
-        ],
-        denyUrls: [
-            // Google Adsense
-            /pagead\/js/i,
-            // Facebook flakiness
-            /graph\.facebook\.com/i,
-            // Facebook blocked
-            /connect\.facebook\.net\/en_US\/all\.js/i,
-            // Woopra flakiness
-            /eatdifferent\.com\.woopra-ns\.com/i,
-            /static\.woopra\.com\/js\/woopra\.js/i,
-            // Chrome extensions
-            /extensions\//i,
-            /^chrome:\/\//i,
-            // Other plugins
-            /127\.0\.0\.1:4001\/isrunning/i,
-            /webappstoolbarba\.texthelp\.com\//i,
-            /metrics\.itunes\.apple\.com\.edgesuite\.net\//i,
-        ],
-        beforeSendTransaction: (event, hint) => {
-            console.log(event, hint);
-            return event;
-        },
-    });
-    const hub = new Hub(client);
+    let globalHub;
+    let currentHub;
+    const initHub = () => {
+        const client = new Client({
+            environment,
+            release,
+            dsn: `https://${publicKey}@o179049.ingest.sentry.io/${project}`,
+            integrations: integrations(),
+            tracesSampleRate: 1.0,
+            debug: true,
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            enableNative: Platform.OS !== "web",
+            autoInitializeNativeSdk: Platform.OS !== "web",
+            stackParser: defaultStackParser,
+            transport,
+            ignoreErrors: IGNORED_ERRORS,
+            denyUrls: DENIED_URLS,
+        });
+        return new Hub(client);
+    };
     const onMount = (customerId) => {
-        if (!mainHub) {
-            hub.setUser({ id: customerId });
-            hub.startSession();
-            mainHub = makeMain(hub);
+        if (!currentHub) {
+            currentHub = initHub();
+            currentHub.setUser({ id: customerId });
+            currentHub.startSession();
+        }
+        if (!globalHub) {
+            globalHub = makeMain(currentHub);
         }
     };
     const onUnMount = () => {
-        hub.setUser(null);
-        hub.endSession();
-        makeMain(mainHub);
+        if (currentHub) {
+            currentHub.setUser(null);
+            currentHub.endSession();
+            currentHub = null;
+        }
+        if (globalHub) {
+            makeMain(globalHub);
+            globalHub = null;
+        }
     };
     const useRoutes = wrapUseRoutes(reactRouterUseRoutes);
     return (Component) => {
@@ -92,7 +102,8 @@ const sentryLogger = ({ publicKey, environment, release, project }) => {
             useEffect(() => {
                 onMount(customer?.customerId);
                 return onUnMount;
-            }, [customer?.customerId]);
+                // eslint-disable-next-line react-hooks/exhaustive-deps
+            }, []);
             return (React.createElement(ErrorBoundary, null,
                 React.createElement(WrappedComponent, { ...props, useRoutes: useRoutes })));
         };

package/dist/shared/logging/reactRouterV6Instrumentation/reactRouterV6Instrumentation.native.d.ts

@@ -2,6 +2,13 @@ import { RoutingInstrumentation } from "@sentry/react-native";
 import { OnConfirmRoute, TransactionCreator } from "@sentry/react-native/dist/js/tracing/routingInstrumentation";
 import { BeforeNavigate } from "@sentry/react-native/dist/js/tracing/types";
 import { MatchRoutes, UseEffect, UseLocation, WrapUseRoutes } from "../types";
+/**
+ * This instrumentation has been built following the actual
+ * ReactNavigationV4Instrumentation implementation as suggested in the documentation.
+ *
+ * (https://docs.sentry.io/platforms/react-native/performance/instrumentation/automatic-instrumentation/#custom-instrumentation)
+ * (https://github.com/getsentry/sentry-react-native/blob/211ec081b6bf8d7d29541afe9d800040f61e3c4e/src/js/tracing/reactnavigationv4.ts)
+ */
 declare class ReactRouterV6Instrumentation extends RoutingInstrumentation {
     static instrumentationName: string;
     private useEffect;

package/dist/shared/logging/reactRouterV6Instrumentation/reactRouterV6Instrumentation.native.js

@@ -4,6 +4,13 @@ import { logger } from "@sentry/utils";
 import React from "react";
 import { normalizedNameAndMatchForLocation } from "./normalizedNameAndMatchForLocation";
 import { transactionContext } from "./transactionContext";
+/**
+ * This instrumentation has been built following the actual
+ * ReactNavigationV4Instrumentation implementation as suggested in the documentation.
+ *
+ * (https://docs.sentry.io/platforms/react-native/performance/instrumentation/automatic-instrumentation/#custom-instrumentation)
+ * (https://github.com/getsentry/sentry-react-native/blob/211ec081b6bf8d7d29541afe9d800040f61e3c4e/src/js/tracing/reactnavigationv4.ts)
+ */
 class ReactRouterV6Instrumentation extends RoutingInstrumentation {
     static instrumentationName = "react-router-v6";
     useEffect;

package/dist/shared/logging/types.d.ts

@@ -1,3 +1,4 @@
+import { Integration } from "@sentry/types";
 import { ComponentType, useEffect } from "react";
 import { matchRoutes, RouteObject, useLocation } from "react-router-native";
 interface Location {
@@ -13,4 +14,7 @@ interface WrapUseRoutes {
 interface WrapComponent {
     <P>(Component: ComponentType<P>): ComponentType<P>;
 }
-export type { Location, UseEffect, UseLocation, MatchRoutes, UseRoutes, WrapUseRoutes, WrapComponent };
+interface Integrations {
+    (): Integration[];
+}
+export type { Location, Integrations, UseEffect, UseLocation, MatchRoutes, UseRoutes, WrapUseRoutes, WrapComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.6.0-beta.34",
+  "version": "0.6.0-beta.36",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [