@cloudflare/realtimekit-react-native 0.1.3-staging.1 → 0.1.3-staging.3

package/android/src/main/AndroidManifest.xml

@@ -21,4 +21,11 @@
   <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
   <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
   <uses-permission android:name="android.permission.MICROPHONE" />
+  <application>
+    <provider
+      android:name="com.facebook.react.modules.blob.BlobProvider"
+      android:authorities="@string/blob_provider_authority"
+      android:exported="false"
+    />
+  </application>
 </manifest>

package/android/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="blob_provider_authority">com.cloudflare.realtimekit.blobs</string>
+</resources>

package/ios/RTKRNBackgroundTimer.m

@@ -77,14 +77,15 @@ RCT_EXPORT_METHOD(setTimeout:(int)timeoutId
     resolve([NSNumber numberWithBool:YES]);
 }
 
-/*
-RCT_EXPORT_METHOD(clearTimeout:(int)timeoutId
-                  resolver:(RCTPromiseResolveBlock)resolve
-                  rejecter:(RCTPromiseRejectBlock)reject)
+RCT_EXPORT_METHOD(backgroundTimerSetTimeout:(int)timeoutId
+                  timeout:(double)timeout)
 {
-    // Do nothing :)
-    // timeout will be ignored in javascript anyway :)
-}*/
+    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, timeout * NSEC_PER_MSEC), dispatch_get_main_queue(), ^{
+        if ([self bridge] != nil) {
+            [self sendEventWithName:@"backgroundTimer.timeout" body:[NSNumber numberWithInt:timeoutId]];
+        }
+    });
+}
 
 @end
 

package/lib/AudioSampleHandler.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from 'events';
+export default class AudioSampleHandler extends EventEmitter {
+    private webRTCModuleEmitter;
+    private _audioSamplesListener?;
+    private _isListening;
+    private _currentSamples;
+    constructor();
+    static init(): Promise<AudioSampleHandler>;
+    private _audioSampleHandler;
+    private initialiseSampler;
+    getFloatTimeDomainData(samples: Float32Array): void;
+    stopListening(): void;
+    destructor(): void;
+}

package/lib/AudioSampleHandler.js

@@ -0,0 +1,57 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { NativeEventEmitter, NativeModules, Platform, } from 'react-native';
+import { EventEmitter } from 'events';
+const { WebRTCModule } = NativeModules;
+export default class AudioSampleHandler extends EventEmitter {
+    constructor() {
+        super();
+        this._isListening = false;
+        this.webRTCModuleEmitter = new NativeEventEmitter(WebRTCModule);
+        this._audioSampleHandler = this._audioSampleHandler.bind(this);
+        this._currentSamples = new Float32Array(1024);
+        this.initialiseSampler();
+    }
+    static init() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new AudioSampleHandler();
+        });
+    }
+    _audioSampleHandler(audioData) {
+        this._currentSamples.fill(0);
+        if (Platform.OS === 'android') {
+            this._currentSamples.set(audioData);
+        }
+        else {
+            this._currentSamples.set(audioData.samples);
+        }
+    }
+    initialiseSampler() {
+        this._audioSamplesListener = this.webRTCModuleEmitter.addListener('audioSamples', this._audioSampleHandler);
+        this._isListening = true;
+    }
+    getFloatTimeDomainData(samples) {
+        if (!this._isListening) {
+            this.initialiseSampler();
+        }
+        samples.set(this._currentSamples);
+    }
+    stopListening() {
+        if (this._audioSamplesListener) {
+            this._audioSamplesListener.remove();
+            this._audioSamplesListener = undefined;
+            this._isListening = false;
+            this._currentSamples.fill(0);
+        }
+    }
+    destructor() {
+        this.stopListening();
+    }
+}

package/lib/BackgroundHandler.d.ts

@@ -6,6 +6,7 @@ declare class BackgroundTimer {
     backgroundTimer: number | NodeJS.Timeout | null;
     backgroundListener: any;
     constructor();
+    init(): BackgroundTimer;
     start(delay?: number): any;
     stop(): any;
     runBackgroundTimer(callback: any, delay: any): void;

package/lib/BackgroundHandler.js

@@ -21,6 +21,9 @@ class BackgroundTimer {
             }
         });
     }
+    init() {
+        return new BackgroundTimer();
+    }
     // Original API
     start(delay = 0) {
         return Platform.OS === 'android'

package/lib/ReactHooks.d.ts

@@ -5,7 +5,12 @@ import RealtimeKitClient from '@cloudflare/realtimekit';
 export declare const useRealtimeKitClient: () => [RealtimeKitClient | undefined, (options: any) => {}];
 type StateSelector<T extends object, U> = (state: T) => U;
 /**
+ * @deprecated Use `useRealtimeKitSelector` instead.
  * Hook which extracts data from the RealtimeKitClient object
  */
 export declare const useRTKSelector: <StateSlice>(selector: StateSelector<RealtimeKitClient, StateSlice>) => StateSlice;
+/**
+ * Hook which extracts data from the RealtimeKitClient object
+ */
+export declare const useRealtimeKitSelector: <StateSlice>(selector: StateSelector<RealtimeKitClient, StateSlice>) => StateSlice;
 export * from './ReactContext';

package/lib/ReactHooks.js

@@ -37,12 +37,19 @@ const shouldUpdate = (slice, newSlice) => {
     return false;
 };
 /**
+ * @deprecated Use `useRealtimeKitSelector` instead.
  * Hook which extracts data from the RealtimeKitClient object
  */
 export const useRTKSelector = (selector) => {
+    return useRealtimeKitSelector(selector);
+};
+/**
+ * Hook which extracts data from the RealtimeKitClient object
+ */
+export const useRealtimeKitSelector = (selector) => {
     const { meeting, updates } = useContext(RealtimeKitContext);
     if (!meeting)
-        throw new Error('useRTKSelector must be used within the RealtimeKitProvider');
+        throw new Error('useRealtimeKitSelector must be used within the RealtimeKitProvider');
     const state = useRef(selector(meeting));
     const [, forceUpdate] = useReducer((c) => c + 1, 0);
     useEffect(() => {

package/lib/index.d.ts

@@ -3,7 +3,7 @@ import './utils/crypto';
 import 'text-encoding-polyfill';
 import 'node-libs-react-native/globals';
 import 'react-native-url-polyfill/auto';
-export { RealtimeKitProvider, useRealtimeKitClient, useRTKSelector, useRealtimeKitMeeting, } from './ReactHooks';
+export { RealtimeKitProvider, useRealtimeKitClient, useRTKSelector, useRealtimeKitSelector, useRealtimeKitMeeting, } from './ReactHooks';
 declare global {
     var navigator: any;
 }

package/lib/index.js

@@ -1,12 +1,14 @@
 import { NativeModules, Platform } from 'react-native';
 import RealtimeKitMeeting from '@cloudflare/realtimekit';
 import LocalMediaHandler from './LocalMediaHandler';
+import AudioSampleHandler from './AudioSampleHandler';
+import BackgroundTimer from './BackgroundHandler';
 import { registerGlobals } from '@cloudflare/react-native-webrtc';
 import './utils/crypto';
 import 'text-encoding-polyfill';
 import 'node-libs-react-native/globals';
 import 'react-native-url-polyfill/auto';
-export { RealtimeKitProvider, useRealtimeKitClient, useRTKSelector, useRealtimeKitMeeting, } from './ReactHooks';
+export { RealtimeKitProvider, useRealtimeKitClient, useRTKSelector, useRealtimeKitSelector, useRealtimeKitMeeting, } from './ReactHooks';
 registerGlobals();
 const LINKING_ERROR = `The package '@cloudflare/realtimekit-react-native' doesn't seem to be linked. Make sure: \n\n` +
     Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
@@ -37,4 +39,14 @@ Object.defineProperty(navigator, 'RNLocalMediaHandlerImpl', {
         return LocalMediaHandler;
     },
 });
+Object.defineProperty(navigator, 'RNAudioSampleHandlerImpl', {
+    get: function () {
+        return AudioSampleHandler;
+    },
+});
+Object.defineProperty(navigator, 'RNBackgroundTimerImpl', {
+    get: function () {
+        return BackgroundTimer;
+    },
+});
 export default RealtimeKitMeeting;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudflare/realtimekit-react-native",
-    "version": "0.1.3-staging.1",
+    "version": "0.1.3-staging.3",
     "description": "Cloudflare RealtimeKit SDK for react native",
     "main": "lib/index.js",
     "author": "Cloudflare",
@@ -25,7 +25,7 @@
     },
     "private": false,
     "dependencies": {
-        "@cloudflare/realtimekit": "1.0.2",
+        "@cloudflare/realtimekit": "1.1.5-staging.1",
         "events": "^3.3.0",
         "fast-base64-decode": "1.0.0",
         "node-libs-react-native": "^1.2.1",
@@ -38,7 +38,7 @@
         "android"
     ],
     "peerDependencies": {
-        "@cloudflare/react-native-webrtc": "~114.0.18",
+        "@cloudflare/react-native-webrtc": "~125.0.1",
         "@expo/config-plugins": "*",
         "react": "*",
         "react-native": "*"