@x-edu/live-player 0.0.1

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

@@ -0,0 +1,13 @@
+import postal from 'postal'
+import { message as messageTip } from 'fish'
+
+import EVENT from '../event'
+
+const messageChannel = postal.channel('message')
+
+messageChannel.subscribe(EVENT.COMMON_TOAST_TIP_MAKE, (data) => {
+  const { type, message } = data
+  messageTip[type](message)
+})
+
+export default messageChannel

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

@@ -0,0 +1,86 @@
+import postal from 'postal'
+import get from 'lodash/get'
+import { COMMON_LIST_UPDATE_ACTION } from '@sdp.nd/im-web-components'
+import { actions } from '../../context/chatroom'
+
+import { NTF_CMD, BAN_TYPE } from '../../constants'
+import { isCurrentAccountId } from '../../util/account'
+
+import messageChannel from './message'
+import memberChannel from './member'
+import EVENT from '../event'
+
+const ntfChannel = postal.channel('ntf')
+
+// 聊天室禁言通知
+ntfChannel.subscribe(NTF_CMD.NTF_CR_PROHIBITE_WORD_NOTICE, (message) => {
+  const { action, uid } = get(message, '_parsedContent.data.json.ntf', {})
+  if (uid) {
+    actions.updateChatroomBan({
+      type: BAN_TYPE.BLACK,
+      action,
+      items: [{
+        user_id: uid
+      }]
+    })
+    messageChannel.publish(EVENT.COMMON_TAG_UPDATE, uid)
+    memberChannel.publish(EVENT.COMMON_TAG_UPDATE, uid)
+    if (isCurrentAccountId(uid)) {
+      messageChannel.publish(EVENT.UPDATE_EDITOR)
+    }
+  }
+})
+
+// 聊天室全员禁言通知
+ntfChannel.subscribe(NTF_CMD.NTF_CR_WHOLE_PROHIBITE_WORD_NOTICE, (message) => {
+  const { action } = get(message, '_parsedContent.data.json.ntf', {})
+  if (action === 1) {
+    // 开启全员禁言，需要重新获取白名单列表
+    actions.getChatroomBan()
+  } else {
+    // 关闭全员禁言，需要重新设置为黑名单模式，且黑名单为空
+    actions.setChatroomBan({
+      type: BAN_TYPE.BLACK,
+      items: []
+    })
+  }
+  messageChannel.publish(EVENT.COMMON_TAG_UPDATE)
+  memberChannel.publish(EVENT.COMMON_TAG_UPDATE)
+  messageChannel.publish(EVENT.UPDATE_EDITOR)
+})
+
+// 聊天室允许发言通知
+ntfChannel.subscribe(NTF_CMD.NTF_CR_ALLOW_SPEECH_NOTICE, (message) => {
+  const { action, uid } = get(message, '_parsedContent.data.json.ntf', {})
+  if (uid) {
+    actions.updateChatroomBan({
+      type: BAN_TYPE.WHITE,
+      action,
+      items: [{
+        user_id: uid
+      }]
+    })
+    messageChannel.publish(EVENT.COMMON_TAG_UPDATE, uid)
+    memberChannel.publish(EVENT.COMMON_TAG_UPDATE, uid)
+    if (isCurrentAccountId(uid)) {
+      messageChannel.publish(EVENT.UPDATE_EDITOR)
+    }
+  }
+})
+
+// 聊天室踢人广播通知
+ntfChannel.subscribe(NTF_CMD.NTF_CR_KICK_NOTICE, (message) => {
+  const { uids = [] } = get(message, '_parsedContent.data.json.ntf', {})
+  if (uids.length) {
+    memberChannel.publish(EVENT.COMMON_LIST_UPDATE, {
+      action: COMMON_LIST_UPDATE_ACTION.DELETE,
+      items: uids.map((uid) => ({
+        user_id: uid
+      }))
+    })
+
+    memberChannel.publish(EVENT.CHATROOM_MEMBER_COUNT_SUBTRACT, uids.length)
+  }
+})
+
+export default ntfChannel

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

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

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

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

package/src/component/IMChatroom/subscription/event.js

@@ -0,0 +1,37 @@
+import {
+  EVENT,
+  ChatMessageList,
+  ChatroomMemberCount,
+  Uploader,
+  MessageEditor,
+  EmotionSelect
+} from '@sdp.nd/im-web-components'
+
+export default {
+  // @sdp.nd/im-web-components 事件名
+  ...EVENT,
+  ...ChatMessageList.C.EVENT,
+  ...ChatroomMemberCount.C.EVENT,
+  ...Uploader.C.EVENT,
+  ...MessageEditor.C.EVENT,
+  ...EmotionSelect.C.EVENT,
+
+  // @ndim/chatroom 事件名
+  GET_CHATROOM_INFO_FAIL: 'get.chatroom.info.fail',
+  LOGIN_SUCCESS: 'login.success',
+  LOGIN_FAIL: 'login.fail',
+  CONNECTING: 'connecting',
+  DISCONNECT: 'disconnect',
+  KICKED_BY_SELF: 'kicked.by.self',
+  KICKED_BY_ADMIN: 'kicked.by.admin',
+  CHATROOM_DESTROYED: 'chatroom.destroyed',
+  MEMBER_LOGIN: 'chatroom.member.login',
+  MEMBER_LOGOUT: 'chatroom.member.logout',
+  RECEIVE_MESSAGES: 'receive.messages',
+
+  // im-chat-room 事件名
+  RENDER: 'render.chat.room',
+  UPDATE_AUTO_VIEW_MESSAGE: 'update.auto.view.message.status',
+  UPDATE_EDITOR: 'update.editor.props',
+  ADD_UPLOAD_MESSAGE: 'add.upload.message'
+}

package/src/component/IMChatroom/subscription/index.js

@@ -0,0 +1,19 @@
+import EVENT from './event'
+import appChannel from './channel/app'
+import websocketChannel from './channel/websocket'
+import memberChannel from './channel/member'
+import messageChannel from './channel/message'
+import ctlChannel from './channel/ctl'
+import ntfChannel from './channel/ntf'
+import telChannel from './channel/tel'
+
+export default {
+  app: appChannel,
+  websocket: websocketChannel,
+  member: memberChannel,
+  message: messageChannel,
+  ctl: ctlChannel,
+  ntf: ntfChannel,
+  tel: telChannel,
+  EVENT
+}

package/src/component/IMChatroom/util/account.js

@@ -0,0 +1,8 @@
+import get from 'lodash/get'
+import { getSessionUserInfo } from '@/util/auth/func'
+
+export const getCurrentAccount = () => getSessionUserInfo()
+
+export const getCurrentAccountId = () => String(get(getCurrentAccount(), 'user_id', ''))
+
+export const isCurrentAccountId = (uid) => getCurrentAccountId() === uid

package/src/component/IMChatroom/util/chatroom.js

@@ -0,0 +1,255 @@
+import React from 'react'
+import get from 'lodash/get'
+import intl from '../i18n'
+
+import { USER_ROLE, BAN_TYPE, MESSAGE_ACTION, MESSAGE_TYPE } from '../constants'
+import bridge from '../sdk/bridge'
+import appConfig from '../config/app'
+
+import { getCurrentAccountId, isCurrentAccountId } from './account'
+
+const prefix = 'im-chat-room'
+
+export const setChatroom = (data) => {
+  if (data) {
+    sessionStorage.setItem(prefix, JSON.stringify(data))
+  } else {
+    sessionStorage.removeItem(prefix)
+  }
+}
+
+export const getChatroom = () => {
+  const value = sessionStorage.getItem(prefix)
+  if (value) {
+    try {
+      return JSON.parse(value)
+    } catch (e) { console.log('parse chatroom error') }
+  }
+}
+
+export const setChatroomConversationId = (data) => {
+  if (data) {
+    sessionStorage.setItem(`${prefix}-id`, get(data, 'room.convid'))
+  } else {
+    sessionStorage.removeItem(`${prefix}-id`)
+  }
+}
+
+export const getChatroomConversationId = () => {
+  const value = sessionStorage.getItem(`${prefix}-id`)
+  if (value) {
+    return value
+  }
+}
+
+export const setChatroomToken = (data) => {
+  if (data) {
+    sessionStorage.setItem(`${prefix}-token`, data.token)
+  } else {
+    sessionStorage.removeItem(`${prefix}-token`)
+  }
+}
+
+export const getChatroomToken = () => {
+  const value = sessionStorage.getItem(`${prefix}-token`)
+  if (value) {
+    return value
+  }
+}
+
+export const isBaned = (uid, ban) => {
+  const { type, items } = ban
+  if (type === BAN_TYPE.BLACK) {
+    return items.some((item) => item.user_id === uid)
+  } else {
+    return !items.some((item) => item.user_id === uid)
+  }
+}
+
+export const getCurrentAccountBanedTip = (ban) => {
+  if (!isBaned(getCurrentAccountId(), ban)) {
+    return ''
+  }
+
+  const banedIconUrl = appConfig.get('messageEditor.banedIconUrl')
+  if (!banedIconUrl) {
+    return intl.get('editor.disabled.baned')
+  }
+
+  return (
+    <div>
+      <img src={banedIconUrl} />
+      <div>{intl.get('editor.disabled.baned')}</div>
+    </div>
+  )
+}
+
+export const getOwnerActionRights = (options) => {
+  const {
+    uid,
+    message,
+    actionKeys,
+    ban,
+    stickedMessages,
+    callback
+  } = options
+
+  const keys = [
+    MESSAGE_ACTION.DELETE
+  ]
+
+  if (get(message, '_parsedContent.type') === MESSAGE_TYPE.TEXT) {
+    keys.push(MESSAGE_ACTION.COPY)
+  }
+
+  const messageId = message.id
+  if (messageId && !stickedMessages.some((t) => t.conv_msg_id === messageId)) {
+    keys.push(MESSAGE_ACTION.TOP_MESSAGE)
+  }
+
+  if (isCurrentAccountId(uid)) {
+    keys.push(MESSAGE_ACTION.RECALL)
+  } else {
+    keys.push(MESSAGE_ACTION.KICK)
+
+    const _isBaned = isBaned(uid, ban)
+    if (ban.type === BAN_TYPE.BLACK) {
+      if (_isBaned) {
+        keys.push(MESSAGE_ACTION.CANCEL_FORBIDDEN)
+      } else {
+        keys.push(MESSAGE_ACTION.FORBIDDEN)
+      }
+    } else if (_isBaned) {
+      keys.push(MESSAGE_ACTION.ALLOW_SPEECH)
+    } else {
+      keys.push(MESSAGE_ACTION.CANCEL_ALLOW_SPEECH)
+    }
+  }
+  callback(
+    keys.filter((key) => actionKeys.some((actionKey) => key === actionKey))
+  )
+}
+
+export const getAdminActionRights = (options) => {
+  const {
+    uid,
+    message,
+    actionKeys,
+    owner,
+    admins,
+    ban,
+    callback
+  } = options
+
+  const keys = [
+    MESSAGE_ACTION.DELETE
+  ]
+
+  if (get(message, '_parsedContent.type') === MESSAGE_TYPE.TEXT) {
+    keys.push(MESSAGE_ACTION.COPY)
+  }
+
+  if (isCurrentAccountId(uid)) {
+    keys.push(MESSAGE_ACTION.RECALL)
+  } else if (uid !== owner.uid && !admins.some((admin) => admin.user_id === uid)) {
+    keys.push(MESSAGE_ACTION.KICK)
+
+    const _isBaned = isBaned(uid, ban)
+    if (ban.type === BAN_TYPE.BLACK) {
+      if (_isBaned) {
+        keys.push(MESSAGE_ACTION.CANCEL_FORBIDDEN)
+      } else {
+        keys.push(MESSAGE_ACTION.FORBIDDEN)
+      }
+    } else if (_isBaned) {
+      keys.push(MESSAGE_ACTION.ALLOW_SPEECH)
+    } else {
+      keys.push(MESSAGE_ACTION.CANCEL_ALLOW_SPEECH)
+    }
+  }
+
+  callback(
+    keys.filter((key) => actionKeys.some((actionKey) => key === actionKey))
+  )
+}
+
+export const getNormalActionRights = (options) => {
+  const {
+    uid,
+    message,
+    actionKeys,
+    callback
+  } = options
+
+  const keys = [
+    MESSAGE_ACTION.DELETE
+  ]
+
+  if (get(message, '_parsedContent.type') === MESSAGE_TYPE.TEXT) {
+    keys.push(MESSAGE_ACTION.COPY)
+  }
+
+  if (isCurrentAccountId(uid)) {
+    keys.push(MESSAGE_ACTION.RECALL)
+  }
+
+  callback(
+    keys.filter((key) => actionKeys.some((actionKey) => key === actionKey))
+  )
+}
+
+export const getActionRights = (options, hasCustom) => {
+  console.log('getActionRights', options)
+  if (hasCustom) {
+    const { callback, ...others } = options
+    bridge.register('getActionRights', others).then((keys) => {
+      callback(keys)
+    })
+    return
+  }
+
+  switch (options.userRole) {
+    case USER_ROLE.OWNER:
+      getOwnerActionRights(options)
+      break
+    case USER_ROLE.ADMIN:
+      getAdminActionRights(options)
+      break
+    default:
+      getNormalActionRights(options)
+      break
+  }
+}
+
+export const getTags = (options, hasCustom) => {
+  if (hasCustom) {
+    const { callback, ...others } = options
+    bridge.register('getTags', others).then((tags) => {
+      callback(tags)
+    })
+    return
+  }
+  const {
+    uid,
+    owner,
+    admins,
+    ban,
+    callback
+  } = options
+
+  const tags = []
+
+  if (isBaned(uid, ban)) {
+    tags.push(intl.get('tag.baned'))
+  }
+
+  if (uid === owner.uid) {
+    tags.push(intl.get(`tag.role.${USER_ROLE.OWNER}`))
+  }
+
+  if (admins.some((admin) => admin.user_id === uid)) {
+    tags.push(intl.get(`tag.role.${USER_ROLE.ADMIN}`))
+  }
+
+  callback(tags)
+}

package/src/component/IMChatroom/util/jsonBigInt.js

@@ -0,0 +1,5 @@
+import jsonBigInt from 'json-bigint'
+
+export default jsonBigInt({
+  storeAsString: true
+})

package/src/component/IMChatroom/util/location.js

@@ -0,0 +1,12 @@
+import Url from 'browser-url'
+
+const requireSearchKeys = [
+  'sdp-app-id',
+  'room-id'
+]
+
+// eslint-disable-next-line import/prefer-default-export
+export const validateLocationSearch = () => {
+  const urlData = new Url(window.location.href)
+  return requireSearchKeys.find((key) => !urlData.query[key])
+}

package/src/component/PlayerTip/index.jsx

@@ -0,0 +1,34 @@
+import React from 'react'
+import { Modal } from 'fish'
+import { updateUrl } from '@/config/constant/commonUrl'
+
+// 播放不支持的视频类型时，提示用户
+const PlayerTip = (top) => {
+  const content = (
+    <div>
+      您的浏览器版本过低，导致播放错误。为了保证更好的使用体验，请升级您的浏览器
+      <a
+        href={updateUrl}
+        target="_blank"
+        rel="noreferrer"
+      >
+        点击此处
+      </a>
+      升级您的浏览器
+    </div>
+  )
+  const position = top ? {
+    style: {
+      top
+    }
+  } : {
+    centered: true
+  }
+  Modal.error({
+    title: '视频无法播放',
+    content,
+    ...position
+  })
+}
+
+export default PlayerTip