feat(fdc): Add User Agent Tracking to FDC (#164)

* Fixed autocomplete

* Added tracking to fdc

* Removed angular changes

* Upped the required version of firebase

* updated to use 11.3.0

* Used correct enums

* reverted prelude changes

* Removed only

Author: maneesht

dataconnect-sdk/js/default-connector/package.json

@@ -20,6 +20,6 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "firebase": "^10.14.0 || ^11.0.0"
+    "firebase": "^10.14.0 || ^11.3.0"
   }
 }

examples/react-example/package.json

@@ -12,7 +12,7 @@
     "@tanstack/react-query": "^5.55.4",
     "@tanstack-query-firebase/react": "link:../../packages/react",
     "@dataconnect/default-connector": "workspace:*",
-    "firebase": "^11.0.0",
+    "firebase": "^11.3.0",
     "next": "15.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

package.json

@@ -13,7 +13,7 @@
     "@tanstack/react-query": "^5.55.4",
     "@types/jsonwebtoken": "^9.0.7",
     "@vitest/coverage-istanbul": "^2.0.5",
-    "firebase": "^11.1.0",
+    "firebase": "^11.3.0",
     "happy-dom": "^15.7.3",
     "jsonwebtoken": "^9.0.2",
     "react": "^19.0.0",

packages/react/package.json

@@ -42,7 +42,7 @@
 		"@dataconnect/default-connector": "workspace:*"
 	},
 	"peerDependencies": {
-		"firebase": "^11",
+		"firebase": "^11.3.0",
 		"@tanstack/react-query": "^5"
 	}
 }

packages/react/src/data-connect/useDataConnectMutation.ts

@@ -5,12 +5,14 @@ import {
 } from "@tanstack/react-query";
 import type { FirebaseError } from "firebase/app";
 import {
+  CallerSdkType,
+  CallerSdkTypeEnum,
   type DataConnect,
   type MutationRef,
   type QueryRef,
   executeMutation,
 } from "firebase/data-connect";
-import type { FlattenedMutationResult } from "./types";
+import { type FlattenedMutationResult } from "./types";
 
 export type useDataConnectMutationOptions<
   TData = unknown,
@@ -48,10 +50,10 @@ export function useDataConnectMutation<
     FlattenedMutationResult<Data, Variables>,
     FirebaseError,
     Variables
-  >
+  >,
+  _callerSdkType: CallerSdkType = CallerSdkTypeEnum.TanstackReactCore
 ) {
   const queryClient = useQueryClient();
-
   return useMutation<
     FlattenedMutationResult<Data, Variables>,
     FirebaseError,
@@ -78,6 +80,9 @@ export function useDataConnectMutation<
     },
     mutationFn: async (variables) => {
       const mutationRef = typeof ref === "function" ? ref(variables) : ref;
+
+      // @ts-expect-error function is hidden under `DataConnect`.
+      mutationRef.dataConnect._setCallerSdkType(_callerSdkType);
       const response = await executeMutation<Data, Variables>(mutationRef);
 
       return {

packages/react/src/data-connect/useDataConnectQuery.ts

@@ -4,9 +4,11 @@ import {
   type QueryRef,
   type QueryResult,
   executeQuery,
+  CallerSdkType,
+  CallerSdkTypeEnum
 } from "firebase/data-connect";
 import type { PartialBy } from "../../utils";
-import type { FlattenedQueryResult } from "./types";
+import { FlattenedQueryResult } from "./types";
 
 export type useDataConnectQueryOptions<
   TData = unknown,
@@ -19,6 +21,7 @@ export function useDataConnectQuery<Data = unknown, Variables = unknown>(
     FlattenedQueryResult<Data, Variables>,
     FirebaseError
   >,
+  _callerSdkType: CallerSdkType = CallerSdkTypeEnum.TanstackReactCore
 ) {
   let queryRef: QueryRef<Data, Variables>;
   let initialData: FlattenedQueryResult<Data, Variables> | undefined;
@@ -34,7 +37,8 @@ export function useDataConnectQuery<Data = unknown, Variables = unknown>(
   } else {
     queryRef = refOrResult;
   }
-
+  // @ts-expect-error function is hidden under `DataConnect`.
+  queryRef.dataConnect._setCallerSdkType(_callerSdkType);
   return useQuery<FlattenedQueryResult<Data, Variables>, FirebaseError>({
     ...options,
     initialData,