@x-edu/live-player 0.0.21 → 0.0.23

package/src/component/IMChatroom/page/home/connect/status.jsx

@@ -1,124 +1,124 @@
-import React, { Component } from 'react'
-import get from 'lodash/get'
-import intl from '../../../i18n'
-
-import { useConnect } from '../../../context/connect'
-import subscription from '../../../subscription'
-import { CONNECT_STATUS, RETRY_CONNECT_STATUS, ERROR_CODE } from '../../../constants'
-import { setChatroomToken } from '../../../util/chatroom'
-import { subscribeOnlineStatus } from '../../../sdk/imcore'
-
-class ConnectStatus extends Component {
-  constructor(props) {
-    super(props)
-
-    this.subscriptions = {}
-  }
-
-  componentDidMount() {
-    this.addSubscriptions()
-  }
-
-  componentWillUnmount() {
-    this.removeSubscriptions()
-  }
-
-  addSubscriptions = () => {
-    this.subscriptions = {
-      getChatroomInfoFail: subscription.websocket.subscribe(subscription.EVENT.GET_CHATROOM_INFO_FAIL, this.onGetChatroomInfoFail),
-      connecting: subscription.websocket.subscribe(subscription.EVENT.CONNECTING, this.onConnecting),
-      disconnect: subscription.websocket.subscribe(subscription.EVENT.DISCONNECT, this.onDisconnect),
-      loginSuccess: subscription.websocket.subscribe(subscription.EVENT.LOGIN_SUCCESS, this.onLoginSuccess),
-      loginFail: subscription.websocket.subscribe(subscription.EVENT.LOGIN_FAIL, this.onLoginFail),
-      kickedBySelf: subscription.websocket.subscribe(subscription.EVENT.KICKED_BY_SELF, this.onKickedBySelf),
-      kickedByAdmin: subscription.websocket.subscribe(subscription.EVENT.KICKED_BY_ADMIN, this.onKickedByAdmin),
-      destroyed: subscription.websocket.subscribe(subscription.EVENT.CHATROOM_DESTROYED, this.onDestroyed)
-    }
-  }
-
-  removeSubscriptions = () => {
-    Object.keys(this.subscriptions).forEach((key) => {
-      if (this.subscriptions[key]) {
-        this.subscriptions[key].unsubscribe()
-      }
-      delete this.subscriptions[key]
-    })
-  }
-
-  onGetChatroomInfoFail = (error) => {
-    console.log('onGetChatroomInfoFail', error)
-    if (get(error, 'data.code') === ERROR_CODE.IMP_AUTH_TOKEN_EXPIRED) {
-      setChatroomToken()
-    }
-    this.props.setStatus(CONNECT_STATUS.GET_CHATROOM_INFO_FAIL)
-  }
-
-  onConnecting = (data) => {
-    console.log('onConnecting', data)
-    this.props.setStatus(CONNECT_STATUS.CONNECTING)
-  }
-
-  onDisconnect = (data) => {
-    console.log('onDisconnect', data)
-    if (get(data, 'code') === 1000) {
-      this.onLoginFail(data)
-    } else {
-      this.props.setStatus(CONNECT_STATUS.DISCONNECT)
-    }
-  }
-
-  onLoginSuccess = (data) => {
-    console.log('onLoginSuccess', data)
-    this.props.setStatus(CONNECT_STATUS.LOGIN_SUCCESS)
-    subscribeOnlineStatus()
-  }
-
-  onLoginFail = (data) => {
-    console.log('onLoginFail', data)
-    this.props.setStatus(CONNECT_STATUS.LOGIN_FAIL)
-  }
-
-  onKickedBySelf = () => {
-    console.log('onKickedBySelf')
-    this.props.setStatus(CONNECT_STATUS.KICKED_BY_SELF)
-  }
-
-  onKickedByAdmin = () => {
-    console.log('onKickedByAdmin')
-    this.props.setStatus(CONNECT_STATUS.KICKED_BY_ADMIN)
-  }
-
-  onDestroyed = () => {
-    console.log('onDestroyed')
-    this.props.setStatus(CONNECT_STATUS.CHATROOM_DESTROYED)
-  }
-
-  render() {
-    return (
-      <>
-        {intl.get(`connect.status.${this.props.status}`) || ''}
-        {
-          RETRY_CONNECT_STATUS.some((status) => status === this.props.status) && (
-            <a onClick={this.props.onRetry}>{intl.get('action.retry')}</a>
-          )
-        }
-      </>
-    )
-  }
-}
-
-function ConnectStatusFn() {
-  const {
-    status,
-    setStatus
-  } = useConnect()
-
-  return (
-    <ConnectStatus
-      status={status}
-      setStatus={setStatus}
-    />
-  )
-}
-
-export default ConnectStatusFn
+import React, { Component } from 'react'
+import get from 'lodash/get'
+import intl from '../../../i18n'
+
+import { useConnect } from '../../../context/connect'
+import subscription from '../../../subscription'
+import { CONNECT_STATUS, RETRY_CONNECT_STATUS, ERROR_CODE } from '../../../constants'
+import { setChatroomToken } from '../../../util/chatroom'
+import { subscribeOnlineStatus } from '../../../sdk/imcore'
+
+class ConnectStatus extends Component {
+  constructor(props) {
+    super(props)
+
+    this.subscriptions = {}
+  }
+
+  componentDidMount() {
+    this.addSubscriptions()
+  }
+
+  componentWillUnmount() {
+    this.removeSubscriptions()
+  }
+
+  addSubscriptions = () => {
+    this.subscriptions = {
+      getChatroomInfoFail: subscription.websocket.subscribe(subscription.EVENT.GET_CHATROOM_INFO_FAIL, this.onGetChatroomInfoFail),
+      connecting: subscription.websocket.subscribe(subscription.EVENT.CONNECTING, this.onConnecting),
+      disconnect: subscription.websocket.subscribe(subscription.EVENT.DISCONNECT, this.onDisconnect),
+      loginSuccess: subscription.websocket.subscribe(subscription.EVENT.LOGIN_SUCCESS, this.onLoginSuccess),
+      loginFail: subscription.websocket.subscribe(subscription.EVENT.LOGIN_FAIL, this.onLoginFail),
+      kickedBySelf: subscription.websocket.subscribe(subscription.EVENT.KICKED_BY_SELF, this.onKickedBySelf),
+      kickedByAdmin: subscription.websocket.subscribe(subscription.EVENT.KICKED_BY_ADMIN, this.onKickedByAdmin),
+      destroyed: subscription.websocket.subscribe(subscription.EVENT.CHATROOM_DESTROYED, this.onDestroyed)
+    }
+  }
+
+  removeSubscriptions = () => {
+    Object.keys(this.subscriptions).forEach((key) => {
+      if (this.subscriptions[key]) {
+        this.subscriptions[key].unsubscribe()
+      }
+      delete this.subscriptions[key]
+    })
+  }
+
+  onGetChatroomInfoFail = (error) => {
+    console.log('onGetChatroomInfoFail', error)
+    if (get(error, 'data.code') === ERROR_CODE.IMP_AUTH_TOKEN_EXPIRED) {
+      setChatroomToken()
+    }
+    this.props.setStatus(CONNECT_STATUS.GET_CHATROOM_INFO_FAIL)
+  }
+
+  onConnecting = (data) => {
+    console.log('onConnecting', data)
+    this.props.setStatus(CONNECT_STATUS.CONNECTING)
+  }
+
+  onDisconnect = (data) => {
+    console.log('onDisconnect', data)
+    if (get(data, 'code') === 1000) {
+      this.onLoginFail(data)
+    } else {
+      this.props.setStatus(CONNECT_STATUS.DISCONNECT)
+    }
+  }
+
+  onLoginSuccess = (data) => {
+    console.log('onLoginSuccess', data)
+    this.props.setStatus(CONNECT_STATUS.LOGIN_SUCCESS)
+    subscribeOnlineStatus()
+  }
+
+  onLoginFail = (data) => {
+    console.log('onLoginFail', data)
+    this.props.setStatus(CONNECT_STATUS.LOGIN_FAIL)
+  }
+
+  onKickedBySelf = () => {
+    console.log('onKickedBySelf')
+    this.props.setStatus(CONNECT_STATUS.KICKED_BY_SELF)
+  }
+
+  onKickedByAdmin = () => {
+    console.log('onKickedByAdmin')
+    this.props.setStatus(CONNECT_STATUS.KICKED_BY_ADMIN)
+  }
+
+  onDestroyed = () => {
+    console.log('onDestroyed')
+    this.props.setStatus(CONNECT_STATUS.CHATROOM_DESTROYED)
+  }
+
+  render() {
+    return (
+      <>
+        {intl.get(`connect.status.${this.props.status}`) || ''}
+        {
+          RETRY_CONNECT_STATUS.some((status) => status === this.props.status) && (
+            <a onClick={this.props.onRetry}>{intl.get('action.retry')}</a>
+          )
+        }
+      </>
+    )
+  }
+}
+
+function ConnectStatusFn() {
+  const {
+    status,
+    setStatus
+  } = useConnect()
+
+  return (
+    <ConnectStatus
+      status={status}
+      setStatus={setStatus}
+    />
+  )
+}
+
+export default ConnectStatusFn

package/src/component/IMChatroom/page/home/context/cmd.jsx

@@ -1,37 +1,37 @@
-import React, { Component } from 'react'
-
-import bridge from '../../../sdk/bridge'
-
-export default class MemberCount extends Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      text: ''
-    }
-  }
-
-  componentDidMount() {
-    const { type, cmd, message } = this.props
-    bridge.register('cmdParser', {
-      type,
-      cmd,
-      message
-    }).then((text) => {
-      this.setState({
-        text
-      })
-    })
-  }
-
-  render() {
-    const { text } = this.state
-
-    if (!text) {
-      return null
-    }
-
-    return (
-      <span>{text}</span>
-    )
-  }
-}
+import React, { Component } from 'react'
+
+import bridge from '../../../sdk/bridge'
+
+export default class MemberCount extends Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      text: ''
+    }
+  }
+
+  componentDidMount() {
+    const { type, cmd, message } = this.props
+    bridge.register('cmdParser', {
+      type,
+      cmd,
+      message
+    }).then((text) => {
+      this.setState({
+        text
+      })
+    })
+  }
+
+  render() {
+    const { text } = this.state
+
+    if (!text) {
+      return null
+    }
+
+    return (
+      <span>{text}</span>
+    )
+  }
+}

package/src/component/IMChatroom/page/home/context/index.jsx

@@ -1,67 +1,67 @@
-import React, { Component } from 'react'
-import { set, get } from 'lodash'
-import { ConfigContext } from '@sdp.nd/im-web-components'
-import locale from '@sdp.nd/im-web-components/dist/esm/i18n/locale'
-
-import { getCurrentAccountId } from '../../../util/account'
-import { multiMsgOrigin, mediaConversionOrigin, csOrigin } from '../../../constants'
-import appConfig from '../../../config/app'
-import urlConfig from '../../../config/url'
-import Cmd from './cmd'
-
-export default class Context extends Component {
-  constructor(props) {
-    super(props)
-    this.locale = locale['zh-CN']
-    this.locale.chatMessageList.empty = '欢迎来到直播间 ~'
-  }
-
-  getLocale = (prefix, _locale) => {
-    if (_locale) {
-      Object.keys(_locale).forEach((key) => {
-        const _prefix = prefix ? `prefix.${key}` : key
-        const value = get(_locale, key)
-        if (typeof value === 'string') {
-          set(this.locale, _prefix, value)
-        } else {
-          this.getLocale(_prefix, value)
-        }
-      })
-    }
-
-    return this.locale
-  }
-
-  getCmdParser = () => {
-    const cmds = appConfig.get('cmds') || []
-    const cmdParser = {}
-    cmds.forEach(({ type, cmd }) => {
-      if (!cmdParser[type]) {
-        cmdParser[type] = {}
-      }
-      cmdParser[type][cmd] = (message) => <Cmd type={type} cmd={cmd} message={message} />
-    })
-    return cmdParser
-  }
-
-  render() {
-    return (
-      <ConfigContext.Provider
-        value={{
-          lang: urlConfig.lang,
-          locale: this.getLocale('', appConfig.get('locale')),
-          style: appConfig.get('style'),
-          multiMsgOrigin,
-          mediaConversionOrigin,
-          csOrigin,
-          user: {
-            user_id: getCurrentAccountId()
-          },
-          cmdParser: this.getCmdParser()
-        }}
-      >
-        <div className={appConfig.get('style')}>{this.props.children}</div>
-      </ConfigContext.Provider>
-    )
-  }
-}
+import React, { Component } from 'react'
+import { set, get } from 'lodash'
+import { ConfigContext } from '@sdp.nd/im-web-components'
+import locale from '@sdp.nd/im-web-components/dist/esm/i18n/locale'
+
+import { getCurrentAccountId } from '../../../util/account'
+import { multiMsgOrigin, mediaConversionOrigin, csOrigin } from '../../../constants'
+import appConfig from '../../../config/app'
+import urlConfig from '../../../config/url'
+import Cmd from './cmd'
+
+export default class Context extends Component {
+  constructor(props) {
+    super(props)
+    this.locale = locale['zh-CN']
+    this.locale.chatMessageList.empty = '欢迎来到直播间 ~'
+  }
+
+  getLocale = (prefix, _locale) => {
+    if (_locale) {
+      Object.keys(_locale).forEach((key) => {
+        const _prefix = prefix ? `prefix.${key}` : key
+        const value = get(_locale, key)
+        if (typeof value === 'string') {
+          set(this.locale, _prefix, value)
+        } else {
+          this.getLocale(_prefix, value)
+        }
+      })
+    }
+
+    return this.locale
+  }
+
+  getCmdParser = () => {
+    const cmds = appConfig.get('cmds') || []
+    const cmdParser = {}
+    cmds.forEach(({ type, cmd }) => {
+      if (!cmdParser[type]) {
+        cmdParser[type] = {}
+      }
+      cmdParser[type][cmd] = (message) => <Cmd type={type} cmd={cmd} message={message} />
+    })
+    return cmdParser
+  }
+
+  render() {
+    return (
+      <ConfigContext.Provider
+        value={{
+          lang: urlConfig.lang,
+          locale: this.getLocale('', appConfig.get('locale')),
+          style: appConfig.get('style'),
+          multiMsgOrigin,
+          mediaConversionOrigin,
+          csOrigin,
+          user: {
+            user_id: getCurrentAccountId()
+          },
+          cmdParser: this.getCmdParser()
+        }}
+      >
+        <div className={appConfig.get('style')}>{this.props.children}</div>
+      </ConfigContext.Provider>
+    )
+  }
+}