@x-edu/live-player 0.0.1

package/src/component/IMChatroom/page/member/index.jsx

@@ -0,0 +1,15 @@
+import React, { Component } from 'react'
+
+import MemberList from './memberList'
+
+import style from './style/index.module.less'
+
+export default class Member extends Component {
+  render() {
+    return (
+      <div className={style['member-container']}>
+        <MemberList />
+      </div>
+    )
+  }
+}

package/src/component/IMChatroom/page/member/memberCount/index.jsx

@@ -0,0 +1,44 @@
+import React, { Component } from 'react'
+import { ChatroomMemberCount } from '@sdp.nd/im-web-components'
+
+import subscription from '../../../subscription'
+import requestConfig from '../../../config/request/config/base'
+import env from '../../../config/env'
+import urlConfig from '../../../config/url'
+import { getChatroomToken } from '../../../util/chatroom'
+import { useConnect } from '../../../context/connect'
+
+class MemberCount extends Component {
+  getProps = () => ({
+    gid: urlConfig.roomId,
+    token: getChatroomToken(),
+    env,
+    requestConfig,
+    subscription: subscription.member
+  })
+
+  render() {
+    if (!this.props.connectTimes) {
+      return null
+    }
+
+    const props = this.getProps()
+    return (
+      <ChatroomMemberCount {...props} />
+    )
+  }
+}
+
+function MemberCountFn() {
+  const {
+    times
+  } = useConnect()
+
+  return (
+    <MemberCount
+      connectTimes={times}
+    />
+  )
+}
+
+export default MemberCountFn

package/src/component/IMChatroom/page/member/memberList/index.jsx

@@ -0,0 +1,121 @@
+import React, { Component } from 'react'
+import { ChatroomMemberList } from '@sdp.nd/im-web-components'
+import get from 'lodash/get'
+
+import subscription from '../../../subscription'
+import requestConfig from '../../../config/request/config/base'
+import env from '../../../config/env'
+import urlConfig from '../../../config/url'
+import { getChatroomConversationId, getChatroomToken, getActionRights, getTags } from '../../../util/chatroom'
+import appConfig from '../../../config/app'
+// import thirdParty from '../../../third-party'
+import { useConnect } from '../../../context/connect'
+import { useChatroom } from '../../../context/chatroom'
+import getUserInfoWithCache from '../../../sdk/oms'
+
+class MemberList extends Component {
+  onAction = (
+    // actionKey,
+    // message
+  ) => {
+    // thirdParty.onPostMessage(actionKey, message)
+  }
+
+  getActionConfig = () => {
+    const config = appConfig.get('chatroomMemberList.actionConfig')
+
+    if (config.actions) {
+      config.actions.forEach((item) => {
+        if (typeof item === 'object') {
+          item.action = (message) => {
+            this.onAction(item.key, message)
+          }
+        }
+      })
+    }
+
+    return {
+      ...config,
+      getActionRights: this.getActionRights
+    }
+  }
+
+  getActionRights = (item, keys, callback) => {
+    const { chatroomUserRole, chatroomOwner, chatroomAdmins, chatroomBan } = this.props
+
+    getActionRights({
+      userRole: chatroomUserRole,
+      uid: item.user_id,
+      actionKeys: keys,
+      owner: chatroomOwner,
+      admins: chatroomAdmins,
+      ban: chatroomBan,
+      callback
+    }, appConfig.get('chatroomMemberList.actionConfig.getActionRights'))
+  }
+
+  getTags = (item, callback) => {
+    const { chatroomOwner, chatroomAdmins, chatroomBan } = this.props
+    return getTags({
+      uid: item.user_id,
+      owner: chatroomOwner,
+      admins: chatroomAdmins,
+      ban: chatroomBan,
+      callback
+    }, appConfig.get('chatroomMemberList.tagConfig.getTags'))
+  }
+
+  getProps = () => ({
+    itemKey: 'user_id',
+    platform: appConfig.get('platform'),
+    gid: urlConfig.roomId,
+    convid: getChatroomConversationId(),
+    token: getChatroomToken(),
+    env,
+    requestConfig,
+    ...appConfig.get('chatroomMemberList'),
+    nameConfig: {
+      getInfo: (data) => getUserInfoWithCache(get(data, 'user_id')),
+      ...appConfig.get('chatroomMemberList.nameConfig')
+    },
+    actionConfig: this.getActionConfig(),
+    tagConfig: {
+      ...appConfig.get('chatroomMemberList.tagConfig'),
+      getTags: this.getTags
+    },
+    pageSize: appConfig.get('chatroomMemberList.pageSize'),
+    subscription: subscription.member
+  })
+
+  render() {
+    if (!this.props.connectTimes) {
+      return null
+    }
+
+    const props = this.getProps()
+    return (
+      <ChatroomMemberList {...props} />
+    )
+  }
+}
+
+function MemberListFn() {
+  const {
+    times
+  } = useConnect()
+  const {
+    userRole, owner, admins, ban
+  } = useChatroom()
+
+  return (
+    <MemberList
+      connectTimes={times}
+      chatroomUserRole={userRole}
+      chatroomOwner={owner}
+      chatroomAdmins={admins}
+      chatroomBan={ban}
+    />
+  )
+}
+
+export default MemberListFn

package/src/component/IMChatroom/page/member/style/index.module.less

@@ -0,0 +1,3 @@
+.member-container {
+  height: 100%;
+}

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

@@ -0,0 +1,39 @@
+class IframeBridge {
+  events = {}
+
+  register = (name, data) => new Promise((resolve) => {
+    if (!this.events[name]) {
+      this.events[name] = {
+        length: 0
+      }
+    }
+    this.events[name].length += 1
+    const eventKey = `${name}-${this.events[name].length}`
+    this.events[name][eventKey] = (event) => {
+      if (!event.data || typeof (event.data) !== 'string') return
+
+      try {
+        const options = JSON.parse(event.data)
+        if (eventKey === options.key) {
+          resolve(options.data)
+          this.unregister(name, eventKey)
+        }
+      } catch (e) {
+        console.log('receiveMessage JSON.parse', e)
+      }
+    }
+    window.addEventListener('message', this.events[name][eventKey])
+    window.parent.postMessage(JSON.stringify({
+      type: name,
+      key: eventKey,
+      data
+    }), '*')
+  })
+
+  unregister = (name, eventKey) => {
+    window.removeEventListener('message', this.events[name][eventKey])
+    delete this.events[name][eventKey]
+  }
+}
+
+export default new IframeBridge()

package/src/component/IMChatroom/sdk/cs/constants.js

@@ -0,0 +1,20 @@
+import get from 'lodash/get'
+import env from '../../config/env'
+
+export const csHost = get({
+  development: 'betacs.101.com',
+  test: 'betacs.101.com',
+  preproduction: 'betacs.101.com',
+  product: 'cs.101.com',
+  hk: 'hkcs.101.com',
+  'ncet-xedu': 'cs.101.com'
+}, env)
+
+export const chatroomServiceName = get({
+  development: 'qa_content_chatroom',
+  test: 'qa_content_chatroom',
+  preproduction: 'preproduction_content_chatroom',
+  product: 'chatroom',
+  hk: 'im_chatroom',
+  'ncet-xedu': 'chatroom'
+}, env)

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

@@ -0,0 +1,101 @@
+import csSDK from '@sdp.nd/js-cs-sdk/dist/CS-SDK.common'
+
+import { csHost, chatroomServiceName } from './constants'
+
+const serviceNames = [
+  chatroomServiceName
+]
+
+class CsSdk {
+  constructor() {
+    this.csClient = {}
+  }
+
+  init() {
+    // 默认需要初始化的公开文件的 serviceNames
+    return Promise.all(serviceNames.map((name) => {
+      if (!name) {
+        return Promise.reject(new Error('serviceName can\'t be empty'))
+      }
+      return csSDK({
+        serviceName: name,
+        getToken: this.getToken,
+        host: csHost,
+        protocol: 'https'
+      }).then((client) => {
+        console.log('client', name, client)
+        // eslint-disable-next-line no-useless-escape
+        client._validateFileName = (t) => t.replace(/[\\\/:*?"<>|]+/g, '-')
+        this.csClient[name] = client
+        return client
+      }).catch((e) => {
+        console.log('e')
+        console.log(e)
+      })
+    }))
+  }
+
+  async set(serviceName) {
+    if (!serviceName) {
+      return Promise.reject(new Error('serviceName can\'t be empty'))
+    }
+    if (!this.csClient[serviceName]) {
+      const client = await csSDK({
+        serviceName,
+        getToken: this.getToken,
+        host: URL.CS_HOST,
+        protocol: 'https'
+      })
+      // eslint-disable-next-line no-useless-escape
+      client._validateFileName = (name) => name.replace(/[\\\/:*?"<>|]+/g, '-')
+      this.csClient[serviceName] = client
+    }
+    return this.csClient[serviceName]
+  }
+
+  getPublicDownloadURL(options) {
+    const { serviceName, ...others } = options
+
+    if (!this.csClient[serviceName]) {
+      return ''
+    }
+
+    if (!others.dentryId && !others.path) {
+      return ''
+    }
+
+    const urls = this.csClient[serviceName].getPublicDownloadURL(others)
+    return urls.length ? urls[0] : ''
+  }
+
+  getToken({ javaSDKParams, name }, extraInfo = {}) {
+    const { actionType, replacement, model, tokenData, isCover } = extraInfo
+    const { params, path, tokenType } = javaSDKParams
+    const data = {
+      type: tokenType,
+      params,
+      ...tokenData
+    }
+    if (actionType === 'upload') {
+      if (isCover) {
+        data.path = path
+      } else {
+        data.path = `${path}/${name}`
+      }
+    }
+
+    return model
+      .replace(replacement)
+      .send(data)
+      .post()
+      .then(({ data: newData }) => {
+        const { expire_at: expireAt } = newData
+        return {
+          ...newData,
+          expireAt
+        }
+      })
+  }
+}
+
+export default new CsSdk()

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

@@ -0,0 +1,15 @@
+import Chatroom from '@sdp.nd/im-sdk-chatroom'
+import env from '../config/env'
+import urlConfig from '../config/url'
+import request from '../config/request'
+
+const chatroom = new Chatroom({
+  env,
+  request: request.imChatroom,
+  gid: urlConfig.roomId,
+  overrides: env === 'ncet-xedu' ? {
+    API_HOST: 'https://im-chatroom.ykt.eduyun.cn'
+  } : null
+})
+
+export default chatroom

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

@@ -0,0 +1,128 @@
+import get from 'lodash/get'
+
+import env from '../../config/env'
+
+export const imCoreOrigin = get({
+  development: 'wss://im-httpaccess-develop.101.com:13080',
+  test: 'wss://im-httpaccess-test.101.com:13080',
+  preproduction: 'wss://im-httpaccess-preproduction.101.com:13080',
+  product: 'wss://chatroom-access.101.com:13080',
+  hk: 'wss://im-access-hk.101.com:8443',
+  'ncet-xedu': 'wss://chatroom-access.ykt.eduyun.cn:13080'
+}, env)
+
+export const imCoreApiOrigin = get({
+  development: 'http://imcoreapi-develop.k8s.sdp.nd',
+  test: 'http://imcoreapi-qa-test.k8s.sdp.nd',
+  preproduction: 'https://imcoreapi.beta.101.com',
+  product: 'https://imcoreapis.101.com',
+  hk: 'https://imcoreapis-hk.101.com',
+  'ncet-xedu': 'https://imcoreapi.ykt.eduyun.cn'
+}, env)
+
+export const MessageType = {
+  Base: 'Base',
+  Text: 'Text',
+  Tip: 'Tip',
+  Image: 'Image',
+  File: 'File',
+  Link: 'Link',
+  Folder: 'Folder',
+  Audio: 'Audio',
+  Article: 'Article',
+  Rich: 'Rich',
+  Video: 'Video',
+  Smiley: 'Smiley',
+  Associate: 'Associate',
+  Directory: 'Directory',
+  RichTip: 'RichTip',
+  Box: 'Box',
+  FlexBox: 'FlexBox',
+  Ctl: 'Ctl',
+  DocSync: 'DocSync',
+  EventDispatch: 'EventDispatch',
+  Event: 'Event',
+  Ntf: 'Ntf',
+  Sys: 'Sys',
+  Tel: 'Tel',
+  Unknown: 'Unknown',
+  // 消息解析新增类型
+  Error: 'error',
+  // 自定义消息类型
+  CustomFlexBox: 'CustomFlexBox' // 自定义消息类型，将flexbox/json转换成flexbox-web-im/xml，转换后的消息内容content用户模板消息翻译
+}
+
+export const ContentType = {
+  Base: 'ndim/base',
+  Text: 'text/plain',
+  Tip: 'tip/xml',
+  Image: 'img/xml',
+  File: 'file/xml',
+  Link: 'link/xml',
+  Folder: 'folder/xml',
+  Audio: 'audio/xml',
+  Article: 'article/xml',
+  Rich: 'rich/xml',
+  Video: 'video/xml',
+  Smiley: 'smiley/xml',
+  Associate: 'associate/xml',
+  Directory: 'directory/xml',
+  RichTip: 'rich-tip/xml',
+  Box: 'box/xml',
+  Ctl: 'ctl/json',
+  DocSync: 'docsync/json',
+  EventDispatch: 'event-dispatch',
+  Event: 'event/json',
+  Ntf: 'ntf/json',
+  Sys: 'sys/json',
+  Tel: 'tel/json'
+}
+
+/**
+ * contentType 对应的 MessageType 映射
+ */
+export const MessageTypeMap = {
+  [ContentType.Base]: MessageType.Base,
+  [ContentType.Text]: MessageType.Text,
+  [ContentType.Tip]: MessageType.Tip,
+  [ContentType.Image]: MessageType.Image,
+  [ContentType.File]: MessageType.File,
+  [ContentType.Link]: MessageType.Link,
+  [ContentType.Folder]: MessageType.Folder,
+  [ContentType.Audio]: MessageType.Audio,
+  [ContentType.Article]: MessageType.Article,
+  [ContentType.Rich]: MessageType.Rich,
+  [ContentType.Video]: MessageType.Video,
+  [ContentType.Smiley]: MessageType.Smiley,
+  [ContentType.Associate]: MessageType.Associate,
+  [ContentType.Directory]: MessageType.Directory,
+  [ContentType.RichTip]: MessageType.RichTip,
+  [ContentType.Box]: MessageType.Box,
+  [ContentType.Ctl]: MessageType.Ctl,
+  [ContentType.DocSync]: MessageType.DocSync,
+  [ContentType.EventDispatch]: MessageType.EventDispatch,
+  [ContentType.Event]: MessageType.Event,
+  [ContentType.Ntf]: MessageType.Ntf,
+  [ContentType.Sys]: MessageType.Sys,
+  [ContentType.Tel]: MessageType.Tel
+}
+
+export const MessageHeader = {
+  ContentType: 'Content-Type',
+  ContentEncoding: 'Content-Encoding',
+  ContentReceivers: 'Content-Receivers',
+  ContentAt: 'Content-At',
+  SupportLanguages: 'Support-Languages',
+  LanguageTemplate: 'Language-Template',
+  LanguageParameter: 'Language-Parameter',
+  EventDispatch: 'Event-Dispatch',
+  SupportPlatform: 'Support-Platform',
+  PopupEndingTime: 'Popup-EndingTime',
+  MessageTimer: 'Message-Timer',
+  BlinkCode: 'Blink-Code',
+  PerformanceDentryId: 'Performance-dentryid',
+  DataBiz: 'Data-Biz',
+  Sponsor: 'Sponsor',
+  ContentSender: 'Content-Sender',
+  ExtInfo: 'Ext-Info'
+}

package/src/component/IMChatroom/sdk/imcore/emitters/chatroomDestroyed.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function chatroomDestroyed(data) {
+  subscription.websocket.publish(subscription.EVENT.CHATROOM_DESTROYED, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/chatroomInfoGetFail.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function chatroomInfoGetFail(data) {
+  subscription.websocket.publish(subscription.EVENT.GET_CHATROOM_INFO_FAIL, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/chatroomKickedByAdmin.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function chatroomKickedByAdmin(data) {
+  subscription.websocket.publish(subscription.EVENT.KICKED_BY_ADMIN, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/chatroomKickedBySelf.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function chatroomKickedBySelf(data) {
+  subscription.websocket.publish(subscription.EVENT.KICKED_BY_SELF, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/chatroomLoginFail.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function chatroomLoginFail(data) {
+  subscription.websocket.publish(subscription.EVENT.LOGIN_FAIL, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/chatroomLoginSuccess.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function chatroomLoginSuccess(data) {
+  subscription.websocket.publish(subscription.EVENT.LOGIN_SUCCESS, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/chatroomMemberLogin.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function chatroomMemberLogin(data) {
+  subscription.member.publish(subscription.EVENT.MEMBER_LOGIN, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/chatroomMemberLogout.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function chatroomMemberLogout(data) {
+  subscription.member.publish(subscription.EVENT.MEMBER_LOGOUT, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/connectionConnected.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function connectionConnected(data) {
+  subscription.websocket.publish(subscription.EVENT.CONNECTING, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/connectionConnecting.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function connectionConnecting(data) {
+  subscription.websocket.publish(subscription.EVENT.CONNECTING, data)
+}

package/src/component/IMChatroom/sdk/imcore/emitters/connectionDisconnect.js

@@ -0,0 +1,5 @@
+import subscription from '../../../subscription'
+
+export default function connectionDisconnect(data) {
+  subscription.websocket.publish(subscription.EVENT.DISCONNECT, data)
+}

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

@@ -0,0 +1,57 @@
+import IMCoreChatroom from '@ndim/chatroom'
+
+import chatroomInfoGetFail from './chatroomInfoGetFail'
+import chatroomKickedBySelf from './chatroomKickedBySelf'
+import chatroomKickedByAdmin from './chatroomKickedByAdmin'
+import chatroomDestroyed from './chatroomDestroyed'
+import chatroomLoginFail from './chatroomLoginFail'
+import chatroomLoginSuccess from './chatroomLoginSuccess'
+import chatroomMemberLogin from './chatroomMemberLogin'
+import chatroomMemberLogout from './chatroomMemberLogout'
+import connectionConnected from './connectionConnected'
+import connectionConnecting from './connectionConnecting'
+import connectionDisconnect from './connectionDisconnect'
+import messageReceive from './messageReceive'
+
+const actions = {
+  [IMCoreChatroom.ChatroomConnectionEvent.GetChatroomInfoFail]: chatroomInfoGetFail,
+  [IMCoreChatroom.ChatroomConnectionEvent.ChatroomKickedBySelf]: chatroomKickedBySelf,
+  [IMCoreChatroom.ChatroomConnectionEvent.ChatroomKickedByAdmin]: chatroomKickedByAdmin,
+  [IMCoreChatroom.ChatroomConnectionEvent.ChatroomDestroyed]: chatroomDestroyed,
+  [IMCoreChatroom.ChatroomConnectionEvent.LoginChatroomFail]: chatroomLoginFail,
+  [IMCoreChatroom.ChatroomConnectionEvent.LoginChatroomSuccess]: chatroomLoginSuccess,
+  [IMCoreChatroom.ChatroomConnectionEvent.ChatroomMemberLogin]: chatroomMemberLogin,
+  [IMCoreChatroom.ChatroomConnectionEvent.ChatroomMemberLogout]: chatroomMemberLogout,
+  [IMCoreChatroom.ConnectionEvent.Open]: undefined,
+  [IMCoreChatroom.ConnectionEvent.Connected]: connectionConnected,
+  [IMCoreChatroom.ConnectionEvent.Reconnecting]: connectionConnecting,
+  [IMCoreChatroom.ConnectionEvent.Disconnect]: connectionDisconnect,
+  [IMCoreChatroom.ConnectionEvent.Kicked]: chatroomKickedBySelf,
+  [IMCoreChatroom.ConnectionEvent.KickedForRedirect]: undefined,
+  [IMCoreChatroom.ConnectionEvent.Close]: undefined,
+  [IMCoreChatroom.ConnectionEvent.Error]: undefined,
+  [IMCoreChatroom.ConnectionEvent.LoginFail]: undefined,
+  [IMCoreChatroom.MessageEvent.Receive.Inbox]: messageReceive
+}
+
+const emitters = {}
+Object.keys(actions).forEach((key) => {
+  emitters[key] = (...args) => {
+    if (
+      ![
+        IMCoreChatroom.ChatroomConnectionEvent.ChatroomMemberLogin,
+        IMCoreChatroom.ChatroomConnectionEvent.ChatroomMemberLogout,
+        IMCoreChatroom.MessageEvent.Receive.Inbox
+      ].some((actionName) => actionName === key)
+    ) {
+      // thirdParty.onPostMessage(thirdParty.EVENT.CONNECT_STATUS, key)
+    }
+
+    const action = actions[key]
+    if (action) {
+      action(...args)
+    }
+  }
+})
+
+export default emitters

package/src/component/IMChatroom/sdk/imcore/emitters/messageReceive.js

@@ -0,0 +1,36 @@
+// import get from 'lodash/get'
+
+import subscription from '../../../subscription'
+import appConfig from '../../../config/app'
+import bridge from '../../bridge'
+// import { MESSAGE_TYPE } from '../../../constants'
+
+import { transferLongToString, formatMessages } from '../util/format'
+
+export default function messageReceive(data) {
+  console.log('message.receive', data)
+  let messages = []
+  data.forEach((items) => {
+    messages = messages.concat(items)
+  })
+
+  const items = formatMessages(messages.map((message) => transferLongToString(message)))
+
+  // items.forEach((message) => {
+  //   const messageType = get(message, '_parsedContent.type')
+  //   if ([MESSAGE_TYPE.CTL, MESSAGE_TYPE.NTF, MESSAGE_TYPE.TEL].some((type) => messageType === type)) {
+  //     thirdParty.onPostMessage(thirdParty.EVENT.CMD, message)
+  //   }
+  // })
+
+  if (appConfig.get('chatroomChatMessageList.filterMessages')) {
+    return bridge.register('filterMessages', {
+      type: 'new',
+      messages: items
+    }).then(({ messages: newMessages }) => {
+      subscription.websocket.publish(subscription.EVENT.RECEIVE_MESSAGES, newMessages)
+    })
+  } else {
+    subscription.websocket.publish(subscription.EVENT.RECEIVE_MESSAGES, items)
+  }
+}