@realsee/live 0.5.0-alpha.1 → 0.5.0-alpha.12

package/dist/live/controller.d.ts

@@ -1,9 +1,11 @@
 import { LiveMsg } from '../typings';
 import { LiveState } from '../typings/live/LiveState';
+import { RobustWebSocketEventDetail } from '../utils/RobustWebSocket';
 import { Subscribe } from '../utils/subscribe';
 export declare type LiveControllerEventMap = {
     stateChange: (state: LiveState, prevState: LiveState) => void;
     message: (message: LiveMsg) => void;
+    reconnected: (detail: RobustWebSocketEventDetail) => void;
 };
 export declare class LiveController extends Subscribe<LiveControllerEventMap> {
     /**
@@ -30,6 +32,10 @@ export declare class LiveController extends Subscribe<LiveControllerEventMap> {
      * @param event
      */
     private _handleCloseEvent;
+    /**
+     * 处理房间正在关闭事件（这个时候可能是断网了）
+     */
+    private _handleClosingEvent;
     /**
      * 连接中
      * @param event

package/dist/live/createLiveReact.d.ts

@@ -15,12 +15,12 @@ export declare function createLiveReact<KeyframesSnapshot>(options: LiveOptions)
     LiveProvider: (props: LiveProviderPropTypes<KeyframesSnapshot>) => JSX.Element;
     unsafe__useLiveInstance: () => Live<KeyframesSnapshot>;
     unsafe__useRTCInstance: () => import("../typings").RTCProtocol;
-    useConnect: (options: LiveConnectOptions) => Promise<boolean | Error>;
+    useConnect: () => (options: LiveConnectOptions) => Promise<boolean | Error>;
     useKeyframe: <K extends keyof KeyframesSnapshot>(key: K) => [frame: KeyframesSnapshot[K] | undefined, setFrame: (frame: KeyframesSnapshot[K]) => boolean | Error];
     useKeyframeUpdateCallback: <KeyOfKeyframe extends keyof KeyframeTypes<KeyframesSnapshot>>(key: KeyOfKeyframe, callback: (...args: Parameters<KeyframeTypes<KeyframesSnapshot>[KeyOfKeyframe]>) => ReturnType<KeyframeTypes<KeyframesSnapshot>[KeyOfKeyframe]>, deps?: React.DependencyList) => () => void;
     useLiveAction: () => {
         connect: (options: LiveConnectOptions) => Promise<boolean | Error>;
-        broadcast: (data: Record<string, any>, toUserIds: string | string[], timeout?: any) => Promise<unknown>;
+        broadcast: (data: Record<string, any>, toUserIds: string | string[], timeout?: number) => Promise<unknown>;
         exit: () => Promise<boolean>;
         kick: (toUserIds: string | string[]) => Promise<boolean>;
         toggleMicro: (microStatus: boolean) => Promise<boolean>;

package/dist/live/live.d.ts

@@ -1,12 +1,16 @@
 import { JSBridgeProtocol } from '@realsee/jsbridge-x';
 import { RTCProtocol } from '../rtc';
-import { EventType, KeyframeTypes, LiveOptions, RoomInfo, UserInfo, BuiltinEventType, BuiltinActionType, MicroStatus, LiveConnectOptions } from '../typings';
+import { EventType, KeyframeTypes, LiveOptions, RoomInfo, RTCType, UserInfo, BuiltinEventType, BuiltinActionType, MicroStatus, LiveConnectOptions } from '../typings';
 import { LiveState } from '../typings/live/LiveState';
 import { Subscribe } from '../utils/subscribe';
 export declare type LiveBuiltInData<KeyframesSnapshot> = {
     selfInfo?: UserInfo;
     userList?: UserInfo[];
     roomInfo?: RoomInfo;
+    rtcInfo?: {
+        voiceId: string;
+        type: RTCType;
+    };
     keyframes: Partial<KeyframesSnapshot>;
 };
 export declare const _clearLiveInstanceIfNeed: () => void;
@@ -94,6 +98,10 @@ export declare class Live<KeyframesSnapshot extends Record<string, any>> extends
      * @returns
      */
     private _handleStateChange;
+    /**
+     * 消息接收
+     * @param liveMsg
+     */
     private _handleMessage;
     /**
      * 清理带看缓存的数据

package/dist/realsee-live.cjs.development.js

@@ -618,9 +618,12 @@ class VRWebViewRTC extends CoreRTC {
         this.micro = false;
         this.voiceId = '';
         this.options = { jsBridge, getVoiceSign };
-        this.jsBridge.callAndListen('live/userVolumes', (userVolumes) => {
-            this.emit('userVolumes', userVolumes);
-        });
+        // TO-DO: 在微信小程序下有个音量上报的BUG会导致消息体过大从而jsbridge异常断开
+        if (this.jsBridge.webViewType !== 'WxMiniProgramWebView') {
+            this.jsBridge.callAndListen('live/userVolumes', (userVolumes) => {
+                this.emit('userVolumes', userVolumes);
+            });
+        }
         this.jsBridge.callAndListen('live/weakNetwork', (weakNetwork) => {
             if (weakNetwork)
                 this.emit('weakNetwork');
@@ -631,25 +634,37 @@ class VRWebViewRTC extends CoreRTC {
     }
     join(options) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.emit('joinWillStart');
-            const { sdkAppId, userId, userSig } = yield this.options.getVoiceSign(options);
-            this.type = options.type;
-            const [res, error] = yield this.jsBridge.callAndBackfeed(`live/join?sdkAppID=${sdkAppId}&userID=${userId}&roomID=${Number(options.voiceId)}&userSig=${userSig}`);
-            if (!res) {
-                this.emit('error', error ? error : new Error('加入房间失败：未知异常。'));
-                this.joined = false;
-            }
-            else {
-                if (res.code === exports.RTCJoinedInfoCodeEnum.Success) {
-                    this.emit('joined');
-                    this.joined = true;
+            try {
+                this.emit('joinWillStart');
+                const { sdkAppId, userId, userSig } = yield this.options.getVoiceSign(options);
+                if (!(Boolean(sdkAppId) && Boolean(userId) && Boolean(userSig))) {
+                    this.emit('error', new Error('加入房间失败：rtc 签名请求异常'));
+                    this.joined = false;
+                    return this.joined;
                 }
-                else {
-                    this.emit('error', res);
+                this.type = options.type;
+                const [res, error] = yield this.jsBridge.callAndBackfeed(`live/join?sdkAppID=${sdkAppId}&userID=${userId}&roomID=${Number(options.voiceId)}&userSig=${userSig}`);
+                if (!res) {
+                    this.emit('error', error ? error : new Error('加入房间失败：未知异常。'));
                     this.joined = false;
                 }
+                else {
+                    if (res.code === exports.RTCJoinedInfoCodeEnum.Success) {
+                        this.emit('joined');
+                        this.joined = true;
+                    }
+                    else {
+                        this.emit('error', res);
+                        this.joined = false;
+                    }
+                }
+                return this.joined;
+            }
+            catch (e) {
+                this.emit('error', new Error('加入房间失败：' + e.message));
+                this.joined = false;
+                return this.joined;
             }
-            return this.joined;
         });
     }
     quit() {
@@ -795,6 +810,23 @@ function parseLiveMsg(jsonTxt) {
     }
 }
 
+exports.LiveState = void 0;
+(function (LiveState) {
+    LiveState[LiveState["NOTINITIALIZED"] = -1] = "NOTINITIALIZED";
+    /**
+     * 正在链接中
+     */
+    LiveState[LiveState["CONNECTING"] = 0] = "CONNECTING";
+    /**
+     * 已经链接并且可以通讯
+     */
+    LiveState[LiveState["OPEN"] = 1] = "OPEN";
+    /**
+     * 连接已关闭或者链接失败
+     */
+    LiveState[LiveState["CLOSED"] = 3] = "CLOSED";
+})(exports.LiveState || (exports.LiveState = {}));
+
 /**
  * 用户当前状态枚举。
  */
@@ -952,23 +984,6 @@ exports.default = LogLevel;
 
 var LogLevel = /*@__PURE__*/getDefaultExportFromCjs(LogLevel_1);
 
-var LiveState;
-(function (LiveState) {
-    LiveState[LiveState["NOTINITIALIZED"] = -1] = "NOTINITIALIZED";
-    /**
-     * 正在链接中
-     */
-    LiveState[LiveState["CONNECTING"] = 0] = "CONNECTING";
-    /**
-     * 已经链接并且可以通讯
-     */
-    LiveState[LiveState["OPEN"] = 1] = "OPEN";
-    /**
-     * 连接已关闭或者链接失败
-     */
-    LiveState[LiveState["CLOSED"] = 3] = "CLOSED";
-})(LiveState || (LiveState = {}));
-
 function appendUri(uri, query) {
     const hasQuery = uri.indexOf('?') !== -1;
     const newQuery = Object.keys(query).reduce((accu, curr, idx) => `${accu}${(idx === 0 && !hasQuery) ? '?' : '&'}${curr}=${query[curr]}`, '');
@@ -1170,6 +1185,7 @@ class RobustWebSocket extends Subscribe {
     constructor(options) {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-call
         super();
+        this._readyState = exports.WebSocketState.NOTINITIALIZED;
         this._options = {
             timeout: 10000,
             shouldReconnect: (event, ws) => {
@@ -1186,6 +1202,43 @@ class RobustWebSocket extends Subscribe {
         this._reconnectWhenOnlineAgain = false;
         this._explicitlyClosed = false;
         this._connectivityEventsAttached = false;
+        /**
+         * 做一个健康检查
+         */
+        this._healthCheck = () => __awaiter(this, void 0, void 0, function* () {
+            if (this._realWebSocket &&
+                this._realWebSocket.readyState !== this._readyState) {
+                this._readyState = this._realWebSocket.readyState;
+                // 太惨了，断网的时候，ws不会直接closed，而是处于closing的状态
+                if (this._readyState === exports.WebSocketState.CLOSING) {
+                    this.emit('closing');
+                }
+            }
+            yield new Promise((resolve) => setTimeout(resolve, 2000));
+            this._heathCheckTimer = requestAnimationFrame(this._healthCheck);
+        });
+        /**
+         * 清理健康检查
+         */
+        this._clearHeathCheckIfNeed = () => {
+            if (this._heathCheckTimer) {
+                cancelAnimationFrame(this._heathCheckTimer);
+                this._heathCheckTimer = undefined;
+            }
+        };
+        /**
+         * 开启健康检查
+         */
+        this._startHealthCheck = () => {
+            this._clearHeathCheckIfNeed();
+            this._heathCheckTimer = requestAnimationFrame(this._healthCheck);
+        };
+        /**
+         * 停止健康检查
+         */
+        this._stopHealthCheck = () => {
+            this._clearHeathCheckIfNeed();
+        };
         /**
          * 清理连接中的请求
          */
@@ -1211,7 +1264,7 @@ class RobustWebSocket extends Subscribe {
         this._offline = () => {
             var _a;
             this._reconnectWhenOnlineAgain = true;
-            (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.close(1000);
+            (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.close(1000, 'offline');
         };
         /**
          * 解除网络监听事件
@@ -1238,7 +1291,12 @@ class RobustWebSocket extends Subscribe {
          * @param data
          * @returns
          */
-        this.send = (data) => { var _a; return (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.send(data); };
+        this.send = (data) => {
+            var _a, _b, _c;
+            if (((_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.readyState) === ((_b = this._realWebSocket) === null || _b === void 0 ? void 0 : _b.OPEN)) {
+                (_c = this._realWebSocket) === null || _c === void 0 ? void 0 : _c.send(data);
+            }
+        };
         /**
          * 关闭连接
          * @param code 代码
@@ -1282,6 +1340,7 @@ class RobustWebSocket extends Subscribe {
             if (!newUrl)
                 return;
             this._pendingReconnect = undefined;
+            this._removeWebSocketEvent();
             this._realWebSocket = new WebSocket(newUrl, this._protocols || undefined);
             this._attempts = this._attempts + 1;
             this.emit('connecting', new CustomEvent('connecting', {
@@ -1303,6 +1362,16 @@ class RobustWebSocket extends Subscribe {
                 this._attachConnectivityEvents();
             }
         };
+        /**
+         * 断开ws事件
+         */
+        this._removeWebSocketEvent = () => {
+            var _a, _b, _c, _d;
+            (_a = this._realWebSocket) === null || _a === void 0 ? void 0 : _a.removeEventListener('open', this._webSocketOpenHandler);
+            (_b = this._realWebSocket) === null || _b === void 0 ? void 0 : _b.removeEventListener('close', this._webSocketCloseHandler);
+            (_c = this._realWebSocket) === null || _c === void 0 ? void 0 : _c.removeEventListener('error', this._webSocketErrorHandler);
+            (_d = this._realWebSocket) === null || _d === void 0 ? void 0 : _d.removeEventListener('message', this._webSocketMessageHandler);
+        };
         /**
          * 分发ws事件
          */
@@ -1326,6 +1395,7 @@ class RobustWebSocket extends Subscribe {
             const attempts = this._attempts;
             this._attempts = 0;
             this._reconnectWhenOnlineAgain = false;
+            this._startHealthCheck();
             return this.emit('open', Object.assign(event, { detail: { reconnects, attempts } }));
         };
         /**
@@ -1335,6 +1405,7 @@ class RobustWebSocket extends Subscribe {
          */
         this._webSocketCloseHandler = (event) => {
             this._reconnect(event);
+            this._stopHealthCheck();
             return this.emit('close', event);
         };
         /**
@@ -1356,6 +1427,7 @@ class RobustWebSocket extends Subscribe {
         if (options) {
             this.setOptions(options);
         }
+        this._startHealthCheck();
     }
     get attempts() {
         return this._attempts;
@@ -1406,16 +1478,20 @@ class LiveController extends Subscribe {
         /**
          * ws代理器
          */
-        this._ws = new RobustWebSocket();
+        this._ws = new RobustWebSocket({
+            url: '',
+            robustOptions: { timeout: 180000 },
+        });
         /**
          * 带看连接状态
          */
-        this._state = LiveState.NOTINITIALIZED;
+        this._state = exports.LiveState.NOTINITIALIZED;
         /**
          * 添加事件监听
          */
         this._addWebSocketEventListeners = () => {
             this._ws.on('close', this._handleCloseEvent);
+            this._ws.on('closing', this._handleClosingEvent);
             this._ws.on('connecting', this._handleConnectingEvent);
             this._ws.on('error', this._handleErrorEvent);
             this._ws.on('message', this._handleMessageEvent);
@@ -1427,6 +1503,7 @@ class LiveController extends Subscribe {
          */
         this._removeWebSocketEventListeners = () => {
             this._ws.off('close', this._handleCloseEvent);
+            this._ws.off('closing', this._handleClosingEvent);
             this._ws.off('connecting', this._handleConnectingEvent);
             this._ws.off('error', this._handleErrorEvent);
             this._ws.off('message', this._handleMessageEvent);
@@ -1439,15 +1516,23 @@ class LiveController extends Subscribe {
          */
         this._handleCloseEvent = (event) => {
             logger$1.info(`live room closed bacause of ${event.code}-${event.reason || parseWSClsErr(event.code)}`);
-            this.state = LiveState.CLOSED;
+            this.state = exports.LiveState.CLOSED;
+        };
+        /**
+         * 处理房间正在关闭事件（这个时候可能是断网了）
+         */
+        this._handleClosingEvent = () => {
+            var _a;
+            logger$1.info(`live room is closing, onLine:`, (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.navigator) === null || _a === void 0 ? void 0 : _a.onLine);
+            this.state = exports.LiveState.CLOSED;
         };
         /**
          * 连接中
          * @param event
          */
-        this._handleConnectingEvent = (event) => {
-            logger$1.info(`live room is connecting`, event.detail);
-            this.state = LiveState.CONNECTING;
+        this._handleConnectingEvent = () => {
+            logger$1.info(`live room is connecting`);
+            this.state = exports.LiveState.CONNECTING;
         };
         /**
          * 连接发送异常
@@ -1455,7 +1540,7 @@ class LiveController extends Subscribe {
          */
         this._handleErrorEvent = (event) => {
             logger$1.error(`live room error`, event);
-            this.state = LiveState.CLOSED;
+            this.state = exports.LiveState.CLOSED;
         };
         /**
          * 接收到消息
@@ -1479,7 +1564,10 @@ class LiveController extends Subscribe {
          */
         this._handleOpenEvent = (event) => {
             logger$1.info('live room open', event.detail);
-            this.state = LiveState.OPEN;
+            this.state = exports.LiveState.OPEN;
+            if (event.detail.reconnects > 0) {
+                this.emit('reconnected', event.detail);
+            }
         };
         /**
          * 处理超时
@@ -1487,7 +1575,7 @@ class LiveController extends Subscribe {
          */
         this._handleTimeoutEvent = (event) => {
             logger$1.error('live room connect timeout!', event.detail);
-            this.state = LiveState.CLOSED;
+            this.state = exports.LiveState.CLOSED;
         };
         /**
          * 释放资源，释放之后需要重新实例化
@@ -1530,7 +1618,7 @@ class LiveController extends Subscribe {
         if (data === undefined || data === null || data === '') {
             throw new Error('live message is empty!');
         }
-        if (this.state === LiveState.OPEN) {
+        if (this.state === exports.LiveState.OPEN) {
             return this._ws.send(JSON.stringify(data));
         }
         else {
@@ -1583,7 +1671,7 @@ class Live extends Subscribe {
          * @returns
          */
         this.sendKeyframe = (key, frame) => {
-            if (this.state !== LiveState.OPEN)
+            if (this.state !== exports.LiveState.OPEN)
                 return false;
             this._buildInData.keyframes = Object.assign(Object.assign({}, this._buildInData.keyframes), { [key]: frame });
             const liveMsg = createLiveMsg(exports.Command.KeyframeSync, this.snapshot);
@@ -1620,6 +1708,10 @@ class Live extends Subscribe {
          * @returns
          */
         this._handleStateChange = (state, prevState) => this.emit('stateChange', state, prevState);
+        /**
+         * 消息接收
+         * @param liveMsg
+         */
         this._handleMessage = (liveMsg) => __awaiter(this, void 0, void 0, function* () {
             var _b, _c, _d, _e, _f, _g;
             if (typeof liveMsg === 'object') {
@@ -1651,6 +1743,7 @@ class Live extends Subscribe {
                          */
                         case exports.Command.RTCInfo: {
                             const { voice_id: voiceId, type } = data;
+                            this._buildInData.rtcInfo = { voiceId, type };
                             if (!((_b = this.$RTC) === null || _b === void 0 ? void 0 : _b.joined)) {
                                 const result = yield ((_c = this.$RTC) === null || _c === void 0 ? void 0 : _c.join({
                                     voiceId,
@@ -1791,10 +1884,17 @@ class Live extends Subscribe {
                 return false;
             }
             const { force = false } = options;
+            // 检测一下麦克风权限，hack
+            if (this._options.rtc && this._options.jsBridge) {
+                const res = yield this._options.jsBridge.detectMicro();
+                if (!res) {
+                    return new Error('Failed to obtain microphone authorization');
+                }
+            }
             // 检查是否已有实例在使用
             const currentState = this.state;
-            if (currentState === LiveState.CONNECTING ||
-                currentState === LiveState.OPEN) {
+            if (currentState === exports.LiveState.CONNECTING ||
+                currentState === exports.LiveState.OPEN) {
                 if (force) {
                     try {
                         yield this._controller.close('force close by connect');
@@ -2080,7 +2180,7 @@ class Live extends Subscribe {
      */
     updateStatus(evtType, atnType, status, toUserIds) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.state !== LiveState.OPEN)
+            if (this.state !== exports.LiveState.OPEN)
                 return false;
             const data = Object.assign({ event_type: evtType, action: atnType }, { data: status });
             const liveMsg = createLiveMsg(exports.Command.BuiltinMsg, data, toUserIds);
@@ -2102,7 +2202,7 @@ class Live extends Subscribe {
      * @returns
      */
     broadcast(request, toUserIds, timeout) {
-        if (this.state !== LiveState.OPEN)
+        if (this.state !== exports.LiveState.OPEN)
             return false;
         return new Promise((resolve, reject) => {
             const customEvent = createLiveMsg(exports.Command.CustomEvent, request, toUserIds);
@@ -2165,21 +2265,21 @@ function createLiveReact(options) {
      * @deprecated
      * @returns
      */
-    const unsafe__useLiveInstance = React.useCallback(() => useLiveInstance(), [useLiveInstance]);
+    const unsafe__useLiveInstance = () => useLiveInstance();
     /**
      * 使用rtc实例
      */
-    const useRTCInstance = React.useCallback(() => useLiveInstance().$RTC, [useLiveInstance]);
+    const useRTCInstance = () => useLiveInstance().$RTC;
     /**
      * 不建议这样使用
      * @deprecated
      * @returns
      */
-    const unsafe__useRTCInstance = React.useCallback(() => useRTCInstance(), [useRTCInstance]);
+    const unsafe__useRTCInstance = () => useRTCInstance();
     /**
      * 带看连接操作
      */
-    const useConnect = React.useCallback((options) => __awaiter(this, void 0, void 0, function* () { return yield useLiveInstance().connect(options); }), []);
+    const useConnect = () => (options) => __awaiter(this, void 0, void 0, function* () { return yield useLiveInstance().connect(options); });
     /**
      *
      * @param name
@@ -2203,17 +2303,17 @@ function createLiveReact(options) {
      */
     function useLiveAction() {
         const live = useLiveInstance();
-        const connect = React__default["default"].useCallback((options) => __awaiter(this, void 0, void 0, function* () { return yield live.connect(options); }), [live]);
-        const toggleMicro = React__default["default"].useCallback((microStatus) => live.toggleMicro(microStatus), [live]);
-        const broadcast = React__default["default"].useCallback((data, toUserIds, timeout = 0) => __awaiter(this, void 0, void 0, function* () { return yield live.broadcast(data, toUserIds, timeout); }), [live]);
-        const exit = React__default["default"].useCallback(() => __awaiter(this, void 0, void 0, function* () { return yield live.exit(); }), [live]);
-        const kick = React__default["default"].useCallback((toUserIds) => __awaiter(this, void 0, void 0, function* () { return yield live.kick(toUserIds); }), [live]);
-        const forbidMicro = React__default["default"].useCallback((micro, toUserIds = []) => __awaiter(this, void 0, void 0, function* () { return yield live.forbidMicro(micro, toUserIds); }), [live]);
-        const forbidSync = React__default["default"].useCallback((sync, toUserIds = []) => live.forbidSync(sync, toUserIds), [live]);
-        const getFramesByKey = React__default["default"].useCallback((key) => live.getFramesByKey(key), [live]);
-        const sendKeyframe = React__default["default"].useCallback((key, frame) => live.sendKeyframe(key, frame), [live]);
-        const setSelfInfo = React__default["default"].useCallback((userInfo) => live.setSelfInfo(userInfo), [live]);
-        const updateStatus = React__default["default"].useCallback((evtType, atnType, status, toUserIds) => live.updateStatus(evtType, atnType, status, toUserIds), [live]);
+        const connect = (options) => __awaiter(this, void 0, void 0, function* () { return yield live.connect(options); });
+        const toggleMicro = (microStatus) => live.toggleMicro(microStatus);
+        const broadcast = (data, toUserIds, timeout = 0) => __awaiter(this, void 0, void 0, function* () { return yield live.broadcast(data, toUserIds, timeout); });
+        const exit = () => __awaiter(this, void 0, void 0, function* () { return yield live.exit(); });
+        const kick = (toUserIds) => __awaiter(this, void 0, void 0, function* () { return yield live.kick(toUserIds); });
+        const forbidMicro = (micro, toUserIds = []) => __awaiter(this, void 0, void 0, function* () { return yield live.forbidMicro(micro, toUserIds); });
+        const forbidSync = (sync, toUserIds = []) => live.forbidSync(sync, toUserIds);
+        const getFramesByKey = (key) => live.getFramesByKey(key);
+        const sendKeyframe = (key, frame) => live.sendKeyframe(key, frame);
+        const setSelfInfo = (userInfo) => live.setSelfInfo(userInfo);
+        const updateStatus = (evtType, atnType, status, toUserIds) => live.updateStatus(evtType, atnType, status, toUserIds);
         return {
             connect,
             broadcast,
@@ -2267,11 +2367,11 @@ function createLiveReact(options) {
     }
     function useRTCAction() {
         const live = useLiveInstance();
-        const join = React__default["default"].useCallback((options) => live.$RTC.join(options), [live]);
-        const quit = React__default["default"].useCallback(() => live.$RTC.quit(), [live]);
-        const shock = React__default["default"].useCallback(() => { var _a, _b; return (_b = (_a = live.$RTC).shock) === null || _b === void 0 ? void 0 : _b.call(_a); }, [live]);
-        const toggleMicro = React__default["default"].useCallback((flag) => live.$RTC.toggleMicro(flag), [live]);
-        const detectMicro = React__default["default"].useCallback(() => live.$RTC.detectMicro(), [live]);
+        const join = (options) => live.$RTC.join(options);
+        const quit = () => live.$RTC.quit();
+        const shock = () => { var _a, _b; return (_b = (_a = live.$RTC).shock) === null || _b === void 0 ? void 0 : _b.call(_a); };
+        const toggleMicro = (flag) => live.$RTC.toggleMicro(flag);
+        const detectMicro = () => live.$RTC.detectMicro();
         return {
             join,
             quit,