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

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

@@ -8,7 +8,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';
 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: '' }) +

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudflare/realtimekit-react-native",
-    "version": "0.1.3-staging.2",
+    "version": "0.1.3-staging.3",
     "description": "Cloudflare RealtimeKit SDK for react native",
     "main": "lib/index.js",
     "author": "Cloudflare",