@x-edu/live-player 0.0.1

package/src/component/IMChatroom/component/status/404.jsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+export default function Error404() {
+  return (
+    <div>
+      404 not found!
+      {}
+      <a href="#">
+        ❮ 返回
+      </a>
+    </div>
+  )
+}

package/src/component/IMChatroom/component/status/Error.jsx

@@ -0,0 +1,23 @@
+import React from 'react'
+
+export default function Error({
+  error
+}) {
+  const style = {
+    padding: '10px'
+  }
+  const errorStyle = {
+    color: 'red'
+  }
+  return (
+    <div style={style}>
+      <h1>加载组件时发生了一些异常</h1>
+      <h3>
+        错误信息:
+      </h3>
+      <pre style={errorStyle}>
+        { error && error.stack}
+      </pre>
+    </div>
+  )
+}

package/src/component/IMChatroom/component/status/Loading.jsx

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export default function Loading() {
+  return <div>加载中...</div>
+}

package/src/component/IMChatroom/config/app/config.js

@@ -0,0 +1,118 @@
+import React from 'react'
+import { STYLE, ChatroomChatMessageList } from '@sdp.nd/im-web-components'
+
+import * as C from '../../constants'
+
+const WelcomeImage = require('../../asset/style/images/welcome.png')
+
+const actionConfig = {
+  trigger: undefined,
+  placement: undefined,
+  getActionRights: false
+}
+
+const nameConfig = {
+  visible: true,
+  rule: '_parsedContent.contentSender.nick_name|_parsedContent.contentSender.uid|from',
+  getInfo: false
+}
+
+const avatarConfig = {
+  visible: true,
+  icon: undefined
+}
+
+const tagConfig = {
+  visible: true,
+  getTags: false
+}
+
+export default {
+  business: 'chatroom',
+  uc: true,
+  wsUrl: undefined,
+  style: STYLE.PC,
+  platform: C.PLATFORM.WEB,
+  noticeVisible: false,
+  fontSizeVisible: false,
+  memberVisible: false,
+  autoViewMessage: true,
+  cmds: [],
+  chatroomMemberList: {
+    pageSize: 50,
+    limit: 1000,
+    actionConfig: {
+      actions: undefined,
+      ...actionConfig
+    },
+    nameConfig: {
+      ...nameConfig,
+      rule: ['real_name|nick_name|user_id', '（{user_id}）']
+    },
+    avatarConfig,
+    tagConfig
+  },
+  chatroomChatMessageList: {
+    direction: false,
+    emptyImage: <img src={WelcomeImage} />,
+    limit: 1000,
+    filterMessages: false,
+    getRecallMessageExtInfo: false,
+    messageContentConfig: {
+      nameRule: 'nick_name|real_name|user_id'
+    },
+    actionConfig: {
+      actions: [
+        ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION.DELETE,
+        ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION.RECALL,
+        ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION.COPY,
+        ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION.KICK,
+        ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION.FORBIDDEN,
+        ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION.CANCEL_FORBIDDEN,
+        ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION.ALLOW_SPEECH,
+        ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION.CANCEL_ALLOW_SPEECH,
+        ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION.TOP_MESSAGE
+      ],
+      ...actionConfig
+    },
+    nameConfig: {
+      ...nameConfig
+      // rule: 'nick_name|real_name|user_id'
+    },
+    avatarConfig,
+    tagConfig
+  },
+  messageEditor: {
+    inputStyle: '',
+    placeholder: '',
+    readonly: false,
+    banedIconUrl: '',
+    contextMenu: [],
+    getMessageHeaders: false,
+    shortcutKeyConfig: {
+      selectable: false
+    },
+    emotionConfig: {
+      mode: 'emoji',
+      emojiPagesize: '4*8',
+      dynamicPagesize: '2*4',
+      emotionPackages: [],
+      emotionOnlinePreview: false,
+      children: undefined
+    },
+    fileConfig: {
+      accept: 'image/*',
+      multiple: false,
+      minSize: 0,
+      maxSize: Infinity,
+      maxNameLength: Infinity,
+      select: true,
+      photograph: false,
+      screenshot: false,
+      drop: false,
+      paste: false
+    }
+  },
+  initialStyle: 'html{background: #eee;}',
+  iframeCssUrl: ''
+}

package/src/component/IMChatroom/config/app/index.js

@@ -0,0 +1,60 @@
+import get from 'lodash/get'
+import isPlainObject from 'lodash/isPlainObject'
+import Url from 'browser-url'
+
+import config from './config'
+
+class App {
+  config = config
+
+  set = (productConfig) => {
+    this.config = this._defaultsDeep(productConfig, this.config)
+    this.initStyle()
+  }
+
+  get = (key) => {
+    if (key) {
+      return get(this.config, key)
+    }
+    return this.config
+  }
+
+  initStyle = () => {
+    const { initialStyle, iframeCssUrl } = this.config
+    if (iframeCssUrl) {
+      const urlData = new Url(iframeCssUrl)
+      urlData.query._t = new Date().getTime()
+
+      const link = document.createElement('link')
+      link.href = urlData.href
+      link.rel = 'stylesheet'
+      document.body.appendChild(link)
+    }
+
+    if (initialStyle) {
+      const style = document.createElement('style')
+      style.innerText = initialStyle
+      document.body.appendChild(style)
+    }
+  }
+
+  _defaultsDeep(a, b) {
+    if (isPlainObject(a)) {
+      const data = {
+        ...b
+      }
+      Object.keys(a).forEach((key) => {
+        if (b[key] !== undefined) {
+          data[key] = this._defaultsDeep(a[key], b[key])
+        } else {
+          data[key] = a[key]
+        }
+      })
+      return data
+    } else {
+      return a
+    }
+  }
+}
+
+export default new App()

package/src/component/IMChatroom/config/env.js

@@ -0,0 +1,5 @@
+import config from '@/config/env'
+
+const { env } = config
+
+export default env

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

@@ -0,0 +1,3 @@
+import './request'
+import './env'
+import './url'

package/src/component/IMChatroom/config/request/config/base.js

@@ -0,0 +1,124 @@
+/* eslint-disable no-param-reassign */
+import { buildURL } from '@sdp.nd/request-adapter-waf'
+import { message } from 'fish'
+import get from 'lodash/get'
+import intl from '../../../i18n'
+
+import getUCInstance from '../../../sdk/uc'
+import { ERROR_CODE } from '../../../constants'
+import {
+  setChatroom,
+  setChatroomConversationId,
+  setChatroomToken
+} from '../../../util/chatroom'
+import jsonBigInt from '../../../util/jsonBigInt'
+
+import urlConfig from '../../url'
+import { logout } from '@/util/auth/func'
+
+const PROTECTION_PREFIX = /^\)\]\}',?\n/
+
+const invalidTokenErrorCodes = [
+  ERROR_CODE.UC_AUTH_INVALID_TOKEN,
+  ERROR_CODE.UC_AUTH_TOKEN_EXPIRED,
+  ERROR_CODE.UC_MAC_SIGN_INVALID
+]
+
+const ignoreMessageErrorCodes = [
+  ERROR_CODE.IMP_TOKEN_EXPIRED,
+  ERROR_CODE.IMP_AUTH_TOKEN_EXPIRED
+]
+
+export default {
+  headers: {
+    'sdp-app-id': urlConfig.sdpAppId
+  },
+  transformResponse: [(data) => {
+    if (!data) return data
+
+    // 长整型统一转化为字符串
+    try {
+      return jsonBigInt.parse(data.replace(PROTECTION_PREFIX, ''))
+    } catch (e) {
+      return data
+    }
+  }],
+  validateStatus(status) {
+    return status === 200
+  },
+  interceptors: {
+    async request(config) {
+      // 因为oms sdk中delete、get、head、options这几个方法的第一个请求是config，不是url
+      // 所以axios中config.url被设置成了config，所以这边需要转换一下
+      if (['delete', 'get', 'head', 'options'].some((method) => method === config.method)) {
+        if (typeof config.url !== 'string') {
+          const options = config.url || {}
+          config = {
+            ...config,
+            ...options
+          }
+        }
+      }
+
+      // 因为im-sdk-*中post、put、patch这几个方法的第二个请求是config，不是data
+      // 所以axios中config.data被设置成了config，所以这边需要转换一下
+      if (['post', 'put', 'patch'].some((method) => method === config.method)) {
+        const options = config.data || {}
+        if (options.data || options.params) {
+          config = {
+            ...config,
+            ...options
+          }
+        }
+      }
+      const uc = getUCInstance()
+      if (uc.getAuthHeaderAsync) {
+        const url = buildURL(config.url, config.params, config.paramsSerializer).replace(/@/g, '%40')
+        const Authorization = await uc.getAuthHeaderAsync({
+          url,
+          method: config.method.toLocaleUpperCase()
+        })
+        config.headers = {
+          ...config.headers,
+          Authorization
+        }
+      }
+
+      return config
+    },
+    response: {
+      success(response) {
+        return response.data
+      },
+      error(error) {
+        let response
+        if (error.message === ERROR_CODE.NETWORK_ERROR) {
+          response = {
+            data: {
+              code: ERROR_CODE.NETWORK_ERROR,
+              message: intl.get('error.networkError')
+            }
+          }
+        } else {
+          response = error.response
+        }
+
+        const code = get(response, 'data.code')
+        if (!ignoreMessageErrorCodes.some((item) => item === code)) {
+          message.error(intl.get(`error.${code}`, '') || get(response, 'data.message') || intl.get('error.serviceError'))
+        }
+        if (invalidTokenErrorCodes.some((item) => item === code)) {
+          setTimeout(() => {
+            logout()
+            setChatroom()
+            setChatroomConversationId()
+            setChatroomToken()
+            // TODO: 重新登录
+            message.error('请重新登录')
+          }, 3000)
+        }
+        return Promise.reject(response)
+      }
+    }
+  }
+}

package/src/component/IMChatroom/config/request/config/chatroom.js

@@ -0,0 +1,26 @@
+/* eslint-disable no-param-reassign */
+import { getChatroomToken } from '../../../util/chatroom'
+
+import requestConfig from './base'
+
+export default {
+  ...requestConfig,
+  interceptors: {
+    ...requestConfig.interceptors,
+    request: async (config) => {
+      const token = getChatroomToken()
+      if (token) {
+        config.headers = {
+          ...config.headers,
+          imchatroomstoken: token
+        }
+      } else {
+        config.url = config.url.replace('v2', 'v0.1')
+      }
+
+      config = await requestConfig.interceptors.request(config)
+
+      return config
+    }
+  }
+}

package/src/component/IMChatroom/config/request/config/imCoreApi.js

@@ -0,0 +1,21 @@
+import appConfig from '../../app'
+
+import requestConfig from './base'
+
+export default {
+  ...requestConfig,
+  interceptors: {
+    ...requestConfig.interceptors,
+    request: async (config) => {
+      // eslint-disable-next-line no-param-reassign
+      config = await requestConfig.interceptors.request(config)
+
+      config.headers = {
+        ...config.headers,
+        'platform-type': appConfig.get('platform')
+      }
+
+      return config
+    }
+  }
+}

package/src/component/IMChatroom/config/request/index.js

@@ -0,0 +1,21 @@
+import axios from 'axios'
+
+import apis from './proxy'
+import baseConfig from './config/base'
+
+const { interceptors, ...config } = baseConfig
+const request = {
+  base: axios.create(config)
+}
+request.base.interceptors.request.use(interceptors.request)
+request.base.interceptors.response.use(interceptors.response.success, interceptors.response.error)
+
+Object.keys(apis).forEach((apiName) => {
+  // eslint-disable-next-line no-shadow
+  const { interceptors, ...config } = apis[apiName]
+  request[apiName] = axios.create(config)
+  request[apiName].interceptors.request.use(interceptors.request)
+  request[apiName].interceptors.response.use(interceptors.response.success, interceptors.response.error)
+})
+
+export default request

package/src/component/IMChatroom/config/request/proxy.js

@@ -0,0 +1,39 @@
+import env from '../env'
+import chatroomConfig from './config/chatroom'
+
+const getService = (service, version) => {
+  const { url, prefix } = {
+    development: {
+      url: `http://${service}.dev.web.nd`,
+      prefix: version
+    },
+    test: {
+      url: `http://${service}.debug.web.nd`,
+      prefix: version
+    },
+    preproduction: {
+      url: `https://${service}.beta.101.com`,
+      prefix: version
+    },
+    product: {
+      url: `https://${service}.sdp.101.com`,
+      prefix: version
+    },
+    hk: {
+      url: `https://${service}.hk.101.com`,
+      prefix: version
+    },
+    'ncet-xedu': {
+      url: `https://${service}.nect-xedu.com`,
+      prefix: version
+    }
+  }[env]
+  return `${url}/${prefix}`
+}
+
+export default {
+  imChatroom: {
+    baseURL: getService('im-chatroom', 'v2'),
+    ...chatroomConfig
+  }
+}

package/src/component/IMChatroom/config/url.js

@@ -0,0 +1,7 @@
+import config from '@/config/env'
+
+export default {
+  roomId: '5165319',
+  sdpAppId: config.app.appid, // '973bd7c6-5d86-49a0-86fa-195e8b2795c4'
+  lang: 'zh-CN'
+}

package/src/component/IMChatroom/constants/errorCode.js

@@ -0,0 +1,9 @@
+// eslint-disable-next-line import/prefer-default-export
+export const ERROR_CODE = {
+  IMP_TOKEN_EXPIRED: 'IMP/TOKEN_EXPIRE',
+  IMP_AUTH_TOKEN_EXPIRED: 'IMP/AUTH_TOKEN_EXPIRED',
+  UC_AUTH_INVALID_TOKEN: 'UC/AUTH_INVALID_TOKEN',
+  UC_AUTH_TOKEN_EXPIRED: 'UC/AUTH_TOKEN_EXPIRED',
+  UC_MAC_SIGN_INVALID: 'UC/MAC_SIGN_INVALID',
+  NETWORK_ERROR: 'Network Error'
+}

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

@@ -0,0 +1,84 @@
+import { ChatMessageList, ChatroomChatMessageList } from '@sdp.nd/im-web-components'
+
+export * from './errorCode'
+export * from './origin'
+
+export const NOTICE_MAX_LENGTH = 255
+export const FONT_SIZES = [12, 14, 16, 18, 20]
+export const NORMAL_FONT_SIZE = FONT_SIZES[1]
+export const MIM_CONV_MSG_ID = '1' // 会话id在服务端的最小值
+export const MAX_CONV_MSG_ID = '9223372036854775807' // 会话id在服务端的最大值（int64 最大值）
+export const GET_CONV_MSG_LIMIT = 30 // 单次获取会话历史消息条数
+
+export const PLATFORM = {
+  PC: 1,
+  IOS: 2,
+  ANDROID: 3,
+  WEB: 4
+}
+
+export const CONNECT_STATUS = {
+  GET_CHATROOM_INFO_FAIL: 0,
+  CONNECTING: 1,
+  DISCONNECT: 2,
+  LOGIN_SUCCESS: 3,
+  LOGIN_FAIL: 4,
+  KICKED_BY_SELF: 5,
+  KICKED_BY_ADMIN: 6,
+  CHATROOM_DESTROYED: 7,
+  NETWORK_ERROR: 8
+}
+
+export const RETRY_CONNECT_STATUS = [
+  CONNECT_STATUS.GET_CHATROOM_INFO_FAIL,
+  CONNECT_STATUS.DISCONNECT,
+  CONNECT_STATUS.LOGIN_FAIL,
+  CONNECT_STATUS.KICKED_BY_SELF,
+  CONNECT_STATUS.NETWORK_ERROR
+]
+
+export const ERROR_CONNECT_STATUS = [
+  ...RETRY_CONNECT_STATUS,
+  CONNECT_STATUS.KICKED_BY_ADMIN,
+  CONNECT_STATUS.CHATROOM_DESTROYED
+]
+
+export const DISPLAY_CONNECT_STATUS = [
+  ...ERROR_CONNECT_STATUS,
+  CONNECT_STATUS.CONNECTING
+]
+
+export const USER_ROLE = {
+  NORMAL: 0,
+  ADMIN: 1,
+  OWNER: 2
+}
+
+export const BAN_TYPE = {
+  BLACK: 0,
+  WHITE: 1
+}
+
+export const MESSAGE_ACTION = {
+  ...ChatroomChatMessageList.C.CHATROOM_CHAT_MESSAGE_LIST_ITEM_ACTION
+}
+
+export const MESSAGE_TYPE = {
+  ...ChatMessageList.C.MESSAGE_TYPE
+}
+
+export const SYSTEM_MESSAGE_TYPES = [
+  ...ChatMessageList.C.SYSTEM_MESSAGE_TYPES
+]
+
+export const NTF_CMD = {
+  NTF_CR_PROHIBITE_WORD_NOTICE: 'NTF_CR_PROHIBITE_WORD_NOTICE', // 聊天室禁言通知
+  NTF_CR_WHOLE_PROHIBITE_WORD_NOTICE: 'NTF_CR_WHOLE_PROHIBITE_WORD_NOTICE', // 全员禁言通知
+  NTF_CR_ALLOW_SPEECH_NOTICE: 'NTF_CR_ALLOW_SPEECH_NOTICE', // 聊天室允许发言通知
+  NTF_CR_KICK_NOTICE: 'NTF_CR_KICK_NOTICE' // 聊天室踢人广播通知
+}
+
+export const CTL_CMD = {
+  LIVE_TOP_MESSAGES: 'LIVE_TOP_MESSAGES', // 置顶聊天室消息
+  TOP_MESSAGES: 'TOP_MESSAGES' // 删除聊天室置顶消息
+}

package/src/component/IMChatroom/constants/origin.js

@@ -0,0 +1,27 @@
+import get from 'lodash/get'
+
+import env from '../config/env'
+
+const getOrigin = (name, others) => get({
+  development: `http://${name}.dev.web.nd`,
+  test: `http://${name}.debug.web.nd`,
+  preproduction: `https://${name}.beta.101.com`,
+  product: `https://${name}.sdp.101.com`,
+  hk: `https://${name}.hk.101.com`,
+  ...others
+}, env)
+
+export const multiMsgOrigin = getOrigin('multi-msg')
+
+export const mediaConversionOrigin = getOrigin('media-convert', {
+  development: 'https://media-convert.beta.101.com',
+  test: 'https://media-convert.beta.101.com'
+})
+
+export const csOrigin = getOrigin('cs', {
+  development: 'https://betacs.101.com',
+  test: 'https://betacs.101.com',
+  preproduction: 'https://betacs.101.com',
+  product: 'https://cdncs.101.com',
+  hk: 'https://hkcs.101.com'
+})