@easyv/biz-components 0.0.43 → 0.0.45

package/dist/_virtual/index.es2.js

@@ -1,5 +1,5 @@
-var coWebWorker = { exports: {} };
+var propTypes = { exports: {} };
 export {
-  coWebWorker as __module
+  propTypes as __module
 };
 //# sourceMappingURL=index.es2.js.map

package/dist/_virtual/index.es3.js

@@ -1,5 +1,5 @@
-var propTypes = { exports: {} };
+var classnames = { exports: {} };
 export {
-  propTypes as __module
+  classnames as __module
 };
 //# sourceMappingURL=index.es3.js.map

package/dist/_virtual/index.es4.js

@@ -1,5 +1,5 @@
-var classnames = { exports: {} };
+var coWebWorker = { exports: {} };
 export {
-  classnames as __module
+  coWebWorker as __module
 };
 //# sourceMappingURL=index.es4.js.map

package/dist/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './useDivAutoScroll';
 export * from './useXunFeiSteamVoiceManager';
 export * from './useInitialized';
 export * from './useWatchValue/useWatchValue';
+export * from './useSocketEvents';

package/dist/hooks/useSocketEvents/constant.d.ts

@@ -0,0 +1,52 @@
+export declare const ROOM_PREFIX = "easyvMpsRoom";
+export declare enum RoomType {
+    SPACE = "space",
+    TEAM = "team",
+    USER = "user",
+    PORTAL = "portal",
+    SCREEN = "screen",
+    MOBILE = "mobile",
+    AI_AGENT = "ai_agent",
+    AI_AGENT_COMPONENT = "ai_agent_component"
+}
+export declare enum SocketEventType {
+    CONNECT_TIMEOUT = "connect-timeout",
+    CONNECT = "connect",
+    CONNECT_ERROR = "connect-error",
+    RECONNECT = "reconnect",
+    /** 后端错误 */
+    EXCLUSIVE = "exception",
+    GET_ROOMS = "get-rooms",// 主动获取房间列表
+    GET_ROOM_USERS = "get-room-users",// 主动获取用户列表
+    ROOM_JOIN = "join-room",// 加入房间
+    ROOM_LEAVE = "leave-room",// 离开房间
+    EXCLUSIVE_MESSAGE_GET_ROOMS = "exclusive-message-get-rooms",// 监听房间信息
+    EXCLUSIVE_MESSAGE_GET_ROOM_USERS = "exclusive-message-get-room-users",// 获取房间成员
+    EXCLUSIVE_MESSAGE_JOIN_ROOM = "exclusive-message-join-room",
+    COLLAB_ADD = "broadcast-collab-add",// 协作消息-添加
+    COLLAB_DELETE = "broadcast-collab-delete",// 协作消息-删除
+    COLLAB_UPDATE = "broadcast-collab-update",// 协作消息-更新
+    MESSAGE_ROOM_JOIN = "broadcast-join-room",// 新成员加入房间
+    MESSAGE_ROOM_LEAVE = "broadcast-leave-room",// 成员离开房间
+    /** ai 智能体消息 */
+    AI_AGENT_MESSAGE = "broadcast-ai-agent-message"
+}
+export declare const MessageType: typeof SocketEventType;
+export declare const RoomTypeIdMap: {
+    space: (spaceId: number) => string;
+    team: (teamId: number) => string;
+    user: (userId: number) => string;
+    portal: (portalId: number) => string;
+    screen: (screenId: number) => string;
+    mobile: (mobileId: number) => string;
+};
+export declare const MAX_TIMEOUT = 5000;
+export declare const messageWindowByType: Record<string, string[]>;
+export declare const EXPLICIT_DISCONNECT_REASON: Set<number>;
+export declare const socketNormalMessageList: SocketEventType[];
+export declare const socketBroadcastMessageList: SocketEventType[];
+/** 消息推送的错误码 */
+export declare enum MpsErrorCode {
+    GUEST_TOKEN_ERROR = 1000,
+    UNAUTH = 1001
+}

package/dist/hooks/useSocketEvents/constant.es.js

@@ -0,0 +1,103 @@
+const ROOM_PREFIX = "easyvMpsRoom";
+var RoomType = /* @__PURE__ */ ((RoomType2) => {
+  RoomType2["SPACE"] = "space";
+  RoomType2["TEAM"] = "team";
+  RoomType2["USER"] = "user";
+  RoomType2["PORTAL"] = "portal";
+  RoomType2["SCREEN"] = "screen";
+  RoomType2["MOBILE"] = "mobile";
+  RoomType2["AI_AGENT"] = "ai_agent";
+  RoomType2["AI_AGENT_COMPONENT"] = "ai_agent_component";
+  return RoomType2;
+})(RoomType || {});
+var SocketEventType = /* @__PURE__ */ ((SocketEventType2) => {
+  SocketEventType2["CONNECT_TIMEOUT"] = "connect-timeout";
+  SocketEventType2["CONNECT"] = "connect";
+  SocketEventType2["CONNECT_ERROR"] = "connect-error";
+  SocketEventType2["RECONNECT"] = "reconnect";
+  SocketEventType2["EXCLUSIVE"] = "exception";
+  SocketEventType2["GET_ROOMS"] = "get-rooms";
+  SocketEventType2["GET_ROOM_USERS"] = "get-room-users";
+  SocketEventType2["ROOM_JOIN"] = "join-room";
+  SocketEventType2["ROOM_LEAVE"] = "leave-room";
+  SocketEventType2["EXCLUSIVE_MESSAGE_GET_ROOMS"] = "exclusive-message-get-rooms";
+  SocketEventType2["EXCLUSIVE_MESSAGE_GET_ROOM_USERS"] = "exclusive-message-get-room-users";
+  SocketEventType2["EXCLUSIVE_MESSAGE_JOIN_ROOM"] = "exclusive-message-join-room";
+  SocketEventType2["COLLAB_ADD"] = "broadcast-collab-add";
+  SocketEventType2["COLLAB_DELETE"] = "broadcast-collab-delete";
+  SocketEventType2["COLLAB_UPDATE"] = "broadcast-collab-update";
+  SocketEventType2["MESSAGE_ROOM_JOIN"] = "broadcast-join-room";
+  SocketEventType2["MESSAGE_ROOM_LEAVE"] = "broadcast-leave-room";
+  SocketEventType2["AI_AGENT_MESSAGE"] = "broadcast-ai-agent-message";
+  return SocketEventType2;
+})(SocketEventType || {});
+const MessageType = SocketEventType;
+const RoomTypeIdMap = {
+  [
+    "space"
+    /* SPACE */
+  ]: (spaceId) => `${ROOM_PREFIX}-${"space"}-${spaceId}`,
+  [
+    "team"
+    /* TEAM */
+  ]: (teamId) => `${ROOM_PREFIX}-${"team"}-${teamId}`,
+  [
+    "user"
+    /* USER */
+  ]: (userId) => `${ROOM_PREFIX}-${"user"}-${userId}`,
+  [
+    "portal"
+    /* PORTAL */
+  ]: (portalId) => `${ROOM_PREFIX}-${"portal"}-${portalId}`,
+  [
+    "screen"
+    /* SCREEN */
+  ]: (screenId) => `${ROOM_PREFIX}-${"screen"}-${screenId}`,
+  [
+    "mobile"
+    /* MOBILE */
+  ]: (mobileId) => `${ROOM_PREFIX}-${"mobile"}-${mobileId}`
+};
+const MAX_TIMEOUT = 5e3;
+const messageWindowByType = {};
+const EXPLICIT_DISCONNECT_REASON = /* @__PURE__ */ new Set([
+  1,
+  // 'io server disconnect',
+  2
+  // 'io client disconnect',
+]);
+const socketNormalMessageList = [
+  "exception",
+  "exclusive-message-get-rooms",
+  "exclusive-message-join-room",
+  "exclusive-message-get-room-users",
+  "broadcast-collab-update",
+  "broadcast-collab-delete",
+  "broadcast-collab-add"
+  /* COLLAB_ADD */
+];
+const socketBroadcastMessageList = [
+  "broadcast-join-room",
+  "broadcast-leave-room",
+  "broadcast-ai-agent-message"
+  /* AI_AGENT_MESSAGE */
+];
+var MpsErrorCode = /* @__PURE__ */ ((MpsErrorCode2) => {
+  MpsErrorCode2[MpsErrorCode2["GUEST_TOKEN_ERROR"] = 1e3] = "GUEST_TOKEN_ERROR";
+  MpsErrorCode2[MpsErrorCode2["UNAUTH"] = 1001] = "UNAUTH";
+  return MpsErrorCode2;
+})(MpsErrorCode || {});
+export {
+  EXPLICIT_DISCONNECT_REASON,
+  MAX_TIMEOUT,
+  MessageType,
+  MpsErrorCode,
+  ROOM_PREFIX,
+  RoomType,
+  RoomTypeIdMap,
+  SocketEventType,
+  messageWindowByType,
+  socketBroadcastMessageList,
+  socketNormalMessageList
+};
+//# sourceMappingURL=constant.es.js.map

package/dist/hooks/useSocketEvents/constant.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.es.js","sources":["../../../src/hooks/useSocketEvents/constant.ts"],"sourcesContent":["// 前缀\nexport const ROOM_PREFIX = 'easyvMpsRoom';\n\n// 房间类型\nexport enum RoomType {\n  SPACE = 'space',\n  TEAM = 'team',\n  USER = 'user',\n  PORTAL = 'portal',\n  SCREEN = 'screen',\n  MOBILE = 'mobile',\n  AI_AGENT = 'ai_agent',\n  AI_AGENT_COMPONENT = 'ai_agent_component',\n  // ... 后续视业务而定\n}\n\nexport enum SocketEventType {\n  // NoReturnEvents\n  CONNECT_TIMEOUT = 'connect-timeout',\n  CONNECT = 'connect',\n  CONNECT_ERROR = 'connect-error',\n  RECONNECT = 'reconnect',\n  /** 后端错误 */\n  EXCLUSIVE = 'exception',\n\n  // EmitEvents\n  GET_ROOMS = 'get-rooms', // 主动获取房间列表\n  GET_ROOM_USERS = 'get-room-users', // 主动获取用户列表\n  ROOM_JOIN = 'join-room', // 加入房间\n  ROOM_LEAVE = 'leave-room', // 离开房间\n\n  // ExclusiveEvents\n  EXCLUSIVE_MESSAGE_GET_ROOMS = 'exclusive-message-get-rooms', // 监听房间信息\n  EXCLUSIVE_MESSAGE_GET_ROOM_USERS = 'exclusive-message-get-room-users', // 获取房间成员\n  EXCLUSIVE_MESSAGE_JOIN_ROOM = 'exclusive-message-join-room',\n\n  // BroadcastingEvents\n  COLLAB_ADD = 'broadcast-collab-add', // 协作消息-添加\n  COLLAB_DELETE = 'broadcast-collab-delete', // 协作消息-删除\n  COLLAB_UPDATE = 'broadcast-collab-update', // 协作消息-更新\n  MESSAGE_ROOM_JOIN = 'broadcast-join-room', // 新成员加入房间\n  MESSAGE_ROOM_LEAVE = 'broadcast-leave-room', // 成员离开房间\n  /** ai 智能体消息 */\n  AI_AGENT_MESSAGE = 'broadcast-ai-agent-message',\n}\n\nexport const MessageType = SocketEventType;\n\n// 房间类型与房间id的映射\nexport const RoomTypeIdMap = {\n  [RoomType.SPACE]: (spaceId: number): string => `${ROOM_PREFIX}-${RoomType.SPACE}-${spaceId}`,\n  [RoomType.TEAM]: (teamId: number): string => `${ROOM_PREFIX}-${RoomType.TEAM}-${teamId}`,\n  [RoomType.USER]: (userId: number): string => `${ROOM_PREFIX}-${RoomType.USER}-${userId}`,\n  [RoomType.PORTAL]: (portalId: number): string => `${ROOM_PREFIX}-${RoomType.PORTAL}-${portalId}`,\n  [RoomType.SCREEN]: (screenId: number): string => `${ROOM_PREFIX}-${RoomType.SCREEN}-${screenId}`,\n  [RoomType.MOBILE]: (mobileId: number): string => `${ROOM_PREFIX}-${RoomType.MOBILE}-${mobileId}`,\n};\n\nexport const MAX_TIMEOUT = 5000;\nexport const messageWindowByType = {} as Record<string, string[]>; // 主动断开连接的原因，用于区分是客户端主动断开还是服务端主动断开\nexport const EXPLICIT_DISCONNECT_REASON = new Set<number>([\n  1, // 'io server disconnect',\n  2, // 'io client disconnect',\n]);\n\nexport const socketNormalMessageList: SocketEventType[] = [\n  SocketEventType.EXCLUSIVE,\n  SocketEventType.EXCLUSIVE_MESSAGE_GET_ROOMS,\n  SocketEventType.EXCLUSIVE_MESSAGE_JOIN_ROOM,\n  SocketEventType.EXCLUSIVE_MESSAGE_GET_ROOM_USERS,\n  SocketEventType.COLLAB_UPDATE,\n  SocketEventType.COLLAB_DELETE,\n  SocketEventType.COLLAB_ADD,\n];\nexport const socketBroadcastMessageList: SocketEventType[] = [\n  SocketEventType.MESSAGE_ROOM_JOIN,\n  SocketEventType.MESSAGE_ROOM_LEAVE,\n  SocketEventType.AI_AGENT_MESSAGE,\n];\n\n/** 消息推送的错误码 */\nexport enum MpsErrorCode {\n  GUEST_TOKEN_ERROR = 1000,\n  UNAUTH = 1001,\n}\n"],"names":["RoomType","SocketEventType","MpsErrorCode"],"mappings":"AACO,MAAM,cAAc;AAGf,IAAA,6BAAAA,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,MAAO,IAAA;AACPA,YAAA,MAAO,IAAA;AACPA,YAAA,QAAS,IAAA;AACTA,YAAA,QAAS,IAAA;AACTA,YAAA,QAAS,IAAA;AACTA,YAAA,UAAW,IAAA;AACXA,YAAA,oBAAqB,IAAA;AARXA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAYA,IAAA,oCAAAC,qBAAL;AAELA,mBAAA,iBAAkB,IAAA;AAClBA,mBAAA,SAAU,IAAA;AACVA,mBAAA,eAAgB,IAAA;AAChBA,mBAAA,WAAY,IAAA;AAEZA,mBAAA,WAAY,IAAA;AAGZA,mBAAA,WAAY,IAAA;AACZA,mBAAA,gBAAiB,IAAA;AACjBA,mBAAA,WAAY,IAAA;AACZA,mBAAA,YAAa,IAAA;AAGbA,mBAAA,6BAA8B,IAAA;AAC9BA,mBAAA,kCAAmC,IAAA;AACnCA,mBAAA,6BAA8B,IAAA;AAG9BA,mBAAA,YAAa,IAAA;AACbA,mBAAA,eAAgB,IAAA;AAChBA,mBAAA,eAAgB,IAAA;AAChBA,mBAAA,mBAAoB,IAAA;AACpBA,mBAAA,oBAAqB,IAAA;AAErBA,mBAAA,kBAAmB,IAAA;AA3BTA,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AA8BL,MAAM,cAAc;AAGpB,MAAM,gBAAgB;AAAA,EAC3B;AAAA,IAAC;AAAA;AAAA,EAAc,GAAG,CAAC,YAA4B,GAAG,WAAW,IAAI,OAAc,IAAI,OAAO;AAAA,EAC1F;AAAA,IAAC;AAAA;AAAA,EAAa,GAAG,CAAC,WAA2B,GAAG,WAAW,IAAI,MAAa,IAAI,MAAM;AAAA,EACtF;AAAA,IAAC;AAAA;AAAA,EAAa,GAAG,CAAC,WAA2B,GAAG,WAAW,IAAI,MAAa,IAAI,MAAM;AAAA,EACtF;AAAA,IAAC;AAAA;AAAA,EAAe,GAAG,CAAC,aAA6B,GAAG,WAAW,IAAI,QAAe,IAAI,QAAQ;AAAA,EAC9F;AAAA,IAAC;AAAA;AAAA,EAAe,GAAG,CAAC,aAA6B,GAAG,WAAW,IAAI,QAAe,IAAI,QAAQ;AAAA,EAC9F;AAAA,IAAC;AAAA;AAAA,EAAe,GAAG,CAAC,aAA6B,GAAG,WAAW,IAAI,YAAmB,QAAQ;AAChG;AAEO,MAAM,cAAc;AACpB,MAAM,sBAAsB,CAAA;AACtB,MAAA,iDAAiC,IAAY;AAAA,EACxD;AAAA;AAAA,EACA;AAAA;AACF,CAAC;AAEM,MAAM,0BAA6C;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF;AACO,MAAM,6BAAgD;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA;AACF;AAGY,IAAA,iCAAAC,kBAAL;AACLA,gBAAAA,cAAA,uBAAoB,GAApB,IAAA;AACAA,gBAAAA,cAAA,YAAS,IAAT,IAAA;AAFUA,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;"}

package/dist/hooks/useSocketEvents/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useSocketEvents';
+export * from './constant';
+export * from './types';

package/dist/hooks/useSocketEvents/types.d.ts

@@ -0,0 +1,47 @@
+import { MpsErrorCode, SocketEventType } from './constant';
+
+export interface BroadcastData {
+    data: BroadcastingEventsDataType | ErrorDataType;
+    eventType: SocketEventType;
+}
+export interface SocketEventData {
+    data?: ExclusiveEventsDataType;
+    eventType: SocketEventType;
+}
+export interface SocketOnErrorData {
+    type: 'connectError';
+    errorMsg: string;
+}
+export interface BroadcastDataType {
+    id: string;
+    origin: string;
+    roomId: string;
+    payload: string;
+}
+export interface AynergyData {
+    type?: SocketEventType;
+    data?: unknown;
+}
+export interface ExclusiveEventsDataType {
+    success: boolean;
+    data: unknown;
+}
+export interface BroadcastingEventsDataType {
+    /** 消息 id， 断开重联后，可以通过这个id来获取miss的消息 */
+    id: string;
+    origin: 'server' | 'client';
+    /** JSON.parse 后得到结构化数据 */
+    payload: string;
+    /** 房间 id，从会话id 派生出来 */
+    roomId: string;
+}
+export interface ErrorDataType {
+    status: string;
+    message: string;
+    errorCode: MpsErrorCode;
+}
+export interface AuthConfig {
+    'custom-socket-id': string;
+    'space-id': string;
+    'room-offset-map': Record<string, string>;
+}

package/dist/hooks/useSocketEvents/useSocketEvents.d.ts

@@ -0,0 +1,21 @@
+import { Manager, Socket } from 'socket.io-client';
+import { BroadcastData, SocketEventData, SocketOnErrorData } from './types';
+
+interface UseSocketDataCommonProps {
+    basename: string;
+    SocketManager: typeof Manager;
+    host?: string;
+    onBroadcast?: (dataAndType: BroadcastData) => void;
+    onSocketEvent?: (dataAndType: SocketEventData) => void;
+    onError?: (data: SocketOnErrorData) => void;
+}
+interface UserIdProps {
+    spaceId: number;
+    userId?: number;
+}
+interface GuestSocketIdProps {
+    guestToken: string;
+}
+type UseSocketDataProps = UseSocketDataCommonProps & (UserIdProps | GuestSocketIdProps);
+export declare function useSocketEvents(props: UseSocketDataProps): Socket | null;
+export {};

package/dist/hooks/useSocketEvents/useSocketEvents.es.js

@@ -0,0 +1,128 @@
+import { useRef, useEffect } from "react";
+import useMemoizedFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/index.es.js";
+import { messageWindowByType, socketNormalMessageList, socketBroadcastMessageList, SocketEventType, EXPLICIT_DISCONNECT_REASON, MAX_TIMEOUT } from "./constant.es.js";
+import isNil from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isNil.es.js";
+const generateId = () => {
+  return Math.random().toString().slice(2, 20);
+};
+function useSocketEvents(props) {
+  const {
+    basename,
+    host,
+    SocketManager,
+    onBroadcast: propsOnBroadcast,
+    onSocketEvent: propsOnSocketEvent,
+    onError: propsOnError
+  } = props;
+  const userId = props.userId;
+  const spaceId = props.spaceId;
+  const guestToken = props.guestToken;
+  const refTimeout = useRef(null);
+  const onBroadcast = useMemoizedFn((data) => propsOnBroadcast == null ? void 0 : propsOnBroadcast(data));
+  const onSocketEvent = useMemoizedFn((data) => propsOnSocketEvent == null ? void 0 : propsOnSocketEvent(data));
+  const onError = useMemoizedFn((data) => propsOnError == null ? void 0 : propsOnError(data));
+  const socketRef = useRef(null);
+  useEffect(() => {
+    var _a;
+    if (guestToken === "") {
+      onError == null ? void 0 : onError({
+        type: "connectError",
+        errorMsg: "guestToken 为空字符串，无法连接进入会话房间！"
+      });
+      return;
+    }
+    if (isNil(userId) && !guestToken) {
+      onError == null ? void 0 : onError({
+        type: "connectError",
+        errorMsg: "userId 为空，无法连接进入会话房间！"
+      });
+      return;
+    }
+    const customSocketId = guestToken ? `guest-${generateId()}` : `${userId}-${generateId()}`;
+    (_a = socketRef.current) == null ? void 0 : _a.disconnect();
+    socketRef.current = new SocketManager(host || window.location.origin, {
+      transports: ["websocket"],
+      forceNew: false,
+      path: `${basename}/socket/easyv-mps`,
+      reconnectionDelay: 5e3,
+      reconnectionDelayMax: 1e4
+    }).socket("/easyv-mps", {
+      auth: {
+        "custom-socket-id": customSocketId,
+        "space-id": spaceId || 0,
+        "guest-token": guestToken || "",
+        "room-offset-map": messageWindowByType
+      }
+    });
+  }, [SocketManager, basename, guestToken, host, onError, spaceId, userId]);
+  const socket = socketRef.current;
+  useEffect(() => {
+    function broadcastCallback(data) {
+      var _a, _b;
+      const roomId = (_a = data == null ? void 0 : data.data) == null ? void 0 : _a.roomId;
+      if (roomId) {
+        const id = (socket == null ? void 0 : socket.auth)["custom-socket-id"];
+        if (!messageWindowByType[roomId]) {
+          messageWindowByType[roomId] = [];
+        }
+        if (!((_b = messageWindowByType[roomId]) == null ? void 0 : _b.includes(id))) {
+          messageWindowByType[roomId].push(id);
+          (socket == null ? void 0 : socket.auth)["room-offset-map"][roomId] = id;
+        }
+      }
+    }
+    socketNormalMessageList.forEach((item) => {
+      socket == null ? void 0 : socket.on(item, (data) => {
+        onBroadcast == null ? void 0 : onBroadcast({ data, eventType: item });
+      });
+    });
+    socketBroadcastMessageList.forEach((item) => {
+      socket == null ? void 0 : socket.on(item, (data) => {
+        broadcastCallback({
+          data
+        });
+        onBroadcast == null ? void 0 : onBroadcast({ data, eventType: item });
+      });
+    });
+    socket == null ? void 0 : socket.on("connect", () => {
+      if (socket == null ? void 0 : socket.connected) {
+        onSocketEvent == null ? void 0 : onSocketEvent({ data: void 0, eventType: SocketEventType.CONNECT });
+        clearDelayer(refTimeout.current);
+      } else {
+        onSocketEvent == null ? void 0 : onSocketEvent({ data: void 0, eventType: SocketEventType.CONNECT_ERROR });
+      }
+    });
+    socket == null ? void 0 : socket.on("reconnect", (reason) => {
+      onSocketEvent == null ? void 0 : onSocketEvent({ data: void 0, eventType: SocketEventType.RECONNECT });
+      if (EXPLICIT_DISCONNECT_REASON.has(reason)) {
+        clearDelayer(refTimeout.current);
+        refTimeout.current = setTimeout(() => {
+          onSocketEvent == null ? void 0 : onSocketEvent({ data: void 0, eventType: SocketEventType.CONNECT_TIMEOUT });
+        }, MAX_TIMEOUT);
+      }
+      console.log("重连成功");
+    });
+    socket == null ? void 0 : socket.on("connect_error", (error) => {
+      onSocketEvent == null ? void 0 : onSocketEvent({
+        data: { success: false, data: error },
+        eventType: SocketEventType.CONNECT_ERROR
+      });
+      onError == null ? void 0 : onError({ type: "connectError", errorMsg: error.message });
+    });
+    return () => {
+      if (socket == null ? void 0 : socket.connected) {
+        socket == null ? void 0 : socket.close();
+      }
+    };
+  }, [onBroadcast, onError, onSocketEvent, socket]);
+  return socket;
+}
+function clearDelayer(timeoutId) {
+  if (timeoutId) {
+    clearTimeout(timeoutId);
+  }
+}
+export {
+  useSocketEvents
+};
+//# sourceMappingURL=useSocketEvents.es.js.map

package/dist/hooks/useSocketEvents/useSocketEvents.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSocketEvents.es.js","sources":["../../../src/hooks/useSocketEvents/useSocketEvents.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMemoizedFn } from 'ahooks';\nimport { isNil } from 'lodash-es';\nimport { type Manager, type Socket } from 'socket.io-client';\nimport {\n  EXPLICIT_DISCONNECT_REASON,\n  MAX_TIMEOUT,\n  messageWindowByType,\n  socketBroadcastMessageList,\n  SocketEventType,\n  socketNormalMessageList,\n} from './constant';\nimport { AuthConfig, BroadcastData, SocketEventData, SocketOnErrorData } from './types';\n\nconst generateId = () => {\n  return Math.random().toString().slice(2, 20);\n};\n\ninterface UseSocketDataCommonProps {\n  basename: string;\n  SocketManager: typeof Manager;\n  host?: string;\n  onBroadcast?: (dataAndType: BroadcastData) => void;\n  onSocketEvent?: (dataAndType: SocketEventData) => void;\n  onError?: (data: SocketOnErrorData) => void;\n}\ninterface UserIdProps {\n  spaceId: number;\n  userId?: number;\n}\ninterface GuestSocketIdProps {\n  guestToken: string;\n}\ntype UseSocketDataProps = UseSocketDataCommonProps & (UserIdProps | GuestSocketIdProps);\n\nexport function useSocketEvents(props: UseSocketDataProps): Socket | null {\n  const {\n    basename,\n    host,\n    SocketManager,\n    onBroadcast: propsOnBroadcast,\n    onSocketEvent: propsOnSocketEvent,\n    onError: propsOnError,\n  } = props;\n  const userId = (props as UserIdProps).userId;\n  const spaceId = (props as UserIdProps).spaceId;\n  const guestToken = (props as GuestSocketIdProps).guestToken;\n\n  const refTimeout = useRef<NodeJS.Timeout | null>(null);\n  const onBroadcast = useMemoizedFn((data: BroadcastData) => propsOnBroadcast?.(data));\n  const onSocketEvent = useMemoizedFn((data: SocketEventData) => propsOnSocketEvent?.(data));\n  const onError = useMemoizedFn((data: SocketOnErrorData) => propsOnError?.(data));\n  const socketRef = useRef<Socket | null>(null);\n\n  useEffect(() => {\n    if (guestToken === '') {\n      onError?.({\n        type: 'connectError',\n        errorMsg: 'guestToken 为空字符串，无法连接进入会话房间！',\n      });\n      return;\n    }\n    if (isNil(userId) && !guestToken) {\n      onError?.({\n        type: 'connectError',\n        errorMsg: 'userId 为空，无法连接进入会话房间！',\n      });\n      return;\n    }\n\n    const customSocketId = guestToken ? `guest-${generateId()}` : `${userId}-${generateId()}`;\n    socketRef.current?.disconnect();\n    socketRef.current = new SocketManager(host || window.location.origin, {\n      transports: ['websocket'],\n      forceNew: false,\n      path: `${basename}/socket/easyv-mps`,\n      reconnectionDelay: 5000,\n      reconnectionDelayMax: 10000,\n    }).socket('/easyv-mps', {\n      auth: {\n        'custom-socket-id': customSocketId,\n        'space-id': spaceId || 0,\n        'guest-token': guestToken || '',\n        'room-offset-map': messageWindowByType,\n      },\n    });\n  }, [SocketManager, basename, guestToken, host, onError, spaceId, userId]);\n\n  const socket = socketRef.current;\n\n  useEffect(() => {\n    function broadcastCallback(data: { data: { roomId: string } }) {\n      const roomId = data?.data?.roomId;\n      if (roomId) {\n        const id = (socket?.auth as AuthConfig)['custom-socket-id'];\n        if (!messageWindowByType[roomId]) {\n          messageWindowByType[roomId] = [];\n        }\n        if (!messageWindowByType[roomId]?.includes(id)) {\n          // 重复消息过滤\n          messageWindowByType[roomId].push(id);\n          (socket?.auth as AuthConfig)['room-offset-map'][roomId] = id;\n        }\n      }\n    }\n\n    socketNormalMessageList.forEach((item) => {\n      socket?.on(item, (data) => {\n        onBroadcast?.({ data, eventType: item });\n      });\n    });\n    socketBroadcastMessageList.forEach((item) => {\n      socket?.on(item, (data) => {\n        broadcastCallback({\n          data,\n        });\n        onBroadcast?.({ data, eventType: item });\n      });\n    });\n\n    socket?.on('connect', () => {\n      if (socket?.connected) {\n        onSocketEvent?.({ data: undefined, eventType: SocketEventType.CONNECT });\n        // 清理定时任务\n        clearDelayer(refTimeout.current);\n      } else {\n        onSocketEvent?.({ data: undefined, eventType: SocketEventType.CONNECT_ERROR });\n      }\n    });\n\n    socket?.on('reconnect', (reason) => {\n      // 断开\n      onSocketEvent?.({ data: undefined, eventType: SocketEventType.RECONNECT });\n      if (EXPLICIT_DISCONNECT_REASON.has(reason)) {\n        // 意外断开，启动一个定时器，规定时间内没重新连上就弹框，要求客户刷新页面\n        clearDelayer(refTimeout.current);\n        refTimeout.current = setTimeout(() => {\n          // 连接超时\n          onSocketEvent?.({ data: undefined, eventType: SocketEventType.CONNECT_TIMEOUT });\n        }, MAX_TIMEOUT);\n      }\n      console.log('重连成功');\n    });\n    socket?.on('connect_error', (error) => {\n      onSocketEvent?.({\n        data: { success: false, data: error },\n        eventType: SocketEventType.CONNECT_ERROR,\n      });\n      onError?.({ type: 'connectError', errorMsg: error.message });\n    });\n    return () => {\n      // 主动断开\n      if (socket?.connected) {\n        socket?.close();\n      }\n    };\n  }, [onBroadcast, onError, onSocketEvent, socket]);\n\n  return socket;\n}\n\n/**\n * clear timeout util\n * */\nfunction clearDelayer(timeoutId: NodeJS.Timeout | null) {\n  if (timeoutId) {\n    clearTimeout(timeoutId);\n  }\n}\n"],"names":[],"mappings":";;;;AAcA,MAAM,aAAa,MAAM;AACvB,SAAO,KAAK,SAAS,SAAW,EAAA,MAAM,GAAG,EAAE;AAC7C;AAmBO,SAAS,gBAAgB,OAA0C;AAClE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,eAAe;AAAA,IACf,SAAS;AAAA,EAAA,IACP;AACJ,QAAM,SAAU,MAAsB;AACtC,QAAM,UAAW,MAAsB;AACvC,QAAM,aAAc,MAA6B;AAE3C,QAAA,aAAa,OAA8B,IAAI;AACrD,QAAM,cAAc,cAAc,CAAC,SAAwB,qDAAmB,KAAK;AACnF,QAAM,gBAAgB,cAAc,CAAC,SAA0B,yDAAqB,KAAK;AACzF,QAAM,UAAU,cAAc,CAAC,SAA4B,6CAAe,KAAK;AACzE,QAAA,YAAY,OAAsB,IAAI;AAE5C,YAAU,MAAM;;AACd,QAAI,eAAe,IAAI;AACX,yCAAA;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,MAAA;AAEZ;AAAA,IAAA;AAEF,QAAI,MAAM,MAAM,KAAK,CAAC,YAAY;AACtB,yCAAA;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,MAAA;AAEZ;AAAA,IAAA;AAGI,UAAA,iBAAiB,aAAa,SAAS,WAAY,CAAA,KAAK,GAAG,MAAM,IAAI,WAAY,CAAA;AACvF,oBAAU,YAAV,mBAAmB;AACnB,cAAU,UAAU,IAAI,cAAc,QAAQ,OAAO,SAAS,QAAQ;AAAA,MACpE,YAAY,CAAC,WAAW;AAAA,MACxB,UAAU;AAAA,MACV,MAAM,GAAG,QAAQ;AAAA,MACjB,mBAAmB;AAAA,MACnB,sBAAsB;AAAA,IAAA,CACvB,EAAE,OAAO,cAAc;AAAA,MACtB,MAAM;AAAA,QACJ,oBAAoB;AAAA,QACpB,YAAY,WAAW;AAAA,QACvB,eAAe,cAAc;AAAA,QAC7B,mBAAmB;AAAA,MAAA;AAAA,IACrB,CACD;AAAA,EAAA,GACA,CAAC,eAAe,UAAU,YAAY,MAAM,SAAS,SAAS,MAAM,CAAC;AAExE,QAAM,SAAS,UAAU;AAEzB,YAAU,MAAM;AACd,aAAS,kBAAkB,MAAoC;;AACvD,YAAA,UAAS,kCAAM,SAAN,mBAAY;AAC3B,UAAI,QAAQ;AACJ,cAAA,MAAM,iCAAQ,MAAoB,kBAAkB;AACtD,YAAA,CAAC,oBAAoB,MAAM,GAAG;AACZ,8BAAA,MAAM,IAAI,CAAC;AAAA,QAAA;AAEjC,YAAI,GAAC,yBAAoB,MAAM,MAA1B,mBAA6B,SAAS,MAAK;AAE1B,8BAAA,MAAM,EAAE,KAAK,EAAE;AACnC,WAAC,iCAAQ,MAAoB,iBAAiB,EAAE,MAAM,IAAI;AAAA,QAAA;AAAA,MAC5D;AAAA,IACF;AAGsB,4BAAA,QAAQ,CAAC,SAAS;AAChC,uCAAA,GAAG,MAAM,CAAC,SAAS;AACzB,mDAAc,EAAE,MAAM,WAAW,KAAA;AAAA,MAAM;AAAA,IACxC,CACF;AAC0B,+BAAA,QAAQ,CAAC,SAAS;AACnC,uCAAA,GAAG,MAAM,CAAC,SAAS;AACP,0BAAA;AAAA,UAChB;AAAA,QAAA,CACD;AACD,mDAAc,EAAE,MAAM,WAAW,KAAA;AAAA,MAAM;AAAA,IACxC,CACF;AAEO,qCAAA,GAAG,WAAW,MAAM;AAC1B,UAAI,iCAAQ,WAAW;AACrB,uDAAgB,EAAE,MAAM,QAAW,WAAW,gBAAgB;AAE9D,qBAAa,WAAW,OAAO;AAAA,MAAA,OAC1B;AACL,uDAAgB,EAAE,MAAM,QAAW,WAAW,gBAAgB;MAAe;AAAA,IAC/E;AAGM,qCAAA,GAAG,aAAa,CAAC,WAAW;AAElC,qDAAgB,EAAE,MAAM,QAAW,WAAW,gBAAgB;AAC1D,UAAA,2BAA2B,IAAI,MAAM,GAAG;AAE1C,qBAAa,WAAW,OAAO;AACpB,mBAAA,UAAU,WAAW,MAAM;AAEpC,yDAAgB,EAAE,MAAM,QAAW,WAAW,gBAAgB;WAC7D,WAAW;AAAA,MAAA;AAEhB,cAAQ,IAAI,MAAM;AAAA,IAAA;AAEZ,qCAAA,GAAG,iBAAiB,CAAC,UAAU;AACrB,qDAAA;AAAA,QACd,MAAM,EAAE,SAAS,OAAO,MAAM,MAAM;AAAA,QACpC,WAAW,gBAAgB;AAAA,MAAA;AAE7B,yCAAU,EAAE,MAAM,gBAAgB,UAAU,MAAM;IAAS;AAE7D,WAAO,MAAM;AAEX,UAAI,iCAAQ,WAAW;AACrB,yCAAQ;AAAA,MAAM;AAAA,IAElB;AAAA,KACC,CAAC,aAAa,SAAS,eAAe,MAAM,CAAC;AAEzC,SAAA;AACT;AAKA,SAAS,aAAa,WAAkC;AACtD,MAAI,WAAW;AACb,iBAAa,SAAS;AAAA,EAAA;AAE1B;"}

package/dist/index.es.js

@@ -9,25 +9,39 @@ import { useDivAutoScroll } from "./hooks/useDivAutoScroll.es.js";
 import { useXunFeiSteamVoiceManager } from "./hooks/useXunFeiSteamVoiceManager.es.js";
 import { useInitialized } from "./hooks/useInitialized.es.js";
 import { useWatchValue } from "./hooks/useWatchValue/useWatchValue.es.js";
+import { useSocketEvents } from "./hooks/useSocketEvents/useSocketEvents.es.js";
+import { EXPLICIT_DISCONNECT_REASON, MAX_TIMEOUT, MessageType, MpsErrorCode, ROOM_PREFIX, RoomType, RoomTypeIdMap, SocketEventType, messageWindowByType, socketBroadcastMessageList, socketNormalMessageList } from "./hooks/useSocketEvents/constant.es.js";
 import { FunASRManager, getWebSocketConnectForFunASR } from "./utils/funASR/funASRManager.es.js";
 import { XFStreamVoiceManager } from "./utils/xunFeiVoice/XFStreamVoiceManager.es.js";
 import { RecorderManager } from "./utils/xunFeiVoice/RecorderManager/RecorderManager.es.js";
 export {
   AiAgentMessageType,
   AiMessageRender,
+  EXPLICIT_DISCONNECT_REASON,
   EchartsRender,
   FunASRManager,
+  MAX_TIMEOUT,
+  MessageType,
+  MpsErrorCode,
+  ROOM_PREFIX,
   RecorderManager,
+  RoomType,
+  RoomTypeIdMap,
   ScrollController,
   ShadowDom,
+  SocketEventType,
   VoiceAnimation,
   XFStreamVoiceManager,
   generateAiChatMessageFromAiChatDetail,
   generateAiChatMessageFromSocketMessage,
   generateDefaultAiMsg,
   getWebSocketConnectForFunASR,
+  messageWindowByType,
+  socketBroadcastMessageList,
+  socketNormalMessageList,
   useDivAutoScroll,
   useInitialized,
+  useSocketEvents,
   useWatchValue,
   useXunFeiSteamVoiceManager
 };

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.es.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers.es.js";
-import { __module as classnames$1 } from "../../../../../_virtual/index.es4.js";
+import { __module as classnames$1 } from "../../../../../_virtual/index.es3.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/dist/node_modules/.pnpm/co-web-worker@1.0.1/node_modules/co-web-worker/index.es.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers.es.js";
-import { __module as coWebWorker } from "../../../../../_virtual/index.es2.js";
+import { __module as coWebWorker } from "../../../../../_virtual/index.es4.js";
 class CrossOriginWorker extends Worker {
   constructor(scriptUrl) {
     const b = new Blob([`importScripts('${new URL(scriptUrl).toString()}')`], { type: "application/javascript" });

package/dist/node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.es.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers.es.js";
-import { __module as propTypes } from "../../../../../_virtual/index.es3.js";
+import { __module as propTypes } from "../../../../../_virtual/index.es2.js";
 import { __require as requireReactIs } from "../../../react-is@16.13.1/node_modules/react-is/index.es.js";
 import { __require as requireFactoryWithTypeCheckers } from "./factoryWithTypeCheckers.es.js";
 import { __require as requireFactoryWithThrowingShims } from "./factoryWithThrowingShims.es.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/biz-components",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",