fix: add crypto.randomUUID and webstream polyfills

Author: davidliu

package.json

@@ -49,6 +49,7 @@
     "promise.allsettled": "^1.0.5",
     "react-native-url-polyfill": "^1.3.0",
     "typed-emitter": "^2.1.0",
+    "web-streams-polyfill": "^4.1.0",
     "well-known-symbols": "^4.0.0"
   },
   "devDependencies": {

src/index.tsx

@@ -18,6 +18,7 @@ import type { LogLevel, SetLogLevelOptions } from './logger';
 import RNE2EEManager from './e2ee/RNE2EEManager';
 import RNKeyProvider, { type RNKeyProviderOptions } from './e2ee/RNKeyProvider';
 import { setupNativeEvents } from './events/EventEmitter';
+import { ReadableStream, WritableStream } from 'web-streams-polyfill';
 
 /**
  * Registers the required globals needed for LiveKit to work.
@@ -34,6 +35,8 @@ export function registerGlobals() {
   shimArrayAt();
   shimAsyncIterator();
   shimIterator();
+  shimCryptoUuid();
+  shimWebstreams();
   setupNativeEvents();
 }
 
@@ -100,6 +103,33 @@ function shimIterator() {
   var shim = require('well-known-symbols/Symbol.iterator/shim');
   shim();
 }
+
+function shimCryptoUuid() {
+  if (typeof global.crypto?.randomUUID !== 'function') {
+    global.crypto.randomUUID = () =>
+      'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        /* eslint-disable no-bitwise */
+        const r = (Math.random() * 16) | 0;
+        const v = c === 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      }) as `${string}-${string}-${string}-${string}-${string}`;
+  }
+}
+
+function shimWebstreams() {
+  // @ts-expect-error: global.WritableStream isn't typed here.
+  if (typeof global.WritableStream === 'undefined') {
+    // @ts-expect-error
+    global.WritableStream = WritableStream;
+  }
+
+  // @ts-expect-error: global.ReadableStream isn't typed here.
+  if (typeof global.ReadableStream === 'undefined') {
+    // @ts-expect-error
+    global.WritableStream = ReadableStream;
+  }
+}
+
 export * from './hooks';
 export * from './components/BarVisualizer';
 export * from './components/LiveKitRoom';

yarn.lock

@@ -2486,6 +2486,7 @@ __metadata:
     typed-emitter: ^2.1.0
     typedoc: ^0.25.13
     typescript: 5.0.4
+    web-streams-polyfill: ^4.1.0
     well-known-symbols: ^4.0.0
   peerDependencies:
     "@livekit/react-native-webrtc": ^125.0.9
@@ -12739,6 +12740,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"web-streams-polyfill@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "web-streams-polyfill@npm:4.1.0"
+  checksum: bce16f6bcca895439131fb21e4df15659a34d6f31fedd34b1680ab4fe9c438e02aabd336e4641eb1821e04a8da38dd03c6219fa8ca149ee9a002858a0d32f90d
+  languageName: node
+  linkType: hard
+
 "webidl-conversions@npm:^3.0.0":
   version: 3.0.1
   resolution: "webidl-conversions@npm:3.0.1"