@x-edu/live-player 0.0.1

package/src/component/IMChatroom/sdk/imcore/index.js

@@ -0,0 +1,178 @@
+import IMCoreChatroom from '@ndim/chatroom'
+import { reverse } from 'lodash'
+
+import getUCInstance from '../uc'
+import { getCurrentAccount, getCurrentAccountId } from '../../util/account'
+import appConfig from '../../config/app'
+import bridge from '../bridge'
+import * as C from '../../constants'
+
+import loadPlugins from './plugins'
+import { imCoreOrigin, imCoreApiOrigin, ContentType, MessageTypeMap } from './constants'
+import requestInterceptors from './interceptors/request'
+import responseInterceptors from './interceptors/response'
+import emitters from './emitters'
+import { transferStringToLong, transferLongToString, formatMessages } from './util/format'
+import getUserInfoWithCache from '../oms'
+
+// eslint-disable-next-line import/no-mutable-exports
+let imCoreChatroom = null
+
+// eslint-disable-next-line import/prefer-default-export
+export const initIMCoreChatroom = () => new Promise((resolve, reject) => getUCInstance().getTokenAsync().then((token) => {
+  loadPlugins(token, getCurrentAccount())
+
+  imCoreChatroom = new IMCoreChatroom({
+    server: { // webSocket 配置
+      wsUrl: appConfig.get('wsUrl') || imCoreOrigin, // IMCore 服务端 webSocket 服务器响应地址，必填
+      wsProtocols: '', // webSocket 子协议
+      apiHost: imCoreApiOrigin, // IMCoreApi 服务地址，必填
+      cachePrefix: appConfig.get('business')
+    },
+    autoAck: true, // 是否自动 ack 消息（即：是否自动通知服务端已接收到的最大的收件箱消息id），默认 false，选填
+    listenConversationChange: false, // 是否监听会话变更，若监听，会话变更后将更新会话已读游标等，默认 true，选填
+    messageCompletion: { // 消息补齐配置，选填
+      enable: false, // 是否开启
+      interval: 500, // 补齐频率，默认 500，单位，毫秒
+      untilAgo: 1 // 补齐多少天的消息，默认 15，单位，天
+    }
+  })
+
+  console.log('imCoreChatroom', imCoreChatroom)
+
+  // 设置请求拦截器
+  imCoreChatroom.request.instance.interceptors.request.use(...requestInterceptors)
+  imCoreChatroom.request.instance.interceptors.response.use(...responseInterceptors)
+
+  // 注册emitter事件
+  Object.keys(emitters).forEach((emitterName) => {
+    imCoreChatroom.emitter.on(emitterName, emitters[emitterName].bind(imCoreChatroom))
+  })
+
+  // 连接登录聊天室
+  imCoreChatroom.connect(getCurrentAccountId())
+
+  resolve(imCoreChatroom)
+}).catch((error) => {
+  reject(error)
+}))
+
+export const getIMCoreChatroom = () => imCoreChatroom
+
+export const reconnectIMCoreChatroom = () => {
+  imCoreChatroom.connect(getCurrentAccountId())
+}
+
+const __sendMessage = (message, online) => {
+  if (!online) {
+    return Promise.resolve(formatMessages([{
+      ...message,
+      from: getCurrentAccountId(),
+      content: message.buildContent()
+    }])[0])
+  }
+  return imCoreChatroom.sendMessage({
+    time: null,
+    seq: null,
+    qos: 0,
+    resendFlag: 0,
+    convtype: 3,
+    buildContent: message.buildContent.bind(message)
+  }).then((res) => {
+    const data = transferLongToString(res)
+    return {
+      id: data.msgId,
+      seq: data.msgSeq,
+      time: data.msgTime,
+      _direction: 'up',
+      _localInfo: {
+        id: data.msgId,
+        index: 0
+      }
+    }
+  })
+}
+
+const _sendMessage = async (contentType, contentBody, online, headers) => {
+  const messageType = MessageTypeMap[contentType]
+  const message = new IMCoreChatroom.MessageConstructor[messageType]()
+  if (headers) {
+    message.setHeaders(headers)
+  }
+
+  if (contentType === ContentType.Text && contentBody.length > 500) {
+    let result
+    for (let i = 0; i < contentBody.length; i += 500) {
+      const body = contentBody.substring(i, i + 500)
+      message.setBody(body)
+      result = await __sendMessage(message, online)
+    }
+    return result
+  }
+
+  let body = contentBody
+  if (messageType === ContentType.Image) {
+    body = body.replace('fullimage', 'fullImage')
+  }
+  message.setBody(body)
+  return __sendMessage(message, online)
+}
+
+export const sendMessage = async (contentType, contentBody, online) => {
+  if (appConfig.get('messageEditor.getMessageHeaders')) {
+    return bridge.register('getMessageHeaders').then((headers) => _sendMessage(contentType, contentBody, online, headers))
+  } else {
+    const userId = await getCurrentAccountId()
+    const userInfo = await getUserInfoWithCache(userId)
+    return _sendMessage(contentType, contentBody, online,
+      {
+        'Content-Sender': {
+          user_id: userId,
+          nick_name: userInfo.real_name
+        }
+      })
+  }
+}
+
+export const getHistoryMessages = (id, limit) => imCoreChatroom.getHistoryMessages(transferStringToLong(id), limit)
+  .then((messages) => {
+    const items = reverse(formatMessages(messages.map((message) => transferLongToString(message))))
+
+    // items.forEach((message) => {
+    //   const messageType = get(message, '_parsedContent.type')
+    //   if ([C.MESSAGE_TYPE.CTL, C.MESSAGE_TYPE.NTF, C.MESSAGE_TYPE.TEL].some((type) => messageType === type)) {
+    //     thirdParty.onPostMessage(thirdParty.EVENT.CMD, message)
+    //   }
+    // })
+
+    const hasMore = items.length > 0 && items[0].id !== C.MIM_CONV_MSG_ID
+    if (appConfig.get('chatroomChatMessageList.filterMessages')) {
+      return bridge.register('filterMessages', {
+        type: 'history',
+        messages: items,
+        hasMore
+      })
+    }
+    return {
+      messages: items,
+      hasMore
+    }
+  })
+
+export const subscribeOnlineStatus = () => imCoreChatroom.subscribeOnlineStatus()
+
+export const recallMessage = (message) => {
+  if (appConfig.get('chatroomChatMessageList.getRecallMessageExtInfo')) {
+    return bridge.register('getRecallMessageExtInfo', message).then(
+      (extInfo) => imCoreChatroom.recallMessage({
+        time: transferStringToLong(message.time),
+        id: transferStringToLong(message.id)
+      }, extInfo)
+    )
+  } else {
+    return imCoreChatroom.recallMessage({
+      time: transferStringToLong(message.time),
+      id: transferStringToLong(message.id)
+    })
+  }
+}

package/src/component/IMChatroom/sdk/imcore/interceptors/request.js

@@ -0,0 +1,7 @@
+import imCoreApiRequestConfig from '../../../config/request/config/imCoreApi'
+
+// 添加请求拦截器
+export default [
+  imCoreApiRequestConfig.interceptors.request,
+  (error) => Promise.reject(error)
+]

package/src/component/IMChatroom/sdk/imcore/interceptors/response.js

@@ -0,0 +1,5 @@
+// 添加响应拦截器
+export default [
+  (response) => response,
+  (error) => Promise.reject(error)
+]

package/src/component/IMChatroom/sdk/imcore/plugins/getAuth.js

@@ -0,0 +1,64 @@
+import IMCoreChatroom from '@ndim/chatroom'
+import Sha from 'nd-sha'
+
+import getUCInstance from '../../uc'
+
+function getNonce(diff) {
+  function rnd(min, max) {
+    const arr = [
+      '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
+      'a', 'b', 'c', 'd', 'e', 'f', 'g',
+      'h', 'i', 'j', 'k', 'l', 'm', 'n',
+      'o', 'p', 'q', 'r', 's', 't',
+      'u', 'v', 'w', 'x', 'y', 'z',
+      'A', 'B', 'C', 'D', 'E', 'F', 'G',
+      'H', 'I', 'J', 'K', 'L', 'M', 'N',
+      'O', 'P', 'Q', 'R', 'S', 'T',
+      'U', 'V', 'W', 'X', 'Y', 'Z'
+    ]
+
+    const range = max ? max - min : min
+    let str = ''
+    const length = arr.length - 1
+
+    for (let i = 0; i < range; i++) {
+      str += arr[Math.round(Math.random() * length)]
+    }
+
+    return str
+  }
+
+  return `${new Date().getTime() + (diff || 0)}:${rnd(8)}`
+}
+
+function getMac(nonce, macKey, userId) {
+  const macContent = [nonce, 'POST', `/id=${userId}`, 'uc.im', ''].join('\n')
+  return new Sha(macContent, 'TEXT').getHMAC(macKey, 'TEXT', 'SHA-256', 'B64')
+}
+
+export default (token, accountInfo) => {
+  IMCoreChatroom.use({
+    name: 'IMCoreChatroom',
+    install(NDIM) {
+      NDIM.intercept('getAuth', () => {
+        const uc = getUCInstance()
+        if (uc.getAuth) {
+          return uc.getAuth()
+        }
+        const {
+          diff,
+          mac_key: macKey,
+          access_token: accessToken
+        } = token
+        const nonce = getNonce(diff)
+        const auth = {
+          nonce,
+          mac: getMac(nonce, macKey, accountInfo.user_id),
+          access_token: accessToken
+        }
+        console.log(auth)
+        return auth
+      })
+    }
+  })
+}

package/src/component/IMChatroom/sdk/imcore/plugins/getConversationId.js

@@ -0,0 +1,20 @@
+import IMCoreChatroom from '@ndim/chatroom'
+import get from 'lodash/get'
+
+import imChatroom from '../../imChatroom'
+import { getChatroomConversationId } from '../../../util/chatroom'
+
+export default () => {
+  IMCoreChatroom.use({
+    name: 'IMCoreChatroom',
+    install(NDIM) {
+      NDIM.intercept('getConversationId', () => {
+        const conversationId = getChatroomConversationId()
+        if (conversationId) {
+          return conversationId
+        }
+        return imChatroom.getRoomInfo().then((chatroom) => get(chatroom, 'room.convid'))
+      })
+    }
+  })
+}

package/src/component/IMChatroom/sdk/imcore/plugins/getExtInfo.js

@@ -0,0 +1,10 @@
+import IMCoreChatroom from '@ndim/chatroom'
+
+export default () => {
+  IMCoreChatroom.use({
+    name: 'IMCoreChatroom',
+    install(NDIM) {
+      NDIM.intercept('getExtInfo', async () => ({}))
+    }
+  })
+}

package/src/component/IMChatroom/sdk/imcore/plugins/getLoginInfo.js

@@ -0,0 +1,48 @@
+import IMCoreChatroom from '@ndim/chatroom'
+import UAParser from 'ua-parser-js'
+
+import urlConfig from '../../../config/url'
+
+function getDeviceInfo() {
+  const uaParser = new UAParser()
+  const result = uaParser.getResult()
+  const { browser, os, device } = result
+
+  // 将重要的设备信息提取出来拼接，
+  // 因为：WebSocket关闭代码的定义非常严格，并且关闭原因短语/消息的长度不能超过123个字符（这是有意的websocket限制）。
+  // 而服务端会将device_name、device_info信息设置在close reason 中。
+  // 其中device_name: WebIM占用了18个字符，device_info: 占用了12个字符，
+  // 故将device_info信息的长度设置在80个字符以内，剩余13个字符作为预留。斟酌执行只设置以下几个信息，并根据重要程度做了优先级排序。
+  const infos = [os.name, os.version, browser.name, browser.version, device.vendor]
+
+  let deviceInfo = ''
+  infos.forEach((value, index) => {
+    if (value && deviceInfo.length + value.length + 1 <= 80) {
+      if (index !== 0) {
+        deviceInfo += ' '
+      }
+      deviceInfo += value
+    }
+  })
+
+  return deviceInfo
+}
+
+export default (
+  // token,
+  // accountInfo
+) => {
+  IMCoreChatroom.use({
+    name: 'IMCoreChatroom',
+    install(NDIM) {
+      NDIM.intercept('getLoginInfo', () => ({
+        device_name: 'im-chat-room', // 设备名称
+        device_info: getDeviceInfo(), // 客户端设备信息, 客户端自定义设备信息，用于透传踢人通知的设备信息
+        // network_type: 'WIFI', // WIFI,2G,3G,4G
+        // version: '客户端版本',
+        // orgid: get(accountInfo, 'org_id', ''), // 组织id
+        'sdp-app-id': urlConfig.sdpAppId // 客户端应用id，必填
+      }))
+    }
+  })
+}

package/src/component/IMChatroom/sdk/imcore/plugins/getPlatformType.js

@@ -0,0 +1,12 @@
+import IMCoreChatroom from '@ndim/chatroom'
+
+import appConfig from '../../../config/app'
+
+export default () => {
+  IMCoreChatroom.use({
+    name: 'IMCoreChatroom',
+    install(NDIM) {
+      NDIM.intercept('getPlatformType', () => appConfig.get('platform'))
+    }
+  })
+}

package/src/component/IMChatroom/sdk/imcore/plugins/index.js

@@ -0,0 +1,22 @@
+import IMCoreChatroom from '@ndim/chatroom'
+import IMPluginMessage from '@ndim/plugin-message'
+
+import getAuthPlugin from './getAuth'
+import getConversationIdPlugin from './getConversationId'
+import getExtInfoPlugin from './getExtInfo'
+import getLoginInfoPlugin from './getLoginInfo'
+import getPlatformTypePlugin from './getPlatformType'
+
+export default (token, accountInfo) => {
+  [
+    getAuthPlugin,
+    getConversationIdPlugin,
+    getExtInfoPlugin,
+    getLoginInfoPlugin,
+    getPlatformTypePlugin
+  ].forEach((plugin) => {
+    plugin(token, accountInfo)
+  })
+
+  IMCoreChatroom.use(IMPluginMessage)
+}

package/src/component/IMChatroom/sdk/imcore/util/format.js

@@ -0,0 +1,177 @@
+import Long from 'long'
+import get from 'lodash/get'
+
+import jsonBigInt from '../../../util/jsonBigInt'
+import { getCurrentAccountId } from '../../../util/account'
+
+import { MessageType, MessageHeader } from '../constants'
+import parser from './parser'
+
+export const transferStringToLong = (value) => Long.fromString(value, true)
+
+export const transferLongToString = (value) => {
+  if (typeof value === 'object') {
+    const message = {
+      ...value
+    }
+    Object.keys(message).forEach((key) => {
+      if (Long.isLong(message[key])) {
+        message[key] = message[key].toString()
+      }
+    })
+    return message
+  }
+
+  return value.toString()
+}
+
+const getMessageSender = (_parsedContent) => {
+  try {
+    return JSON.parse(get(_parsedContent, `headers.${MessageHeader.ContentSender}`))
+  } catch (e) {
+    return null
+  }
+}
+
+const parseContent = (content) => {
+  const _parsedContent = parser.parse(content)
+
+  const contentSender = getMessageSender(_parsedContent)
+  if (contentSender) {
+    _parsedContent.contentSender = contentSender
+  }
+
+  return _parsedContent
+}
+
+// 解析消息内容，返回解析结果
+export const parseMessageContent = (content) => {
+  let _parsedContent
+  if (content) {
+    _parsedContent = typeof content === 'string' ? parseContent(content) : content
+  } else {
+    _parsedContent = {
+      type: MessageType.Error,
+      data: null
+    }
+  }
+  return _parsedContent
+}
+
+export const parseMessage = (message, reserveMessage) => {
+  const { content } = message
+  let _parsedContent
+  let _content = content
+  if (content) {
+    _parsedContent = typeof content === 'string' ? parseContent(content) : content
+
+    if (_parsedContent.type === MessageType.Error && reserveMessage) {
+      const reserveContent = reserveMessage.content
+      if (reserveContent) {
+        _content = reserveContent
+        _parsedContent = parseContent(reserveContent)
+      }
+    }
+  } else {
+    _parsedContent = {
+      type: MessageType.Error,
+      data: null
+    }
+  }
+
+  const parsedMessage = {
+    ...message,
+    _parsedContent,
+    content: _content
+  }
+
+  if (_parsedContent.type === MessageType.FlexBox) {
+    return transformFlexBoxMessage(parsedMessage)
+  }
+
+  console.log('parseMessage:', parsedMessage)
+  return parsedMessage
+}
+
+export const parseMessages = (messages) => messages.map((message) => parseMessage(message))
+
+export const formatMessages = (messages) => parseMessages(messages.map((message) => ({
+  ...message,
+  _localInfo: {
+    id: message.id,
+    index: 0
+  },
+  _direction: message.from === getCurrentAccountId() ? 'up' : 'down'
+})))
+
+// flexbox/json 消息转换
+function transformFlexBoxMessage(message) {
+  const headers = get(message, '_parsedContent.headers')
+
+  // 改变消息类型
+  headers[MessageHeader.ContentType] = `${MessageType.CustomFlexBox}/xml`
+
+  // 移除消息头上设置的模板信息 - 坚决不认消息头的模板信息！！！
+  delete headers[MessageHeader.LanguageTemplate]
+  delete headers[MessageHeader.SupportLanguages]
+  delete headers[MessageHeader.LanguageParameter]
+
+  let flexbox = get(message, '_parsedContent.data.json.flexbox')
+
+  // 将消息中的flexbox信息更新到模板信息中
+  const attrs = get(message, 'attrs', [])
+  const flexboxAttr = attrs.find((attr) => attr.key === 'flexbox')
+  if (flexboxAttr && flexboxAttr.value) {
+    const flexboxData = jsonBigInt.parse(flexboxAttr.value)
+    const { state, ...others } = flexboxData
+    flexbox = {
+      ...flexbox,
+      ...others,
+      _flexBoxState: String(state || 0)
+    }
+  }
+
+  const {
+    templateId,
+    'support-languages': supportLanguages,
+    'parameter-value': parameterValue,
+    'default-template': defaultTemplate,
+    _flexBoxState,
+    ...data
+  } = flexbox
+
+  // 重新设置模板信息
+  if (templateId) {
+    headers[MessageHeader.LanguageTemplate] = templateId
+  }
+  if (supportLanguages) {
+    headers[MessageHeader.SupportLanguages] = supportLanguages
+  }
+  if (parameterValue) {
+    try {
+      headers[MessageHeader.LanguageParameter] = JSON.stringify(parameterValue)
+    } catch (e) {
+      console.log('parse language parameter error: ', e)
+    }
+  }
+
+  // 存储flexbox/json解析完后除去模板消息字段外的数据
+  headers['flexbox-json-data'] = JSON.stringify(data)
+
+  const headerString = Object.keys(headers).reduce((acc, key) => {
+    const result = `${acc}${key}:${headers[key]}\r\n`
+    return result
+  }, '')
+
+  // 转换成新的消息内容
+  const content = `${headerString}\r\n${defaultTemplate || ''}`
+
+  return {
+    ...message,
+    _flexBoxState, // 保存消息 state
+    _flexBoxContent: message.content,
+    _defaultContent: defaultTemplate ? content : '', // 有defaultTemplate时需要直接设置_defaultContent，这样翻译的时候没有找到语言时也能正确解析消息
+    content,
+    _parsedContent: parseMessageContent(content)
+  }
+}

package/src/component/IMChatroom/sdk/imcore/util/parser.js

@@ -0,0 +1,35 @@
+import MessageParser from '@sdp.nd/im-sdk-commons/lib/msg-parser'
+
+import getUCInstance from '../../uc'
+import cs from '../../cs'
+import { chatroomServiceName } from '../../cs/constants'
+
+export default new MessageParser({
+  base: {
+    getDefaultEmotionUrl: (
+      smileyData
+    ) => {
+      const { filename } = smileyData.data
+      return `/im-chatroom/smiley/sys/${filename}.gif`
+    },
+    getPublicEmojiURL: ({
+      filename
+    }) => `/im-chatroom/smiley/emoji/${filename}`,
+    getPublicDownloadURL: (data) => {
+      const { id: dentryId, ...other } = data
+      return cs.getPublicDownloadURL({
+        serviceName: chatroomServiceName,
+        dentryId,
+        ...other
+      })
+    },
+    getUserAvatarUrl: (uri) => `${getUCInstance().getAvatarURL({
+      userId: uri,
+      size: 80
+    })}&_=${Date.now()}`
+  },
+  highlight: {
+    keyword: '',
+    className: ''
+  }
+})

package/src/component/IMChatroom/sdk/oms.js

@@ -0,0 +1,18 @@
+import { getUserInfo } from '@/service/im'
+
+const prefix = '__user_info'
+
+export default async function getUserInfoWithCache(userId) {
+  let cacheUser = sessionStorage.getItem(`${prefix}-${userId}`)
+  if (cacheUser) {
+    cacheUser = JSON.parse(cacheUser)
+    return cacheUser
+  }
+
+  return getUserInfo(userId).then((user) => {
+    if (user) {
+      sessionStorage.setItem(`${prefix}-${userId}`, JSON.stringify(user))
+    }
+    return user
+  })
+}

package/src/component/IMChatroom/sdk/uc.js

@@ -0,0 +1,3 @@
+import { getUCInstance } from '@/util/auth/func'
+
+export default getUCInstance

package/src/component/IMChatroom/subscription/channel/app.js

@@ -0,0 +1,5 @@
+import postal from 'postal'
+
+const appChannel = postal.channel('app')
+
+export default appChannel

package/src/component/IMChatroom/subscription/channel/ctl.js

@@ -0,0 +1,22 @@
+import postal from 'postal'
+import get from 'lodash/get'
+import { actions } from '../../context/chatroom'
+
+import { CTL_CMD } from '../../constants'
+
+const ctlChannel = postal.channel('ctl')
+
+// 置顶聊天室消息
+ctlChannel.subscribe(CTL_CMD.LIVE_TOP_MESSAGES, (message) => {
+  const messages = get(message, '_parsedContent.data.json.ctl.message.items', [])
+  if (messages.length) {
+    actions.setChatroomStickedMessages(messages)
+  }
+})
+
+// 删除聊天室置顶消息
+ctlChannel.subscribe(CTL_CMD.TOP_MESSAGES, () => {
+  actions.setChatroomStickedMessages()
+})
+
+export default ctlChannel

package/src/component/IMChatroom/subscription/channel/member.js

@@ -0,0 +1,40 @@
+import postal from 'postal'
+import { COMMON_LIST_UPDATE_ACTION } from '@sdp.nd/im-web-components'
+
+import EVENT from '../event'
+
+const memberChannel = postal.channel('member')
+
+// 聊天室成员登录
+memberChannel.subscribe(EVENT.MEMBER_LOGIN, (message) => {
+  const { members = [], membercount } = message
+
+  if (members.length) {
+    memberChannel.publish(EVENT.COMMON_LIST_UPDATE, {
+      action: COMMON_LIST_UPDATE_ACTION.ADD,
+      items: members.map(({ uid }) => ({
+        user_id: uid
+      }))
+    })
+  }
+
+  memberChannel.publish(EVENT.CHATROOM_MEMBER_COUNT_UPDATE, membercount)
+})
+
+// 聊天室成员登出
+memberChannel.subscribe(EVENT.MEMBER_LOGOUT, (message) => {
+  const { members = [], membercount } = message
+
+  if (members.length) {
+    memberChannel.publish(EVENT.COMMON_LIST_UPDATE, {
+      action: COMMON_LIST_UPDATE_ACTION.DELETE,
+      items: members.map(({ uid }) => ({
+        user_id: uid
+      }))
+    })
+  }
+
+  memberChannel.publish(EVENT.CHATROOM_MEMBER_COUNT_UPDATE, membercount)
+})
+
+export default memberChannel