Enable real-time notification for React Native

sdk/communication/communication-chat/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Release History
 
+## Unreleased
+
+- Updated to @azure/[email protected].
+- Enabled real-time notification for React Native.
+
 ## 1.0.0 (2021-03-29)
 
 ### Breaking Changes

sdk/communication/communication-chat/package.json

@@ -68,7 +68,7 @@
   "dependencies": {
     "@azure/abort-controller": "^1.0.0",
     "@azure/communication-common": "^1.0.0",
-    "@azure/communication-signaling": "1.0.0-beta.3",
+    "@azure/communication-signaling": "1.0.0-beta.5",
     "@azure/core-auth": "^1.3.0",
     "@azure/core-http": "^1.2.0",
     "@azure/core-tracing": "1.0.0-preview.11",

sdk/communication/communication-chat/src/chatClient.ts

@@ -251,7 +251,7 @@ export class ChatClient {
    */
   public async startRealtimeNotifications(): Promise<void> {
     if (this.signalingClient === undefined) {
-      throw new Error("Realtime notifications are only supported in the browser.");
+      throw new Error("Realtime notifications are not supported in node js.");
     }
 
     if (this.isRealtimeNotificationsStarted) {
@@ -269,7 +269,7 @@ export class ChatClient {
    */
   public async stopRealtimeNotifications(): Promise<void> {
     if (this.signalingClient === undefined) {
-      throw new Error("Realtime notifications are only supported in the browser.");
+      throw new Error("Realtime notifications are not supported in node js.");
     }
 
     this.isRealtimeNotificationsStarted = false;

sdk/communication/communication-chat/src/shims.d.ts

@@ -0,0 +1,11 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+// d.ts shims provide types for things we use internally but are not part
+// of this package's surface area.
+
+// Shim for DOM's navigator's product status
+interface Navigator {
+    readonly product: string;
+}
+declare let navigator: Navigator;

sdk/communication/communication-chat/src/signaling/signalingClient.ts

@@ -1,13 +1,19 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 
-import { SignalingClient } from "@azure/communication-signaling";
+import { CommunicationSignalingClient, SignalingClient } from "@azure/communication-signaling";
 import { CommunicationTokenCredential } from "@azure/communication-common";
 import { AzureLogger } from "@azure/logger";
 
 export const getSignalingClient = (
-  _credential: CommunicationTokenCredential,
-  _logger: AzureLogger
+  credential: CommunicationTokenCredential,
+  logger: AzureLogger
 ): SignalingClient | undefined => {
+  if (typeof navigator !== "undefined" && navigator.product === "ReactNative") {
+    // In React Native
+    return new CommunicationSignalingClient(credential, logger);
+  }
+
+  // In node js
   return undefined;
 };