1 line
13 KiB
JavaScript
1 line
13 KiB
JavaScript
import{At as e,Bt as t,Ct as n,Hn as r,Kt as i,St as a,Tn as o,Tt as s,Un as c,Yt as l,Zt as u,an as d,cn as f,gt as p,jt as ee,kt as m,ln as h,qt as te,t as ne,u as re,wt as g,xt as _,yn as v}from"./client-Be0b5AZU.js";import{r as ie}from"./ui-DePKLhY8.js";import{t as y}from"./Button-B0cBJTB7.js";import{t as ae}from"./Select-Ih6Ofb-h.js";import{t as b}from"./_plugin-vue_export-helper-C_Iw6R3j.js";import{t as oe}from"./Card-2FpXQWHo.js";import{t as se}from"./QrCode-BWG8g5fm.js";import{ft as x,i as ce,r as le}from"./index-DpxjEbFc.js";import{t as ue}from"./HeaderMenu-BhUQ_vLn.js";import{r as S}from"./application-T8uHIr7B.js";import{t as de}from"./ScreenPreview-yEhMwxB6.js";import{t as fe}from"./datetime-BJNH0M1T.js";import{t as pe}from"./useDeviceContext-DAzmVmw5.js";var me={key:0,class:`screen-center`},he={key:1,class:`screen-page`},ge={key:0,class:`screen-center`},_e={key:0,class:`screen-center`},ve={key:0,class:`screen-qr`},ye={key:0,class:`media-error`},be={key:1,class:`screen-media`},xe=[`src`,`muted`],Se=[`src`,`muted`],Ce={key:3,class:`conclusion-screen`},we=[`src`,`muted`],Te={key:4,class:`screen-message`},Ee={key:6,class:`screen-message`},De={key:7,class:`timer-screen`},Oe={class:`timer-label`},ke={class:`timer-value`},Ae={key:9,class:`screen-cover`},je=[`src`],Me={key:1,class:`cover-controls`},C=`evening-detective-screen-session`,w=b(ee({__name:`ScreenPage`,setup(ee){let b=ne(),w=ce(),T=ie(),E=re(),D=v(``),O=v(``),k=v(),A=v(),j=-1/0,M=v([]),N=v([]),Ne=v(),P,Pe=!1,F=v([]),I=v(null),L=v(!1),R=v(``),z=v(!0),B=v(!1),Fe=v(!1),Ie=v(Date.now()),V=v(0),H=v(Date.now()),U=v(),W=v(!1),G=v(),K=v(),q=v(),J=!1,Y=0,X=null,Z=_(()=>!!(E.query.screenID&&E.query.accessToken));pe(()=>D.value&&O.value&&!Z.value?{screenID:D.value,accessToken:O.value}:{});let Le=_(()=>{if(!D.value||!O.value)return``;let e=new URL(`/screen`,window.location.origin);return e.searchParams.set(`screenId`,D.value),e.searchParams.set(`accessToken`,O.value),e.toString()}),Re=_(()=>F.value.map(e=>({label:`${fe(e.startAt).split(`,`)[0]||`дата не указана`} — ${e.name||`Игра ${e.ID}`}`,value:e.ID}))),Q=_(()=>k.value?.mode||`SCREEN_MODE_COVER`),ze=_(()=>k.value?.timerState===`SCREEN_TIMER_STATE_RUNNING`?Math.max(0,V.value-(Ie.value-H.value)/1e3):V.value),Be=_(()=>{let e=Math.floor(ze.value/60),t=Math.floor(ze.value%60);return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}),Ve=_(()=>S(k.value?.introAudio)),He=_(()=>S(k.value?.conclusionVideo)),Ue=_(()=>S((k.value?.music?.playlist?.tracks||[])[k.value?.music?.trackIndex||0]?.filename)),We=_(()=>[k.value?.music?.playlist?.ID,k.value?.music?.playlist?.tracks?.[k.value?.music?.trackIndex??0]?.ID,k.value?.music?.playback,k.value?.music?.stateVersion,k.value?.music?.positionMs]),Ge=_(()=>{let e=k.value?.backgroundImage||k.value?.coverImage;return e?{backgroundImage:`linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), url("${e}")`}:{}});function Ke(){sessionStorage.setItem(C,JSON.stringify({screenID:D.value,accessToken:O.value}))}function qe(e){let t=Math.max(0,Number(e?.timerRemainingSeconds||0));if(e?.timerState===`SCREEN_TIMER_STATE_RUNNING`&&U.value===e.timerState){let e=Math.max(0,V.value-(Date.now()-H.value)/1e3);if(Math.abs(t-e)<=.5)return}V.value=t,H.value=Date.now(),U.value=e?.timerState}function Je(){try{let e=JSON.parse(sessionStorage.getItem(C)||`{}`);D.value=e.screenId||``,O.value=e.accessToken||``}catch{sessionStorage.removeItem(C)}}async function Ye(){let e=await b.CreateScreenSession({});if(!e.screenID||!e.accessToken)throw Error(`Не удалось создать сессию экрана`);D.value=e.screenID,O.value=e.accessToken,Ke()}async function $(e=!0){if(!(!D.value||!O.value))try{let e=await b.GetScreenState({screenID:D.value,accessToken:O.value});k.value?.gameID!==e.state?.gameID&&(A.value=void 0,j=-1/0),k.value?.gameID===e.state?.gameID&&k.value?.music&&e.state?.music&&BigInt(e.state.music.stateVersion??0)<BigInt(k.value.music.stateVersion??0)&&(e.state.music=k.value.music),k.value=e.state,qe(k.value),k.value?.gameID&&k.value.mode===`SCREEN_MODE_RESULTS`&&await Ze(),k.value?.gameID&&k.value.mode===`SCREEN_MODE_TEAMS`&&Date.now()-j>=5e3&&await Xe()}catch(t){if(e&&t instanceof Error&&t.message===`unauthorized`){sessionStorage.removeItem(C),D.value=``,O.value=``,await Ye(),await $(!1);return}T.error(t instanceof Error?t.message:`Не удалось получить состояние экрана`)}}async function Xe(){let e=k.value?.gameID,t=D.value;j=Date.now();let n=await b.GetScreenTeams({screenID:t,accessToken:O.value});k.value?.gameID!==e||D.value!==t||(A.value=(n.teams??[]).map(e=>e.name??``).sort((e,t)=>e.localeCompare(t,`ru`)))}async function Ze(){if(!D.value||!O.value)return;let e=await b.GetScreenResults({screenID:D.value,accessToken:O.value});if(N.value=e.questions||[],M.value=e.teams||[],!Pe){Pe=!0,await t();let e=Ne.value;e&&(e.scrollTop=e.scrollHeight,P=window.setInterval(()=>{e.scrollTop=Math.max(0,e.scrollTop-32),e.scrollTop===0&&P!=null&&(window.clearInterval(P),P=void 0)},1e3))}}async function Qe(){try{let e=await w.GetGames({});F.value=e.games||[]}catch(e){T.error(e instanceof Error?e.message:`Не удалось загрузить игры`)}}le(async()=>{W.value&&(await $(),await t(),K.value?.ended&&k.value?.music?.playback===`MUSIC_PLAYBACK_PLAYING`&&await et())},1e3),d(k,async e=>{if(!e||!e.command||e.stateVersion===Y)return;Y=e.stateVersion||0,await t();let n=Q.value===`SCREEN_MODE_CONCLUSION`?q.value:G.value;n&&([`SCREEN_COMMAND_PLAY`,`SCREEN_COMMAND_REPLAY`,`SCREEN_COMMAND_STOP`,`SCREEN_COMMAND_SEEK`].includes(e.command)&&(n.currentTime=(e.positionMs||0)/1e3),n.volume=Math.max(0,Math.min(1,(e.volume??100)/100)),e.command!==`SCREEN_COMMAND_SEEK`&&e.command!==`SCREEN_COMMAND_VOLUME`&&(e.command===`SCREEN_COMMAND_PLAY`||e.command===`SCREEN_COMMAND_RESUME`||e.command===`SCREEN_COMMAND_REPLAY`?(e.command===`SCREEN_COMMAND_REPLAY`&&(n.currentTime=0),n.play().catch(()=>{R.value=`Браузер заблокировал воспроизведение. Нажмите «Подготовить экран» на этом устройстве.`})):(e.command===`SCREEN_COMMAND_PAUSE`||e.command===`SCREEN_COMMAND_STOP`)&&n.pause()))});function $e(e){return e.readyState>=HTMLMediaElement.HAVE_METADATA?Promise.resolve():new Promise(t=>{let n=()=>{e.removeEventListener(`loadedmetadata`,n),e.removeEventListener(`error`,n),t()};e.addEventListener(`loadedmetadata`,n,{once:!0}),e.addEventListener(`error`,n,{once:!0})})}d(We,async(e,n)=>{let r=k.value?.music;if(!r||!r.playlist?.tracks?.length)return;await t();let i=K.value;if(!i)return;let a=!n||e[0]!==n[0]||e[1]!==n[1],o=!n||e[2]!==n[2],s=!!n&&e[3]!==n[3]&&Number(e[4]??0)<Number(n[4]??0),c=i.ended&&!!n&&BigInt(e[3]??0)>BigInt(n[3]??0);!a&&!o&&!s&&!c||(await $e(i),i.currentTime=a?0:(r.positionMs||0)/1e3,r.playback===`MUSIC_PLAYBACK_PLAYING`?i.play().catch(()=>{R.value=`Браузер заблокировал воспроизведение музыки. Нажмите «Подготовить экран».`}):i.pause())},{immediate:!0}),d(()=>[k.value?.music?.volume,k.value?.soundEnabled],([e,t])=>{let n=K.value;n&&(n.volume=Math.max(0,Math.min(1,(e??100)/100)),n.muted=!t)},{immediate:!0});async function et(){if(J||!D.value||!O.value||!k.value?.soundEnabled)return;J=!0;let e=k.value.gameID,t=D.value;try{let n=await b.AdvanceScreenMusic({screenID:D.value,accessToken:O.value,expectedStateVersion:String(k.value?.music?.stateVersion??0)});k.value?.gameID===e&&D.value===t&&k.value&&n.state&&BigInt(n.state.stateVersion??0)>=BigInt(k.value.music?.stateVersion??0)&&(R.value=``,k.value.music=n.state)}catch{R.value=`Не удалось синхронизировать музыку. Повторная попытка выполняется автоматически.`}finally{J=!1}}async function tt(){if(!(!I.value||!E.query.screenID||!E.query.accessToken)){B.value=!0;try{await w.BindScreen({screenID:String(E.query.screenID),accessToken:String(E.query.accessToken),gameID:I.value,initializeAudio:!1}),Fe.value=!0}catch(e){T.error(e instanceof Error?e.message:`Не удалось привязать экран`)}finally{B.value=!1}}}async function nt(){try{await document.documentElement.requestFullscreen?.()}catch{T.warning(`Полноэкранный режим недоступен в этом браузере`)}L.value=!0,await t();for(let e of[G.value,q.value,K.value])if(e){e.muted=!0;try{await e.play(),e.pause(),e.currentTime=0,e.muted=!k.value?.soundEnabled}catch{R.value=`Браузер не разрешил подготовить воспроизведение на этом устройстве.`}}}return i(async()=>{if(Z.value){await Qe(),z.value=!1;return}Je();try{(!D.value||!O.value)&&await Ye(),await $(),W.value=!0,X=window.setInterval(()=>{Ie.value=Date.now()},250)}catch(e){T.error(e instanceof Error?e.message:`Не удалось подготовить экран`)}finally{z.value=!1}}),te(()=>{X!=null&&window.clearInterval(X),P!=null&&window.clearInterval(P)}),(t,i)=>(l(),s(p,null,[Z.value?(l(),s(`div`,me,[e(o(oe),{class:`binding-card`,title:`Привязка экрана`},{default:f(()=>[Fe.value?(l(),s(p,{key:0},[i[1]||=a(`p`,null,`Экран привязан к игре.`,-1),i[2]||=a(`p`,null,`Можно закрыть эту страницу.`,-1)],64)):(l(),s(p,{key:1},[i[4]||=a(`p`,null,`Выберите игру, к которой привязать экран.`,-1),e(o(ae),{value:I.value,"onUpdate:value":i[0]||=e=>I.value=e,options:Re.value,placeholder:`Игра`},null,8,[`value`,`options`]),e(o(y),{type:`primary`,loading:B.value,disabled:I.value==null,onClick:tt},{default:f(()=>[...i[3]||=[m(` Привязать `,-1)]]),_:1},8,[`loading`,`disabled`])],64))]),_:1})])):(l(),s(`div`,he,[z.value?(l(),s(`div`,ge,`Подготовка экрана…`)):(l(),s(p,{key:1},[k.value?.gameID?(l(),s(`div`,{key:1,class:`screen-content`,style:r(Ge.value)},[R.value?(l(),s(`p`,ye,c(R.value),1)):g(``,!0),k.value.introAudio?h((l(),s(`div`,be,[a(`audio`,{ref_key:`introAudioElement`,ref:G,src:Ve.value,muted:!k.value.soundEnabled,controls:``},null,8,xe)],512)),[[x,Q.value===`SCREEN_MODE_INTRO`]]):g(``,!0),k.value.music?.playlist?.tracks?.length?(l(),s(`audio`,{key:2,ref_key:`musicAudioElement`,ref:K,src:Ue.value,muted:!k.value.soundEnabled,onEnded:et},null,40,Se)):g(``,!0),k.value.conclusionVideo?h((l(),s(`div`,Ce,[a(`video`,{ref_key:`conclusionVideoElement`,ref:q,src:He.value,muted:!k.value.soundEnabled,playsinline:``},null,8,we)],512)),[[x,Q.value===`SCREEN_MODE_CONCLUSION`]]):g(``,!0),Q.value===`SCREEN_MODE_CONCLUSION`&&!k.value.conclusionVideo?(l(),s(`div`,Te,`Видео закрывашки не задано`)):g(``,!0),Q.value===`SCREEN_MODE_QR`||Q.value===`SCREEN_MODE_TEAMS`?(l(),n(de,{key:5,class:`static-screen`,state:k.value,questions:[],teams:[],"team-names":A.value},null,8,[`state`,`team-names`])):g(``,!0),Q.value===`SCREEN_MODE_TEXT`?(l(),s(`div`,Ee,c(k.value.text),1)):g(``,!0),Q.value===`SCREEN_MODE_TIMER`?(l(),s(`div`,De,[a(`h1`,Oe,c(k.value.timerLabel||`Перерыв`),1),a(`div`,ke,c(Be.value),1)])):g(``,!0),Q.value===`SCREEN_MODE_RESULTS`?(l(),s(`div`,{key:8,ref_key:`resultsContainer`,ref:Ne,class:`results-screen`},[i[11]||=a(`h1`,null,`Результаты`,-1),a(`table`,null,[a(`thead`,null,[a(`tr`,null,[i[7]||=a(`th`,null,`Место`,-1),i[8]||=a(`th`,null,`Команда`,-1),(l(!0),s(p,null,u(N.value,e=>(l(),s(`th`,{key:e.code},c(e.code),1))),128)),i[9]||=a(`th`,null,`Сумма`,-1),i[10]||=a(`th`,null,`Ходы`,-1)])]),a(`tbody`,null,[(l(!0),s(p,null,u(M.value,e=>(l(),s(`tr`,{key:e.team?.ID},[a(`td`,null,c(e.place),1),a(`td`,null,c(e.team?.name),1),(l(!0),s(p,null,u(N.value,t=>(l(),s(`td`,{key:t.code},c(e.answers?.find(e=>e.questionCode===t.code)?.score??0),1))),128)),a(`td`,null,c(e.totalScore),1),a(`td`,null,c(e.actionsCount),1)]))),128))])])],512)):g(``,!0),Q.value===`SCREEN_MODE_COVER`?(l(),s(`div`,Ae,[k.value.coverImage?(l(),s(`img`,{key:0,src:k.value.coverImage,class:`cover-image`,alt:`Обложка дела`},null,8,je)):g(``,!0),L.value?g(``,!0):(l(),s(`div`,Me,[e(o(y),{type:`primary`,onClick:nt},{default:f(()=>[...i[12]||=[m(`Подготовить экран`,-1)]]),_:1})]))])):g(``,!0)],4)):(l(),s(`div`,_e,[e(o(oe),{class:`qr-card`,title:`Подключение экрана`},{default:f(()=>[Le.value?(l(),s(`div`,ve,[e(o(se),{value:Le.value,size:260,padding:0},null,8,[`value`])])):g(``,!0),i[6]||=a(`p`,null,`Отсканируйте QR телефоном организатора и выберите игру.`,-1),L.value?g(``,!0):(l(),n(o(y),{key:1,type:`primary`,onClick:nt},{default:f(()=>[...i[5]||=[m(`Подготовить экран`,-1)]]),_:1}))]),_:1})]))],64))])),Z.value?(l(),n(ue,{key:2,active:`games`})):g(``,!0)],64))}}),[[`__scopeId`,`data-v-881246d3`]]),T=ee({__name:`ScreenView`,setup(e){return(e,t)=>(l(),n(w))}});export{T as default}; |