fix(1748): changed sending token from cookie to url param in player (#515)

src/features/AuthStore/hooks/useAuth.tsx

@@ -14,7 +14,6 @@ import isString from 'lodash/isString'
 import { PAGES } from 'config'
 
 import { writeToken, removeToken } from 'helpers/token'
-import { setCookie, removeCookie } from 'helpers/cookie'
 import { isMatchPage } from 'helpers/isMatchPage'
 
 import { useLocalStore, useToggle } from 'hooks'
@@ -42,17 +41,11 @@ export const useAuth = () => {
       userManager.signoutRedirect({ post_logout_redirect_uri: url })
     })
     removeToken()
-    removeCookie('access_token')
   }, [userManager])
 
   const storeUser = useCallback((loadedUser: User) => {
     setUser(loadedUser)
     writeToken(loadedUser.access_token)
-    setCookie({
-      exdays: 1,
-      name: 'access_token',
-      value: loadedUser.access_token,
-    })
   }, [])
 
   const checkUser = useCallback(async () => {

src/features/StreamPlayer/config.tsx

@@ -1,10 +1,13 @@
 import Hls from 'hls.js'
 
+import { readToken } from 'helpers/token'
+
 export const streamConfig: Partial<Hls.Config> = {
   liveSyncDuration: 10,
   maxBufferLength: 15,
-  xhrSetup: (xhr) => {
-    // eslint-disable-next-line no-param-reassign
-    xhr.withCredentials = true
+  xhrSetup: (xhr, urlString) => {
+    const url = new URL(urlString)
+    url.searchParams.set('access_token', readToken() || '')
+    xhr.open('GET', url.toString())
   },
 }

src/features/StreamPlayer/hooks/useHlsPlayer.tsx

@@ -27,6 +27,8 @@ export const useHlsPlayer = (src: string, resumeFrom?: number) => {
     hls.attachMedia(video)
   }, [src, hls])
 
+  useEffect(() => () => hls.destroy(), [hls])
+
   return {
     hls,
     videoRef,