@x-edu/live-player 0.0.21 → 0.0.23

package/src/hook/useGoToPage.js

@@ -1,83 +1,83 @@
-import { useHistory } from 'react-router-dom'
-
-const smartcan = window.Bridge && window.navigator.userAgent.indexOf('SmartCanWebView') !== -1
-
-// function getQueryVariable(variable, path) {
-//   const vars = path.split('&')
-//   for (let i = 0; i < vars.length; i++) {
-//     const pair = vars[i].split('=')
-//     if (pair[0] === variable) {
-//       return pair[1]
-//     }
-//   }
-//   return null
-// }
-
-export default function useGoToPage() {
-  const history = useHistory()
-  return async (subPath, {
-    useBridge = false,
-    newPage
-  } = {}) => {
-    if (smartcan && useBridge) {
-      let targetPath
-      // url 是cmp地址，直接跳转
-      if (subPath?.startsWith('cmp://')) {
-        targetPath = subPath
-      } else if (subPath.indexOf('http') === 0) {
-        targetPath = subPath
-      } else if (subPath.substr(0, 1) === '/') {
-        targetPath = `${window.location.origin}${subPath}`
-      } else {
-        targetPath = `${window.location.href}${subPath.substr(1)}`
-      }
-      // const title = getQueryVariable('_maf_webview_title', targetPath) || '国家智慧教育读书平台'
-      targetPath = addQuery(targetPath, {
-        _maf_menu_ids: getMenuIds(subPath),
-        _maf_show_progress_bar: false,
-        _maf_need_decode: true
-      })
-      const appfactory = window.Bridge.require('sdp.appfactory').promise()
-      const result = await appfactory.goPage({
-        page: targetPath
-      })
-      return result
-    } else if (window.parent === window.self) {
-      if (newPage) {
-        window.open(subPath, '_blank')
-      } else if (subPath.indexOf('http') === 0) {
-        window.location.href = subPath
-      } else {
-        const [
-          pathname,
-          search
-        ] = subPath.split('?')
-        history.push({
-          pathname,
-          search: search && `?${search}`
-        })
-      }
-    } else {
-      window.open(subPath, '_blank')
-    }
-  }
-}
-
-const ShowIdsSubPath = [
-  '/teacherTraining?firstLevel=t_type_M52vKqPtOQ'
-]
-
-function getMenuIds(subPath) {
-  const needMenu = ShowIdsSubPath.some((t) => subPath.indexOf(t) === 0)
-  return needMenu ? 'all' : 'none'
-}
-
-export function addQuery(url, params) {
-  const paramStr = Object.keys(params).map((key) => {
-    const value = params[key]
-    return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
-  }).join('&')
-  return url.indexOf('?') > 0
-    ? `${url}&${paramStr}`
-    : `${url}?${paramStr}`
-}
+import { useHistory } from 'react-router-dom'
+
+const smartcan = window.Bridge && window.navigator.userAgent.indexOf('SmartCanWebView') !== -1
+
+// function getQueryVariable(variable, path) {
+//   const vars = path.split('&')
+//   for (let i = 0; i < vars.length; i++) {
+//     const pair = vars[i].split('=')
+//     if (pair[0] === variable) {
+//       return pair[1]
+//     }
+//   }
+//   return null
+// }
+
+export default function useGoToPage() {
+  const history = useHistory()
+  return async (subPath, {
+    useBridge = false,
+    newPage
+  } = {}) => {
+    if (smartcan && useBridge) {
+      let targetPath
+      // url 是cmp地址，直接跳转
+      if (subPath?.startsWith('cmp://')) {
+        targetPath = subPath
+      } else if (subPath.indexOf('http') === 0) {
+        targetPath = subPath
+      } else if (subPath.substr(0, 1) === '/') {
+        targetPath = `${window.location.origin}${subPath}`
+      } else {
+        targetPath = `${window.location.href}${subPath.substr(1)}`
+      }
+      // const title = getQueryVariable('_maf_webview_title', targetPath) || '国家智慧教育读书平台'
+      targetPath = addQuery(targetPath, {
+        _maf_menu_ids: getMenuIds(subPath),
+        _maf_show_progress_bar: false,
+        _maf_need_decode: true
+      })
+      const appfactory = window.Bridge.require('sdp.appfactory').promise()
+      const result = await appfactory.goPage({
+        page: targetPath
+      })
+      return result
+    } else if (window.parent === window.self) {
+      if (newPage) {
+        window.open(subPath, '_blank')
+      } else if (subPath.indexOf('http') === 0) {
+        window.location.href = subPath
+      } else {
+        const [
+          pathname,
+          search
+        ] = subPath.split('?')
+        history.push({
+          pathname,
+          search: search && `?${search}`
+        })
+      }
+    } else {
+      window.open(subPath, '_blank')
+    }
+  }
+}
+
+const ShowIdsSubPath = [
+  '/teacherTraining?firstLevel=t_type_M52vKqPtOQ'
+]
+
+function getMenuIds(subPath) {
+  const needMenu = ShowIdsSubPath.some((t) => subPath.indexOf(t) === 0)
+  return needMenu ? 'all' : 'none'
+}
+
+export function addQuery(url, params) {
+  const paramStr = Object.keys(params).map((key) => {
+    const value = params[key]
+    return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
+  }).join('&')
+  return url.indexOf('?') > 0
+    ? `${url}&${paramStr}`
+    : `${url}?${paramStr}`
+}

package/src/hook/useInterval.js

@@ -1,28 +1,28 @@
-import { useEffect, useRef } from 'react'
-
-function useInterval(
-  callback,
-  delay
-) {
-  const savedCallback = useRef(callback)
-
-  // Remember the latest callback if it changes.
-  useEffect(() => {
-    savedCallback.current = callback
-  }, [callback])
-
-  // Set up the interval.
-  useEffect(() => {
-    // Don't schedule if no delay is specified.
-    // Note: 0 is a valid value for delay.
-    if (!delay && delay !== 0) {
-      return
-    }
-
-    const id = setInterval(() => savedCallback.current(), delay)
-
-    return () => clearInterval(id)
-  }, [delay])
-}
-
-export default useInterval
+import { useEffect, useRef } from 'react'
+
+function useInterval(
+  callback,
+  delay
+) {
+  const savedCallback = useRef(callback)
+
+  // Remember the latest callback if it changes.
+  useEffect(() => {
+    savedCallback.current = callback
+  }, [callback])
+
+  // Set up the interval.
+  useEffect(() => {
+    // Don't schedule if no delay is specified.
+    // Note: 0 is a valid value for delay.
+    if (!delay && delay !== 0) {
+      return
+    }
+
+    const id = setInterval(() => savedCallback.current(), delay)
+
+    return () => clearInterval(id)
+  }, [delay])
+}
+
+export default useInterval

package/src/hook/useIsMounted.js

@@ -1,17 +1,17 @@
-import { useCallback, useEffect, useRef } from 'react'
-
-function useIsMounted() {
-  const isMounted = useRef(false)
-
-  useEffect(() => {
-    isMounted.current = true
-
-    return () => {
-      isMounted.current = false
-    }
-  }, [])
-
-  return useCallback(() => isMounted.current, [])
-}
-
-export default useIsMounted
+import { useCallback, useEffect, useRef } from 'react'
+
+function useIsMounted() {
+  const isMounted = useRef(false)
+
+  useEffect(() => {
+    isMounted.current = true
+
+    return () => {
+      isMounted.current = false
+    }
+  }, [])
+
+  return useCallback(() => isMounted.current, [])
+}
+
+export default useIsMounted

package/src/hook/useModuleByRole.js

@@ -1,53 +1,53 @@
-import { useContext, useEffect, useState } from 'react'
-import { USER_IDENTITY } from '@/config/live'
-import UserContext from '@/component/Login/UserContext'
-
-// 四个模块
-export const Module = {
-  SYNC_CLASSROOM_PICKED: 'SYNC_CLASSROOM_PICKED', // 首页精选课
-  TCH_TRAINING: 'TCH_TRAINING',
-  FAMILY_EDU: 'FAMILY_EDU',
-  EVO_EXP: 'EVO_EXP',
-  STUDIO: 'STUDIO' // 工作室
-}
-
-// 每个角色不可见的模块
-export const inaccessible = {
-  [USER_IDENTITY.TEACHER]: [],
-  [USER_IDENTITY.STUDENT]: [Module.SYNC_CLASSROOM_PICKED, Module.TCH_TRAINING, Module.FAMILY_EDU, Module.EVO_EXP, Module.STUDIO],
-  [USER_IDENTITY.GUARDIAN]: [Module.SYNC_CLASSROOM_PICKED, Module.TCH_TRAINING, Module.EVO_EXP, Module.STUDIO],
-  [USER_IDENTITY.ACADEMIC_STAFF]: [],
-  [USER_IDENTITY.ELECTRIC_TEACHER]: [],
-  [USER_IDENTITY.EDU_ADMIN]: [],
-  [USER_IDENTITY.SOCIAL_LEARNER]: []
-}
-
-// 四个模块可见性（默认都可见）
-const moduleVisible = {
-  [Module.SYNC_CLASSROOM_PICKED]: true,
-  [Module.TCH_TRAINING]: true,
-  [Module.FAMILY_EDU]: true,
-  [Module.EVO_EXP]: true,
-  [Module.STUDIO]: true
-}
-
-export default function useModuleByRole() {
-  const { userInfo, userRole, loginStatus } = useContext(UserContext)
-  const [visibleModule, setVisibleModule] = useState(moduleVisible)
-
-  useEffect(() => {
-    if (userInfo && userRole) {
-      Object.keys(moduleVisible).forEach((key) => {
-        moduleVisible[key] = !inaccessible[userRole].includes(key)
-      })
-      setVisibleModule({
-        ...moduleVisible
-      })
-    }
-  }, [userInfo, userRole])
-
-  return {
-    visibleModule,
-    loginStatus
-  }
-}
+import { useContext, useEffect, useState } from 'react'
+import { USER_IDENTITY } from '@/config/live'
+import UserContext from '@/component/Login/UserContext'
+
+// 四个模块
+export const Module = {
+  SYNC_CLASSROOM_PICKED: 'SYNC_CLASSROOM_PICKED', // 首页精选课
+  TCH_TRAINING: 'TCH_TRAINING',
+  FAMILY_EDU: 'FAMILY_EDU',
+  EVO_EXP: 'EVO_EXP',
+  STUDIO: 'STUDIO' // 工作室
+}
+
+// 每个角色不可见的模块
+export const inaccessible = {
+  [USER_IDENTITY.TEACHER]: [],
+  [USER_IDENTITY.STUDENT]: [Module.SYNC_CLASSROOM_PICKED, Module.TCH_TRAINING, Module.FAMILY_EDU, Module.EVO_EXP, Module.STUDIO],
+  [USER_IDENTITY.GUARDIAN]: [Module.SYNC_CLASSROOM_PICKED, Module.TCH_TRAINING, Module.EVO_EXP, Module.STUDIO],
+  [USER_IDENTITY.ACADEMIC_STAFF]: [],
+  [USER_IDENTITY.ELECTRIC_TEACHER]: [],
+  [USER_IDENTITY.EDU_ADMIN]: [],
+  [USER_IDENTITY.SOCIAL_LEARNER]: []
+}
+
+// 四个模块可见性（默认都可见）
+const moduleVisible = {
+  [Module.SYNC_CLASSROOM_PICKED]: true,
+  [Module.TCH_TRAINING]: true,
+  [Module.FAMILY_EDU]: true,
+  [Module.EVO_EXP]: true,
+  [Module.STUDIO]: true
+}
+
+export default function useModuleByRole() {
+  const { userInfo, userRole, loginStatus } = useContext(UserContext)
+  const [visibleModule, setVisibleModule] = useState(moduleVisible)
+
+  useEffect(() => {
+    if (userInfo && userRole) {
+      Object.keys(moduleVisible).forEach((key) => {
+        moduleVisible[key] = !inaccessible[userRole].includes(key)
+      })
+      setVisibleModule({
+        ...moduleVisible
+      })
+    }
+  }, [userInfo, userRole])
+
+  return {
+    visibleModule,
+    loginStatus
+  }
+}

package/src/hook/usePageScrollable.js

@@ -1,52 +1,52 @@
-import {
-  createContext,
-  useContext,
-  useLayoutEffect,
-  useRef,
-  useState
-} from 'react'
-import { useLocation } from 'react-router-dom'
-import { isInElectron } from '@/util/env'
-
-export function usePageScrollableRoot() {
-  const location = useLocation()
-  const [pageScrollable, setPageScrollable] = useState(!isInElectron)
-  const pageScrollableRef = useRef(pageScrollable)
-
-  const setCurrentPageScrollable = (value) => {
-    setPageScrollable(value)
-  }
-
-  useLayoutEffect(() => {
-    // page不变，是location发生变化
-    if (pageScrollableRef.current === pageScrollable) {
-      if (!pageScrollable) {
-        if (!isInElectron) {
-          setPageScrollable(true)
-          pageScrollableRef.current = true
-        }
-      }
-    } else {
-      // 是page发生变化则同步更新
-      pageScrollableRef.current = pageScrollable
-    }
-  }, [location.key, pageScrollable])
-
-  return {
-    pageScrollable,
-    setCurrentPageScrollable
-  }
-}
-
-export const PageScrollableContext = createContext()
-/**
- *
- * @typedef {Object} UsePageScrollable
- * @property {Boolean} pageScrollable 页面是否可以滚动，默认可以滚动
- * @property {(isPageScrollable: Boolean) => void} setCurrentPageScrollable 设置当前页面是否可以滚动，设置仅对当前路由有效，切换则设置恢复滚动
- */
-/**
- * 用于React组件下获取siteConfig，注意siteConfig本身是异步获取，所以同步获取的值只能用于React组件渲染
- * @returns {UsePageScrollable}
- */
-export const usePageScrollable = () => useContext(PageScrollableContext)
+import {
+  createContext,
+  useContext,
+  useLayoutEffect,
+  useRef,
+  useState
+} from 'react'
+import { useLocation } from 'react-router-dom'
+import { isInElectron } from '@/util/env'
+
+export function usePageScrollableRoot() {
+  const location = useLocation()
+  const [pageScrollable, setPageScrollable] = useState(!isInElectron)
+  const pageScrollableRef = useRef(pageScrollable)
+
+  const setCurrentPageScrollable = (value) => {
+    setPageScrollable(value)
+  }
+
+  useLayoutEffect(() => {
+    // page不变，是location发生变化
+    if (pageScrollableRef.current === pageScrollable) {
+      if (!pageScrollable) {
+        if (!isInElectron) {
+          setPageScrollable(true)
+          pageScrollableRef.current = true
+        }
+      }
+    } else {
+      // 是page发生变化则同步更新
+      pageScrollableRef.current = pageScrollable
+    }
+  }, [location.key, pageScrollable])
+
+  return {
+    pageScrollable,
+    setCurrentPageScrollable
+  }
+}
+
+export const PageScrollableContext = createContext()
+/**
+ *
+ * @typedef {Object} UsePageScrollable
+ * @property {Boolean} pageScrollable 页面是否可以滚动，默认可以滚动
+ * @property {(isPageScrollable: Boolean) => void} setCurrentPageScrollable 设置当前页面是否可以滚动，设置仅对当前路由有效，切换则设置恢复滚动
+ */
+/**
+ * 用于React组件下获取siteConfig，注意siteConfig本身是异步获取，所以同步获取的值只能用于React组件渲染
+ * @returns {UsePageScrollable}
+ */
+export const usePageScrollable = () => useContext(PageScrollableContext)

package/src/hook/usePortal.js

@@ -1,83 +1,83 @@
-import { useRef, useEffect } from 'react'
-
-/**
- * Creates DOM element to be used as React root.
- * @returns {HTMLElement}
- */
-function createRootElement(id) {
-  const rootContainer = document.createElement('div')
-  rootContainer.setAttribute('id', id)
-  return rootContainer
-}
-
-/**
- * Appends element as last child of body.
- * @param {HTMLElement} rootElem
- */
-function addRootElement(rootElem) {
-  document.body.insertBefore(
-    rootElem,
-    document.body.lastElementChild.nextElementSibling
-  )
-}
-
-/**
- * Hook to create a React Portal.
- * Automatically handles creating and tearing-down the root elements (no SRR
- * makes this trivial), so there is no need to ensure the parent target already
- * exists.
- * @example
- * const target = usePortal(id, [id]);
- * return createPortal(children, target);
- * @param {String} selector The selector of the target container, e.g '#modal' or '.spotlight'
- * @param {containerClass} containerClass
- * @returns {HTMLElement} The DOM node to use as the Portal target.
- */
-function usePortal(selector, containerClass) {
-  const rootElemRef = useRef(null)
-
-  useEffect(() => {
-    // Look for existing target dom element to append to
-    const existingParent = document.querySelector(selector)
-    // Parent is either a new root or the existing dom element
-    const parentElem = existingParent || createRootElement(selector)
-
-    // If there is no existing DOM element, add a new one.
-    if (!existingParent) {
-      addRootElement(parentElem)
-    }
-
-    // Add the detached element to the parent
-    parentElem.appendChild(rootElemRef.current)
-
-    return function removeElement() {
-      rootElemRef.current.remove()
-      if (!parentElem.childElementCount) {
-        parentElem.remove()
-      }
-    }
-  }, [selector])
-
-  /**
-   * It's important we evaluate this lazily:
-   * - We need first render to contain the DOM element, so it shouldn't happen
-   *   in useEffect. We would normally put this in the constructor().
-   * - We can't do 'const rootElemRef = useRef(document.createElement('div))',
-   *   since this will run every single render (that's a lot).
-   * - We want the ref to consistently point to the same DOM element and only
-   *   ever run once.
-   * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
-   */
-  function getRootElem() {
-    if (!rootElemRef.current) {
-      const div = document.createElement('div')
-      div.classList.add(containerClass)
-      rootElemRef.current = div
-    }
-    return rootElemRef.current
-  }
-
-  return getRootElem()
-}
-
-export default usePortal
+import { useRef, useEffect } from 'react'
+
+/**
+ * Creates DOM element to be used as React root.
+ * @returns {HTMLElement}
+ */
+function createRootElement(id) {
+  const rootContainer = document.createElement('div')
+  rootContainer.setAttribute('id', id)
+  return rootContainer
+}
+
+/**
+ * Appends element as last child of body.
+ * @param {HTMLElement} rootElem
+ */
+function addRootElement(rootElem) {
+  document.body.insertBefore(
+    rootElem,
+    document.body.lastElementChild.nextElementSibling
+  )
+}
+
+/**
+ * Hook to create a React Portal.
+ * Automatically handles creating and tearing-down the root elements (no SRR
+ * makes this trivial), so there is no need to ensure the parent target already
+ * exists.
+ * @example
+ * const target = usePortal(id, [id]);
+ * return createPortal(children, target);
+ * @param {String} selector The selector of the target container, e.g '#modal' or '.spotlight'
+ * @param {containerClass} containerClass
+ * @returns {HTMLElement} The DOM node to use as the Portal target.
+ */
+function usePortal(selector, containerClass) {
+  const rootElemRef = useRef(null)
+
+  useEffect(() => {
+    // Look for existing target dom element to append to
+    const existingParent = document.querySelector(selector)
+    // Parent is either a new root or the existing dom element
+    const parentElem = existingParent || createRootElement(selector)
+
+    // If there is no existing DOM element, add a new one.
+    if (!existingParent) {
+      addRootElement(parentElem)
+    }
+
+    // Add the detached element to the parent
+    parentElem.appendChild(rootElemRef.current)
+
+    return function removeElement() {
+      rootElemRef.current.remove()
+      if (!parentElem.childElementCount) {
+        parentElem.remove()
+      }
+    }
+  }, [selector])
+
+  /**
+   * It's important we evaluate this lazily:
+   * - We need first render to contain the DOM element, so it shouldn't happen
+   *   in useEffect. We would normally put this in the constructor().
+   * - We can't do 'const rootElemRef = useRef(document.createElement('div))',
+   *   since this will run every single render (that's a lot).
+   * - We want the ref to consistently point to the same DOM element and only
+   *   ever run once.
+   * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
+   */
+  function getRootElem() {
+    if (!rootElemRef.current) {
+      const div = document.createElement('div')
+      div.classList.add(containerClass)
+      rootElemRef.current = div
+    }
+    return rootElemRef.current
+  }
+
+  return getRootElem()
+}
+
+export default usePortal