@easyv/biz-components 0.0.44 → 0.0.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/index.es2.js +2 -2
- package/dist/_virtual/index.es3.js +2 -2
- package/dist/_virtual/index.es4.js +2 -2
- package/dist/hooks/useSocketEvents/useSocketEvents.es.js +4 -2
- package/dist/hooks/useSocketEvents/useSocketEvents.es.js.map +1 -1
- package/dist/node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.es.js +1 -1
- package/dist/node_modules/.pnpm/co-web-worker@1.0.1/node_modules/co-web-worker/index.es.js +1 -1
- package/dist/node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.es.js +1 -1
- package/package.json +1 -1
- package/dist/node_modules/.pnpm/nanoid@3.3.11/node_modules/nanoid/index.browser.es.js +0 -17
- package/dist/node_modules/.pnpm/nanoid@3.3.11/node_modules/nanoid/index.browser.es.js.map +0 -1
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { useRef, useEffect } from "react";
|
|
2
2
|
import useMemoizedFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/index.es.js";
|
|
3
|
-
import { nanoid } from "../../node_modules/.pnpm/nanoid@3.3.11/node_modules/nanoid/index.browser.es.js";
|
|
4
3
|
import { messageWindowByType, socketNormalMessageList, socketBroadcastMessageList, SocketEventType, EXPLICIT_DISCONNECT_REASON, MAX_TIMEOUT } from "./constant.es.js";
|
|
5
4
|
import isNil from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isNil.es.js";
|
|
5
|
+
const generateId = () => {
|
|
6
|
+
return Math.random().toString().slice(2, 20);
|
|
7
|
+
};
|
|
6
8
|
function useSocketEvents(props) {
|
|
7
9
|
const {
|
|
8
10
|
basename,
|
|
@@ -36,7 +38,7 @@ function useSocketEvents(props) {
|
|
|
36
38
|
});
|
|
37
39
|
return;
|
|
38
40
|
}
|
|
39
|
-
const customSocketId = guestToken ? `guest-${
|
|
41
|
+
const customSocketId = guestToken ? `guest-${generateId()}` : `${userId}-${generateId()}`;
|
|
40
42
|
(_a = socketRef.current) == null ? void 0 : _a.disconnect();
|
|
41
43
|
socketRef.current = new SocketManager(host || window.location.origin, {
|
|
42
44
|
transports: ["websocket"],
|
|
@@ -1 +1 @@
|
|
|
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 {
|
|
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":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers.es.js";
|
|
2
|
-
import { __module as classnames$1 } from "../../../../../_virtual/index.
|
|
2
|
+
import { __module as classnames$1 } from "../../../../../_virtual/index.es3.js";
|
|
3
3
|
/*!
|
|
4
4
|
Copyright (c) 2018 Jed Watson.
|
|
5
5
|
Licensed under the MIT License (MIT), see
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers.es.js";
|
|
2
|
-
import { __module as coWebWorker } from "../../../../../_virtual/index.
|
|
2
|
+
import { __module as coWebWorker } from "../../../../../_virtual/index.es4.js";
|
|
3
3
|
class CrossOriginWorker extends Worker {
|
|
4
4
|
constructor(scriptUrl) {
|
|
5
5
|
const b = new Blob([`importScripts('${new URL(scriptUrl).toString()}')`], { type: "application/javascript" });
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers.es.js";
|
|
2
|
-
import { __module as propTypes } from "../../../../../_virtual/index.
|
|
2
|
+
import { __module as propTypes } from "../../../../../_virtual/index.es2.js";
|
|
3
3
|
import { __require as requireReactIs } from "../../../react-is@16.13.1/node_modules/react-is/index.es.js";
|
|
4
4
|
import { __require as requireFactoryWithTypeCheckers } from "./factoryWithTypeCheckers.es.js";
|
|
5
5
|
import { __require as requireFactoryWithThrowingShims } from "./factoryWithThrowingShims.es.js";
|
package/package.json
CHANGED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
let nanoid = (size = 21) => crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {
|
|
2
|
-
byte &= 63;
|
|
3
|
-
if (byte < 36) {
|
|
4
|
-
id += byte.toString(36);
|
|
5
|
-
} else if (byte < 62) {
|
|
6
|
-
id += (byte - 26).toString(36).toUpperCase();
|
|
7
|
-
} else if (byte > 62) {
|
|
8
|
-
id += "-";
|
|
9
|
-
} else {
|
|
10
|
-
id += "_";
|
|
11
|
-
}
|
|
12
|
-
return id;
|
|
13
|
-
}, "");
|
|
14
|
-
export {
|
|
15
|
-
nanoid
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=index.browser.es.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.browser.es.js","sources":["../../../../../../../../node_modules/.pnpm/nanoid@3.3.11/node_modules/nanoid/index.browser.js"],"sourcesContent":["import { urlAlphabet } from './url-alphabet/index.js'\nlet random = bytes => crypto.getRandomValues(new Uint8Array(bytes))\nlet customRandom = (alphabet, defaultSize, getRandom) => {\n let mask = (2 << (Math.log(alphabet.length - 1) / Math.LN2)) - 1\n let step = -~((1.6 * mask * defaultSize) / alphabet.length)\n return (size = defaultSize) => {\n let id = ''\n while (true) {\n let bytes = getRandom(step)\n let j = step | 0\n while (j--) {\n id += alphabet[bytes[j] & mask] || ''\n if (id.length === size) return id\n }\n }\n }\n}\nlet customAlphabet = (alphabet, size = 21) =>\n customRandom(alphabet, size, random)\nlet nanoid = (size = 21) =>\n crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {\n byte &= 63\n if (byte < 36) {\n id += byte.toString(36)\n } else if (byte < 62) {\n id += (byte - 26).toString(36).toUpperCase()\n } else if (byte > 62) {\n id += '-'\n } else {\n id += '_'\n }\n return id\n }, '')\nexport { nanoid, customAlphabet, customRandom, urlAlphabet, random }\n"],"names":[],"mappings":"AAmBG,IAAC,SAAS,CAAC,OAAO,OACnB,OAAO,gBAAgB,IAAI,WAAW,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,SAAS;AAChE,UAAQ;AACR,MAAI,OAAO,IAAI;AACb,UAAM,KAAK,SAAS,EAAE;AAAA,EAC5B,WAAe,OAAO,IAAI;AACpB,WAAO,OAAO,IAAI,SAAS,EAAE,EAAE,YAAW;AAAA,EAChD,WAAe,OAAO,IAAI;AACpB,UAAM;AAAA,EACZ,OAAW;AACL,UAAM;AAAA,EACZ;AACI,SAAO;AACX,GAAK,EAAE;","x_google_ignoreList":[0]}
|