refactor(presence-tracker): Use presence package

examples/apps/presence-tracker/.env

@@ -0,0 +1,5 @@
+# .env.defaults should not contain private information. Create a .env file locally to override these values.
+AZURE_TENANT_ID=<tenant-id>
+AZURE_ORDERER=<orderer-url>
+AZURE_FUNCTION_TOKEN_PROVIDER_URL=<token-provider-url>
+FLUID_CLIENT=local

examples/apps/presence-tracker/package.json

@@ -40,15 +40,21 @@
 	"dependencies": {
 		"@fluid-example/example-utils": "workspace:~",
 		"@fluid-experimental/data-objects": "workspace:~",
+		"@fluid-experimental/presence": "workspace:~",
 		"@fluid-internal/client-utils": "workspace:~",
 		"@fluidframework/azure-client": "workspace:~",
 		"@fluidframework/container-definitions": "workspace:~",
 		"@fluidframework/container-runtime-definitions": "workspace:~",
 		"@fluidframework/core-interfaces": "workspace:~",
+		"@fluidframework/devtools": "workspace:~",
 		"@fluidframework/driver-definitions": "workspace:~",
 		"@fluidframework/fluid-static": "workspace:~",
+		"@fluidframework/routerlicious-driver": "workspace:~",
 		"@fluidframework/runtime-utils": "workspace:~",
+		"@fluidframework/telemetry-utils": "workspace:~",
+		"@fluidframework/test-runtime-utils": "workspace:~",
 		"fluid-framework": "workspace:~",
+		"axios": "^1.7.7",
 		"process": "^0.11.10"
 	},
 	"devDependencies": {

examples/apps/presence-tracker/src/AzureFunctionTokenProvider.ts

@@ -0,0 +1,61 @@
+/*!
+ * Copyright (c) Microsoft Corporation and contributors. All rights reserved.
+ * Licensed under the MIT License.
+ */
+
+import { AzureMember } from "@fluidframework/azure-client";
+import { ITokenProvider, ITokenResponse } from "@fluidframework/routerlicious-driver";
+import axios from "axios";
+
+/**
+ * Token Provider implementation for connecting to an Azure Function endpoint for
+ * Azure Fluid Relay token resolution. Note: this is a simplified implementation of
+ * TokenProvider. For production-ready applications, you should consider implementing
+ * the TokenProvider with retry logic, token caching, error handling, etc.
+ */
+export class AzureFunctionTokenProvider implements ITokenProvider {
+	/**
+	 * Creates a new instance using configuration parameters.
+	 * @param azFunctionUrl - URL to Azure Function endpoint
+	 * @param user - User object
+	 */
+	public constructor(
+		private readonly azFunctionUrl: string,
+		private readonly user?: Pick<AzureMember, "id" | "name" | "additionalDetails">,
+	) {}
+
+	public async fetchOrdererToken(
+		tenantId: string,
+		documentId?: string,
+		refresh?: boolean,
+	): Promise<ITokenResponse> {
+		return {
+			jwt: await this.getToken(tenantId, documentId),
+			fromCache: false,
+		};
+	}
+
+	public async fetchStorageToken(
+		tenantId: string,
+		documentId: string,
+		refresh?: boolean,
+	): Promise<ITokenResponse> {
+		return {
+			jwt: await this.getToken(tenantId, documentId),
+			fromCache: false,
+		};
+	}
+
+	private async getToken(tenantId: string, documentId?: string): Promise<string> {
+		const response = await axios.get(this.azFunctionUrl, {
+			params: {
+				tenantId,
+				documentId,
+				id: this.user?.id,
+				name: this.user?.name,
+				additionalDetails: this.user?.additionalDetails as unknown,
+			},
+		});
+		return response.data as string;
+	}
+}