Add master display UI with audio output management and styling

- Implement main.js for the master display functionality, including WebSocket connection, audio output management, and state handling.
- Create style.css for the master display's visual design, ensuring a cohesive look and feel with a dark theme and responsive layout.
- Integrate device management with a fallback for non-Electron environments, allowing users to select audio outputs.
- Add features for managing favorites, including toggling favorites and filtering by genre.
- Enhance user experience with a responsive favorites grid and drag-to-scroll functionality.

server/public/admin/index.html

@@ -5,10 +5,10 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Radio Admin</title>␍
-  <script type="module" crossorigin src="/assets/admin-BRU0y9A4.js"></script>
+  <script type="module" crossorigin src="/assets/admin-GqZPhz-K.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-B5Qt9EMX.js">
-  <link rel="modulepreload" crossorigin href="/assets/dom-BvorgAdo.js">
-  <link rel="stylesheet" crossorigin href="/assets/admin-CJZ4D7u-.css">
+  <link rel="modulepreload" crossorigin href="/assets/player-BBOsFRH-.js">
+  <link rel="stylesheet" crossorigin href="/assets/admin-C-qnWY0z.css">
 </head>
 
 <body>

server/public/assets/dom-BvorgAdo.js

@@ -1 +0,0 @@
-async function a(t,i,o){const s=await fetch(i,{method:t,credentials:"same-origin",headers:o?{"Content-Type":"application/json"}:{},body:o?JSON.stringify(o):void 0});if(s.status===204)return null;const e=(s.headers.get("content-type")||"").includes("json")?await s.json():await s.text();if(!s.ok)throw Object.assign(new Error((e==null?void 0:e.error)||s.statusText),{status:s.status,data:e});return e}const c={get:t=>a("GET",t),post:(t,i)=>a("POST",t,i),put:(t,i)=>a("PUT",t,i),patch:(t,i)=>a("PATCH",t,i),del:t=>a("DELETE",t)};function r(t,i={},...o){const s=document.createElement(t);for(const[n,e]of Object.entries(i||{}))n==="class"?s.className=e:n==="style"&&typeof e=="object"?Object.assign(s.style,e):n.startsWith("on")&&typeof e=="function"?s.addEventListener(n.slice(2).toLowerCase(),e):n==="html"?s.innerHTML=e:e!==!1&&e!=null&&s.setAttribute(n,e===!0?"":e);for(const n of o.flat())n==null||n===!1||s.appendChild(n instanceof Node?n:document.createTextNode(String(n)));return s}function l(t){for(;t.firstChild;)t.removeChild(t.firstChild)}export{c as a,l as c,r as e};

server/public/assets/ws-BM1PmMVd.js

@@ -0,0 +1 @@
+function l(s,n={}){let e,r=0,c=!1;function i(){const a=location.protocol==="https:"?"wss":"ws",o=new URLSearchParams;n.room&&o.set("room",n.room),n.kind&&o.set("kind",n.kind);const d=o.toString();e=new WebSocket(`${a}://${location.host}/ws${d?"?"+d:""}`),e.addEventListener("open",()=>{var t;r=0,(t=n.onOpen)==null||t.call(n)}),e.addEventListener("message",t=>{try{s(JSON.parse(t.data))}catch{}}),e.addEventListener("close",()=>{var t;(t=n.onClose)==null||t.call(n),!c&&(r=Math.min(r+1,6),setTimeout(i,500*2**r))}),e.addEventListener("error",()=>e.close())}return i(),{send(a){(e==null?void 0:e.readyState)===WebSocket.OPEN&&e.send(JSON.stringify(a))},close(){c=!0,e==null||e.close()},get readyState(){return e==null?void 0:e.readyState}}}export{l as c};

server/public/docs/index.html

@@ -21,4 +21,4 @@
     <main id="app"></main>␍
 </body>
 
-</html>
+</html>

server/public/index.html

@@ -5,10 +5,11 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=1080, initial-scale=1, maximum-scale=1, user-scalable=no" />
     <title>Radio Kiosk</title>␍
-  <script type="module" crossorigin src="/assets/kiosk-C37Mmo8O.js"></script>
+  <script type="module" crossorigin src="/assets/kiosk-CzWLja7k.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-B5Qt9EMX.js">
-  <link rel="modulepreload" crossorigin href="/assets/dom-BvorgAdo.js">
-  <link rel="stylesheet" crossorigin href="/assets/kiosk-CdZttV5P.css">
+  <link rel="modulepreload" crossorigin href="/assets/player-BBOsFRH-.js">
+  <link rel="modulepreload" crossorigin href="/assets/ws-BM1PmMVd.js">
+  <link rel="stylesheet" crossorigin href="/assets/kiosk-PzkUrLf6.css">
 </head>
 
 <body class="kiosk">

server/public/master/index.html

@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Radio Master</title>␍
+  <script type="module" crossorigin src="/assets/master-kSyrThjc.js"></script>
+  <link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-B5Qt9EMX.js">
+  <link rel="modulepreload" crossorigin href="/assets/player-BBOsFRH-.js">
+  <link rel="modulepreload" crossorigin href="/assets/ws-BM1PmMVd.js">
+  <link rel="stylesheet" crossorigin href="/assets/master-CpJfsvtJ.css">
+</head>
+
+<body>
+    <div id="app"></div>␍
+</body>
+
+</html>