From 6f7c467aef9cd77fa875d005124be07258775126 Mon Sep 17 00:00:00 2001
From: DerTyp7 <DerTyp7@users.noreply.github.com>
Date: Sun, 12 Nov 2023 17:42:08 +0000
Subject: [PATCH] deploy: 8b23a8cca71267baabb1cd66ad8f3cd05d2c035d

---
 assets/{index-8a213e1b.js => index-cce381a7.js} | 2 +-
 index.html                                      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename assets/{index-8a213e1b.js => index-cce381a7.js} (98%)

diff --git a/assets/index-8a213e1b.js b/assets/index-cce381a7.js
similarity index 98%
rename from assets/index-8a213e1b.js
rename to assets/index-cce381a7.js
index ad604a6..a2acf83 100644
--- a/assets/index-8a213e1b.js
+++ b/assets/index-cce381a7.js
@@ -64,4 +64,4 @@ Error generating stack: `+i.message+`
  * LICENSE.md file in the root directory of this source tree.
  *
  * @license MIT
- */function io(e){return e===void 0&&(e=""),new URLSearchParams(typeof e=="string"||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((t,n)=>{let r=e[n];return t.concat(Array.isArray(r)?r.map(l=>[n,l]):[[n,r]])},[]))}function ah(e,t){let n=io(e);return t&&t.forEach((r,l)=>{n.has(l)||t.getAll(l).forEach(i=>{n.append(l,i)})}),n}const ch="startTransition",ms=ad[ch];function dh(e){let{basename:t,children:n,future:r,window:l}=e,i=k.useRef();i.current==null&&(i.current=Cp({window:l,v5Compat:!0}));let o=i.current,[u,s]=k.useState({action:o.action,location:o.location}),{v7_startTransition:a}=r||{},p=k.useCallback(m=>{a&&ms?ms(()=>s(m)):s(m)},[s,a]);return k.useLayoutEffect(()=>o.listen(p),[o,p]),k.createElement(uh,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:o})}var vs;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(vs||(vs={}));var gs;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(gs||(gs={}));function fh(e){let t=k.useRef(io(e)),n=k.useRef(!1),r=zl(),l=k.useMemo(()=>ah(r.search,n.current?null:t.current),[r.search]),i=Bc(),o=k.useCallback((u,s)=>{const a=io(typeof u=="function"?u(l):u);n.current=!0,i("?"+a,s)},[i,l]);return[l,o]}var ai=globalThis&&globalThis.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,l=t.length,i;r<l;r++)(i||!(r in t))&&(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))},ph=function(){function e(t,n,r,l){this.setConnections=t,this.setChannels=n,this.setClients=r,this.localConnections=[],this.localChannels=[],this.localClients=[],this.logger=l}return e.prototype.updateConnectionsState=function(){this.setConnections(ai([],this.localConnections,!0))},e.prototype.updateChannelsState=function(){this.setChannels(ai([],this.localChannels,!0))},e.prototype.updateClientsState=function(){this.setClients(ai([],this.localClients,!0))},e.prototype.clearAll=function(){this.localConnections=[],this.localChannels=[],this.localClients=[],this.updateConnectionsState(),this.updateChannelsState(),this.updateClientsState()},e.prototype.addConnection=function(t){this.logger.log("Adding connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n==null?(this.localConnections.push(t),this.updateConnectionsState(),this.logger.log("Connection added")):this.logger.log("Connection already exists")},e.prototype.addChannel=function(t){this.logger.log("Adding channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n==null?(this.localChannels.push(t),this.updateChannelsState(),this.logger.log("Channel added")):this.logger.log("Channel already exists")},e.prototype.addClient=function(t){this.logger.log("Adding client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n==null?(this.localClients.push(t),this.updateClientsState(),this.logger.log("Client added")):this.logger.log("Client already exists")},e.prototype.updateConnection=function(t){this.logger.log("Updating connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n!==void 0?(this.localConnections[this.localConnections.indexOf(n)]=t,this.updateConnectionsState(),this.logger.log("Connection updated")):this.logger.log("Connection does not exist")},e.prototype.updateChannel=function(t){this.logger.log("Updating channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n!==void 0?(this.localChannels[this.localChannels.indexOf(n)]=t,this.updateChannelsState(),this.logger.log("Channel updated")):this.logger.log("Channel does not exist")},e.prototype.updateClient=function(t){this.logger.log("Updating client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n!==void 0?(this.localClients[this.localClients.indexOf(n)]=t,this.updateClientsState(),this.logger.log("Client updated")):this.logger.log("Client does not exist")},e.prototype.removeConnection=function(t){this.logger.log("Removing connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n!==void 0?(this.localConnections.splice(this.localConnections.indexOf(n),1),this.localChannels=this.localChannels.filter(function(r){return r.connection.id!==t.id}),this.localClients=this.localClients.filter(function(r){var l;return((l=r.channel)===null||l===void 0?void 0:l.connection.id)!==t.id}),this.updateChannelsState(),this.updateClientsState(),this.updateConnectionsState(),this.logger.log("Connection removed")):this.logger.log("Connection does not exist")},e.prototype.removeChannel=function(t){this.logger.log("Removing channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n!==void 0?(this.localChannels.splice(this.localChannels.indexOf(n),1),this.localClients=this.localClients.filter(function(r){var l;return((l=r.channel)===null||l===void 0?void 0:l.id)!==t.id}),this.updateClientsState(),this.updateChannelsState(),this.logger.log("Channel removed")):this.logger.log("Channel does not exist")},e.prototype.removeClient=function(t){this.logger.log("Removing client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n!==void 0?(this.localClients.splice(this.localClients.indexOf(n),1),this.updateClientsState(),this.logger.log("Client removed")):this.logger.log("Client does not exist")},e.prototype.getConnectionById=function(t){return this.localConnections.find(function(n){return n.id===t})},e.prototype.getChannelById=function(t,n){return this.localChannels.find(function(r){var l;return r.id===t&&((l=r.connection)===null||l===void 0?void 0:l.id)===n})},e.prototype.getClientById=function(t,n){return this.localClients.find(function(r){var l;return r.id===t&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===n})},e}(),ie=globalThis&&globalThis.__assign||function(){return ie=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},ie.apply(this,arguments)},hh=function(){function e(t,n,r,l){this.activeConnectionId=0,this.ws=t,this.dataHandler=n,this.setActiveConnectionStateId=r,this.logger=l}return e.prototype.setActiveConnection=function(t){this.activeConnectionId=t,this.setActiveConnectionStateId(t)},e.prototype.parseChannelInfos=function(t,n){var r=this;t.rootChannels.forEach(function(l){var i;r.dataHandler.addChannel(ie(ie({},l),{connection:n})),t&&t.subChannels!==null&&l.id in t.subChannels&&((i=t.subChannels[l.id])===null||i===void 0||i.forEach(function(o){r.dataHandler.addChannel(ie(ie({},o),{connection:n}))}))})},e.prototype.handleAuthMessage=function(t){var n=this;localStorage.setItem("apiKey",t.payload.apiKey),t.payload.connections.forEach(function(r){var l;n.dataHandler.addConnection(r),r.channelInfos!==void 0&&n.parseChannelInfos(r.channelInfos,r),(l=r.clientInfos)===null||l===void 0||l.forEach(function(i){var o=n.dataHandler.getChannelById(i.channelId,r.id);o!==void 0&&n.dataHandler.addClient({id:i.id,talkStatus:0,channel:ie(ie({},o),{connection:r}),properties:i.properties})})})},e.prototype.handleClientMovedMessage=function(t){var n=this,r=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);if(+t.payload.oldChannelId==0)setTimeout(function(){var i=n.dataHandler.getChannelById(t.payload.newChannelId,t.payload.connectionId);i!==void 0&&(n.dataHandler.addClient({id:t.payload.clientId,talkStatus:0,channel:i,properties:t.payload.properties}),n.logger.ts("New Client found (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")))},2e3);else{var l=this.dataHandler.getChannelById(t.payload.newChannelId,t.payload.connectionId);if(l===void 0||l.id===0){this.logger.ts("Client left (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")),r!==void 0&&this.dataHandler.removeClient(r);return}r!==void 0?(this.logger.ts("Client moved (".concat(r.channel.connection.id," - ").concat(r.id," - ").concat(r.properties.nickname,")")),this.dataHandler.updateClient(ie(ie({},r),{channel:l}))):(this.logger.ts("Client joined (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")),this.dataHandler.addClient({id:t.payload.clientId,talkStatus:0,channel:l,properties:t.payload.properties}))}},e.prototype.handleClientPropertiesUpdatedMessage=function(t){var n=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);n!==void 0&&this.dataHandler.updateClient(ie(ie({},n),{properties:t.payload.properties}))},e.prototype.handleTalkStatusChangedMessage=function(t){var n=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);n!==void 0&&this.dataHandler.updateClient(ie(ie({},n),{talkStatus:t.payload.status}))},e.prototype.handleClientSelfPropertyUpdatedMessage=function(t){var n=this.dataHandler.getConnectionById(this.activeConnectionId);(t.payload.flag=="inputHardware"||n==null)&&this.setActiveConnection(t.payload.connectionId)},e.prototype.handleServerPropertiesUpdatedMessage=function(t){var n=this.dataHandler.getConnectionById(t.payload.connectionId);n!==void 0&&this.dataHandler.updateConnection(ie(ie({},n),{properties:t.payload.properties}))},e.prototype.handleConnectStatusChangedMessage=function(t){if(t.payload.status===0){var n=this.dataHandler.getConnectionById(t.payload.connectionId);n!==void 0&&this.dataHandler.removeConnection(n)}t.payload.status===4&&this.dataHandler.addConnection({id:t.payload.connectionId,clientId:t.payload.info.clientId})},e.prototype.handleChannelsMessage=function(t){var n=this;setTimeout(function(){var r=n.dataHandler.getConnectionById(t.payload.connectionId);r!==void 0&&n.parseChannelInfos(t.payload.info,r)},1e3)},e}(),fl=globalThis&&globalThis.__assign||function(){return fl=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},fl.apply(this,arguments)},mh=function(){function e(t,n,r,l,i,o,u){this.authenticated=!1,this.remoteAppPort=t,this.authPayload=n,this.logger=r,this.ws=new WebSocket("ws://localhost:".concat(this.remoteAppPort)),this.dataHandler=new ph(l,i,o,r),this.messageHandler=new hh(this.ws,this.dataHandler,u,r)}return e.prototype.reconnect=function(){this.logger.log("Reconnecting..."),this.ws.close(),this.ws=new WebSocket("ws://localhost:".concat(this.remoteAppPort)),this.dataHandler.clearAll(),this.authenticated=!1,this.connect()},e.prototype.connect=function(){var t=this,n;this.logger.log("Connecting to TS5 client...");var r={type:"auth",payload:fl(fl({},this.authPayload),{content:{apiKey:(n=localStorage.getItem("apiKey"))!==null&&n!==void 0?n:""}})};this.ws.onopen=function(){t.ws.send(JSON.stringify(r)),t.logger.wsSent(r)},this.ws.onclose=function(l){t.logger.log("WebSocket connection closed",l),t.authenticated||(t.logger.log("WebSocket connection closed before authentication"),localStorage.removeItem("apiKey")),setTimeout(function(){t.reconnect()},2e3)},this.ws.onmessage=function(l){var i=JSON.parse(l.data);switch(t.logger.wsReceived(i),i.type){case"auth":t.messageHandler.handleAuthMessage(i),t.authenticated=!0;break;case"clientMoved":t.messageHandler.handleClientMovedMessage(i);break;case"clientPropertiesUpdated":t.messageHandler.handleClientPropertiesUpdatedMessage(i);break;case"talkStatusChanged":t.messageHandler.handleTalkStatusChangedMessage(i);break;case"serverPropertiesUpdated":t.messageHandler.handleServerPropertiesUpdatedMessage(i);break;case"connectStatusChanged":t.messageHandler.handleConnectStatusChangedMessage(i);break;case"clientSelfPropertyUpdated":t.messageHandler.handleClientSelfPropertyUpdatedMessage(i);break;case"channels":t.messageHandler.handleChannelsMessage(i);break;default:t.logger.log("No handler for event type: ".concat(i.type));break}}},e}(),vh=function(){function e(t){this.enabled=t}return e.prototype.log=function(t,n){n===void 0&&(n=null),this.enabled&&console.log("[Log] %c".concat(t).trim(),"color: gray",n??"")},e.prototype.warn=function(t,n){n===void 0&&(n=null),this.enabled&&console.warn("%c".concat(t).trim(),n??"")},e.prototype.error=function(t,n){n===void 0&&(n=null),this.enabled&&console.error("%c".concat(t).trim(),n??"")},e.prototype.wsReceived=function(t,n){n===void 0&&(n=void 0),this.enabled&&console.log("%c[WS Recieved] ".concat(n??"").trim(),"color: #8258c7",t)},e.prototype.wsSent=function(t,n){n===void 0&&(n=void 0),this.enabled&&console.log("%c[WS Sent] ".concat(n??"").trim(),"color: #4eb570",t)},e.prototype.ts=function(t,n){n===void 0&&(n=null),this.enabled&&console.log("%c[TS] ".concat(t).trim(),"color: #2e6bc7",n??"")},e}();function gh(e){var t=k.useState([]),n=t[0],r=t[1],l=k.useState([]),i=l[0],o=l[1],u=k.useState([]),s=u[0],a=u[1],p=k.useState(1),m=p[0],h=p[1],v=k.useState(void 0),w=v[0],y=v[1],T=k.useState(void 0),d=T[0],c=T[1],f=k.useState(void 0),g=f[0],x=f[1],P=k.useState([]),N=P[0],L=P[1];return k.useEffect(function(){var O,R,se=new mh((O=e.remoteAppPort)!==null&&O!==void 0?O:5899,e.auth,new vh((R=e.logging)!==null&&R!==void 0?R:!1),a,o,r,h);se.connect()},[]),k.useEffect(function(){var O=s.find(function(pe){return pe.id===m});if(y(O),O){var R=n.find(function(pe){return pe.id===O.clientId});if(x(R),R){var se=i.find(function(pe){var Ae;return pe.id===((Ae=R.channel)===null||Ae===void 0?void 0:Ae.id)});c(se)}}if(d){var Ct=n.filter(function(pe){var Ae;return((Ae=pe.channel)===null||Ae===void 0?void 0:Ae.id)===(d==null?void 0:d.id)&&pe.channel.connection.id===m});L(Ct)}},[n,i,s,m]),{clients:n,channels:i,connections:s,activeConnectionId:m,currentConnection:w,currentChannel:d,currentClient:g,clientsInChannel:N}}function Vc({remoteAppPort:e=5899,showChannelName:t=!1,hideNonTalking:n=!1,clientLimit:r=0}){const{clients:l,activeConnectionId:i,currentChannel:o}=gh({remoteAppPort:e,auth:{identifier:"de.tealfire.obs",version:"2.0.1",name:"TS5 OBS Overlay",description:"A OBS overlay for TS5 by DerTyp7"},logging:!0}),u=l.map(s=>{var a;if(((a=s.channel)==null?void 0:a.id)===(o==null?void 0:o.id)&&s.channel.connection.id===i)return s});return C.jsxs("div",{className:"viewer",children:[t?C.jsx("div",{className:"channelNameContainer",children:C.jsx("h1",{children:o==null?void 0:o.properties.name})}):null,u==null?void 0:u.map((s,a)=>{var p;return r!=0&&a>=r?null:s?n&&(s.properties.inputMuted||s.properties.outputMuted||s.talkStatus==0)?null:C.jsxs("div",{className:"client",children:[s.properties.outputHardware==!1?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"muted_hardware_output"}),C.jsxs("g",{id:"muted_hardware_output.svg",children:[C.jsx("path",{d:"M116.62,39a4.78,4.78,0,0,1-1.59.3l-6.29,3.63a45.42,45.42,0,0,1-13.33,57.64,49.4,49.4,0,0,1-5.82,3.62c-1.06.57-2.2.92-3.19,1.49-1.7,1-2.77,2.13-2.77,4.18a4.57,4.57,0,0,0,4.54,4.54,5.33,5.33,0,0,0,1.84-.35,54.49,54.49,0,0,0,26.94-75c-.12,0-.22,0-.34,0M88.18,13.58a4.57,4.57,0,0,0-4.54,4.54c0,2.06,1.06,3.19,2.77,4.18,1,.57,2.13.92,3.19,1.49a49.4,49.4,0,0,1,5.82,3.62,45.68,45.68,0,0,1,8.19,7.78l7-4a2.63,2.63,0,0,1,1.11-.34A54.31,54.31,0,0,0,90,13.94a5.33,5.33,0,0,0-1.84-.35",fill:"#d8d8d8"}),C.jsx("path",{d:"M59.46,71.4,32.77,86.81l19,19a4.51,4.51,0,0,0,3.19,1.35,4.57,4.57,0,0,0,4.54-4.54V71.4M54.92,20.88a4.51,4.51,0,0,0-3.19,1.35L28.12,45.85H9.54A4.57,4.57,0,0,0,5,50.38V77.62a4.57,4.57,0,0,0,4.54,4.54H22.26l37.2-21.48V25.42a4.57,4.57,0,0,0-4.54-4.54",fill:"#d8d8d8"}),C.jsx("path",{d:"M85.11,56.6l-7.87,4.54A10,10,0,0,1,77.62,64c0,8.58-8.23,7.09-8.23,12.48A4.53,4.53,0,0,0,73.93,81a4,4,0,0,0,1.77-.35A18.13,18.13,0,0,0,86.69,64a18.34,18.34,0,0,0-1.59-7.4M73.93,47a4.52,4.52,0,0,0-4.54,4.54,3.92,3.92,0,0,0,1.08,2.8l8.76-5.06a16.14,16.14,0,0,0-3.52-1.93A4,4,0,0,0,73.93,47",fill:"#d8d8d8"}),C.jsx("path",{d:"M100.87,47.49,93,52a27.15,27.15,0,0,1-8.36,33.87A36.79,36.79,0,0,1,79.25,89a4.54,4.54,0,0,0,1.84,8.72,5.24,5.24,0,0,0,1.77-.35,36.34,36.34,0,0,0,18-49.91M81,30.25A4.54,4.54,0,0,0,79.25,39a36.82,36.82,0,0,1,5.39,3.12,27,27,0,0,1,2.86,2.4l8.14-4.7A35.37,35.37,0,0,0,82.86,30.6,5.31,5.31,0,0,0,81,30.25",fill:"#d8d8d8"}),C.jsx("path",{d:"M126.57,43.71,10.42,110.77a2.88,2.88,0,0,1-3.93-1.05L4.33,106A2.88,2.88,0,0,1,5.38,102L121.53,35A2.88,2.88,0,0,1,125.46,36l2.16,3.75A2.88,2.88,0,0,1,126.57,43.71Z",fill:"#c9070a"})]})]}):s.properties.inputHardware==!1?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"muted_hardware_input"}),C.jsxs("g",{id:"muted_hardware_input.svg",children:[C.jsx("path",{d:"M88.62,54.15V64A24.69,24.69,0,0,1,64,88.62a25.26,25.26,0,0,1-8.38-1.46l-7.39,7.39A34,34,0,0,0,64,98.46,34.5,34.5,0,0,0,98.46,64V54.15a4.92,4.92,0,1,1,9.85,0V64a44.31,44.31,0,0,1-39.38,44v10.15H88.62a4.92,4.92,0,0,1,0,9.85H39.38a4.92,4.92,0,1,1,0-9.85H59.08V108A43.3,43.3,0,0,1,41,101.77L21.46,121.31a2.46,2.46,0,0,1-3.54,0L11.62,115a2.46,2.46,0,0,1,0-3.54l94.92-94.92a2.46,2.46,0,0,1,3.54,0l6.31,6.31a2.46,2.46,0,0,1,0,3.54ZM22.92,80.46A43.3,43.3,0,0,1,19.69,64V54.15a4.92,4.92,0,1,1,9.85,0V64a35.94,35.94,0,0,0,1.15,8.69ZM39.38,64V24.62a24.62,24.62,0,0,1,47.77-8.38Z",fill:"#d8d8d8"}),C.jsx("rect",{x:"-5.93",y:"61.89",width:"139.87",height:"14.02",rx:"2.87",ry:"2.87",transform:"translate(-29.97 65.43) rotate(-45)",fill:"#c9070a"})]})]}):s.properties.outputMuted?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"muted_output"}),C.jsxs("g",{id:"muted_output",children:[C.jsx("path",{d:"M116.62,39a4.78,4.78,0,0,1-1.59.3l-6.29,3.63a45.42,45.42,0,0,1-13.33,57.64,49.4,49.4,0,0,1-5.82,3.62c-1.06.57-2.2.92-3.19,1.49-1.7,1-2.77,2.13-2.77,4.18a4.57,4.57,0,0,0,4.54,4.54,5.33,5.33,0,0,0,1.84-.35,54.49,54.49,0,0,0,26.94-75c-.12,0-.22,0-.34,0M88.18,13.58a4.57,4.57,0,0,0-4.54,4.54c0,2.06,1.06,3.19,2.77,4.18,1,.57,2.13.92,3.19,1.49a49.4,49.4,0,0,1,5.82,3.62,45.68,45.68,0,0,1,8.19,7.78l7-4a2.63,2.63,0,0,1,1.11-.34A54.31,54.31,0,0,0,90,13.94a5.33,5.33,0,0,0-1.84-.35",fill:"#c9070a"}),C.jsx("path",{d:"M59.46,71.4,32.77,86.81l19,19a4.51,4.51,0,0,0,3.19,1.35,4.57,4.57,0,0,0,4.54-4.54V71.4M54.92,20.88a4.51,4.51,0,0,0-3.19,1.35L28.11,45.85H9.53A4.57,4.57,0,0,0,5,50.38V77.62a4.57,4.57,0,0,0,4.54,4.54H22.25l37.2-21.48V25.42a4.57,4.57,0,0,0-4.54-4.54",fill:"#c9070a"}),C.jsx("path",{d:"M85.1,56.6l-7.87,4.54A10,10,0,0,1,77.61,64c0,8.58-8.23,7.09-8.23,12.48A4.53,4.53,0,0,0,73.92,81a4,4,0,0,0,1.77-.35A18.13,18.13,0,0,0,86.69,64a18.34,18.34,0,0,0-1.59-7.4M73.92,47a4.52,4.52,0,0,0-4.54,4.54,3.92,3.92,0,0,0,1.08,2.8l8.76-5.06a16.14,16.14,0,0,0-3.52-1.93A4,4,0,0,0,73.92,47",fill:"#c9070a"}),C.jsx("path",{d:"M100.87,47.49,93,52a27.15,27.15,0,0,1-8.36,33.87A36.79,36.79,0,0,1,79.24,89a4.54,4.54,0,0,0,1.84,8.72,5.24,5.24,0,0,0,1.77-.35,36.34,36.34,0,0,0,18-49.91M81,30.25A4.54,4.54,0,0,0,79.24,39a36.82,36.82,0,0,1,5.39,3.12,27,27,0,0,1,2.86,2.4l8.14-4.7A35.37,35.37,0,0,0,82.86,30.6,5.31,5.31,0,0,0,81,30.25",fill:"#c9070a"}),C.jsx("path",{d:"M126.57,43.71,10.42,110.77a2.88,2.88,0,0,1-3.93-1.05L4.33,106A2.88,2.88,0,0,1,5.38,102L121.53,35A2.88,2.88,0,0,1,125.46,36l2.16,3.75A2.88,2.88,0,0,1,126.57,43.71Z",fill:"#c9070a"})]})]}):s.properties.inputMuted?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"muted_input"}),C.jsx("g",{id:"muted_input.svg",children:C.jsx("path",{d:"M88.62,54.15V64A24.69,24.69,0,0,1,64,88.62a25.26,25.26,0,0,1-8.38-1.46l-7.39,7.39A34,34,0,0,0,64,98.46,34.5,34.5,0,0,0,98.46,64V54.15a4.92,4.92,0,1,1,9.85,0V64a44.31,44.31,0,0,1-39.38,44v10.15H88.62a4.92,4.92,0,0,1,0,9.85H39.38a4.92,4.92,0,1,1,0-9.85H59.08V108A43.3,43.3,0,0,1,41,101.77L21.46,121.31a2.46,2.46,0,0,1-3.54,0L11.62,115a2.46,2.46,0,0,1,0-3.54l94.92-94.92a2.46,2.46,0,0,1,3.54,0l6.31,6.31a2.46,2.46,0,0,1,0,3.54ZM22.92,80.46A43.3,43.3,0,0,1,19.69,64V54.15a4.92,4.92,0,1,1,9.85,0V64a35.94,35.94,0,0,0,1.15,8.69ZM39.38,64V24.62a24.62,24.62,0,0,1,47.77-8.38Z",fill:"#c9070a"})})]}):s.talkStatus==1?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"player_on_v2"}),C.jsx("g",{id:"player_on_v2.svg",children:C.jsx("path",{d:"M64,128a64,64,0,1,1,64-64A64,64,0,0,1,64,128Z",fill:"#00b4df"})})]}):C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"player_off_v2"}),C.jsx("g",{id:"player_off_v2.svg",children:C.jsx("path",{d:"M64,128a64,64,0,1,1,64-64A64,64,0,0,1,64,128Z",fill:"#3e4f5e"})})]}),C.jsx("p",{children:s.properties.nickname})]},`${s.id}-${(p=s.channel)==null?void 0:p.connection.id}`):C.jsx("div",{},Math.random())})]})}function yh(){const[e,t]=k.useState(()=>new URL(window.location.href).toString()),n=k.useRef(null),[r,l]=k.useState(5899),[i,o]=k.useState(!0),[u,s]=k.useState(!1),[a,p]=k.useState(0);k.useEffect(()=>{m()},[r,i,u,a]);function m(){const v=new URL(window.location.href.replace("/#/generate",""));v.searchParams.set("remoteAppPort",r.toString()),v.searchParams.set("showChannelName",i.toString()),v.searchParams.set("hideNonTalking",u.toString()),v.searchParams.set("clientLimit",a.toString()),t(v.toString())}function h(){navigator.clipboard.writeText(e),n.current&&(n.current.style.animation="tooltipAnimation 200ms",n.current.style.opacity="1",setTimeout(()=>{n.current&&(n.current.style.opacity="0",n.current.style.animation="")},1e3))}return C.jsxs("div",{className:"generator",children:[C.jsxs("div",{className:"headline",children:[C.jsx("h1",{children:"TS5-OBS-Overlay Generator"}),C.jsx("h4",{children:"by DerTyp7"})]}),C.jsxs("div",{className:"instructions",children:[C.jsx("p",{children:"1. Customize your settings"}),C.jsx("p",{children:"2. Copy the generated URL"}),C.jsx("p",{children:"3. Paste the URL into the BrowserSource URL field in OBS"}),C.jsx("a",{href:"#",children:"Click here for detailed instructions"})]}),C.jsxs("div",{className:"output",children:[C.jsx("p",{className:"url",children:C.jsx("code",{children:e})}),C.jsx("button",{onClick:h,className:"copy",children:"Copy"}),C.jsx("div",{ref:n,className:"copiedTooltip",children:"Copied!"})]}),C.jsxs("div",{className:"generatorContent",children:[C.jsxs("div",{className:"configurations",children:[C.jsx("h2",{children:"Configurations"}),C.jsxs("div",{className:"options",children:[C.jsxs("section",{children:[C.jsxs("div",{className:"option",onClick:()=>o(!i),children:[C.jsx("input",{type:"checkbox",checked:i}),C.jsx("label",{children:"Show channel name"})]}),C.jsxs("div",{className:"option",onClick:()=>s(!u),children:[C.jsx("input",{type:"checkbox",checked:u}),C.jsx("label",{children:"Hide non talking clients"})]})]}),C.jsxs("section",{children:[C.jsxs("div",{className:"option",children:[C.jsx("input",{type:"number",value:a,min:0,onChange:v=>p(parseInt(v.target.value))}),C.jsx("label",{children:"Client Limit"})]}),C.jsxs("div",{className:"option",children:[C.jsx("input",{type:"number",value:r,min:0,onChange:v=>l(parseInt(v.target.value))}),C.jsx("label",{children:"RemoteApp-Port"})]})]})]})]}),C.jsx("div",{className:"preview",children:C.jsx(Vc,{remoteAppPort:r,showChannelName:i,hideNonTalking:u,clientLimit:a})})]})]})}function wh(){const[e]=fh();return C.jsxs(sh,{children:[C.jsx(Fr,{path:"/",element:C.jsx(Vc,{remoteAppPort:parseInt(e.get("remoteAppPort")??"5899"),showChannelName:e.get("showChannelName")==="true",hideNonTalking:e.get("hideNonTalking")==="true",clientLimit:e.get("clientLimit")?parseInt(e.get("clientLimit")??"0"):0})}),C.jsx(Fr,{path:"/generate",element:C.jsx(yh,{})}),C.jsx(Fr,{path:"*",element:C.jsx(oh,{to:"/generate",replace:!0})})]})}ci.createRoot(document.getElementById("root")).render(C.jsx(dh,{children:C.jsx(wh,{})}));
+ */function io(e){return e===void 0&&(e=""),new URLSearchParams(typeof e=="string"||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((t,n)=>{let r=e[n];return t.concat(Array.isArray(r)?r.map(l=>[n,l]):[[n,r]])},[]))}function ah(e,t){let n=io(e);return t&&t.forEach((r,l)=>{n.has(l)||t.getAll(l).forEach(i=>{n.append(l,i)})}),n}const ch="startTransition",ms=ad[ch];function dh(e){let{basename:t,children:n,future:r,window:l}=e,i=k.useRef();i.current==null&&(i.current=Cp({window:l,v5Compat:!0}));let o=i.current,[u,s]=k.useState({action:o.action,location:o.location}),{v7_startTransition:a}=r||{},p=k.useCallback(m=>{a&&ms?ms(()=>s(m)):s(m)},[s,a]);return k.useLayoutEffect(()=>o.listen(p),[o,p]),k.createElement(uh,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:o})}var vs;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(vs||(vs={}));var gs;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(gs||(gs={}));function fh(e){let t=k.useRef(io(e)),n=k.useRef(!1),r=zl(),l=k.useMemo(()=>ah(r.search,n.current?null:t.current),[r.search]),i=Bc(),o=k.useCallback((u,s)=>{const a=io(typeof u=="function"?u(l):u);n.current=!0,i("?"+a,s)},[i,l]);return[l,o]}var ai=globalThis&&globalThis.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,l=t.length,i;r<l;r++)(i||!(r in t))&&(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))},ph=function(){function e(t,n,r,l){this.setConnections=t,this.setChannels=n,this.setClients=r,this.localConnections=[],this.localChannels=[],this.localClients=[],this.logger=l}return e.prototype.updateConnectionsState=function(){this.setConnections(ai([],this.localConnections,!0))},e.prototype.updateChannelsState=function(){this.setChannels(ai([],this.localChannels,!0))},e.prototype.updateClientsState=function(){this.setClients(ai([],this.localClients,!0))},e.prototype.clearAll=function(){this.localConnections=[],this.localChannels=[],this.localClients=[],this.updateConnectionsState(),this.updateChannelsState(),this.updateClientsState()},e.prototype.addConnection=function(t){this.logger.log("Adding connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n==null?(this.localConnections.push(t),this.updateConnectionsState(),this.logger.log("Connection added")):this.logger.log("Connection already exists")},e.prototype.addChannel=function(t){this.logger.log("Adding channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n==null?(this.localChannels.push(t),this.updateChannelsState(),this.logger.log("Channel added")):this.logger.log("Channel already exists")},e.prototype.addClient=function(t){this.logger.log("Adding client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n==null?(this.localClients.push(t),this.updateClientsState(),this.logger.log("Client added")):this.logger.log("Client already exists")},e.prototype.updateConnection=function(t){this.logger.log("Updating connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n!==void 0?(this.localConnections[this.localConnections.indexOf(n)]=t,this.updateConnectionsState(),this.logger.log("Connection updated")):this.logger.log("Connection does not exist")},e.prototype.updateChannel=function(t){this.logger.log("Updating channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n!==void 0?(this.localChannels[this.localChannels.indexOf(n)]=t,this.updateChannelsState(),this.logger.log("Channel updated")):this.logger.log("Channel does not exist")},e.prototype.updateClient=function(t){this.logger.log("Updating client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n!==void 0?(this.localClients[this.localClients.indexOf(n)]=t,this.updateClientsState(),this.logger.log("Client updated")):this.logger.log("Client does not exist")},e.prototype.removeConnection=function(t){this.logger.log("Removing connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n!==void 0?(this.localConnections.splice(this.localConnections.indexOf(n),1),this.localChannels=this.localChannels.filter(function(r){return r.connection.id!==t.id}),this.localClients=this.localClients.filter(function(r){var l;return((l=r.channel)===null||l===void 0?void 0:l.connection.id)!==t.id}),this.updateChannelsState(),this.updateClientsState(),this.updateConnectionsState(),this.logger.log("Connection removed")):this.logger.log("Connection does not exist")},e.prototype.removeChannel=function(t){this.logger.log("Removing channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n!==void 0?(this.localChannels.splice(this.localChannels.indexOf(n),1),this.localClients=this.localClients.filter(function(r){var l;return((l=r.channel)===null||l===void 0?void 0:l.id)!==t.id}),this.updateClientsState(),this.updateChannelsState(),this.logger.log("Channel removed")):this.logger.log("Channel does not exist")},e.prototype.removeClient=function(t){this.logger.log("Removing client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n!==void 0?(this.localClients.splice(this.localClients.indexOf(n),1),this.updateClientsState(),this.logger.log("Client removed")):this.logger.log("Client does not exist")},e.prototype.getConnectionById=function(t){return this.localConnections.find(function(n){return n.id===t})},e.prototype.getChannelById=function(t,n){return this.localChannels.find(function(r){var l;return r.id===t&&((l=r.connection)===null||l===void 0?void 0:l.id)===n})},e.prototype.getClientById=function(t,n){return this.localClients.find(function(r){var l;return r.id===t&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===n})},e}(),ie=globalThis&&globalThis.__assign||function(){return ie=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},ie.apply(this,arguments)},hh=function(){function e(t,n,r,l){this.activeConnectionId=0,this.ws=t,this.dataHandler=n,this.setActiveConnectionStateId=r,this.logger=l}return e.prototype.setActiveConnection=function(t){this.activeConnectionId=t,this.setActiveConnectionStateId(t)},e.prototype.parseChannelInfos=function(t,n){var r=this;t.rootChannels.forEach(function(l){var i;r.dataHandler.addChannel(ie(ie({},l),{connection:n})),t&&t.subChannels!==null&&l.id in t.subChannels&&((i=t.subChannels[l.id])===null||i===void 0||i.forEach(function(o){r.dataHandler.addChannel(ie(ie({},o),{connection:n}))}))})},e.prototype.handleAuthMessage=function(t){var n=this;localStorage.setItem("apiKey",t.payload.apiKey),t.payload.connections.forEach(function(r){var l;n.dataHandler.addConnection(r),r.channelInfos!==void 0&&n.parseChannelInfos(r.channelInfos,r),(l=r.clientInfos)===null||l===void 0||l.forEach(function(i){var o=n.dataHandler.getChannelById(i.channelId,r.id);o!==void 0&&n.dataHandler.addClient({id:i.id,talkStatus:0,channel:ie(ie({},o),{connection:r}),properties:i.properties})})})},e.prototype.handleClientMovedMessage=function(t){var n=this,r=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);if(+t.payload.oldChannelId==0)setTimeout(function(){var i=n.dataHandler.getChannelById(t.payload.newChannelId,t.payload.connectionId);i!==void 0&&(n.dataHandler.addClient({id:t.payload.clientId,talkStatus:0,channel:i,properties:t.payload.properties}),n.logger.ts("New Client found (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")))},2e3);else{var l=this.dataHandler.getChannelById(t.payload.newChannelId,t.payload.connectionId);if(l===void 0||l.id===0){this.logger.ts("Client left (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")),r!==void 0&&this.dataHandler.removeClient(r);return}r!==void 0?(this.logger.ts("Client moved (".concat(r.channel.connection.id," - ").concat(r.id," - ").concat(r.properties.nickname,")")),this.dataHandler.updateClient(ie(ie({},r),{channel:l}))):(this.logger.ts("Client joined (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")),this.dataHandler.addClient({id:t.payload.clientId,talkStatus:0,channel:l,properties:t.payload.properties}))}},e.prototype.handleClientPropertiesUpdatedMessage=function(t){var n=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);n!==void 0&&this.dataHandler.updateClient(ie(ie({},n),{properties:t.payload.properties}))},e.prototype.handleTalkStatusChangedMessage=function(t){var n=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);n!==void 0&&this.dataHandler.updateClient(ie(ie({},n),{talkStatus:t.payload.status}))},e.prototype.handleClientSelfPropertyUpdatedMessage=function(t){var n=this.dataHandler.getConnectionById(this.activeConnectionId);(t.payload.flag=="inputHardware"||n==null)&&this.setActiveConnection(t.payload.connectionId)},e.prototype.handleServerPropertiesUpdatedMessage=function(t){var n=this.dataHandler.getConnectionById(t.payload.connectionId);n!==void 0&&this.dataHandler.updateConnection(ie(ie({},n),{properties:t.payload.properties}))},e.prototype.handleConnectStatusChangedMessage=function(t){if(t.payload.status===0){var n=this.dataHandler.getConnectionById(t.payload.connectionId);n!==void 0&&this.dataHandler.removeConnection(n)}t.payload.status===4&&this.dataHandler.addConnection({id:t.payload.connectionId,clientId:t.payload.info.clientId})},e.prototype.handleChannelsMessage=function(t){var n=this;setTimeout(function(){var r=n.dataHandler.getConnectionById(t.payload.connectionId);r!==void 0&&n.parseChannelInfos(t.payload.info,r)},1e3)},e}(),fl=globalThis&&globalThis.__assign||function(){return fl=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},fl.apply(this,arguments)},mh=function(){function e(t,n,r,l,i,o,u){this.authenticated=!1,this.remoteAppPort=t,this.authPayload=n,this.logger=r,this.ws=new WebSocket("ws://localhost:".concat(this.remoteAppPort)),this.dataHandler=new ph(l,i,o,r),this.messageHandler=new hh(this.ws,this.dataHandler,u,r)}return e.prototype.reconnect=function(){this.logger.log("Reconnecting..."),this.ws.close(),this.ws=new WebSocket("ws://localhost:".concat(this.remoteAppPort)),this.dataHandler.clearAll(),this.authenticated=!1,this.connect()},e.prototype.connect=function(){var t=this,n;this.logger.log("Connecting to TS5 client...");var r={type:"auth",payload:fl(fl({},this.authPayload),{content:{apiKey:(n=localStorage.getItem("apiKey"))!==null&&n!==void 0?n:""}})};this.ws.onopen=function(){t.ws.send(JSON.stringify(r)),t.logger.wsSent(r)},this.ws.onclose=function(l){t.logger.log("WebSocket connection closed",l),t.authenticated||(t.logger.log("WebSocket connection closed before authentication"),localStorage.removeItem("apiKey")),setTimeout(function(){t.reconnect()},2e3)},this.ws.onmessage=function(l){var i=JSON.parse(l.data);switch(t.logger.wsReceived(i),i.type){case"auth":t.messageHandler.handleAuthMessage(i),t.authenticated=!0;break;case"clientMoved":t.messageHandler.handleClientMovedMessage(i);break;case"clientPropertiesUpdated":t.messageHandler.handleClientPropertiesUpdatedMessage(i);break;case"talkStatusChanged":t.messageHandler.handleTalkStatusChangedMessage(i);break;case"serverPropertiesUpdated":t.messageHandler.handleServerPropertiesUpdatedMessage(i);break;case"connectStatusChanged":t.messageHandler.handleConnectStatusChangedMessage(i);break;case"clientSelfPropertyUpdated":t.messageHandler.handleClientSelfPropertyUpdatedMessage(i);break;case"channels":t.messageHandler.handleChannelsMessage(i);break;default:t.logger.log("No handler for event type: ".concat(i.type));break}}},e}(),vh=function(){function e(t){this.enabled=t}return e.prototype.log=function(t,n){n===void 0&&(n=null),this.enabled&&console.log("[Log] %c".concat(t).trim(),"color: gray",n??"")},e.prototype.warn=function(t,n){n===void 0&&(n=null),this.enabled&&console.warn("%c".concat(t).trim(),n??"")},e.prototype.error=function(t,n){n===void 0&&(n=null),this.enabled&&console.error("%c".concat(t).trim(),n??"")},e.prototype.wsReceived=function(t,n){n===void 0&&(n=void 0),this.enabled&&console.log("%c[WS Recieved] ".concat(n??"").trim(),"color: #8258c7",t)},e.prototype.wsSent=function(t,n){n===void 0&&(n=void 0),this.enabled&&console.log("%c[WS Sent] ".concat(n??"").trim(),"color: #4eb570",t)},e.prototype.ts=function(t,n){n===void 0&&(n=null),this.enabled&&console.log("%c[TS] ".concat(t).trim(),"color: #2e6bc7",n??"")},e}();function gh(e){var t=k.useState([]),n=t[0],r=t[1],l=k.useState([]),i=l[0],o=l[1],u=k.useState([]),s=u[0],a=u[1],p=k.useState(1),m=p[0],h=p[1],v=k.useState(void 0),w=v[0],y=v[1],T=k.useState(void 0),d=T[0],c=T[1],f=k.useState(void 0),g=f[0],x=f[1],P=k.useState([]),N=P[0],L=P[1];return k.useEffect(function(){var O,R,se=new mh((O=e.remoteAppPort)!==null&&O!==void 0?O:5899,e.auth,new vh((R=e.logging)!==null&&R!==void 0?R:!1),a,o,r,h);se.connect()},[]),k.useEffect(function(){var O=s.find(function(pe){return pe.id===m});if(y(O),O){var R=n.find(function(pe){return pe.id===O.clientId});if(x(R),R){var se=i.find(function(pe){var Ae;return pe.id===((Ae=R.channel)===null||Ae===void 0?void 0:Ae.id)});c(se)}}if(d){var Ct=n.filter(function(pe){var Ae;return((Ae=pe.channel)===null||Ae===void 0?void 0:Ae.id)===(d==null?void 0:d.id)&&pe.channel.connection.id===m});L(Ct)}},[n,i,s,m]),{clients:n,channels:i,connections:s,activeConnectionId:m,currentConnection:w,currentChannel:d,currentClient:g,clientsInChannel:N}}function Vc({remoteAppPort:e=5899,showChannelName:t=!1,hideNonTalking:n=!1,clientLimit:r=0}){const{clients:l,activeConnectionId:i,currentChannel:o}=gh({remoteAppPort:e,auth:{identifier:"de.tealfire.obs",version:"2.0.2",name:"TS5 OBS Overlay",description:"A OBS overlay for TS5 by DerTyp7"},logging:!0}),u=l.map(s=>{var a;if(((a=s.channel)==null?void 0:a.id)===(o==null?void 0:o.id)&&s.channel.connection.id===i)return s});return C.jsxs("div",{className:"viewer",children:[t?C.jsx("div",{className:"channelNameContainer",children:C.jsx("h1",{children:o==null?void 0:o.properties.name})}):null,u==null?void 0:u.map((s,a)=>{var p;return r!=0&&a>=r?null:s?n&&(s.properties.inputMuted||s.properties.outputMuted||s.talkStatus==0)?null:C.jsxs("div",{className:"client",children:[s.properties.outputHardware==!1?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"muted_hardware_output"}),C.jsxs("g",{id:"muted_hardware_output.svg",children:[C.jsx("path",{d:"M116.62,39a4.78,4.78,0,0,1-1.59.3l-6.29,3.63a45.42,45.42,0,0,1-13.33,57.64,49.4,49.4,0,0,1-5.82,3.62c-1.06.57-2.2.92-3.19,1.49-1.7,1-2.77,2.13-2.77,4.18a4.57,4.57,0,0,0,4.54,4.54,5.33,5.33,0,0,0,1.84-.35,54.49,54.49,0,0,0,26.94-75c-.12,0-.22,0-.34,0M88.18,13.58a4.57,4.57,0,0,0-4.54,4.54c0,2.06,1.06,3.19,2.77,4.18,1,.57,2.13.92,3.19,1.49a49.4,49.4,0,0,1,5.82,3.62,45.68,45.68,0,0,1,8.19,7.78l7-4a2.63,2.63,0,0,1,1.11-.34A54.31,54.31,0,0,0,90,13.94a5.33,5.33,0,0,0-1.84-.35",fill:"#d8d8d8"}),C.jsx("path",{d:"M59.46,71.4,32.77,86.81l19,19a4.51,4.51,0,0,0,3.19,1.35,4.57,4.57,0,0,0,4.54-4.54V71.4M54.92,20.88a4.51,4.51,0,0,0-3.19,1.35L28.12,45.85H9.54A4.57,4.57,0,0,0,5,50.38V77.62a4.57,4.57,0,0,0,4.54,4.54H22.26l37.2-21.48V25.42a4.57,4.57,0,0,0-4.54-4.54",fill:"#d8d8d8"}),C.jsx("path",{d:"M85.11,56.6l-7.87,4.54A10,10,0,0,1,77.62,64c0,8.58-8.23,7.09-8.23,12.48A4.53,4.53,0,0,0,73.93,81a4,4,0,0,0,1.77-.35A18.13,18.13,0,0,0,86.69,64a18.34,18.34,0,0,0-1.59-7.4M73.93,47a4.52,4.52,0,0,0-4.54,4.54,3.92,3.92,0,0,0,1.08,2.8l8.76-5.06a16.14,16.14,0,0,0-3.52-1.93A4,4,0,0,0,73.93,47",fill:"#d8d8d8"}),C.jsx("path",{d:"M100.87,47.49,93,52a27.15,27.15,0,0,1-8.36,33.87A36.79,36.79,0,0,1,79.25,89a4.54,4.54,0,0,0,1.84,8.72,5.24,5.24,0,0,0,1.77-.35,36.34,36.34,0,0,0,18-49.91M81,30.25A4.54,4.54,0,0,0,79.25,39a36.82,36.82,0,0,1,5.39,3.12,27,27,0,0,1,2.86,2.4l8.14-4.7A35.37,35.37,0,0,0,82.86,30.6,5.31,5.31,0,0,0,81,30.25",fill:"#d8d8d8"}),C.jsx("path",{d:"M126.57,43.71,10.42,110.77a2.88,2.88,0,0,1-3.93-1.05L4.33,106A2.88,2.88,0,0,1,5.38,102L121.53,35A2.88,2.88,0,0,1,125.46,36l2.16,3.75A2.88,2.88,0,0,1,126.57,43.71Z",fill:"#c9070a"})]})]}):s.properties.inputHardware==!1?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"muted_hardware_input"}),C.jsxs("g",{id:"muted_hardware_input.svg",children:[C.jsx("path",{d:"M88.62,54.15V64A24.69,24.69,0,0,1,64,88.62a25.26,25.26,0,0,1-8.38-1.46l-7.39,7.39A34,34,0,0,0,64,98.46,34.5,34.5,0,0,0,98.46,64V54.15a4.92,4.92,0,1,1,9.85,0V64a44.31,44.31,0,0,1-39.38,44v10.15H88.62a4.92,4.92,0,0,1,0,9.85H39.38a4.92,4.92,0,1,1,0-9.85H59.08V108A43.3,43.3,0,0,1,41,101.77L21.46,121.31a2.46,2.46,0,0,1-3.54,0L11.62,115a2.46,2.46,0,0,1,0-3.54l94.92-94.92a2.46,2.46,0,0,1,3.54,0l6.31,6.31a2.46,2.46,0,0,1,0,3.54ZM22.92,80.46A43.3,43.3,0,0,1,19.69,64V54.15a4.92,4.92,0,1,1,9.85,0V64a35.94,35.94,0,0,0,1.15,8.69ZM39.38,64V24.62a24.62,24.62,0,0,1,47.77-8.38Z",fill:"#d8d8d8"}),C.jsx("rect",{x:"-5.93",y:"61.89",width:"139.87",height:"14.02",rx:"2.87",ry:"2.87",transform:"translate(-29.97 65.43) rotate(-45)",fill:"#c9070a"})]})]}):s.properties.outputMuted?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"muted_output"}),C.jsxs("g",{id:"muted_output",children:[C.jsx("path",{d:"M116.62,39a4.78,4.78,0,0,1-1.59.3l-6.29,3.63a45.42,45.42,0,0,1-13.33,57.64,49.4,49.4,0,0,1-5.82,3.62c-1.06.57-2.2.92-3.19,1.49-1.7,1-2.77,2.13-2.77,4.18a4.57,4.57,0,0,0,4.54,4.54,5.33,5.33,0,0,0,1.84-.35,54.49,54.49,0,0,0,26.94-75c-.12,0-.22,0-.34,0M88.18,13.58a4.57,4.57,0,0,0-4.54,4.54c0,2.06,1.06,3.19,2.77,4.18,1,.57,2.13.92,3.19,1.49a49.4,49.4,0,0,1,5.82,3.62,45.68,45.68,0,0,1,8.19,7.78l7-4a2.63,2.63,0,0,1,1.11-.34A54.31,54.31,0,0,0,90,13.94a5.33,5.33,0,0,0-1.84-.35",fill:"#c9070a"}),C.jsx("path",{d:"M59.46,71.4,32.77,86.81l19,19a4.51,4.51,0,0,0,3.19,1.35,4.57,4.57,0,0,0,4.54-4.54V71.4M54.92,20.88a4.51,4.51,0,0,0-3.19,1.35L28.11,45.85H9.53A4.57,4.57,0,0,0,5,50.38V77.62a4.57,4.57,0,0,0,4.54,4.54H22.25l37.2-21.48V25.42a4.57,4.57,0,0,0-4.54-4.54",fill:"#c9070a"}),C.jsx("path",{d:"M85.1,56.6l-7.87,4.54A10,10,0,0,1,77.61,64c0,8.58-8.23,7.09-8.23,12.48A4.53,4.53,0,0,0,73.92,81a4,4,0,0,0,1.77-.35A18.13,18.13,0,0,0,86.69,64a18.34,18.34,0,0,0-1.59-7.4M73.92,47a4.52,4.52,0,0,0-4.54,4.54,3.92,3.92,0,0,0,1.08,2.8l8.76-5.06a16.14,16.14,0,0,0-3.52-1.93A4,4,0,0,0,73.92,47",fill:"#c9070a"}),C.jsx("path",{d:"M100.87,47.49,93,52a27.15,27.15,0,0,1-8.36,33.87A36.79,36.79,0,0,1,79.24,89a4.54,4.54,0,0,0,1.84,8.72,5.24,5.24,0,0,0,1.77-.35,36.34,36.34,0,0,0,18-49.91M81,30.25A4.54,4.54,0,0,0,79.24,39a36.82,36.82,0,0,1,5.39,3.12,27,27,0,0,1,2.86,2.4l8.14-4.7A35.37,35.37,0,0,0,82.86,30.6,5.31,5.31,0,0,0,81,30.25",fill:"#c9070a"}),C.jsx("path",{d:"M126.57,43.71,10.42,110.77a2.88,2.88,0,0,1-3.93-1.05L4.33,106A2.88,2.88,0,0,1,5.38,102L121.53,35A2.88,2.88,0,0,1,125.46,36l2.16,3.75A2.88,2.88,0,0,1,126.57,43.71Z",fill:"#c9070a"})]})]}):s.properties.inputMuted?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"muted_input"}),C.jsx("g",{id:"muted_input.svg",children:C.jsx("path",{d:"M88.62,54.15V64A24.69,24.69,0,0,1,64,88.62a25.26,25.26,0,0,1-8.38-1.46l-7.39,7.39A34,34,0,0,0,64,98.46,34.5,34.5,0,0,0,98.46,64V54.15a4.92,4.92,0,1,1,9.85,0V64a44.31,44.31,0,0,1-39.38,44v10.15H88.62a4.92,4.92,0,0,1,0,9.85H39.38a4.92,4.92,0,1,1,0-9.85H59.08V108A43.3,43.3,0,0,1,41,101.77L21.46,121.31a2.46,2.46,0,0,1-3.54,0L11.62,115a2.46,2.46,0,0,1,0-3.54l94.92-94.92a2.46,2.46,0,0,1,3.54,0l6.31,6.31a2.46,2.46,0,0,1,0,3.54ZM22.92,80.46A43.3,43.3,0,0,1,19.69,64V54.15a4.92,4.92,0,1,1,9.85,0V64a35.94,35.94,0,0,0,1.15,8.69ZM39.38,64V24.62a24.62,24.62,0,0,1,47.77-8.38Z",fill:"#c9070a"})})]}):s.talkStatus==1?C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"player_on_v2"}),C.jsx("g",{id:"player_on_v2.svg",children:C.jsx("path",{d:"M64,128a64,64,0,1,1,64-64A64,64,0,0,1,64,128Z",fill:"#00b4df"})})]}):C.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[C.jsx("title",{children:"player_off_v2"}),C.jsx("g",{id:"player_off_v2.svg",children:C.jsx("path",{d:"M64,128a64,64,0,1,1,64-64A64,64,0,0,1,64,128Z",fill:"#3e4f5e"})})]}),C.jsx("p",{children:s.properties.nickname})]},`${s.id}-${(p=s.channel)==null?void 0:p.connection.id}`):C.jsx("div",{},Math.random())})]})}function yh(){const[e,t]=k.useState(()=>new URL(window.location.href).toString()),n=k.useRef(null),[r,l]=k.useState(5899),[i,o]=k.useState(!0),[u,s]=k.useState(!1),[a,p]=k.useState(0);k.useEffect(()=>{m()},[r,i,u,a]);function m(){const v=new URL(window.location.href);v.hash="",v.searchParams.set("remoteAppPort",r.toString()),v.searchParams.set("showChannelName",i.toString()),v.searchParams.set("hideNonTalking",u.toString()),v.searchParams.set("clientLimit",a.toString()),v.hostname==="dertyp7.github.io"&&(v.pathname=v.pathname+"ts5-obs-overlay/"),t(v.toString())}function h(){navigator.clipboard.writeText(e),n.current&&(n.current.style.animation="tooltipAnimation 200ms",n.current.style.opacity="1",setTimeout(()=>{n.current&&(n.current.style.opacity="0",n.current.style.animation="")},1e3))}return C.jsxs("div",{className:"generator",children:[C.jsxs("div",{className:"headline",children:[C.jsx("h1",{children:"TS5-OBS-Overlay Generator"}),C.jsx("h4",{children:"by DerTyp7"})]}),C.jsxs("div",{className:"instructions",children:[C.jsx("p",{children:"1. Customize your settings"}),C.jsx("p",{children:"2. Copy the generated URL"}),C.jsx("p",{children:"3. Paste the URL into the BrowserSource URL field in OBS"}),C.jsx("a",{href:"#",children:"Click here for detailed instructions"})]}),C.jsxs("div",{className:"output",children:[C.jsx("p",{className:"url",children:C.jsx("code",{children:e})}),C.jsx("button",{onClick:h,className:"copy",children:"Copy"}),C.jsx("div",{ref:n,className:"copiedTooltip",children:"Copied!"})]}),C.jsxs("div",{className:"generatorContent",children:[C.jsxs("div",{className:"configurations",children:[C.jsx("h2",{children:"Configurations"}),C.jsxs("div",{className:"options",children:[C.jsxs("section",{children:[C.jsxs("div",{className:"option",onClick:()=>o(!i),children:[C.jsx("input",{type:"checkbox",checked:i}),C.jsx("label",{children:"Show channel name"})]}),C.jsxs("div",{className:"option",onClick:()=>s(!u),children:[C.jsx("input",{type:"checkbox",checked:u}),C.jsx("label",{children:"Hide non talking clients"})]})]}),C.jsxs("section",{children:[C.jsxs("div",{className:"option",children:[C.jsx("input",{type:"number",value:a,min:0,onChange:v=>p(parseInt(v.target.value))}),C.jsx("label",{children:"Client Limit"})]}),C.jsxs("div",{className:"option",children:[C.jsx("input",{type:"number",value:r,min:0,onChange:v=>l(parseInt(v.target.value))}),C.jsx("label",{children:"RemoteApp-Port"})]})]})]})]}),C.jsx("div",{className:"preview",children:C.jsx(Vc,{remoteAppPort:r,showChannelName:i,hideNonTalking:u,clientLimit:a})})]})]})}function wh(){const[e]=fh();return C.jsxs(sh,{children:[C.jsx(Fr,{path:"/",element:C.jsx(Vc,{remoteAppPort:parseInt(e.get("remoteAppPort")??"5899"),showChannelName:e.get("showChannelName")==="true",hideNonTalking:e.get("hideNonTalking")==="true",clientLimit:e.get("clientLimit")?parseInt(e.get("clientLimit")??"0"):0})}),C.jsx(Fr,{path:"/generate",element:C.jsx(yh,{})}),C.jsx(Fr,{path:"*",element:C.jsx(oh,{to:"/generate",replace:!0})})]})}ci.createRoot(document.getElementById("root")).render(C.jsx(dh,{children:C.jsx(wh,{})}));
diff --git a/index.html b/index.html
index c10a82f..be342b3 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
     />
     <meta name="author" content="DerTyp7" />
     <title>TS5-OBS-Overlay</title>
-    <script type="module" crossorigin src="./assets/index-8a213e1b.js"></script>
+    <script type="module" crossorigin src="./assets/index-cce381a7.js"></script>
     <link rel="stylesheet" href="./assets/index-a7e3d413.css">
   </head>
   <body>