[Analytics] Unify client analytics

.changeset/silly-dolphins-fly.md

@@ -0,0 +1,7 @@
+---
+"@thirdweb-dev/unity-js-bridge": patch
+"@thirdweb-dev/react-native": patch
+"@thirdweb-dev/react": patch
+---
+
+Adds global sdk vars

packages/react-native/src/evm/providers/thirdweb-provider.tsx

@@ -17,6 +17,8 @@ import { SafeAreaProvider } from "react-native-safe-area-context";
 import { walletIds } from "@thirdweb-dev/wallets";
 import { ThirdwebStorage } from "../../core/storage/storage";
 import type { Locale } from "../i18n/types";
+import { appBundleId, packageVersion } from "../utils/version";
+import { Platform } from "react-native";
 
 export interface ThirdwebProviderProps<TChains extends Chain[]>
   extends Omit<
@@ -148,6 +150,14 @@ export const ThirdwebProvider = <TChains extends Chain[] = DefaultChains>(
     ...restProps
   } = props;
 
+  if (typeof globalThis !== "undefined") {
+    (globalThis as any).X_SDK_NAME = packageVersion.name;
+    (globalThis as any).X_SDK_PLATFORM = "react-native";
+    (globalThis as any).X_SDK_VERSION = packageVersion.version;
+    (globalThis as any).X_SDK_OS = Platform.OS;
+    (globalThis as any).APP_BUNDLE_ID = appBundleId;
+  }
+
   const coinbaseWalletObj = supportedWallets.find(
     (w) => w.id === walletIds.coinbase,
   );

packages/react-native/src/index.ts

@@ -1,8 +1 @@
-import { isGlobalThisPresent } from "./evm/utils/global";
-import { appBundleId } from "./evm/utils/version";
-
 export * from "./evm";
-
-if (isGlobalThisPresent()) {
-  (globalThis as any).APP_BUNDLE_ID = appBundleId;
-}

packages/react/src/evm/providers/thirdweb-provider.tsx

@@ -16,6 +16,8 @@ import { en } from "../locales/en";
 import { ThirdwebLocaleContext } from "./locale-provider";
 import { walletIds } from "@thirdweb-dev/wallets";
 import { ThirdwebLocale } from "../locales/types";
+import packageJson from "../../../package.json";
+import { detectOS } from "../utils/isMobile";
 
 export interface ThirdwebProviderProps<TChains extends Chain[]>
   extends Omit<
@@ -479,6 +481,13 @@ export const ThirdwebProvider = <TChains extends Chain[] = DefaultChains>(
     ...restProps
   } = props;
 
+  if (typeof globalThis !== "undefined") {
+    (globalThis as any).X_SDK_NAME = packageJson.name;
+    (globalThis as any).X_SDK_PLATFORM = "react";
+    (globalThis as any).X_SDK_VERSION = packageJson.version;
+    (globalThis as any).X_SDK_OS = detectOS();
+  }
+
   const wallets: WalletConfig[] = supportedWallets || defaultWallets;
   const theme = _theme || "dark";
 

packages/react/src/evm/utils/isMobile.ts

@@ -41,7 +41,7 @@ export function isIOS(): boolean {
 /**
  * @internal
  */
-function detectOS() {
+export function detectOS() {
   const env = detectEnv();
   return env?.os ? env.os : undefined;
 }

packages/unity-js-bridge/src/thirdweb-bridge.ts

@@ -132,6 +132,12 @@ class ThirdwebBridge implements TWBridge {
   }
 
   public initialize(chain: ChainIdOrName, options: string) {
+    if(typeof globalThis !== "undefined"){
+      (globalThis as any).X_SDK_NAME = "UnitySDK";
+      (globalThis as any).X_SDK_PLATFORM = "unity";
+      (globalThis as any).X_SDK_VERSION = "4.5.1";
+      (globalThis as any).X_SDK_OS = "webgl";
+    }
     this.initializedChain = chain;
     console.debug("thirdwebSDK initialization:", chain, options);
     const sdkOptions = JSON.parse(options);