karaoke-eternal 1.0.0

package/build/845.4be526e3a94d53aeceae.css

@@ -0,0 +1,132 @@
+.TPkYtEozIQtnpepk8MHq {
+  background-color: transparent;
+  position: relative;
+}
+
+.tn97LaCi4L2RekBwCyAM {
+  border-radius: var(--border-radius);
+  position: absolute;
+}
+
+.FouT3gwlMtqtJx_j19T_ {
+  position: relative;
+}
+
+.zCLVuxOKMU3YP7R5BUFg {
+  object-position: 50% 50%;
+  object-fit: contain;
+}
+
+.wfATTZ4_j6b_TY69Ic18 {
+  font-size: 5vw;
+  text-rendering: optimizeLegibility;
+  text-shadow: 0px 5px 5px #000;
+}
+
+.rSYTHnGgZWylvF2FCmo6 {
+  animation: _Z_gZjlySMcqSTKZ6jUF;
+  animation-duration: 10s;
+  animation-direction: alternate;
+  animation-iteration-count: infinite;
+}
+
+@keyframes _Z_gZjlySMcqSTKZ6jUF {
+  0% {color: red;}
+  16% {color: orange;}
+  32% {color: yellow;}
+  49% {color: green;}
+  66% {color: blue;}
+  83% {color: indigo;}
+  100% {color: violet;}
+}
+
+.ztWniIznPl6ywm0j65nW {
+  position: absolute;
+  left: 100vw;
+  top: 0;
+}
+
+.T5fdoZnFMIASoNGkWTyQ {
+  margin-top: 2vh;
+  margin-right: 2vh;
+  padding: 2vh;
+  background-color: var(--chrome-bg-color);
+  border: 1px solid var(--chrome-border-color);
+  border-radius: var(--border-radius);
+  text-align: center;
+}
+
+@supports (backdrop-filter: blur(20px) brightness(50%) saturate(50%)) or (-webkit-backdrop-filter: blur(20px) brightness(50%) saturate(50%)) {
+  .T5fdoZnFMIASoNGkWTyQ {
+    background-color: transparent !important;
+    -webkit-backdrop-filter: blur(20px) brightness(50%) saturate(50%);
+    backdrop-filter: blur(20px) brightness(50%) saturate(50%);
+  }
+}
+
+.bGuftvpRla3cVmG6JC6K {
+  animation: UC_a9TkGuLwEDTpWBLNB .25s ease-out;
+  animation-fill-mode: forwards;
+  animation-delay: .25s;
+}
+
+.xTKaKb5T6fSjh0UvN9Pr {
+  transform: translateX(-100%);
+}
+
+.XcvWHmE5QoiGaPRF9yHb {
+  animation: ORCgKBGhLa4oBtKBHSh7 .25s ease-in;
+  animation-fill-mode: forwards;
+}
+
+.N_kMqAEJY9q1nZBGsVUL {
+  font-size: 6vh;
+  text-rendering: optimizeLegibility;
+  text-shadow: 1px 1px 5px #000;
+}
+
+.Q2KBXSyDS_61hMQff6Zp {
+  height: 20vh;
+}
+
+@keyframes UC_a9TkGuLwEDTpWBLNB {
+  0% { transform: translateX(0%); }
+  100% { transform: translateX(-100%); }
+}
+
+@keyframes ORCgKBGhLa4oBtKBHSh7 {
+  0% { transform: translateX(-100%); }
+  100% { transform: translateX(0%); }
+}
+
+.KR1xPhhGxBDKGqbw_jFu {
+  font-family: var(--font-family-custom);
+  position: absolute;
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.FQpKtHbs3r0MzUvNPO_A {
+  background-color: var(--chrome-bg-color);
+  border-radius: var(--border-radius);
+  padding: 1rem 2rem;
+}
+
+@supports (backdrop-filter: saturate(50%) blur(20px)) or (-webkit-backdrop-filter: saturate(50%) blur(20px)) {
+  .FQpKtHbs3r0MzUvNPO_A {
+    background-color: transparent !important;
+    -webkit-backdrop-filter: saturate(50%) blur(20px);
+    backdrop-filter: saturate(50%) blur(20px);
+  }
+}
+
+.gdWFZNJZjyDozcxHMCpw {
+  display: flex;
+  position: absolute;
+  align-items: center;
+  justify-content: center;
+}
+

package/build/845.4be526e3a94d53aeceae.js

@@ -0,0 +1 @@
+/*! See licenses in licenses.txt */"use strict";(self.webpackChunkkaraoke_eternal=self.webpackChunkkaraoke_eternal||[]).push([[845],{92845:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ke});var r=n(67294),i=n(86706),o=n(77968),a=n(4942),u=n(4571);var s,c=n(94081);function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){(0,a.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function p(){return function(e,t){e({type:u.n1,payload:{type:c.PLAYER_EMIT_STATUS}}),e({type:c.PLAYER_EMIT_LEAVE})}}var h=(s={},(0,a.Z)(s,c.PLAYER_CMD_NEXT,(function(e,t){t.payload;return d(d({},e),{},{isPlayingNext:!0})})),(0,a.Z)(s,c.PLAYER_CMD_OPTIONS,(function(e,t){var n=t.payload;return d(d({},e),{},{cdgAlpha:"number"==typeof n.cdgAlpha?n.cdgAlpha:e.cdgAlpha,cdgSize:"number"==typeof n.cdgSize?n.cdgSize:e.cdgSize,mp4Alpha:"number"==typeof n.mp4Alpha?n.mp4Alpha:e.mp4Alpha})})),(0,a.Z)(s,c.PLAYER_CMD_PAUSE,(function(e,t){t.payload;return d(d({},e),{},{isPlaying:!1})})),(0,a.Z)(s,c.PLAYER_CMD_PLAY,(function(e,t){t.payload;return d(d({},e),{},{isPlaying:!0})})),(0,a.Z)(s,c.PLAYER_CMD_VOLUME,(function(e,t){var n=t.payload;return d(d({},e),{},{volume:n})})),(0,a.Z)(s,c.PLAYER_ERROR,(function(e,t){var n=t.payload;return d(d({},e),{},{errorMessage:n.message,isErrored:!0,isFetching:!1,isPlaying:!1})})),(0,a.Z)(s,c.PLAYER_LOAD,(function(e,t){t.payload;return d(d({},e),{},{errorMessage:"",isErrored:!1,isFetching:!0})})),(0,a.Z)(s,c.PLAYER_PLAY,(function(e,t){t.payload;return d(d({},e),{},{isFetching:!1})})),(0,a.Z)(s,c.PLAYER_UPDATE,(function(e,t){var n=t.payload;return d(d({},e),n)})),s),f={cdgAlpha:.5,cdgSize:.8,errorMessage:"",historyJSON:"[]",isAtQueueEnd:!1,isErrored:!1,isFetching:!1,isPlaying:!1,isPlayingNext:!1,isWebGLSupported:function(){try{return!!window.WebGLRenderingContext&&!!document.createElement("canvas").getContext("webgl2")}catch(e){return!1}}(),mediaType:null,mp4Alpha:1,nextUserId:null,position:0,queueId:-1,rgTrackGain:null,rgTrackPeak:null,volume:1};function y(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:f,t=arguments.length>1?arguments[1]:void 0,n=h[t.type];return n?n(e,t):e}var m,g=n(71002),v=n(76055);function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){(0,a.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=Object.keys(v.Z);var R=(m={},(0,a.Z)(m,c.PLAYER_LOAD,(function(e,t){t.payload;return b(b({},e),I())})),(0,a.Z)(m,c.PLAYER_CMD_OPTIONS,(function(e,t){var n=t.payload.visualizer;if("object"!==(0,g.Z)(n))return e;var r={};if(n.nextPreset||n.prevPreset){var i=P.indexOf(e.presetKey),o=i===P.length-1?0:i+1,a=0===i?P.length-1:i-1;r=S(n.nextPreset?o:n.prevPreset?a:i)}else n.randomPreset&&(r=I());return b(b(b({},e),r),{},{isEnabled:"boolean"==typeof n.isEnabled?n.isEnabled:e.isEnabled,sensitivity:"number"==typeof n.sensitivity?n.sensitivity:e.sensitivity})})),(0,a.Z)(m,c.PLAYER_VISUALIZER_ERROR,(function(e,t){t.payload;return b(b({},e),{},{isSupported:!1})})),m),Z=b(b({isEnabled:!0,isSupported:!0},I()),{},{sensitivity:1});function A(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Z,t=arguments.length>1?arguments[1]:void 0,n=R[t.type];return n?n(e,t):e}function S(e){return{presetKey:P[e],presetName:"[".concat(e+1,"/").concat(P.length,"] ")+P[e]}}function I(){return S(Math.floor(Math.random()*(P.length-1)))}var q=n(45697),T=n.n(q),k=n(87462),O=n(15671),w=n(43144),x=n(97326),C=n(60136),N=n(82963),G=n(61120),D=n(70885),L=n(6976),M=n.n(L),_=n(54986);const U="TPkYtEozIQtnpepk8MHq",z="tn97LaCi4L2RekBwCyAM",j="FouT3gwlMtqtJx_j19T_";function B(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,G.Z)(e);if(t){var i=(0,G.Z)(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return(0,N.Z)(this,n)}}var F=new _.Z("media"),Y=parseInt(getComputedStyle(document.body).getPropertyValue("--border-radius")),Q=function(e){(0,C.Z)(n,e);var t=B(n);function n(){var e;(0,O.Z)(this,n);for(var i=arguments.length,o=new Array(i),u=0;u<i;u++)o[u]=arguments[u];return e=t.call.apply(t,[this].concat(o)),(0,a.Z)((0,x.Z)(e),"audio",r.createRef()),(0,a.Z)((0,x.Z)(e),"canvas",r.createRef()),(0,a.Z)((0,x.Z)(e),"frameId",null),(0,a.Z)((0,x.Z)(e),"supportsFilters",CSS.supports("backdrop-filter","blur(10px) brightness(100%) saturate(100%)")||CSS.supports("-webkit-backdrop-filter","blur(10px) brightness(100%) saturate(100%)")),(0,a.Z)((0,x.Z)(e),"state",{backgroundRGBA:[0,0,0,0],contentBounds:[0,0,0,0]}),(0,a.Z)((0,x.Z)(e),"updateSources",(function(){e.stopCDG(),F("GET","/".concat(e.props.mediaId,"?type=cdg")).then((function(e){return e.arrayBuffer()})).then((function(t){e.audio.current&&(e.cdg.load(t),e.audio.current.src="".concat(document.baseURI,"api/media/").concat(e.props.mediaId,"?type=audio"),e.audio.current.load())})).catch((function(t){e.props.onError(t.message)}))})),(0,a.Z)((0,x.Z)(e),"updateIsPlaying",(function(){e.props.isPlaying?e.audio.current.play().catch((function(t){return e.props.onError(t.message)})):(e.audio.current.pause(),e.stopCDG())})),(0,a.Z)((0,x.Z)(e),"handleEnded",(function(t){e.props.onEnd(),e.stopCDG()})),(0,a.Z)((0,x.Z)(e),"handleError",(function(t){var n=t.target.error,r=n.message,i=n.code;e.props.onError("".concat(r," (code ").concat(i,")"))})),(0,a.Z)((0,x.Z)(e),"handlePlay",(function(){e.props.onPlay(),e.startCDG()})),(0,a.Z)((0,x.Z)(e),"handleTimeUpdate",(function(){e.props.onStatus({position:e.audio.current.currentTime})})),(0,a.Z)((0,x.Z)(e),"paintCDG",(function(t){var n=e.canvas.current,r=n.clientWidth,i=n.clientHeight;e.canvasCtx.imageSmoothingEnabled=!1,e.canvasCtx.shadowBlur=Math.min(16,i*e.props.cdgSize*.0333),e.canvasCtx.shadowColor="rgba(0,0,0,1)",e.canvasCtx.clearRect(0,0,r,i),e.canvasCtx.drawImage(t,0,0,r,i)})),(0,a.Z)((0,x.Z)(e),"startCDG",(function(){e.frameId=requestAnimationFrame(e.startCDG);var t=e.cdg.render(e.audio.current.currentTime,{forceKey:!0});t.isChanged&&(t.backgroundRGBA.every((function(t,n){return t===e.state.backgroundRGBA[n]}))||e.setState({backgroundRGBA:t.backgroundRGBA}),t.contentBounds.every((function(t,n){return t===e.state.contentBounds[n]}))||e.setState({contentBounds:t.contentBounds}),createImageBitmap(t.imageData).then((function(t){e.lastBitmap=t,e.paintCDG(t)})).catch((function(t){return e.props.onError(t.message)})))})),(0,a.Z)((0,x.Z)(e),"stopCDG",(function(){return cancelAnimationFrame(e.frameId)})),e}return(0,w.Z)(n,[{key:"componentDidMount",value:function(){this.canvasCtx=this.canvas.current.getContext("2d"),this.cdg=new(M()),this.props.onAudioElement(this.audio.current),this.updateSources()}},{key:"componentDidUpdate",value:function(e){e.mediaKey===this.props.mediaKey?(e.isPlaying!==this.props.isPlaying&&this.updateIsPlaying(),e.width===this.props.width&&e.height===this.props.height&&e.cdgSize===this.props.cdgSize||this.lastBitmap&&this.paintCDG(this.lastBitmap)):this.updateSources()}},{key:"componentWillUnmount",value:function(){this.stopCDG()}},{key:"render",value:function(){var e=this.props,t=e.cdgAlpha,n=e.cdgSize,i=e.width,o=e.height,a=(0,D.Z)(this.state.contentBounds,4),u=a[0],s=a[1],c=a[2],l=a[3],d=(0,D.Z)(this.state.backgroundRGBA,4),p=d[0],h=d[1],f=d[2],y=(d[3],[]),m=(i-20)/300,g=(o-20)*n/216,v=Math.min(m,g),E=c-u&&l-s?10:0;return this.supportsFilters&&(y.push("blur(".concat(30*t*v,"px)")),y.push("brightness(".concat(100-100*Math.pow(t,3),"%)")),y.push("saturate(".concat(100-100*Math.pow(t,3),"%)"))),r.createElement("div",{className:U},r.createElement("div",{className:z,style:{backdropFilter:this.supportsFilters&&1!==t?y.join(" "):"none",backgroundColor:this.supportsFilters&&1!==t?"transparent":"rgba(".concat(p,",").concat(h,",").concat(f,",").concat(t,")"),borderRadius:Y*v,left:(u-E)*v,top:(s-E)*v,width:(c-u+2*E)*v,height:(l-s+2*E)*v}}),r.createElement("canvas",{ref:this.canvas,className:j,width:300*v,height:216*v}),r.createElement("br",null),r.createElement("audio",{preload:"auto",onCanPlayThrough:this.updateIsPlaying,onEnded:this.handleEnded,onError:this.handleError,onLoadStart:this.props.onLoad,onPlay:this.handlePlay,onTimeUpdate:this.handleTimeUpdate,ref:this.audio}))}}]),n}(r.Component);(0,a.Z)(Q,"propTypes",{cdgAlpha:T().number.isRequired,cdgSize:T().number.isRequired,isPlaying:T().bool.isRequired,mediaId:T().number.isRequired,mediaKey:T().number.isRequired,width:T().number.isRequired,height:T().number.isRequired,onAudioElement:T().func.isRequired,onEnd:T().func.isRequired,onError:T().func.isRequired,onLoad:T().func.isRequired,onPlay:T().func.isRequired,onStatus:T().func.isRequired});const K=Q,V="zCLVuxOKMU3YP7R5BUFg";function W(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,G.Z)(e);if(t){var i=(0,G.Z)(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return(0,N.Z)(this,n)}}var J=function(e){(0,C.Z)(n,e);var t=W(n);function n(){var e;(0,O.Z)(this,n);for(var i=arguments.length,o=new Array(i),u=0;u<i;u++)o[u]=arguments[u];return e=t.call.apply(t,[this].concat(o)),(0,a.Z)((0,x.Z)(e),"video",r.createRef()),(0,a.Z)((0,x.Z)(e),"updateSources",(function(){e.video.current.src="".concat(document.baseURI,"api/media/").concat(e.props.mediaId,"?type=video"),e.video.current.load()})),(0,a.Z)((0,x.Z)(e),"updateIsPlaying",(function(){e.props.isPlaying?e.video.current.play().catch((function(t){return e.props.onError(t.message)})):e.video.current.pause()})),(0,a.Z)((0,x.Z)(e),"handleError",(function(t){var n=t.target.error,r=n.message,i=n.code;e.props.onError("".concat(r," (code ").concat(i,")"))})),(0,a.Z)((0,x.Z)(e),"handlePlay",(function(){return e.props.onPlay()})),(0,a.Z)((0,x.Z)(e),"handleTimeUpdate",(function(){e.props.onStatus({position:e.video.current.currentTime})})),e}return(0,w.Z)(n,[{key:"componentDidMount",value:function(){this.props.onAudioElement(this.video.current),this.updateSources()}},{key:"componentDidUpdate",value:function(e){e.mediaKey!==this.props.mediaKey&&this.updateSources(),e.isPlaying!==this.props.isPlaying&&this.updateIsPlaying()}},{key:"render",value:function(){var e=this.props,t=e.width,n=e.height;return r.createElement("video",{className:V,preload:"auto",width:t,height:n,onCanPlayThrough:this.updateIsPlaying,onEnded:this.props.onEnd,onError:this.handleError,onLoadStart:this.props.onLoad,onPlay:this.handlePlay,onTimeUpdate:this.handleTimeUpdate,ref:this.video})}}]),n}(r.Component);(0,a.Z)(J,"propTypes",{isPlaying:T().bool.isRequired,mediaId:T().number.isRequired,mediaKey:T().number.isRequired,width:T().number.isRequired,height:T().number.isRequired,onAudioElement:T().func.isRequired,onEnd:T().func.isRequired,onError:T().func.isRequired,onLoad:T().func.isRequired,onPlay:T().func.isRequired,onStatus:T().func.isRequired});const H=J;function X(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,G.Z)(e);if(t){var i=(0,G.Z)(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return(0,N.Z)(this,n)}}var $=r.lazy((function(){return Promise.all([n.e(267),n.e(598)]).then(n.bind(n,29598))})),ee={CDGPlayer:K,MP4Player:H},te=function(e){(0,C.Z)(n,e);var t=X(n);function n(){var e;(0,O.Z)(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return e=t.call.apply(t,[this].concat(i)),(0,a.Z)((0,x.Z)(e),"audioCtx",new(window.AudioContext||window.webkitAudioContext)),(0,a.Z)((0,x.Z)(e),"audioGainNode",e.audioCtx.createGain()),(0,a.Z)((0,x.Z)(e),"audioSourceNode",null),(0,a.Z)((0,x.Z)(e),"isFetching",!1),(0,a.Z)((0,x.Z)(e),"state",{visualizerAudioSourceNode:e.audioCtx.createGain()}),(0,a.Z)((0,x.Z)(e),"handleAudioElement",(function(t){e.audioSourceNode=e.audioCtx.createMediaElementSource(t),e.audioSourceNode.connect(e.audioGainNode),e.audioGainNode.connect(e.audioCtx.destination);var n=e.audioSourceNode;e.setState({visualizerAudioSourceNode:n})})),(0,a.Z)((0,x.Z)(e),"handlePlay",(function(){e.isFetching=!1,e.updateVolume(),e.props.onPlay()})),(0,a.Z)((0,x.Z)(e),"updateVolume",(function(){var t=e.props.volume,n=e.props,r=n.isReplayGainEnabled,i=n.rgTrackGain,o=n.rgTrackPeak;if(r&&"number"==typeof i&&"number"==typeof o){var a=e.props.rgTrackGain,u=10*Math.log10(e.props.rgTrackPeak),s=a+u>=0?-.01-u:a;t*=Math.pow(10,s/10)}e.audioGainNode.gain.setValueAtTime(t,e.audioCtx.currentTime)})),e}return(0,w.Z)(n,[{key:"componentDidMount",value:function(){this.updateVolume()}},{key:"componentDidUpdate",value:function(e){this.props.isPlaying&&!e.isPlaying&&this.audioCtx.resume(),this.props.mediaKey!==e.mediaKey&&(this.isFetching=!0),this.isFetching||e.volume===this.props.volume&&e.rgTrackGain===this.props.rgTrackGain&&e.rgTrackPeak===this.props.rgTrackPeak&&e.isReplayGainEnabled===this.props.isReplayGainEnabled||this.updateVolume()}},{key:"render",value:function(){if(!this.props.isVisible||"number"!=typeof this.props.mediaId)return null;var e=ee[this.props.mediaType.toUpperCase()+"Player"];if(void 0===e)return this.props.onError("No player for mediaType: ".concat(this.props.mediaType)),null;var t="cdg"===this.props.mediaType&&this.props.isWebGLSupported&&this.props.visualizer.isEnabled;return r.createElement(r.Fragment,null,r.createElement(e,(0,k.Z)({},this.props,{onAudioElement:this.handleAudioElement,onPlay:this.handlePlay})),t&&r.createElement($,{audioSourceNode:this.state.visualizerAudioSourceNode,isPlaying:this.props.isPlaying,onError:this.props.onError,presetKey:this.props.visualizer.presetKey,sensitivity:this.props.visualizer.sensitivity,width:this.props.width,height:this.props.height}))}}]),n}(r.Component);(0,a.Z)(te,"propTypes",{cdgAlpha:T().number.isRequired,cdgSize:T().number.isRequired,isPlaying:T().bool.isRequired,isVisible:T().bool.isRequired,isReplayGainEnabled:T().bool.isRequired,isWebGLSupported:T().bool.isRequired,mediaId:T().number,mediaKey:T().number,mediaType:T().string,mp4Alpha:T().number.isRequired,rgTrackGain:T().number,rgTrackPeak:T().number,visualizer:T().object.isRequired,volume:T().number.isRequired,width:T().number.isRequired,height:T().number.isRequired,onEnd:T().func.isRequired,onError:T().func.isRequired,onLoad:T().func.isRequired,onPlay:T().func.isRequired,onStatus:T().func.isRequired});const ne=te,re="wfATTZ4_j6b_TY69Ic18",ie="rSYTHnGgZWylvF2FCmo6";function oe(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,G.Z)(e);if(t){var i=(0,G.Z)(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return(0,N.Z)(this,n)}}var ae=function(e){(0,C.Z)(n,e);var t=oe(n);function n(){return(0,O.Z)(this,n),t.apply(this,arguments)}return(0,w.Z)(n,[{key:"shouldComponentUpdate",value:function(e){return e.text!==this.props.text}},{key:"render",value:function(){var e=this,t=this.props.offset||-300*Math.random(),n=this.props.text.split("").map((function(n,i){var o=33*(i-e.props.text.length+t);return r.createElement("span",{key:e.props.text+i,className:ie,style:{animationDelay:"".concat(o,"ms")}},n)}));return r.createElement("div",{className:"".concat(re," ").concat(this.props.className)},n)}}]),n}(r.Component);(0,a.Z)(ae,"propTypes",{className:T().string,text:T().string.isRequired,offset:T().number});const ue=ae;var se=n(67919),ce=n(7174);const le="ztWniIznPl6ywm0j65nW",de="T5fdoZnFMIASoNGkWTyQ",pe="bGuftvpRla3cVmG6JC6K",he="xTKaKb5T6fSjh0UvN9Pr",fe="XcvWHmE5QoiGaPRF9yHb",ye="N_kMqAEJY9q1nZBGsVUL",me="Q2KBXSyDS_61hMQff6Zp";function ge(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,G.Z)(e);if(t){var i=(0,G.Z)(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return(0,N.Z)(this,n)}}var ve=function(e){(0,C.Z)(n,e);var t=ge(n);function n(){var e;(0,O.Z)(this,n);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return e=t.call.apply(t,[this].concat(i)),(0,a.Z)((0,x.Z)(e),"timeoutID",null),(0,a.Z)((0,x.Z)(e),"state",{show:!1}),e}return(0,w.Z)(n,[{key:"componentDidMount",value:function(){this.animate()}},{key:"componentDidUpdate",value:function(e,t){this.props.queueItem.queueId!==e.queueItem.queueId&&this.animate()}},{key:"animate",value:function(){var e=this;clearTimeout(this.timeoutID),this.setState({show:!0}),this.timeoutID=setTimeout((function(){e.setState({show:!1})}),5e3)}},{key:"render",value:function(){return r.createElement(se.Z,{unmountOnExit:!0,in:this.state.show,timeout:500,classNames:{enterActive:pe,enterDone:he,exitActive:fe}},r.createElement("div",{className:le},r.createElement("div",{className:de},r.createElement(ce.Z,{userId:this.props.queueItem.userId,dateUpdated:this.props.queueItem.dateUpdated,className:me}),r.createElement("div",{className:ye},this.props.queueItem.userDisplayName))))}}]),n}(r.Component);(0,a.Z)(ve,"propTypes",{queueItem:T().object.isRequired});const Ee=ve,be="KR1xPhhGxBDKGqbw_jFu",Pe="FQpKtHbs3r0MzUvNPO_A";var Re=function(e){var t,n=e.isQueueEmpty,i=e.isAtQueueEnd,o=e.isErrored,a=e.nextQueueItem,u=e.queueItem,s=e.width,c=e.height;if(n||i&&!a)t=r.createElement(ue,{text:"CAN HAZ MOAR SONGZ?",className:Pe});else if(!u||i&&a)t=r.createElement(ue,{text:"PRESS PLAY TO BEGIN",className:Pe});else if(o){var l=-300*Math.random();t=r.createElement(r.Fragment,null,r.createElement(ue,{text:"OOPS...",offset:l,className:Pe}),r.createElement(ue,{text:"SEE QUEUE FOR DETAILS",offset:l,className:Pe}))}else t=r.createElement(Ee,{queueItem:u});return r.createElement("div",{style:{width:s,height:c},className:be},t)};Re.propTypes={queueItem:T().object,nextQueueItem:T().object,isAtQueueEnd:T().bool.isRequired,isQueueEmpty:T().bool.isRequired,isErrored:T().bool.isRequired,width:T().number.isRequired,height:T().number.isRequired};const Ze=r.memo(Re);var Ae=n(77116),Se=function(e){var t=(0,i.v9)(Ae.Z),n=(0,i.v9)((function(e){return e.player})),o=(0,i.v9)((function(e){return e.playerVisualizer})),a=(0,i.v9)((function(e){return e.prefs})),u=t.entities[n.queueId],s=t.entities[t.result[t.result.indexOf(n.queueId)+1]],l=(0,i.I0)(),d=(0,r.useCallback)((function(e){return l(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return function(n,r){n({type:c.PLAYER_UPDATE,payload:e});var i=r(),o=i.player,a=i.playerVisualizer;n({type:c.PLAYER_EMIT_STATUS,payload:{cdgAlpha:o.cdgAlpha,cdgSize:o.cdgSize,errorMessage:o.errorMessage,historyJSON:o.historyJSON,isAtQueueEnd:o.isAtQueueEnd,isErrored:o.isErrored,isPlaying:o.isPlaying,isWebGLSupported:o.isWebGLSupported,mediaType:o.mediaType,mp4Alpha:o.mp4Alpha,nextUserId:o.nextUserId,position:o.position,queueId:o.queueId,volume:o.volume,visualizer:a},meta:{throttle:{wait:1e3,leading:!t}}})}}(e))}),[l]),h=(0,r.useCallback)((function(){return l({type:c.PLAYER_LOAD})}),[l]),f=(0,r.useCallback)((function(){return l({type:c.PLAYER_PLAY})}),[l]),y=(0,r.useCallback)((function(e){l(function(e){return{type:c.PLAYER_ERROR,payload:{message:e}}}(e)),d()}),[l,d]),m=(0,r.useCallback)((function(){var e=JSON.parse(n.historyJSON);u&&-1===e.lastIndexOf(u.queueId)&&e.push(u.queueId),d(s?{historyJSON:JSON.stringify(e),isAtQueueEnd:!1,isPlaying:!0,isPlayingNext:!1,mediaType:s.mediaType,position:0,queueId:s.queueId,nextUserId:null}:{historyJSON:JSON.stringify(e),isAtQueueEnd:!0,isPlayingNext:!1,mediaType:null})}),[d,s,n.historyJSON,u]);return(0,r.useEffect)((function(){if(!n.nextUserId||(null==u?void 0:u.userId)===(null==s?void 0:s.userId))for(var e=t.result.indexOf(null==u?void 0:u.queueId)+1;e<t.result.length;e++)if((null==u?void 0:u.userId)!==t.entities[t.result[e]].userId)return void d({nextUserId:t.entities[t.result[e]].userId})}),[d,s,n.nextUserId,t,u]),(0,r.useEffect)((function(){return d()}),[d,n.cdgAlpha,n.cdgSize,n.isPlaying,n.mp4Alpha,n.volume,o]),(0,r.useEffect)((function(){return function(){return l(p())}}),[l]),(0,r.useEffect)((function(){(n.isPlaying&&-1===n.queueId||n.isPlayingNext)&&m()}),[m,n.isPlaying,n.queueId,n.isPlayingNext]),(0,r.useEffect)((function(){n.isAtQueueEnd&&s&&n.isPlaying&&m()}),[m,n.isAtQueueEnd,n.isPlaying,s]),(0,r.useEffect)((function(){n.isErrored&&n.isPlaying&&d({isErrored:!1})}),[d,n.isErrored,n.isPlaying]),r.createElement(r.Fragment,null,r.createElement(ne,{cdgAlpha:n.cdgAlpha,cdgSize:n.cdgSize,isPlaying:n.isPlaying,isVisible:!!u&&!n.isErrored&&!n.isAtQueueEnd,isReplayGainEnabled:a.isReplayGainEnabled,isWebGLSupported:n.isWebGLSupported,mediaId:u?u.mediaId:null,mediaKey:u?u.queueId:null,mediaType:u?u.mediaType:null,mp4Alpha:n.mp4Alpha,onEnd:m,onError:y,onLoad:h,onPlay:f,onStatus:d,rgTrackGain:u?u.rgTrackGain:null,rgTrackPeak:u?u.rgTrackPeak:null,visualizer:o,volume:n.volume,width:e.width,height:e.height}),r.createElement(Ze,{queueItem:u,nextQueueItem:s,isAtQueueEnd:n.isAtQueueEnd,isQueueEmpty:!t.result.length,isErrored:n.isErrored,width:e.width,height:e.height}))};Se.propTypes={width:T().number.isRequired,height:T().number.isRequired};const Ie=Se;var qe=n(47489);const Te="gdWFZNJZjyDozcxHMCpw";const ke=function(e){var t=(0,i.v9)((function(e){return e.ui})),n=t.innerWidth,a=t.innerHeight,u=t.headerHeight,s=a-u-t.footerHeight,c=(0,i.oR)();return(0,i.v9)((function(e){return e.player}))||((0,o.fn)(c,{key:"player",reducer:y}),(0,o.fn)(c,{key:"playerVisualizer",reducer:A})),r.createElement("div",{style:{overflow:"hidden"}},r.createElement("div",{id:"player-fs-container",className:Te,style:{top:qe.Z.isFullscreen?0:u,width:n,height:qe.Z.isFullscreen?a:s}},r.createElement(Ie,{width:n,height:qe.Z.isFullscreen?a:s})))}}}]);

package/build/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><title>Karaoke Eternal</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><base href="/"><script defer="defer" src="799.4be526e3a94d53aeceae.js"></script><script defer="defer" src="main.4be526e3a94d53aeceae.js"></script><link href="main.4be526e3a94d53aeceae.css" rel="stylesheet"></head><body><div id="root" style="height: 100%"></div></body></html>