nixamp 0.14.0 → 0.15.0

package/dist/audio.js

@@ -76,8 +76,15 @@ export function detectTools() {
     // yt-dlp is not an ffmpeg, so mise's ffmpeg tree is not where it lives;
     // the installer puts it beside nixamp, and pip puts it in ~/.local/bin too.
     // Asked with its own spelling: ffmpeg answers -version, yt-dlp only --version.
-    const ytdlp = [["yt-dlp"], [join(homedir(), ".local", "bin", "yt-dlp")], ["/usr/local/bin/yt-dlp"], ["/usr/bin/yt-dlp"], ["/opt/homebrew/bin/yt-dlp"]]
+    const found = [["yt-dlp"], [join(homedir(), ".local", "bin", "yt-dlp")], ["/usr/local/bin/yt-dlp"], ["/usr/bin/yt-dlp"], ["/opt/homebrew/bin/yt-dlp"]]
         .find((argv) => works(argv, "--version")) ?? null;
+    // yt-dlp wants a JavaScript runtime for YouTube now, and looks only for
+    // deno unless told otherwise; without one it warns and some formats are
+    // missing. This is a Node program, so the Node it is running on is handed
+    // over. Only when yt-dlp knows the flag: an older one refuses it.
+    const runtime = process.versions.bun ? "bun" : "node";
+    const withRuntime = found ? [...found, "--js-runtimes", `${runtime}:${process.execPath}`] : null;
+    const ytdlp = withRuntime && works(withRuntime, "--version") ? withRuntime : found;
     return {
         ffmpeg: ffmpeg ?? ["ffmpeg"],
         ffprobe: ffprobe ?? ["ffprobe"],

package/dist/owner.js

@@ -106,5 +106,11 @@ export function needsAdmin(path, method = "GET") {
     // and picking something in it to play, is what the link is for.
     if (path.startsWith("/api/catalogs") && method !== "GET" && !path.endsWith("/play"))
         return true;
+    // Having the server fetch a link -- to put it on the air, or to download
+    // it -- is administering: it is a decoder and a download on somebody
+    // else's machine, and a listen link used to be able to start as many as
+    // it liked. A link a viewer wants to watch plays in their own browser.
+    if (path.startsWith("/api/links"))
+        return true;
     return false;
 }

package/dist/server.js

@@ -2428,6 +2428,19 @@ export function createHandler(engine, options) {
             }
             links.set(link, resolved);
             if (!options.channels.has(channelId)) {
+                // Asked of the site first, once, with the headers yt-dlp said to
+                // send. A media address that answers nothing is a site refusing
+                // this server -- YouTube does, for many videos, to a datacenter --
+                // and the honest answer is that, now, rather than a channel that
+                // starts, gets 403 five times, and quietly stops.
+                const reachable = await codecsOf({ ffmpeg: [], ffprobe: options.ffprobe ?? ["ffprobe"], play: null }, resolved.media, inputArgsFor(resolved.headers));
+                if (reachable.video === "" && reachable.audio === "") {
+                    links.delete(link);
+                    json(response, 422, {
+                        error: `${resolved.extractor || "the site"} would not hand this server the media (often a sign-in or a bot check on a datacenter address). It plays in a browser instead.`,
+                    });
+                    return;
+                }
                 const started = await pullChannel(options.channels, options.ffprobe ?? ["ffprobe"], channelId, resolved.title, resolved.media, inputArgsFor(resolved.headers), resolved.audio);
                 if (!started) {
                     json(response, 409, { error: "that link is already starting" });
@@ -2607,8 +2620,12 @@ export function createHandler(engine, options) {
                 const stopped = channels.stop(id);
                 // Taken off on purpose is forgotten on purpose: it must not come back
                 // at the next restart.
-                if (stopped)
+                if (stopped) {
                     options.rememberChannels?.(rememberedNow(channels));
+                    // Off the air is news too: told now, so the directory drops it
+                    // rather than listing it until the next heartbeat.
+                    void options.live?.announce?.();
+                }
                 json(response, stopped ? 200 : 404, { ok: stopped });
                 return;
             }

package/dist/share.js

@@ -332,6 +332,11 @@ export function allowedForListening(path) {
     // the code is in the public directory anyway.
     if (path === "/api/live/start" || path === "/api/live/stop")
         return false;
+    // Having the server fetch a link is a decoder and a download on somebody
+    // else's machine: the control link's to ask for, not the listen link's. A
+    // viewer's link plays in their own browser.
+    if (path === "/api/links" || path.startsWith("/api/links/"))
+        return false;
     return true;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nixamp",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "It really whips the terminal's ass. A Winamp-shaped audio player for your terminal.",
   "license": "MIT",
   "type": "module",

package/src/audio.ts

@@ -97,8 +97,15 @@ export function detectTools(): Tools {
   // yt-dlp is not an ffmpeg, so mise's ffmpeg tree is not where it lives;
   // the installer puts it beside nixamp, and pip puts it in ~/.local/bin too.
   // Asked with its own spelling: ffmpeg answers -version, yt-dlp only --version.
-  const ytdlp = [["yt-dlp"], [join(homedir(), ".local", "bin", "yt-dlp")], ["/usr/local/bin/yt-dlp"], ["/usr/bin/yt-dlp"], ["/opt/homebrew/bin/yt-dlp"]]
+  const found = [["yt-dlp"], [join(homedir(), ".local", "bin", "yt-dlp")], ["/usr/local/bin/yt-dlp"], ["/usr/bin/yt-dlp"], ["/opt/homebrew/bin/yt-dlp"]]
     .find((argv) => works(argv, "--version")) ?? null;
+  // yt-dlp wants a JavaScript runtime for YouTube now, and looks only for
+  // deno unless told otherwise; without one it warns and some formats are
+  // missing. This is a Node program, so the Node it is running on is handed
+  // over. Only when yt-dlp knows the flag: an older one refuses it.
+  const runtime = process.versions.bun ? "bun" : "node";
+  const withRuntime = found ? [...found, "--js-runtimes", `${runtime}:${process.execPath}`] : null;
+  const ytdlp = withRuntime && works(withRuntime, "--version") ? withRuntime : found;
   return {
     ffmpeg: ffmpeg ?? ["ffmpeg"],
     ffprobe: ffprobe ?? ["ffprobe"],

package/src/owner.ts

@@ -122,5 +122,10 @@ export function needsAdmin(path: string, method = "GET"): boolean {
   // Adding, refreshing or removing a catalog is administering; browsing one,
   // and picking something in it to play, is what the link is for.
   if (path.startsWith("/api/catalogs") && method !== "GET" && !path.endsWith("/play")) return true;
+  // Having the server fetch a link -- to put it on the air, or to download
+  // it -- is administering: it is a decoder and a download on somebody
+  // else's machine, and a listen link used to be able to start as many as
+  // it liked. A link a viewer wants to watch plays in their own browser.
+  if (path.startsWith("/api/links")) return true;
   return false;
 }

package/src/server.ts

@@ -2919,6 +2919,21 @@ export function createHandler(engine: Engine, options: HandlerOptions) {
       }
       links.set(link, resolved);
       if (!options.channels.has(channelId)) {
+        // Asked of the site first, once, with the headers yt-dlp said to
+        // send. A media address that answers nothing is a site refusing
+        // this server -- YouTube does, for many videos, to a datacenter --
+        // and the honest answer is that, now, rather than a channel that
+        // starts, gets 403 five times, and quietly stops.
+        const reachable = await codecsOf(
+          { ffmpeg: [], ffprobe: options.ffprobe ?? ["ffprobe"], play: null }, resolved.media, inputArgsFor(resolved.headers),
+        );
+        if (reachable.video === "" && reachable.audio === "") {
+          links.delete(link);
+          json(response, 422, {
+            error: `${resolved.extractor || "the site"} would not hand this server the media (often a sign-in or a bot check on a datacenter address). It plays in a browser instead.`,
+          });
+          return;
+        }
         const started = await pullChannel(
           options.channels, options.ffprobe ?? ["ffprobe"], channelId, resolved.title, resolved.media,
           inputArgsFor(resolved.headers), resolved.audio,
@@ -3108,7 +3123,12 @@ export function createHandler(engine: Engine, options: HandlerOptions) {
         const stopped = channels.stop(id);
         // Taken off on purpose is forgotten on purpose: it must not come back
         // at the next restart.
-        if (stopped) options.rememberChannels?.(rememberedNow(channels));
+        if (stopped) {
+          options.rememberChannels?.(rememberedNow(channels));
+          // Off the air is news too: told now, so the directory drops it
+          // rather than listing it until the next heartbeat.
+          void options.live?.announce?.();
+        }
         json(response, stopped ? 200 : 404, { ok: stopped });
         return;
       }

package/src/share.ts

@@ -358,6 +358,10 @@ export function allowedForListening(path: string): boolean {
   // answers: a joiner is told the number to call and the code to key, and
   // the code is in the public directory anyway.
   if (path === "/api/live/start" || path === "/api/live/stop") return false;
+  // Having the server fetch a link is a decoder and a download on somebody
+  // else's machine: the control link's to ask for, not the listen link's. A
+  // viewer's link plays in their own browser.
+  if (path === "/api/links" || path.startsWith("/api/links/")) return false;
   return true;
 }
 

package/web/dist/assets/{hls-3VKVEQE3-DuMhmqXR.js → hls-3VKVEQE3-B1pmkX5g.js}

@@ -1 +1 @@
-import{t as e}from"./index-C8bIVJ3F.js";var t=3;async function n(n){let{media:r,src:i,isTv:a}=n,{default:o}=await e(async()=>{let{default:e}=await import(`./hls-n74Cnh8A.js`);return{default:e}},[]);if(!o.isSupported())return n.onError(`This browser cannot play HLS streams.`),{destroy:()=>void 0,levels:()=>[]};let s=new o({...a?{maxBufferLength:60,maxMaxBufferLength:120,backBufferLength:30,liveSyncDurationCount:4}:{backBufferLength:90},enableWorker:!0}),c=0,l=!1;s.on(o.Events.ERROR,(e,r)=>{if(!l&&r.fatal){if(c>=t){n.onError(`This stream kept failing and has been stopped.`),s.destroy();return}switch(c+=1,r.type){case o.ErrorTypes.NETWORK_ERROR:n.onNotice(`Reconnecting…`),s.startLoad();break;case o.ErrorTypes.MEDIA_ERROR:n.onNotice(`Recovering…`),s.recoverMediaError();break;default:n.onError(`This stream could not be played.`),s.destroy()}}}),s.on(o.Events.MANIFEST_PARSED,()=>{l||(n.onNotice(null),n.onReady?.({live:s.levels.length>0&&!Number.isFinite(r.duration),levels:u()}))}),s.on(o.Events.LEVEL_LOADED,(e,t)=>{l||n.onReady?.({live:t.details.live,levels:u()})}),s.on(o.Events.FRAG_BUFFERED,()=>{l||n.onNotice(null)});function u(){return s.levels.map((e,t)=>({index:t,height:e.height||null,bitrate:e.bitrate||null,label:e.height?`${String(e.height)}p`:`${String(Math.round((e.bitrate||0)/1e3))}k`}))}return s.loadSource(i),s.attachMedia(r),{destroy(){l=!0,s.destroy()},levels:u,setLevel(e){s.currentLevel=e},currentLevel:()=>s.autoLevelEnabled?-1:s.currentLevel}}export{n as createHlsEngine};
+import{t as e}from"./index-CLSF_8G_.js";var t=3;async function n(n){let{media:r,src:i,isTv:a}=n,{default:o}=await e(async()=>{let{default:e}=await import(`./hls-n74Cnh8A.js`);return{default:e}},[]);if(!o.isSupported())return n.onError(`This browser cannot play HLS streams.`),{destroy:()=>void 0,levels:()=>[]};let s=new o({...a?{maxBufferLength:60,maxMaxBufferLength:120,backBufferLength:30,liveSyncDurationCount:4}:{backBufferLength:90},enableWorker:!0}),c=0,l=!1;s.on(o.Events.ERROR,(e,r)=>{if(!l&&r.fatal){if(c>=t){n.onError(`This stream kept failing and has been stopped.`),s.destroy();return}switch(c+=1,r.type){case o.ErrorTypes.NETWORK_ERROR:n.onNotice(`Reconnecting…`),s.startLoad();break;case o.ErrorTypes.MEDIA_ERROR:n.onNotice(`Recovering…`),s.recoverMediaError();break;default:n.onError(`This stream could not be played.`),s.destroy()}}}),s.on(o.Events.MANIFEST_PARSED,()=>{l||(n.onNotice(null),n.onReady?.({live:s.levels.length>0&&!Number.isFinite(r.duration),levels:u()}))}),s.on(o.Events.LEVEL_LOADED,(e,t)=>{l||n.onReady?.({live:t.details.live,levels:u()})}),s.on(o.Events.FRAG_BUFFERED,()=>{l||n.onNotice(null)});function u(){return s.levels.map((e,t)=>({index:t,height:e.height||null,bitrate:e.bitrate||null,label:e.height?`${String(e.height)}p`:`${String(Math.round((e.bitrate||0)/1e3))}k`}))}return s.loadSource(i),s.attachMedia(r),{destroy(){l=!0,s.destroy()},levels:u,setLevel(e){s.currentLevel=e},currentLevel:()=>s.autoLevelEnabled?-1:s.currentLevel}}export{n as createHlsEngine};

package/web/dist/assets/index-CLSF_8G_.js

@@ -0,0 +1 @@
+(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),t.credentials=e.crossOrigin===`use-credentials`?`include`:e.crossOrigin===`anonymous`?`omit`:`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();function e(e){if(!Number.isFinite(e)||e<0)return`--:--`;let t=Math.floor(e),n=Math.floor(t/60),r=t%60;return`${String(n).padStart(2,`0`)}:${String(r).padStart(2,`0`)}`}function t(e){return e.artist?`${e.artist} — ${e.title}`:e.title}function n(e){let t=e.split(`/`).pop()??e,n=t.lastIndexOf(`.`);return n>0?t.slice(0,n):t}var r=new Set([`mp4`,`webm`,`mkv`,`mov`,`m4v`,`ogv`,`avi`]);function i(e,t=``){if(t.startsWith(`video/`))return!0;if(t.startsWith(`audio/`))return!1;let n=e.lastIndexOf(`.`);return n>0&&r.has(e.slice(n+1).toLowerCase())}var a=`modulepreload`,o=function(e){return`/`+e},s={},c=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),c=i?.nonce||i?.getAttribute(`nonce`);function l(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function u(e){return import.meta.resolve?import.meta.resolve(e):new URL(e,import.meta.url).href}r=l(t.map(t=>{if(t=o(t,n),t=u(t),t in s)return;s[t]=!0;let r=t.endsWith(`.css`);for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}let i=document.createElement(`link`);if(i.rel=r?`stylesheet`:a,r||(i.as=`script`),i.crossOrigin=``,i.href=t,c&&i.setAttribute(`nonce`,c),document.head.appendChild(i),r)return new Promise((e,n)=>{i.addEventListener(`load`,e),i.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},l=[[/\.m3u8$/i,`hls`],[/\.(ts|mts|m2ts|mpegts)$/i,`mpegts`],[/\.(mp3|m4a|aac|oga|ogg|opus|wav|flac)$/i,`audio`],[/\.(mp4|m4v|webm|mov|ogv)$/i,`mp4`]],u=[[/mpegurl/i,`hls`],[/mp2t|mpeg-?ts/i,`mpegts`],[/^audio\//i,`audio`],[/^video\//i,`mp4`]];function d(e){if(e.kind)return e.kind;if(e.mimeType){for(let[t,n]of u)if(t.test(e.mimeType))return n}let t=f(e.src);for(let[e,n]of l)if(e.test(t))return n;return`unknown`}function f(e){try{return new URL(e,`https://placeholder.invalid`).pathname}catch{return e.split(/[?#]/)[0]??e}}function p(e=globalThis,t=null){let n=e.MediaSource!==void 0,r=!1;try{let e=t??(typeof document>`u`?null:document.createElement(`video`));r=e?e.canPlayType(`application/vnd.apple.mpegurl`)!==``||e.canPlayType(`application/x-mpegURL`)!==``:!1}catch{r=!1}return{mediaSource:n,nativeHls:r}}function m(e,t){let n=d(e);switch(n){case`hls`:return t.mediaSource?{engine:`hls`,kind:n}:t.nativeHls?{engine:`native`,kind:n}:{engine:`native`,kind:n,unplayable:`This browser cannot play HLS streams.`};case`mpegts`:return t.mediaSource?{engine:`mpegts`,kind:n}:{engine:`mpegts`,kind:n,unplayable:`This browser cannot play transport streams.`};default:return{engine:`native`,kind:n}}}async function h(e,t){let n=t.capabilities??p(),r=m({src:t.src,...t.kind?{kind:t.kind}:{},...t.mimeType?{mimeType:t.mimeType}:{}},n),i=()=>void 0,a={media:e,src:t.src,isTv:t.isTv??!1,live:t.live??r.kind===`mpegts`,onError:t.onError??i,onNotice:t.onNotice??i,...t.onReady?{onReady:t.onReady}:{}};if(r.unplayable)return t.onError?.(r.unplayable),{destroy:i,engine:r.engine,kind:r.kind,levels:()=>[],unplayable:r.unplayable};let o,s=t.engines?.[r.engine];if(s)o=await s(a);else if(r.engine===`hls`){let{createHlsEngine:e}=await c(async()=>{let{createHlsEngine:e}=await import(`./hls-3VKVEQE3-B1pmkX5g.js`);return{createHlsEngine:e}},[]);o=await e(a)}else if(r.engine===`mpegts`){let{createMpegtsEngine:e}=await c(async()=>{let{createMpegtsEngine:e}=await import(`./mpegts-LO6RVLD6-CnMBEXC1.js`);return{createMpegtsEngine:e}},[]);o=await e(a,{withCredentials:t.withCredentials??!1,unplayableAdvice:t.unplayableAdvice??``})}else{let{createNativeEngine:e}=await c(async()=>{let{createNativeEngine:e}=await import(`./native-C7JTKWJH-BUyIoj0P.js`);return{createNativeEngine:e}},[]);o=await e(a)}return{destroy:()=>{o.destroy()},engine:r.engine,kind:r.kind,levels:o.levels,...o.setLevel?{setLevel:o.setLevel}:{},...o.currentLevel?{currentLevel:o.currentLevel}:{}}}var g=new Set([`mp3`,`flac`,`ogg`,`oga`,`opus`,`m4a`,`aac`,`wav`,`wma`,`aiff`,`aif`,`alac`,`mp4`,`webm`,`mkv`,`mov`,`m4v`,`ogv`]);function ee(e,t=``){if(t.startsWith(`audio/`)||t.startsWith(`video/`))return!0;let n=e.lastIndexOf(`.`);return n>0&&g.has(e.slice(n+1).toLowerCase())}function _(e,t){return e.localeCompare(t,void 0,{numeric:!0,sensitivity:`base`})}function te(e){return e.filter(e=>ee(e.name,e.type)).sort((e,t)=>_(v(e),v(t))).map(e=>({title:n(e.name),artist:``,album:y(v(e)),duration:0,url:URL.createObjectURL(e),video:i(e.name,e.type),objectUrl:!0}))}function v(e){return e.webkitRelativePath||e.name}function y(e){let t=e.split(`/`);return t.length>1?t[t.length-2]:``}function ne(e){for(let t of e)t.objectUrl&&URL.revokeObjectURL(t.url)}var b=2048;function re(e,t){return e||t===`hls`||t===`mpegts`}var ie=class{elements;handlers;attached=null;source=``;context=null;analyser=null;wired=new WeakSet;active;frequencies=new Uint8Array;constructor(e,t){this.elements=e,this.handlers=t,this.active=e.audio;for(let t of[e.audio,e.video]){t.crossOrigin=`anonymous`,t.addEventListener(`timeupdate`,()=>{t===this.active&&this.handlers.onTime(t.currentTime,Number.isFinite(t.duration)?t.duration:0)}),t.addEventListener(`loadedmetadata`,()=>{t===this.active&&this.handlers.onTime(t.currentTime,Number.isFinite(t.duration)?t.duration:0)}),t.addEventListener(`ended`,()=>{t===this.active&&this.handlers.onEnded()}),t.addEventListener(`play`,()=>{t===this.active&&this.handlers.onState(!0)}),t.addEventListener(`pause`,()=>{t===this.active&&this.handlers.onState(!1)}),t.addEventListener(`error`,()=>{t===this.active&&this.handlers.onError(x(t))});let e=e=>()=>{t===this.active&&this.handlers.onBusy?.(e)};for(let n of[`loadstart`,`waiting`,`stalled`,`seeking`])t.addEventListener(n,e(!0));for(let n of[`playing`,`canplay`,`pause`,`ended`,`error`,`emptied`,`seeked`,`abort`])t.addEventListener(n,e(!1))}}get playing(){return!this.active.paused&&!this.active.ended}get position(){return this.active.currentTime}get duration(){return Number.isFinite(this.active.duration)?this.active.duration:0}get showingVideo(){return this.active===this.elements.video}ensureGraph(e){let t=globalThis.AudioContext??globalThis.webkitAudioContext;if(t){if(this.context??=new t,this.analyser||(this.analyser=this.context.createAnalyser(),this.analyser.fftSize=b,this.analyser.smoothingTimeConstant=.6,this.analyser.connect(this.context.destination),this.frequencies=new Uint8Array(this.analyser.frequencyBinCount)),!this.wired.has(e))try{this.context.createMediaElementSource(e).connect(this.analyser),this.wired.add(e)}catch{this.wired.add(e)}this.context.resume()}}read(){return this.analyser&&this.analyser.getByteFrequencyData(this.frequencies),this.frequencies}levels(){if(!this.analyser)return[0,0];let e=this.read(),t=0;for(let n of e)t+=n;let n=e.length===0?0:t/e.length/255;return[Math.min(1,n*2.2),Math.min(1,n*2.2)]}async load(e,t){this.source=e.objectUrl?``:e.url;let n=e.objectUrl?e.video?`mp4`:`audio`:d({src:e.url}),r=re(e.video,n)?this.elements.video:this.elements.audio;r!==this.active&&(this.active.pause(),this.active.removeAttribute(`src`),this.active.load(),this.active=r),this.attached?.destroy(),this.attached=null;try{this.attached=await h(this.active,{src:e.url,kind:n,unplayableAdvice:`VLC or mpv will play it; nixamp can only hand it to your browser.`,onError:e=>this.handlers.onError(e),onNotice:e=>{e&&this.handlers.onError(e)}})}catch(e){this.handlers.onError(e instanceof Error?e.message:`that would not play`);return}t&&await this.play()}async play(){this.ensureGraph(this.active);try{await this.active.play()}catch(e){this.handlers.onError(e instanceof Error?e.message:`playback was refused`)}}pause(){this.active.pause()}stop(){this.active.pause(),this.active.currentTime=0,this.source=``,this.attached?.destroy(),this.attached=null}seek(e){Number.isFinite(e)&&(this.active.currentTime=Math.max(0,e))}set volume(e){this.elements.audio.volume=e,this.elements.video.volume=e}get volume(){return this.active.volume}};function x(e){switch(e.error?.code){case MediaError.MEDIA_ERR_ABORTED:return`playback was aborted`;case MediaError.MEDIA_ERR_NETWORK:return`the network dropped mid-track`;case MediaError.MEDIA_ERR_DECODE:return`this browser could not decode that`;case MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:return`this browser cannot play that format`;default:return`playback failed`}}function ae(){return{revision:0,tracks:[],trackCount:0,index:0,playing:!1,position:0,bars:[],levels:[0,0],silent:!0,note:``,root:``}}function oe(e,t){return{...t,tracks:t.tracks??e.tracks}}function S(e){let t=e.trim();if(t===``)return``;/^https?:\/\//i.test(t)||(t=`http://${t}`);let n;try{n=new URL(t)}catch{return``}let r=n.pathname.replace(/\/+$/,``);return r=r.replace(/\/api(\/.*)?$/,``),`${n.origin}${r}`}function C(e,t,n=``){let r=`${e===``?``:S(e)}${t.startsWith(`/`)?t:`/${t}`}`;return n?`${r}${r.includes(`?`)?`&`:`?`}k=${encodeURIComponent(n)}`:r}function se(e){let t=e.trim();if(t===``)return{base:``,key:``};let n;try{n=new URL(/^https?:\/\//i.test(t)?t:`http://${t}`)}catch{return{base:``,key:``}}let r=/^\/(?:admin|view|a|v)\/([^/]+)\/?$/.exec(n.pathname),i=r?.[1]??n.searchParams.get(`k`)??``;return r&&(n.pathname=`/`),n.searchParams.delete(`k`),{base:S(`${n.origin}${n.pathname}`),key:decodeURIComponent(i)}}function ce(e,t,n=0,r=``){return C(e,n>0?`/api/media/${t}?kbps=${Math.round(n)}`:`/api/media/${t}`,r)}function le(e){if(typeof e!=`object`||!e)return null;let t=e,n=ae(),r=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t,i=Array.isArray(t.levels)?t.levels:[],a=Array.isArray(t.tracks)?t.tracks.map(e=>{let t=typeof e==`object`&&e?e:{};return{title:typeof t.title==`string`?t.title:`Untitled`,artist:typeof t.artist==`string`?t.artist:``,album:typeof t.album==`string`?t.album:``,duration:r(t.duration,0),...t.video===!0?{video:!0}:{},...typeof t.group==`string`&&t.group!==``?{group:t.group}:{},...typeof t.folder==`string`&&t.folder!==``?{folder:t.folder}:{},...t.remote===!0?{remote:!0}:{}}}):void 0;return{revision:r(t.revision,0),...a?{tracks:a}:{},trackCount:r(t.trackCount,a?.length??0),index:r(t.index,0),playing:t.playing===!0,position:r(t.position,0),bars:Array.isArray(t.bars)?t.bars.map(e=>r(e,0)):[],levels:[r(i[0],0),r(i[1],0)],silent:t.silent===!0,note:typeof t.note==`string`?t.note:``,root:typeof t.root==`string`?t.root:n.root}}var ue=class{handlers;source=null;base=``;key=``;shape=`/admin/`;lastRevision=-1;constructor(e){this.handlers=e}get address(){return this.base}url(e){return C(this.base,e,this.key)}get shareLink(){return this.base===``?``:this.key===``?this.base:`${this.base}${this.shape}${this.key}`}get connected(){return this.source!==null}connect(e){let{base:t,key:n}=se(e);this.close(),this.base=t,this.key=n,this.shape=/\/(?:view|v)\/[^/]+\/?$/.test(e.trim())?`/view/`:`/admin/`,this.lastRevision=-1,this.handlers.onStatus(`connecting`);let r=new EventSource(C(t,`/api/events`,n));this.source=r,r.onopen=()=>this.handlers.onStatus(`live`),r.onmessage=e=>{let t=le(de(e.data));t&&(t.revision<this.lastRevision||(this.lastRevision=t.revision,this.handlers.onStatus(`live`),this.handlers.onSnapshot(t)))},r.onerror=()=>{this.handlers.onStatus(`error`,`reconnecting…`)}}async send(e){if(this.base===``&&!this.connected)return;let t=await fetch(C(this.base,`/api/command`,this.key),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify(e)});if(!t.ok){this.handlers.onStatus(`error`,`command refused (${t.status})`);return}let n=le(await t.json());n&&this.handlers.onSnapshot(n)}media(e,t=0){return ce(this.base,e,t,this.key)}close(){this.source?.close(),this.source=null}};function de(e){try{return JSON.parse(e)}catch{return null}}async function fe(e,t,n=``){try{let r=await fetch(C(e,`/api/state`,n),{signal:t});return r.ok?le(await r.json()):null}catch{return null}}function pe(e){if(!/^https:\/\//i.test(e))return``;let t;try{t=new URL(e).hostname.replace(/^\[|\]$/g,``)}catch{return``}return/^\d{1,3}(\.\d{1,3}){3}$/.test(t)||t.includes(`:`)?`That is an https address for a bare IP, and a certificate is issued for a name — a browser refuses it before it asks anything. Use the server's name instead (the address it printed first), or connect over http.`:``}async function me(e,t=``,n){let r;try{r=await fetch(C(e,`/api/state`,t),{signal:n})}catch{return``}return r.ok?``:r.status===401?t===``?`That server needs its share link. Paste the whole link — the one with /admin/ or /view/ in it — or sign in as its owner.`:`That share link is not accepted by that server. It may have been restarted, which gives it a new one.`:r.status===403?`That link can listen but not drive this server.`:r.status===429?`That server is asking us to slow down. Try again in a moment.`:``}async function he(e,t,n=``){try{let r=await fetch(C(e,`/api/health`,n),{signal:t});if(!r.ok)return null;let i=await r.json();return i.name===`nixamp`?i.version??`unknown`:null}catch{return null}}function ge(e,t=globalThis.location?.protocol){return t!==`https:`||!/^http:\/\//i.test(e.trim())?``:`This page is https, and a browser refuses every request from an https page to an http one. Open that address directly, or give the server a certificate: nixamp serve --tls-cert cert.pem --tls-key key.pem.`}var w=.14,T=.02;function _e(e,t){let n=[];for(let r=0;r<=e;r++){let i=r/e,a=Math.round(1*(t/1)**i),o=n[n.length-1];n.push(o===void 0?a:Math.max(a,o+1))}return n}function ve(e,t){let n=[];for(let r=0;r+1<t.length;r++){let i=Math.min(t[r],e.length),a=Math.min(Math.max(t[r+1],i+1),e.length),o=0,s=0;for(let t=i;t<a;t++)o+=e[t],s++;n.push(s===0?0:o/s/255)}return n}function ye(e,t,n=w){return t.map((t,r)=>{let i=e[r]??0;return t>=i?t:Math.max(t,i-n)})}function be(e,t,n=T){return t.map((t,r)=>Math.max(t,(e[r]??0)-n))}function xe(e,t,n,r,i){let{width:a,height:o}=t;if(a<=0||o<=0||n.length===0)return;e.clearRect(0,0,a,o);let s=a/n.length,c=Math.max(1,s*.72),l=Math.max(2,o*.012);e.fillStyle=i.bar,n.forEach((t,n)=>{let r=Math.max(1,t*(o-l*2));e.fillRect(n*s+(s-c)/2,o-r,c,r)}),e.fillStyle=i.peak,r.forEach((t,n)=>{let r=o-Math.max(1,t*(o-l*2))-l*2;e.fillRect(n*s+(s-c)/2,Math.max(0,r),c,l)})}function E(e,t){return{name:String(e?.name??e?.displayName??e?.abbreviation??``),score:typeof e?.score==`number`?e.score:typeof t==`number`?t:null,logo:typeof e?.logoUrl==`string`&&/^https?:\/\//.test(e.logoUrl)?e.logoUrl:``}}function Se(e){let t=String(e.data.state??e.tags?.find(e=>e.startsWith(`state:`))?.slice(6)??``);return t===`in`||t===`post`?t:`pre`}function D(e,t={}){if(!e)return``;let n=new Date(e);if(Number.isNaN(n.getTime()))return``;let r=t.now??new Date,i=t.timeZone?{timeZone:t.timeZone}:{},a=n.toLocaleDateString(t.locale,i)===r.toLocaleDateString(t.locale,i);return n.toLocaleString(t.locale,{...i,...a?{}:{weekday:`short`},hour:`numeric`,minute:`2-digit`})}function Ce(e,t={}){let n=e.data,r=E(n.away,n.awayScore),i=E(n.home,n.homeScore),a=Se(e),o=typeof n.statusDetail==`string`?n.statusDetail.trim():``,s;if(a===`in`)s=o?`LIVE · ${o}`:`LIVE`;else if(a===`post`)s=`FINAL`;else{let n=D(e.published_at,t);s=n?`Kicks off ${n}`:o||`Upcoming`}let c=[],l=n.league,u=String(l?.abbreviation??l?.name??``);u&&c.push(u),typeof n.broadcast==`string`&&n.broadcast.trim()&&c.push(n.broadcast.trim());let d=a!==`pre`,f=e=>d&&e.score!==null?` ${e.score}`:``;return{away:r,home:i,state:a,status:s,chips:c,text:`${r.name}${f(r)} – ${i.name}${f(i)}`}}var we=`nixamp.tv`,Te=/\bAFT\w*\b.*\bSilk\b|\bSilk\b.*\bAFT\w*\b|Android ?TV|Google ?TV|SMART-?TV|Tizen|Web0S|WebOS|BRAVIA|CrKey|Roku|Xbox|PlayStation|HbbTV|NetCast|VIDAA|Viera|AppleTV/i;function Ee(e,t=``,n=1,r=null){let i=new URLSearchParams(t).get(`tv`);return i===null?r!==null&&r!==``?O(r):/\bSilk\b/.test(e)&&n===0?!0:Te.test(e):O(i)}function O(e){return e!==`0`&&e!==`no`&&e!==`off`&&e!==`false`}function De(e){return e?12:100}function Oe(e,t,n){let r=Math.max(1,Math.ceil(e/n)),i=Math.min(Math.max(0,t),r-1),a=i*n;return{page:i,from:a,to:Math.min(e,a+n),pages:r}}var ke=/\.(mp3|m4a|aac|ogg|oga|opus|flac|wav)(\?.*)?$/i,Ae=/\.(mp4|m4v|webm|mov|mkv)(\?.*)?$/i,je=/\.m3u8(\?.*)?$/i;function Me(e){let t=e.hostname.replace(/^www\.|^m\.|^music\./,``),n=e=>e&&/^[A-Za-z0-9_-]{11}$/.test(e)?e:``;if(t===`youtu.be`)return n(e.pathname.slice(1).split(`/`)[0]??null);if(t!==`youtube.com`&&t!==`youtube-nocookie.com`)return``;if(e.pathname===`/watch`)return n(e.searchParams.get(`v`));let r=/^\/(?:shorts|live|embed|v)\/([^/?]+)/.exec(e.pathname);return r?n(r[1]??null):``}function Ne(e,t=!1){let n;try{n=new URL(e.trim())}catch{return null}if(n.protocol!==`https:`&&n.protocol!==`http:`)return null;let r=Me(n);if(r){let e=n.searchParams.get(`t`);return{kind:`embed`,site:`youtube`,src:`https://www.youtube-nocookie.com/embed/${r}?autoplay=1&playsinline=1&rel=0${e&&/^\d+$/.test(e)?`&start=${e}`:``}`,label:`YouTube · ${r}`}}let i=n.hostname.replace(/^www\.|^player\./,``),a=i===`vimeo.com`?/^\/(?:video\/)?(\d+)/.exec(n.pathname)?.[1]:void 0;if(a)return{kind:`embed`,site:`vimeo`,src:`https://player.vimeo.com/video/${a}?autoplay=1&playsinline=1`,label:`Vimeo · ${a}`};if(i===`soundcloud.com`&&n.pathname.split(`/`).filter(Boolean).length>=2)return{kind:`embed`,site:`soundcloud`,src:`https://w.soundcloud.com/player/?url=${encodeURIComponent(n.toString())}&auto_play=true&visual=false`,label:`SoundCloud · ${n.pathname.split(`/`).filter(Boolean).slice(0,2).join(` / `)}`};let o=n.pathname+n.search,s=decodeURIComponent(n.pathname.split(`/`).filter(Boolean).pop()??n.hostname);return ke.test(o)?{kind:`direct`,url:n.toString(),video:!1,label:s}:Ae.test(o)||je.test(o)&&t?{kind:`direct`,url:n.toString(),video:!0,label:s}:null}var k=/^[A-Za-z0-9 .&'-]{1,20}(?::|\s-)\s+/,A=/(?:\s+|\s*[-|(]\s*)\d{1,2}(?::\d{2})?\s*(?:[ap]\.?m\.?)?(?:\s+[A-Z]{2,4})?\)?\s*$/i,Pe=/\s+(?:vs\.?|v\.?|at|@)\s+/i,Fe=/^(?:the|a|an|live|tonight|recorded|filmed|concert|home|dinner|breakfast|lunch|midnight|night|one night|death|murder|meet me|panic|sunset|sunrise)\b/i;function j(e){let t=e.replace(A,``).replace(A,``).trim().split(Pe);return t.length===2&&t.every(e=>{let t=e.trim();return t.length>=2&&t.length<=48&&/[A-Za-z]/.test(t)&&!Fe.test(t)})}function Ie(e){let t=String(e??``).trim();return t===``?!1:j(t.replace(k,``))||j(t)}var Le=`nixamp.remote`,Re=`nixamp.volume`,ze=`nixamp.listenHere`,Be=1e4,Ve=!1;function M(e){let t=document.getElementById(e);if(!t)throw Error(`nixamp: #${e} is missing from the shell`);return t}function N(){let n=null;try{n=localStorage.getItem(we)}catch{}let r=Ee(navigator.userAgent,location.search,navigator.maxTouchPoints,n);if(document.body.classList.toggle(`tv`,r),new URLSearchParams(location.search).has(`tv`))try{localStorage.setItem(we,r?`1`:`0`)}catch{}let i=document.getElementById(`tv-toggle`);i&&(i.textContent=r?`TV mode: on`:`TV mode`,i.title=r?`Back to the ordinary layout: lists with their own scrollbars, smaller type.`:`For a television: bigger type, lists a page at a time, and nothing to scroll but the page.`,i.addEventListener(`click`,()=>{try{localStorage.setItem(we,r?`0`:`1`)}catch{}let e=new URL(location.href);e.searchParams.delete(`tv`),location.replace(e.toString())}));let a=De(r),o={status:M(`status`),source:M(`source`),install:M(`install`),video:M(`video`),audio:M(`audio`),title:M(`title-line`),album:M(`album-line`),meta:M(`meta-line`),metaBlurb:M(`meta-blurb`),liveLine:M(`live-line`),downloadNow:M(`download-now`),makePublic:M(`make-public`),embed:M(`embed`),embedFrame:M(`embed-frame`),linkForm:M(`link-form`),linkUrl:M(`link-url`),goLiveNow:M(`go-live-now`),elapsed:M(`elapsed`),total:M(`total`),seek:M(`seek`),fullscreen:M(`fullscreen`),copyNow:M(`copy-now`),canvas:M(`spectrum`),glyphs:M(`glyphs`),levels:M(`levels`),playlist:M(`playlist`),playlistPager:M(`playlist-pager`),crumbs:M(`crumbs`),filter:M(`filter`),playlistTitle:M(`playlist-panel`),note:M(`note`),files:M(`files`),folder:M(`folder`),remoteUrl:M(`remote-url`),remoteForm:M(`remote-form`),remoteState:M(`remote-state`),disconnect:M(`disconnect`),browse:M(`browse`),accountForm:M(`account-form`),accountEmail:M(`account-email`),accountPassword:M(`account-password`),accountSubmit:M(`account-submit`),accountToggle:M(`account-toggle`),accountProviders:M(`account-providers`),accountPanel:M(`account-panel`),accountElsewhere:M(`account-elsewhere`),accountSignOut:M(`account-signout`),accountNote:M(`account-note`),adminPanel:M(`admin-panel`),adminNote:M(`admin-note`),adminSaid:M(`admin-said`),adminConnections:M(`admin-connections`),publishPanel:M(`publish-panel`),publishNote:M(`publish-note`),publishList:M(`publish-list`),adminRestream:M(`admin-restream`),adminReplace:M(`admin-replace`),adminSource:M(`admin-source`),adminName:M(`admin-name`),adminAdd:M(`admin-add`),homeNote:M(`home-note`),loadHome:M(`load-home`),directory:M(`directory`),recentNote:M(`recent-note`),recentList:M(`recent-list`),followingNote:M(`following-note`),followingList:M(`following-list`),serversPanel:M(`servers-panel`),serversNote:M(`servers-note`),serversList:M(`servers-list`),favoritesPanel:M(`favorites-panel`),favoritesNote:M(`favorites-note`),favoritesList:M(`favorites-list`),favHere:M(`fav-here`),catalogsPanel:M(`catalogs-panel`),catalogsNote:M(`catalogs-note`),catalogsForm:M(`catalogs-form`),catalogSource:M(`catalog-source`),catalogName:M(`catalog-name`),catalogsList:M(`catalogs-list`),catalogsCrumbs:M(`catalogs-crumbs`),catalogsFilter:M(`catalogs-filter`),catalogsEntries:M(`catalogs-entries`),notifyPanel:M(`notify-panel`),notifyNote:M(`notify-note`),notifyWeb:M(`notify-web`),notifyEmail:M(`notify-email`),notifySms:M(`notify-sms`),notifyPhone:M(`notify-phone`),notifyPhoneForm:M(`notify-phone-form`),notifyPhoneNote:M(`notify-phone-note`),directoryNote:M(`directory-note`),directoryList:M(`directory-list`),onairPanel:M(`onair-panel`),onairNote:M(`onair-note`),onairList:M(`onair-list`),sharePanel:M(`share-panel`),shareNote:M(`share-note`),shareLink:M(`share-link`),shareCopy:M(`share-copy`),sharePhone:M(`share-phone`),shareSend:M(`share-send`),liveControls:M(`live-controls`),goLive:M(`go-live`),stopLive:M(`stop-live`),shareTo:M(`share-to`),listenOnly:M(`listen-only`),listenHere:M(`listen-here`),volume:M(`volume`),prev:M(`prev`),playPause:M(`play-pause`),stop:M(`stop`),next:M(`next`)},s={eye:`<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/></svg>`,gear:`<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z"/></svg>`,live:`<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="2.5"/><path d="M8.5 15.5a5 5 0 0 1 0-7"/><path d="M15.5 8.5a5 5 0 0 1 0 7"/><path d="M5.6 18.4a9 9 0 0 1 0-12.8"/><path d="M18.4 5.6a9 9 0 0 1 0 12.8"/></svg>`,link:`<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7"/><path d="M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7"/></svg>`,copy:`<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>`,restart:`<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12a9 9 0 1 1-3-6.7"/><path d="M21 3v6h-6"/></svg>`,remove:`<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`,check:`<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 12 5 5L20 7"/></svg>`},c=(e,t)=>{e.innerHTML=s[t]},l=document.title||`nixamp`,u=`local`,d=``,f=!1,p=``,m=0,h=``,g=[],ee=0,_=ae(),v=`idle`,y=``,b=`Pick files, or connect to a nixamp running somewhere else.`,re=!1,x=-1,S=null,C=0,ce=0,le=!1,de=()=>ce>0||le;async function w(e){ce+=1,V();try{return await e()}finally{--ce,V()}}let T=null,E=null,D=null;function Te(){o.embed.hidden||(o.embedFrame.src=`about:blank`),o.embed.hidden=!0}let O=null,ke=``,Ae=null;function je(e,t,n=null,r=!1){let i=`${t}|${e}`;if(ke=i,Ae&&clearTimeout(Ae),Ae=null,!r){if(O?.key===i)return;O=null}if(u!==`remote`||e.trim()===``)return;let a=new URLSearchParams({name:e,kind:t});n&&a.set(`year`,String(n)),fetch(I.url(`/api/enrich?${a}`)).then(e=>e.ok?e.json():{match:null}).then(r=>{if(ke!==i)return;O={key:i,match:r.match??null},V();let a=O.match;a?.kind===`fixture`&&Se(a)!==`post`&&(Ae=setTimeout(()=>{Ae=null,!(ke!==i||F.source===``&&!S)&&je(e,t,n,!0)},6e4))}).catch(()=>void 0)}let Me=!1,k=``,A=``,Pe=null,Fe=``,j=Array(24).fill(0),N=Array(24).fill(0),He=[],P=()=>u===`remote`&&!o.listenHere.checked,Ue=()=>u===`remote`&&!o.adminPanel.hidden;function We(){try{if(localStorage.getItem(`nixamp.hls`)===`1`)return!0}catch{}return typeof MediaSource<`u`?!1:o.video.canPlayType(`application/vnd.apple.mpegurl`)!==``}function Ge(){if(u!==`remote`)return null;if(T?.catalog&&T.entry)return{kind:`entry`,catalog:T.catalog,entry:T.entry};if(S)return{kind:`channel`,id:S.id,name:S.name};let e=_.tracks[R()];return e&&(F.source!==``||P())?{kind:`track`,index:R(),name:t(e)}:null}async function Ke(e,t){t.disabled=!0;let n=e.kind===`entry`?e.entry.title:e.name;b=`Putting ${n} on the air…`,V();try{let r=``;if(e.kind===`track`)await I.send({type:`play`,index:e.index}),r=`live`;else{let t=e.kind===`entry`?`/api/catalogs/${encodeURIComponent(e.catalog.id)}/entries/${encodeURIComponent(e.entry.id)}/live`:`/api/channels/${encodeURIComponent(e.id)}/keep`,i=await fetch(I.url(t),{method:`POST`}),a=await i.json().catch(()=>({}));if(!i.ok){b=a.error??`${n} would not go on the air.`,V();return}r=`channel:${e.kind===`entry`?a.channel??``:e.id}`}Me?await fetch(I.url(`/api/live/start`),{method:`POST`}).catch(()=>void 0):await Rn(!0),await yn(),$();let i=Mn(r),a=k?` Call ${A||`the line`} and key ${k} to talk about it.`:``;i===``?b=`${n} is on the air.${a}`:(await jn(i,t,`✓`),b=`${n} is on the air. Link copied.${a}`),V()}catch{b=`could not reach the server`,V()}finally{t.disabled=!1}}function qe(e,t){let n=document.createElement(`button`);return n.type=`button`,n.className=`row-copy row-live`,c(n,`live`),n.title=`Go live with ${t}: on the air for everyone, listed, link copied`,n.setAttribute(`aria-label`,`Go live with ${t}`),n.addEventListener(`click`,t=>{t.stopPropagation(),Ke(e(),n)}),n}let F=new ie({audio:o.audio,video:o.video},{onTime:(e,t)=>{let n=g[ee];u===`local`&&n&&t>0&&n.duration!==t&&(n.duration=t),V()},onEnded:()=>{Dn()||u===`remote`&&x<0&&!P()||B(1)},onState:()=>V(),onBusy:e=>{le!==e&&(le=e,V())},onError:e=>{Dn()||(b=e,V(),Cn())}}),I=new ue({onSnapshot:e=>{if(_=oe(_,e),p.startsWith(`track:`)&&_.tracks.length>0){let e=Number(p.slice(6));if(p=``,Number.isInteger(e)&&e>=0&&e<_.tracks.length){let t=m;et(e).then(()=>{t>0&&(F.seek(t),setTimeout(()=>F.seek(t),600))})}}P()&&(j=e.bars.length>0?e.bars:j,N=be(N,j)),V()},onStatus:(e,t)=>{v=e,y=t??``,V()}}),L=()=>u===`remote`?_.tracks.length:g.length,R=()=>u===`remote`?P()||x<0?_.index:Math.min(x,Math.max(0,_.tracks.length-1)):ee,Je=()=>{if(S)return S.name;if(D)return D.label;let e=u===`remote`?_.tracks[R()]:g[R()];return e?t(e):`Nothing loaded.`},Ye=()=>S?`live on this server`:D?`playing here, in this browser`:T?.kind===`live`&&u===`remote`?`live on ${d||`this server`}`:(u===`remote`?_.tracks[R()]:g[R()])?.album||`—`;function Xe(){if(u!==`remote`||S===null&&T?.kind!==`live`){o.liveLine.hidden=!0,o.liveLine.replaceChildren();return}let e=d||`this server`,t=S?S.name:E?.server.nowPlaying||Je(),n=[S?`Live on ${e}: `:`Live from ${e}, now playing: `,zn(t)],r=S?E?.channels.find(e=>e.id===S?.id)?.code??``:Me?k:``;r&&n.push(`. To talk about it, call `,zn(A||`the line`),` and key `,zn(r),`.`);let i=n.map(e=>typeof e==`string`?e:e.textContent).join(``);o.liveLine.dataset.drawn!==i&&(o.liveLine.dataset.drawn=i,o.liveLine.hidden=!1,o.liveLine.replaceChildren(...n.map(e=>typeof e==`string`?document.createTextNode(e):e)))}let Ze=()=>P()?_.tracks[R()]?.duration??0:F.duration,Qe=()=>P()?_.position:F.position,$e=()=>P()?_.playing:F.playing;async function z(e){if(u===`remote`){if(P()){await I.send({type:`play`,index:e});return}await et(e);return}let t=g[e];t&&(ee=e,S=null,T={kind:`file`},await w(()=>F.load(t,!0)),U(t.video),vt(),V())}async function et(e){let t=_.tracks[e];t&&(x=e,S=null,T={kind:`file`},je(t.title,`auto`),await w(()=>F.load({title:t.title,artist:t.artist,album:t.album,duration:t.duration,url:I.media(e,0),video:t.video===!0,objectUrl:!1},!0)),U(t.video===!0),vt())}async function tt(){if(P()){await I.send({type:`toggle`});return}L()!==0&&(F.playing?F.pause():F.position>0?await F.play():await z(R()),V())}async function B(e){let t=L();if(t!==0){if(P()){await I.send({type:e>0?`next`:`prev`});return}await z((R()+e+t)%t)}}async function nt(){if(Te(),D=null,P()){await I.send({type:`stop`});return}S=null,T=null,F.stop(),j=Array(24).fill(0),N=[...j],V()}let rt=(e,t)=>`L${`▮`.repeat(Math.round(e*6)).padEnd(6,`·`)} R${`▮`.repeat(Math.round(t*6)).padEnd(6,`·`)}`,it=e=>`▁▂▃▄▅▆▇█`[Math.max(0,Math.min(7,Math.round(e*7)))],at=``;function ot(){let t=[],n=``,r=null,i=S?E?.channels.find(e=>e.id===S?.id):void 0,a=F.source===``&&!S&&!(P()&&_.tracks[R()]);if(!a){S?t.push(T?.entry?.live===!1?`ON DEMAND · LIVE CHANNEL`:`LIVE`):T?.kind===`vod`?t.push(`ON DEMAND`):T?.kind===`live`?t.push(`LIVE`):u===`remote`&&P()?t.push(`ON THE SERVER`):t.push(`FILE`),!o.video.hidden&&o.video.videoWidth>0?t.push(`${o.video.videoWidth}×${o.video.videoHeight}`):o.video.hidden?t.push(`audio`):t.push(`video`),i?(t.push(i.via===`pull`?`${i.listeners} watching`:`${i.listeners} listening · over ${i.via}`),i.startedAt>0&&t.push(`on air ${e(Math.max(0,(Date.now()-i.startedAt)/1e3))}`),i.redials&&t.push(`redialled ${i.redials}×`),Ue()&&i.error&&t.push(i.error)):u===`remote`&&!S?(_.tracks[R()]&&L()>0&&t.push(`track ${R()+1} of ${L()}`),P()&&E&&t.push(`${E.server.playing?`playing`:`stopped`} on ${d||`the server`}`)):u===`local`&&L()>0&&t.push(`track ${R()+1} of ${L()}`),T?.catalog!==void 0&&(T.kind===`channel`?S!==null:T.kind===`vod`&&F.source!==``)&&T?.catalog&&(t.push(T.entry?.group?`${T.catalog.name} › ${T.entry.group}`:T.catalog.name),n=T.entry?.logo??``);let a=O?.key===ke?O.match:null;if(a?.kind===`fixture`)r=Ce(a),t.unshift(r.status,...r.chips);else if(a){a.image&&(n=a.image);let e=a.data;if(a.kind===`title`){a.year&&t.push(String(a.year));let n=typeof e.rating==`number`?e.rating:null;n&&t.push(`★ ${n.toFixed(1)}`);let r=Array.isArray(e.genres)?e.genres.slice(0,2).map(String):[];r.length&&t.push(r.join(` · `));let i=typeof e.runtimeMin==`number`?e.runtimeMin:0;i&&t.push(`${i} min`)}else if(a.kind===`channel`){let n=typeof e.country==`string`?e.country:``,r=Array.isArray(e.categories)?e.categories.slice(0,2).map(String):[],i=typeof e.network==`string`?e.network:``;n&&t.push(n),r.length&&t.push(r.join(` · `)),i&&t.push(i)}}if(S&&T?.link){let e=``;try{e=new URL(T.link.url).hostname.replace(/^www\./,``)}catch{}t.push(T.link.extractor&&T.link.extractor!==`direct`&&T.link.extractor!==`generic`?`${T.link.extractor} · ${e}`:e||`link`)}Me&&k&&P()&&!S&&T?.kind!==`live`&&t.push(A?`☎ ${A} · key ${k}`:`☎ code ${k}`)}let s=O?.key===ke?O.match:null,c=!a&&!r&&s?.summary?s.summary:``,l=`${n}|${r?`${r.away.logo}|${r.home.logo}|${r.text}`:``}|${t.join(`|`)}|${c}`;if(l===at)return;at=l,o.meta.hidden=t.length===0,o.metaBlurb.textContent=c,o.metaBlurb.hidden=c===``;let f=[];if(r){let e=document.createElement(`div`);e.className=`meta-score`;let t=(e,t)=>{let n=[],i=document.createElement(`span`);if(i.className=`meta-team`,i.textContent=e.name,n.push(i),r?.state!==`pre`&&e.score!==null){let t=document.createElement(`b`);t.className=`meta-points`,t.textContent=String(e.score),n.push(t)}if(e.logo!==``){let r=document.createElement(`img`);r.className=`meta-team-logo`,r.alt=``,r.src=e.logo,r.addEventListener(`error`,()=>{r.hidden=!0}),t?n.unshift(r):n.push(r)}return n},n=document.createElement(`span`);n.className=`meta-dash`,n.textContent=`–`,e.replaceChildren(...t(r.away,!0),n,...t(r.home,!1)),f.push(e)}if(n!==``&&/^https?:\/\//.test(n)){let e=document.createElement(`img`);e.className=s?.kind===`title`&&n===s.image?`meta-logo meta-poster`:`meta-logo`,e.alt=``,e.src=n,e.addEventListener(`error`,()=>{e.hidden=!0}),f.push(e)}for(let e of t){let t=document.createElement(`span`);t.className=r?.state===`in`&&e===r.status?`meta-chip chip-live`:`meta-chip`,t.textContent=e,f.push(t)}o.meta.replaceChildren(...f)}function V(){let t=L(),n=$e(),r=de();o.status.textContent=r?`LOADING`:n?`▶ PLAYING`:`■ STOPPED`,o.status.dataset.playing=r?`loading`:String(n),o.title.textContent=Je(),Xe(),ot(),o.goLiveNow.hidden=!Ue()||Ge()===null;let i=n?`${Je()} · ${l}`:l;document.title!==i&&(document.title=i),o.copyNow.hidden=F.source===``,o.downloadNow.hidden=!(S&&T?.link?.download),o.makePublic.hidden=!(D&&Ue()),o.album.textContent=Ye();let a=Qe(),s=Ze();o.elapsed.textContent=e(a),o.total.textContent=s>0?e(s):`--:--`,re||(o.seek.value=String(s>0?Math.round(a/s*1e3):0),o.seek.disabled=s<=0||P()),o.playPause.textContent=n?`❚❚`:`▶`,o.playPause.setAttribute(`aria-label`,n?`Pause`:`Play`),o.playlistTitle.dataset.title=u===`remote`?`Files on ${d||`this server`} (${t.toLocaleString()})`:`Playlist (${t})`,o.source.textContent=u===`remote`?`connected · ${d||I.address.replace(/^https?:\/\//,``)||`—`}`:g.length>0?`local · ${g.length} files`:`no source`,o.remoteState.textContent=u===`remote`?`${v}${y?` — ${y}`:``}`:`not connected`,o.remoteState.dataset.status=u===`remote`?v:`idle`,o.disconnect.hidden=u!==`remote`;let c=u===`remote`&&_.note!==``?_.note:b;o.note.textContent=c,o.note.hidden=c===``,mt(),o.glyphs.textContent=j.map(it).join(``);let[f,p]=P()?_.levels:F.levels();o.levels.textContent=rt(f,p)}let st=``,ct=-1,H=``,lt=0;function ut(e){H=e,lt=0,st=``,mt()}function dt(e,t,n,r,i){if(o.playlistPager.hidden=n<=1,n<=1){o.playlistPager.replaceChildren();return}let a=(e,t,r)=>{let i=document.createElement(`button`);return i.type=`button`,i.className=`ghost`,i.textContent=e,i.title=r,i.disabled=t<0||t>=n,i.addEventListener(`click`,()=>{lt=t,st=``,mt(),o.playlist.scrollIntoView({block:`nearest`})}),i},s=document.createElement(`span`);s.className=`pager-where`,s.textContent=`${r+1}–${i} of ${e.toLocaleString()}`,o.playlistPager.replaceChildren(a(`‹ Previous`,t-1,`The page before this one`),s,a(`Next ›`,t+1,`The page after this one`))}function ft(e){if(o.crumbs.hidden=!e,!e)return;let t=H===``?[]:H.split(`/`),n=(e,t,n)=>{if(n){let t=document.createElement(`span`);return t.className=`here`,t.textContent=e,t}let r=document.createElement(`button`);return r.type=`button`,r.textContent=e,r.addEventListener(`click`,()=>ut(t)),r},r=[n(`All files`,``,t.length===0)],i=``;t.forEach((e,a)=>{i=i===``?e:`${i}/${e}`;let o=document.createElement(`span`);o.textContent=`/`,r.push(o,n(e,i,a===t.length-1))}),o.crumbs.replaceChildren(...r)}function pt(e,t){let n=document.createElement(`li`);n.className=`folder`;let r=document.createElement(`span`);r.className=`name`,r.textContent=`${e}/`;let i=document.createElement(`span`);return i.className=`count`,i.textContent=`${t} file${t===1?``:`s`}`,n.append(r,i),n.tabIndex=0,n.addEventListener(`click`,()=>ut(H===``?e:`${H}/${e}`)),n}function mt(){let n=u===`remote`?_.tracks.map(e=>({name:t(e),seconds:e.duration,group:e.group??``,folder:e.folder??``,remote:e.remote===!0})):g.map(e=>({name:t(e),seconds:e.duration,group:``,folder:``,remote:!1})),r=o.filter.value.trim().toLowerCase(),i=n.map((e,t)=>({...e,index:t})).filter(e=>!e.remote).filter(e=>r===``||`${e.folder}/${e.name}`.toLowerCase().includes(r)),s=e=>r!==``||H===``||e===H||e.startsWith(`${H}/`),l=e=>r!==``||e===H,d=e=>{let t=H===``?e:e.slice(H.length+1),n=t.indexOf(`/`);return n===-1?t:t.slice(0,n)},f=new Map;for(let e of i){if(!s(e.folder)||l(e.folder))continue;let t=d(e.folder);t!==``&&f.set(t,(f.get(t)??0)+1)}let p=i.filter(e=>l(e.folder)&&s(e.folder)),m=[...f].sort((e,t)=>e[0].localeCompare(t[0],void 0,{numeric:!0})),h=Oe(m.length+p.length,lt,a);lt=h.page;let ee=m.slice(h.from,h.to),te=p.slice(Math.max(0,h.from-m.length),Math.max(0,h.to-m.length)),v=`${u}:${H}:${r}:${h.page}/${a}:${m.join(`,`)}:${p.map(e=>`${e.index}@${e.name}@${e.seconds}@${e.group}`).join(`|`)}`;if(v!==st){st=v,ft(r===``&&(m.length>0||H!==``)),dt(m.length+p.length,h.page,h.pages,h.from,h.to);let t=[];for(let[e,n]of ee)t.push(pt(e,n));let n=``,i=p.some(e=>e.group!==``);for(let r of te){r.group!==n&&(i||r.group!==``)&&(n=r.group,t.push(ht(r.group)));let a=document.createElement(`li`);a.className=`row`,a.tabIndex=0,a.dataset.index=String(r.index);let o=document.createElement(`span`);o.className=`n`,o.textContent=String(r.index+1).padStart(2,` `);let s=document.createElement(`span`);s.className=`name`,s.textContent=r.name;let l=document.createElement(`span`);if(l.className=`time`,l.textContent=r.seconds>0?e(r.seconds):`--:--`,a.append(o,s,l),u===`remote`){let e=document.createElement(`button`);e.type=`button`,e.className=`row-copy`,c(e,`copy`),e.title=`Copy a link that plays this here, from where it is`,e.setAttribute(`aria-label`,`Copy a link that plays ${r.name}`),e.addEventListener(`click`,t=>{t.stopPropagation(),jn(Mn(`track:${r.index}`,x===r.index?F.position:0),e,`✓`)}),a.append(e),Ue()&&a.append(qe(()=>({kind:`track`,index:r.index,name:r.name}),r.name))}t.push(a)}o.playlist.replaceChildren(...t)}let y=R(),ne=$e(),b;for(let e of Array.from(o.playlist.children)){let t=e,n=Number(t.dataset.index),r=Number.isInteger(n)&&n===y;t.classList.toggle(`selected`,r),t.classList.toggle(`playing`,r&&ne),r&&(b=t)}if(y!==ct){ct=y;let e=p.findIndex(e=>e.index===y);if(e>=0&&!b){lt=Math.floor((m.length+e)/a),st=``,mt();return}b?.scrollIntoView({block:`nearest`})}}function ht(e){let t=document.createElement(`li`);t.className=`group`;let n=document.createElement(`span`);if(n.className=`group-name`,n.textContent=e===``?`This server's library`:e,t.append(n),e!==``&&!o.adminPanel.hidden){let n=document.createElement(`button`);n.type=`button`,n.className=`group-remove`,n.textContent=`×`,n.title=`Remove ${e} from the playlist`,n.setAttribute(`aria-label`,`Remove ${e} from the playlist`),n.addEventListener(`click`,t=>{t.stopPropagation(),gt(e)}),t.append(n)}return t}async function gt(e){try{let t=await fetch(I.url(`/api/source/remove`),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({group:e})}),n=await t.json();G(t.ok?`Removed ${n.removed??0} tracks from ${e}.`:n.error??`that did not work`)}catch{G(`could not reach the server`)}}function _t(){let t=o.canvas,n=Math.min(2,globalThis.devicePixelRatio||1),r=Math.round(t.clientWidth*n),i=Math.round(t.clientHeight*n);r>0&&i>0&&(t.width!==r||t.height!==i)&&(t.width=r,t.height=i);let a=t.getContext(`2d`);if(P())N=be(N,j);else{let e=F.read();e.length>0&&(He.length!==25&&(He=_e(24,e.length)),j=ye(j,ve(e,He)),N=be(N,j))}if(a){let e=getComputedStyle(document.documentElement);xe(a,{width:t.width,height:t.height},j,N,{bar:e.getPropertyValue(`--green`).trim()||`#4af689`,peak:e.getPropertyValue(`--green-dim`).trim()||`#227a4a`,background:`transparent`})}if($e()){o.glyphs.textContent=j.map(it).join(``);let[t,n]=P()?_.levels:F.levels();o.levels.textContent=rt(t,n),o.elapsed.textContent=e(Qe());let r=Ze();!re&&r>0&&(o.seek.value=String(Math.round(Qe()/r*1e3)))}requestAnimationFrame(_t)}function U(e){o.video.hidden=!e,o.fullscreen.hidden=!e,Te(),D=null}function vt(){`mediaSession`in navigator&&(navigator.mediaSession.metadata=new MediaMetadata({title:Je(),album:Ye(),artist:`nixamp`,artwork:[{src:`/icons/icon-512.png`,sizes:`512x512`,type:`image/png`}]}),navigator.mediaSession.setActionHandler(`play`,()=>void tt()),navigator.mediaSession.setActionHandler(`pause`,()=>void tt()),navigator.mediaSession.setActionHandler(`nexttrack`,()=>void B(1)),navigator.mediaSession.setActionHandler(`previoustrack`,()=>void B(-1)))}o.filter.addEventListener(`input`,()=>{lt=0,st=``,mt()}),o.playlist.addEventListener(`keydown`,e=>{if(e.key!==`Enter`&&e.key!==` `)return;let t=e.target?.closest(`li.row, li.folder`);t&&t===e.target&&(e.preventDefault(),t.click())}),o.playlist.addEventListener(`click`,e=>{let t=e.target.closest(`li`),n=Number(t?.dataset.index);Number.isInteger(n)&&z(n)}),o.fullscreen.addEventListener(`click`,()=>{let e=o.video;if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}if(typeof e.requestFullscreen==`function`){e.requestFullscreen().catch(()=>{e.webkitEnterFullscreen?.()});return}e.webkitEnterFullscreen?.()}),o.prev.addEventListener(`click`,()=>void B(-1)),o.next.addEventListener(`click`,()=>void B(1)),o.stop.addEventListener(`click`,()=>void nt()),o.playPause.addEventListener(`click`,()=>void tt());async function yt(e){let t=Ne(e,We());if(!t){if(!Ue()){b=`That link would need a server to fetch it, which only whoever administers the server may ask. YouTube, Vimeo, SoundCloud and links straight to a file play here.`,V();return}await bt(e);return}if(S=null,F.stop(),t.kind===`embed`){T={kind:`link`,link:{url:e,extractor:t.site,download:!1,live:!1,video:!0}},U(!1),o.embedFrame.src=t.src,o.embed.hidden=!1,D={url:e,label:t.label,kind:`embed`},b=`Playing ${t.label} here, in this browser.`,V();return}T={kind:`link`,link:{url:e,extractor:`direct`,download:!1,live:!1,video:t.video}},await w(()=>F.load({title:t.label,artist:``,album:``,duration:0,url:t.url,video:t.video,objectUrl:!1},!0)),U(t.video),D={url:e,label:t.label,kind:`direct`},b=`Playing ${t.label} here, in this browser.`,V()}async function bt(e){if(u!==`remote`){b=`Connect to a server you administer to put a link on the air.`,V();return}b=`Asking ${d||`the server`} to fetch ${e}…`,V(),await w(async()=>{let t,n={};try{t=await fetch(I.url(`/api/links/play`),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({url:e})}),n=await t.json().catch(()=>({}))}catch{b=`could not reach the server`;return}if(!t.ok||!n.channel){b=n.error??`that link would not play.`;return}try{await fetch(I.url(`/api/channels/${encodeURIComponent(n.channel)}/keep`),{method:`POST`})}catch{}await En({id:n.channel,name:n.name||e,video:n.video!==!1},!0,{kind:`channel`,link:{url:e,extractor:n.extractor??``,download:n.download===!0,live:n.live===!0,video:n.video!==!1}})}),V()}o.linkForm.addEventListener(`submit`,e=>{e.preventDefault();let t=o.linkUrl.value.trim();t!==``&&yt(t)}),o.makePublic.addEventListener(`click`,()=>{D&&bt(D.url)}),o.downloadNow.addEventListener(`click`,()=>{let e=T?.link;if(!e||u!==`remote`)return;let t=e.video?``:`&audio=1`;globalThis.open(I.url(`/api/links/download?url=${encodeURIComponent(e.url)}${t}`),`_blank`),b=`Fetching it through the server; your browser will save it when it arrives.`,V()}),o.goLiveNow.addEventListener(`click`,()=>{let e=Ge();e&&Ke(e,o.goLiveNow)}),o.seek.addEventListener(`input`,()=>{re=!0}),o.seek.addEventListener(`change`,()=>{let e=Ze();e>0&&F.seek(Number(o.seek.value)/1e3*e),re=!1}),o.volume.addEventListener(`input`,()=>{let e=Number(o.volume.value)/100;F.volume=e;try{localStorage.setItem(Re,String(e))}catch{}});let xt=e=>{e.addEventListener(`change`,()=>{let t=te(Array.from(e.files??[]));if(t.length===0){b=`Nothing playable in that selection.`,V();return}ne(g),g=t,ee=0,u=`local`,I.close(),b=``,z(0)})};xt(o.files),xt(o.folder),o.remoteForm.addEventListener(`submit`,e=>{e.preventDefault();let t=o.remoteUrl.value,{base:n,key:r}=se(t);if(n===``){b=`That is not an address.`,V();return}(async()=>{v=`connecting`,V();let e=ge(n);if(e){v=`error`,y=e,b=e,u=`local`,V();return}if(await he(n,void 0,r)===null){v=`error`;let e=pe(n);y=e?`needs the server's name`:`not answering`,b=e||`Nothing answered at ${n}. If that is your machine, it is off or nixamp is not running on it; otherwise check the address.`,u=`local`,V();return}let i=await me(n,r);if(i){v=`error`,y=i,b=i,u=`local`,V();return}u=`remote`,b=``;try{localStorage.setItem(Le,t.trim())}catch{}I.connect(t),$(),qt(),Sn(!0),Mt(),yn(),V()})()});let St=``,Ct=null,wt=async(e=!1)=>{o.directory.hidden=!1,e||(o.directoryNote.textContent=`Looking for live streams…`,o.directoryList.replaceChildren()),Ct||=setInterval(()=>{!o.directory.hidden&&document.visibilityState===`visible`&&wt(!0)},Be);let t;try{let n=await fetch(`/api/directory`);if(!n.ok)throw Error(String(n.status));let r=await n.json();t=r.streams??[];let i=JSON.stringify({streams:t.map(({...e})=>{let{updatedAt:t,startedAt:n,...r}=e;return r}),recent:r.recent??[],me:Q});if(e&&i===St)return;St=i,Ft(r.recent??[])}catch{e||(o.directoryNote.textContent=`The directory is not answering. Type an address instead.`);return}if(o.directoryList.replaceChildren(),t.length===0){o.directoryNote.textContent=`Nobody is streaming right now.`;return}o.directoryNote.textContent=`${t.length} ${t.length===1?`server is`:`servers are`} on. Connect to one to browse its files and watch what is live on it. No account needed.`;for(let e of t){let t=document.createElement(`li`),n=document.createElement(`span`);n.className=`server-label`;let r=document.createElement(`span`);r.className=`name`,r.textContent=e.name;let i=document.createElement(`span`);i.className=`detail`;let a=[`${e.tracks.toLocaleString()} files to browse`];e.playing!==!1&&e.nowPlaying?a.push(`playing ${e.nowPlaying}`):a.push(`player idle`),e.code&&a.push(e.callers?`☎ ${e.code} · ${e.callers} on the phone`:`☎ ${e.code}`),i.textContent=a.join(` · `),i.title=i.textContent,n.append(r,i);let s=!!e.admin,l=(t,n=``)=>{f=t,p=n,o.remoteUrl.value=t?e.url:e.admin??e.url,o.directory.hidden=!0,o.remoteForm.requestSubmit()},u=document.createElement(`ul`);u.className=`server-lives`;for(let t of e.channels??[]){let n=document.createElement(`li`),r=document.createElement(`span`);r.className=`detail live`;let i=e.channelCodes?.[t]??``,a=e.channelCallers?.[t]??0;r.textContent=`● ${t}`+(i?` · ☎ ${i}${a?` · ${a} on the phone`:``}`:``);let o=document.createElement(`button`);o.type=`button`,o.className=`button`,o.textContent=`Play`,o.title=`Watch ${t}, live on ${e.name}`,o.addEventListener(`click`,()=>l(!0,`channel:${t}`)),n.append(r,o),u.append(n)}let d=document.createElement(`button`);d.type=`button`,d.className=`icon way-in`,c(d,`eye`),d.title=`Viewer: browse and watch. Changes nothing on the server.`,d.setAttribute(`aria-label`,`View ${e.name}`),d.addEventListener(`click`,()=>l(!0));let m=document.createElement(`button`);if(m.type=`button`,m.className=`icon way-in`,c(m,`gear`),m.disabled=!s,m.title=s?`Admin: drive this server. What plays, what is live, what is on it.`:Q?`Admin: you do not administer this server.`:`Admin: sign in as this server's owner to administer it.`,m.setAttribute(`aria-label`,`Administer ${e.name}`),m.addEventListener(`click`,()=>l(!1)),t.append(n,d,m),Q&&t.append(zt(e.url,e.name)),e.ownerId&&Q&&e.ownerId!==Q&&t.append(sn(e.ownerId,e.name)),u.childElementCount>0&&t.append(u),e.ownerId&&Q&&e.ownerId===Q){let n=document.createElement(`button`);n.type=`button`,n.className=`ghost`,n.textContent=`Take off the list`,n.addEventListener(`click`,t=>{t.stopPropagation(),n.disabled=!0,(async()=>{try{let t=await fetch(`/api/directory?id=${encodeURIComponent(e.id)}`,{method:`DELETE`}),n=await t.json().catch(()=>({}));o.directoryNote.textContent=t.ok?`${e.name} is off the list.`:n.error??`that did not work`}catch{o.directoryNote.textContent=`could not reach the directory`}finally{await wt()}})()}),t.append(n)}o.directoryList.append(t)}};if(document.addEventListener(`visibilitychange`,()=>{document.visibilityState===`visible`&&!o.directory.hidden&&wt(!0)}),location.pathname.replace(/\/+$/,``)===`/directory`){document.body.classList.add(`route-directory`);let e=document.getElementById(`directory-back`);e&&(e.hidden=!1),wt()}let W=null,Tt=e=>e===`cgnat`?`mobile or tailscale`:e===`private`?`your network`:e===`local`?`this machine`:e===`public`?`the internet`:e,Et=e=>e===`events`?`watching the panel`:e===`page`?`opened the page`:e===`media`?`playing a track`:e===`stream`?`listening live`:e,Dt=``,Ot=``,kt=e=>{let t=e.map(e=>`${e.address}|${e.kind}|${e.track}|${Math.round(e.bytes/4096)}|${e.endedAt}`).join(`~`);if(t===Dt)return;Dt=t,o.adminConnections.replaceChildren();let n=document.createElement(`tr`);for(let e of[`Where`,`Network`,`Kind`,`Client`,`Track`,`Sent`]){let t=document.createElement(`th`);t.textContent=e,n.append(t)}o.adminConnections.append(n);for(let t of e.slice(0,40)){let e=document.createElement(`tr`);t.endedAt!==null&&(e.className=`ended`);let n=[[t.address,``],[Tt(t.network),`network-${t.network}`],[Et(t.kind),``],[t.agent,``],[t.track||`—`,``],[`${Math.round(t.bytes/1024)} KiB`,``]];for(let[t,r]of n){let n=document.createElement(`td`);n.textContent=t,r&&(n.className=r),e.append(n)}o.adminConnections.append(e)}};function G(e){o.adminSaid.textContent=e,o.adminSaid.hidden=e===``}let At=async()=>{try{let e=await fetch(I.url(`/api/connections`));if(!e.ok)return;let t=await e.json(),n=(t.connections??[]).filter(e=>e.endedAt===null&&e.kind!==`media`&&e.kind!==`stream`).length,r=t.active??0;o.adminNote.textContent=n===0?`${r} listening now.`:`${r} listening now, and ${n} with the page open.`,kt(t.connections??[]),jt(t.publish??[],(t.channels??[]).map(e=>e.id)),Ln(t.home??``,t.root??``),$()}catch{o.adminNote.textContent=`lost touch with the server`}};function jt(e,t){o.publishPanel.hidden=e.length===0;let n=`${e.map(e=>`${e.id}=${e.url}`).join(`~`)}::${t.join(`,`)}`;if(n===Ot)return;if(Ot=n,e.length===0){o.publishList.replaceChildren();return}let r=e.length-t.length;o.publishNote.textContent=`Point OBS, Larix or ffmpeg at one of these. One publisher per URL — ${e.length} at once, ${r} free right now.`,o.publishList.replaceChildren(...e.map(e=>{let n=t.includes(e.id),r=document.createElement(`li`);n&&(r.className=`in-use`);let i=document.createElement(`span`);i.className=`slot`,i.textContent=n?`${e.id} · live`:e.id;let a=document.createElement(`input`);a.type=`text`,a.readOnly=!0,a.value=e.url,a.setAttribute(`aria-label`,`RTMP URL for ${e.id}`);let o=document.createElement(`button`);return o.type=`button`,o.className=`ghost`,o.textContent=`Copy`,o.addEventListener(`click`,()=>{a.select(),navigator.clipboard?.writeText(e.url).catch(()=>{})}),r.append(i,a,o),r}))}let Mt=async()=>{if(u!==`remote`){o.adminPanel.hidden=!0,o.publishPanel.hidden=!0,W&&clearInterval(W),W=null;return}let e=!1,t=null,n=!1;try{let r=await fetch(I.url(`/api/admin`));if(r.ok){let i=await r.json();e=i.allowed===!0,t=i.as??null,n=i.claimed===!0}}catch{e=!1}if(f&&(e=!1),o.adminPanel.hidden=!e,W&&clearInterval(W),W=null,$(),qt(),yn(),o.listenOnly.hidden=e,!e){o.listenOnly.textContent=n?`This is a listen-only link: you can hear this server but not change what it plays. Use its control link — the first one it printed — or sign in as its owner.`:`This is a listen-only link: you can hear this server but not change what it plays. Use its control link, the first one it printed.`;return}o.adminNote.textContent=t===`owner`?`You own this server.`:`You hold this server's control link.`,At(),W=setInterval(()=>void At(),2e3)};function Nt(e,t,n){let r=(t||e).toLowerCase().replace(/[^a-z0-9_-]+/g,`-`).replace(/^-+|-+$/g,``).slice(0,40)||`s${Math.random().toString(16).slice(2,8)}`;G(`Starting ${t||e}…`),(async()=>{try{let i=await fetch(I.url(`/api/channels/${encodeURIComponent(r)}/pull`),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({...n===void 0?{source:e}:{at:n},...t?{name:t}:{}})}),a=await i.json();if(!i.ok){G(a.error??`that did not work`);return}G(`${a.channel?.name||t||e} is on the air.`),o.adminSource.value=``,o.adminName.value=``,yn(),$()}catch{G(`could not reach the server`)}})()}o.adminRestream.addEventListener(`submit`,e=>{e.preventDefault();let t=o.adminSource.value.trim();t&&Nt(t,o.adminName.value.trim())}),o.adminAdd.addEventListener(`click`,()=>{let e=o.adminSource.value.trim();if(!e)return;G(`Reading ${e}…`);let t=o.adminReplace.checked,n=o.adminName.value.trim();(async()=>{try{let r=await fetch(I.url(`/api/source`),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({source:e,...n?{name:n}:{},...t?{replace:!0}:{}})}),i=await r.json();G(r.ok?t?`Now serving ${e}.`:i.added===0?`Everything there was already in the playlist.`:`Added ${i.added??0} tracks from ${e}.`:i.error??`that did not work`),r.ok&&(o.adminSource.value=``,o.adminName.value=``,yn(),$())}catch{G(`could not reach the server`)}})()});let Pt=e=>{let t=Math.max(1,Math.round((Date.now()-e)/6e4));if(t<60)return`${t} minute${t===1?``:`s`} ago`;let n=Math.round(t/60);return`${n} hour${n===1?``:`s`} ago`},Ft=e=>{o.recentList.replaceChildren();let t=Q?e.filter(e=>e.ownerId&&e.ownerId!==Q):[];if(o.recentNote.hidden=t.length===0,t.length!==0)for(let e of t){let t=document.createElement(`li`),n=document.createElement(`span`);n.className=`recent-label`;let r=document.createElement(`span`);r.className=`name`,r.textContent=e.name;let i=document.createElement(`span`);i.className=`detail`,i.textContent=e.nowPlaying?`${e.nowPlaying} · ended ${Pt(e.endedAt)}`:`ended ${Pt(e.endedAt)}`,n.append(r,i),t.append(n,sn(e.ownerId,e.name)),o.recentList.append(t)}},K=new Set,q=e=>{try{return new URL(e).origin}catch{return e}},It=e=>[...K].some(t=>q(t)===q(e));async function Lt(){if(!Q){K=new Set,o.favoritesPanel.hidden=!0,Bt();return}try{let e=await fetch(`/api/v1/favorites`);if(!e.ok){o.favoritesPanel.hidden=!0;return}let t=(await e.json()).favorites??[];K=new Set(t.map(e=>e.url)),o.favoritesPanel.hidden=t.length===0,o.favoritesNote.textContent=`Servers you hearted. Connect to one, or let it go.`,o.favoritesList.replaceChildren(...t.map(e=>{let t=document.createElement(`li`),n=document.createElement(`span`);n.className=`server-label`;let r=document.createElement(`span`);r.className=`name`,r.textContent=e.name||e.url.replace(/^https?:\/\//,``);let i=document.createElement(`span`);i.className=e.live?`detail live`:`detail`,i.textContent=e.live?[`● on now`,e.nowPlaying?`playing ${e.nowPlaying}`:``,e.channels.length>0?`live: ${e.channels.join(`, `)}`:``].filter(Boolean).join(` · `):`not on right now`,n.append(r,i);let a=document.createElement(`button`);return a.type=`button`,a.className=`button`,a.textContent=`Connect`,a.addEventListener(`click`,()=>{o.remoteUrl.value=e.url,o.remoteForm.requestSubmit()}),t.append(n,a,zt(e.url,e.name)),t}))}catch{o.favoritesPanel.hidden=!0}Bt()}async function Rt(e,t,n){try{if(!(n?await fetch(`/api/v1/favorites`,{method:`PUT`,headers:{"content-type":`application/json`},body:JSON.stringify({url:e,name:t})}):await fetch(`/api/v1/favorites?url=${encodeURIComponent(e)}`,{method:`DELETE`})).ok){b=n?`Could not save that favourite.`:`Could not remove that favourite.`,V();return}}catch{b=`could not reach nixamp.com`,V();return}if(n)K.add(e);else for(let t of[...K])q(t)===q(e)&&K.delete(t);await Lt()}function zt(e,t){let n=document.createElement(`button`);n.type=`button`,n.className=`heart`;let r=()=>{let t=It(e);n.textContent=t?`♥`:`♡`,n.dataset.on=t?`yes`:`no`,n.title=t?`Remove from favourites`:`Add to favourites`,n.setAttribute(`aria-label`,n.title)};return r(),n.addEventListener(`click`,n=>{n.stopPropagation();let i=[...K].find(t=>q(t)===q(e))??e;Rt(It(e)?i:e,t,!It(e)).then(r)}),n}function Bt(){let e=u===`remote`?I.shareLink:``;if(o.favHere.hidden=!(Q&&e),o.favHere.hidden)return;let t=It(e);o.favHere.textContent=t?`♥`:`♡`,o.favHere.dataset.on=t?`yes`:`no`,o.favHere.title=t?`Remove this server from your favourites`:`Add this server to your favourites`,o.favHere.setAttribute(`aria-label`,o.favHere.title)}c(o.copyNow,`copy`),o.copyNow.addEventListener(`click`,()=>{jn(F.source,o.copyNow,`✓`)}),o.favHere.addEventListener(`click`,()=>{let e=Nn()||I.shareLink;if(!e)return;let t=[...K].find(t=>q(t)===q(e))??e;Rt(It(e)?t:e,d||I.address,!It(e)).then(Bt)});let Vt=r?a:200,J=[],Y=null,X=null,Ht=``,Z=[],Ut=0,Wt=null,Gt=0;function Kt(e){if(!e)return`never`;let t=Math.max(0,Math.round((Date.now()-e)/1e3));if(t<90)return`just now`;let n=Math.round(t/60);if(n<90)return`${n} min ago`;let r=Math.round(n/60);return r<36?`${r} h ago`:`${Math.round(r/24)} d ago`}async function qt(){if(u!==`remote`){o.catalogsPanel.hidden=!0;return}let e;try{e=await fetch(I.url(`/api/catalogs`))}catch{o.catalogsPanel.hidden=!0;return}if(!e.ok){o.catalogsPanel.hidden=!0;return}J=(await e.json().catch(()=>({}))).catalogs??[],Y&&=J.find(e=>e.id===Y?.id)??null,Y||(X=null),o.catalogsPanel.hidden=!1,Jt()}function Jt(){let e=!o.adminPanel.hidden;o.catalogsForm.hidden=!e;let t=J.reduce((e,t)=>e+t.live,0),n=J.reduce((e,t)=>e+t.vod,0);o.catalogsNote.textContent=J.length===0?e?`No catalogs yet. Add an m3u list of channels or films.`:`No catalogs yet.`:`${J.length} ${J.length===1?`catalog`:`catalogs`} · ${t} live ${t===1?`channel`:`channels`} · ${n} on demand`,Yt();let r=Y!==null&&X!==null;if(o.catalogsList.hidden=r,o.catalogsFilter.hidden=!r,o.catalogsEntries.hidden=!r,r){en();return}if(Y){Zt(Y);return}o.catalogsList.replaceChildren(...J.map(t=>Xt(t,e)))}function Yt(){let e=Y!==null;if(o.catalogsCrumbs.hidden=!e,!e)return;let t=(e,t,n)=>{if(n){let t=document.createElement(`span`);return t.className=`here`,t.textContent=e,t}let r=document.createElement(`button`);return r.type=`button`,r.textContent=e,r.addEventListener(`click`,t),r},n=()=>{let e=document.createElement(`span`);return e.textContent=`/`,e},r=[t(`All catalogs`,()=>{Y=null,X=null,Jt()},!1),n(),t(Y?.name??``,()=>{X=null,Jt()},X===null)];X!==null&&r.push(n(),t(X===``?`All groups`:X,()=>void 0,!0)),o.catalogsCrumbs.replaceChildren(...r)}function Xt(e,t){let n=document.createElement(`li`),r=document.createElement(`span`);r.className=`server-label`;let i=document.createElement(`span`);i.className=`name`,i.textContent=e.name;let a=document.createElement(`span`);if(a.className=`detail`,a.textContent=[`${e.entries.toLocaleString()} ${e.entries===1?`entry`:`entries`}`,`${e.live.toLocaleString()} live`,`${e.vod.toLocaleString()} on demand`,`refreshed ${Kt(e.refreshedAt)}`].join(` · `),r.append(i,a),t&&e.error){let t=document.createElement(`span`);t.className=`detail`,t.textContent=e.error,r.append(t)}let o=document.createElement(`button`);if(o.type=`button`,o.className=`button`,o.textContent=`Browse`,o.addEventListener(`click`,()=>{Y=e,X=null,Jt()}),n.append(r,o),t){let t=document.createElement(`button`);t.type=`button`,t.className=`ghost`,t.textContent=`Refresh`,t.title=`Read the list again`,t.addEventListener(`click`,()=>{nn(e)});let r=document.createElement(`button`);r.type=`button`,r.className=`ghost`,r.textContent=`Remove`,r.title=`Take this catalog off the server`,r.addEventListener(`click`,()=>{confirm(`Remove ${e.name} from this server?`)&&rn(e)}),n.append(t,r)}return n}async function Zt(e){o.catalogsList.replaceChildren();let t=[];try{let n=await w(()=>fetch(I.url(`/api/catalogs/${encodeURIComponent(e.id)}/groups`)));if(!n.ok)throw Error(String(n.status));t=(await n.json()).groups??[]}catch{b=`Could not read the groups in ${e.name}.`,V();return}if(Y?.id!==e.id||X!==null)return;let n=[Qt(`All groups`,``,e.entries,e.live,e.vod),...t.map(e=>Qt(e.name||`(no group)`,e.name,e.count,e.live,e.vod))];o.catalogsList.replaceChildren(...n)}function Qt(e,t,n,r,i){let a=document.createElement(`li`),s=document.createElement(`span`);s.className=`server-label`;let c=document.createElement(`span`);c.className=`name`,c.textContent=e;let l=document.createElement(`span`);l.className=`detail`,l.textContent=`${n.toLocaleString()} · ${r.toLocaleString()} live · ${i.toLocaleString()} on demand`,s.append(c,l);let u=document.createElement(`button`);return u.type=`button`,u.className=`button`,u.textContent=`Open`,u.addEventListener(`click`,()=>{X=t,Ht=``,o.catalogsFilter.value=``,Z=[],Ut=0,Jt(),$t(0)}),a.append(s,u),a}async function $t(e){let t=Y,n=X;if(!t||n===null)return;let r=++Gt,i=new URLSearchParams({group:n,q:Ht,offset:String(e),limit:String(Vt)}),a;try{let e=await w(()=>fetch(I.url(`/api/catalogs/${encodeURIComponent(t.id)}/entries?${i}`)));if(!e.ok)throw Error(String(e.status));a=await e.json()}catch{b=`Could not read ${t.name}.`,V();return}r===Gt&&(Ut=a.total??0,Z=e===0?a.entries??[]:[...Z,...a.entries??[]],en())}function en(){let t=Y;if(!t)return;let n=Z.map(n=>{let r=document.createElement(`li`);r.className=`row`;let i=document.createElement(`span`);i.className=`name`,i.textContent=n.title;let a=document.createElement(`span`);if(a.className=n.live?`catalog-tag catalog-live`:`catalog-tag`,a.textContent=n.live?`LIVE`:n.duration>0?e(n.duration):`VOD`,r.append(i,a),!n.live){let e=document.createElement(`button`);e.type=`button`,e.className=`row-copy`,c(e,`copy`),e.title=`Copy this entry's URL`,e.setAttribute(`aria-label`,`Copy the URL of ${n.title}`),e.addEventListener(`click`,r=>{r.stopPropagation();let i=`/api/catalogs/${encodeURIComponent(t.id)}/entries/${encodeURIComponent(n.id)}/stream`;jn(I.url(i),e,`✓`)}),r.append(e)}return Ue()&&r.append(qe(()=>({kind:`entry`,catalog:{id:t.id,name:t.name},entry:n}),n.title)),r.addEventListener(`click`,()=>{tn(t,n,r)}),r});if(Z.length===0){let e=document.createElement(`li`);e.className=`group`;let t=document.createElement(`span`);t.className=`group-name`,t.textContent=Ht?`Nothing called "${Ht}" here.`:`Nothing in this group.`,e.append(t),n.push(e)}else if(Z.length<Ut){let e=document.createElement(`li`);e.className=`group`;let t=document.createElement(`button`);t.type=`button`,t.className=`ghost`,t.textContent=`Show more (${Z.length.toLocaleString()} of ${Ut.toLocaleString()})`,t.addEventListener(`click`,e=>{e.stopPropagation(),$t(Z.length)}),e.append(t),n.push(e)}o.catalogsEntries.replaceChildren(...n)}async function tn(e,t,n){n?.classList.add(`loading`),b=`Starting ${t.title}…`;let r={catalog:{id:e.id,name:e.name},entry:t};try{await w(async()=>{let n,i={};try{n=await fetch(I.url(`/api/catalogs/${encodeURIComponent(e.id)}/entries/${encodeURIComponent(t.id)}/play`),{method:`POST`}),i=await n.json().catch(()=>({}))}catch{b=`could not reach the server`;return}if(!n.ok){b=i.error??`${t.title} would not play.`;return}let a=i.name||t.title;if(i.kind===`live`&&i.channel){await En({id:i.channel,name:a,video:!0},!0,{kind:`channel`,...r});return}if(i.kind===`vod`&&i.url){S=null,x=-1,T={kind:`vod`,...r},je(a,`title`),await F.load({title:a,artist:``,album:``,duration:0,url:I.url(i.url),video:!0,objectUrl:!1},!0),U(!0),b=`Playing ${a}.`;return}b=`${t.title} would not play.`})}finally{n?.classList.remove(`loading`),V()}}async function nn(e){G(`Reading ${e.name} again…`);try{let t=await fetch(I.url(`/api/catalogs/${encodeURIComponent(e.id)}/refresh`),{method:`POST`}),n=await t.json().catch(()=>({}));G(t.ok?`${n.catalog?.name??e.name}: ${(n.catalog?.entries??0).toLocaleString()} entries.`:n.error??`that did not work`)}catch{G(`could not reach the server`)}qt()}async function rn(e){try{G((await fetch(I.url(`/api/catalogs/${encodeURIComponent(e.id)}`),{method:`DELETE`})).ok?`${e.name} is off the server.`:`that did not work`)}catch{G(`could not reach the server`)}Y?.id===e.id&&(Y=null,X=null),qt()}o.catalogsForm.addEventListener(`submit`,e=>{e.preventDefault();let t=o.catalogSource.value.trim(),n=o.catalogName.value.trim();t&&(async()=>{G(`Reading ${n||t}…`);try{let e=await fetch(I.url(`/api/catalogs`),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({source:t,name:n})}),r=await e.json().catch(()=>({}));if(!e.ok){G(r.error??`that did not work`);return}G(`${r.catalog?.name??n??t}: ${(r.catalog?.entries??0).toLocaleString()} entries.`),o.catalogSource.value=``,o.catalogName.value=``}catch{G(`could not reach the server`)}qt()})()}),o.catalogsFilter.addEventListener(`input`,()=>{Wt&&clearTimeout(Wt),Wt=setTimeout(()=>{Wt=null,Ht=o.catalogsFilter.value.trim(),$t(0)},250)});let an=async()=>{o.serversList.replaceChildren();try{let e=await fetch(`/api/v1/servers`);if(!e.ok){o.serversPanel.hidden=!0;return}let t=(await e.json()).servers??[];o.serversPanel.hidden=!1,o.serversNote.textContent=t.length===0?"No servers yet. `nixamp server add --here` remembers the one you are running.":`The machines on your account. Open one, or forget it.`;for(let e of t){let t=document.createElement(`li`),n=document.createElement(`span`);n.className=`recent-label`;let r=document.createElement(`span`);r.className=`name`,r.textContent=e.name;let i=document.createElement(`span`);i.className=`detail`,i.textContent=e.url,n.append(r,i);let a=document.createElement(`button`);a.type=`button`,a.className=`button`,a.textContent=`Open`,a.addEventListener(`click`,()=>{o.remoteUrl.value=e.key?`${e.url}/admin/${e.key}`:e.url,o.remoteForm.requestSubmit()}),he(e.url).then(n=>{if(n!==null){i.textContent=`${e.url} · ${n}`;return}i.textContent=`${e.url} · not answering`,t.classList.add(`offline`),a.disabled=!0,a.title=`That machine is not answering. Start nixamp on it.`});let s=document.createElement(`button`);s.type=`button`,s.className=`ghost`,s.textContent=`Forget`,s.addEventListener(`click`,()=>{(async()=>{s.disabled=!0;try{await fetch(`/api/v1/servers/${encodeURIComponent(e.id)}`,{method:`DELETE`}),await an()}catch{s.disabled=!1}})()}),t.append(n,a,s),o.serversList.append(t)}}catch{o.serversPanel.hidden=!0}},on=async()=>{o.followingList.replaceChildren();try{let e=await fetch(`/api/v1/follows`);if(!e.ok){o.followingNote.hidden=!0;return}let t=(await e.json()).following??[];o.followingNote.hidden=t.length===0;for(let e of t){let t=document.createElement(`li`),n=document.createElement(`span`);n.className=`recent-label`;let r=document.createElement(`span`);r.className=`name`,r.textContent=e.name||`a nixamp`;let i=document.createElement(`span`);i.className=`detail`,i.textContent=e.live?`live now`:`not streaming`,n.append(r,i);let a=document.createElement(`button`);a.type=`button`,a.className=`ghost follow`,a.textContent=`Unfollow`,a.addEventListener(`click`,()=>{(async()=>{a.disabled=!0;try{await fetch(`/api/v1/follows/${encodeURIComponent(e.id)}`,{method:`DELETE`}),t.remove(),o.followingList.children.length===0&&(o.followingNote.hidden=!0)}finally{a.disabled=!1}})()}),t.append(n,a),o.followingList.append(t)}}catch{o.followingNote.hidden=!0}},sn=(e,t)=>{let n=document.createElement(`button`);n.type=`button`,n.className=`ghost follow`,n.textContent=`Follow`,n.setAttribute(`aria-label`,`Follow ${t}`);let r=e=>{n.textContent=e?`Following`:`Follow`,n.dataset.following=e?`yes`:`no`};return(async()=>{try{let t=await fetch(`/api/v1/follows/${encodeURIComponent(e)}`);t.ok&&r((await t.json()).following===!0)}catch{}})(),n.addEventListener(`click`,()=>{(async()=>{let t=n.dataset.following===`yes`;n.disabled=!0;try{(await fetch(`/api/v1/follows/${encodeURIComponent(e)}`,{method:t?`DELETE`:`PUT`,headers:{"content-type":`application/json`},body:t?void 0:`{}`})).ok&&(r(!t),on())}catch{}finally{n.disabled=!1}})()}),n},cn=e=>{let t=(e+`=`.repeat((4-e.length%4)%4)).replace(/-/g,`+`).replace(/_/g,`/`),n=atob(t),r=new Uint8Array(new ArrayBuffer(n.length));for(let e=0;e<n.length;e+=1)r[e]=n.charCodeAt(e);return r},ln=()=>`serviceWorker`in navigator&&`PushManager`in window&&`Notification`in window,un=async()=>{if(!ln())return o.notifyNote.textContent=`This browser cannot show notifications.`,!1;if(Notification.permission===`denied`)return o.notifyNote.textContent=`This browser is blocking notifications. Allow them in site settings first.`,!1;if(await Notification.requestPermission()!==`granted`)return o.notifyNote.textContent=`Not allowed, so nothing will be sent here.`,!1;try{let e=await navigator.serviceWorker.ready,{publicKey:t}=await(await fetch(`/api/v1/notify/key`)).json();if(!t)return o.notifyNote.textContent=`This server is not set up to send notifications.`,!1;let n=await e.pushManager.getSubscription()??await e.pushManager.subscribe({userVisibleOnly:!0,applicationServerKey:cn(t)}),r=await fetch(`/api/v1/notify/subscribe`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify(n.toJSON())});if(!r.ok)throw Error(String(r.status));return o.notifyNote.textContent=`This device will be told.`,!0}catch{return o.notifyNote.textContent=`Could not set this device up.`,!1}},dn=async()=>{try{let e=await(await navigator.serviceWorker.ready).pushManager.getSubscription();if(!e)return;await fetch(`/api/v1/notify/subscribe?endpoint=${encodeURIComponent(e.endpoint)}`,{method:`DELETE`}),await e.unsubscribe()}catch{}},fn=async e=>{try{let t=await fetch(`/api/v1/notify/prefs`,{method:`PUT`,headers:{"content-type":`application/json`},body:JSON.stringify(e)}),n=await t.json();o.notifyPhoneNote.textContent=t.ok?``:n.error??`that did not save`,t.ok&&typeof n.phone==`string`&&(o.notifyPhone.value=n.phone)}catch{o.notifyPhoneNote.textContent=`could not reach nixamp.com`}},pn=async()=>{try{let e=await fetch(`/api/v1/notify/prefs`);if(!e.ok)return;let t=await e.json();o.notifyEmail.checked=t.wantsEmail!==!1,o.notifySms.checked=t.wantsSms===!0,o.notifyPhone.value=t.phone??``;let n=ln()&&Notification.permission===`granted`?await(await navigator.serviceWorker.ready).pushManager.getSubscription()!==null:!1;o.notifyWeb.checked=t.wantsWeb!==!1&&n,o.notifyNote.textContent=n?`Get told when someone you follow goes live.`:`Turn on “On this device” to be told here.`}catch{}};o.notifyWeb.addEventListener(`change`,()=>{(async()=>{if(o.notifyWeb.checked){let e=await un();o.notifyWeb.checked=e,await fn({wantsWeb:e});return}await dn(),await fn({wantsWeb:!1}),o.notifyNote.textContent=`Turn on “On this device” to be told here.`})()}),o.notifyEmail.addEventListener(`change`,()=>{fn({wantsEmail:o.notifyEmail.checked})}),o.notifySms.addEventListener(`change`,()=>{(async()=>{if(o.notifySms.checked&&!o.notifyPhone.value.trim()){o.notifyPhoneNote.textContent=`Add a phone number first.`,o.notifySms.checked=!1,o.notifyPhone.focus();return}await fn({wantsSms:o.notifySms.checked})})()}),o.notifyPhoneForm.addEventListener(`submit`,e=>{e.preventDefault(),fn({phone:o.notifyPhone.value.trim()})});let mn=!1,Q=``,hn=e=>{let t=e!==null;o.notifyPanel.hidden=!t,t?(pn(),on(),an()):(o.serversPanel.hidden=!0,o.followingNote.hidden=!0,o.followingList.replaceChildren(),o.recentNote.hidden=!0,o.recentList.replaceChildren()),o.accountForm.hidden=t,o.accountProviders.hidden=t||o.accountProviders.childElementCount===0,o.accountSignOut.hidden=!t,o.accountNote.textContent=t?`Signed in as ${e}.`:mn?`Create an account on nixamp.com.`:`Listening needs no account. Sign in to keep favourites, follow people, and publish.`,o.accountSubmit.textContent=mn?`Create account`:`Sign in`,o.accountToggle.textContent=mn?`I have one`:`Create one`,o.accountPassword.autocomplete=mn?`new-password`:`current-password`},gn=async()=>{let e=[],t=!1;try{let n=await fetch(`/api/v1/auth/providers`);n.ok&&(t=!0,e=(await n.json()).providers??[])}catch{}o.accountProviders.replaceChildren(),o.accountProviders.hidden=e.length===0,o.accountPanel.hidden=!t,o.accountElsewhere.hidden=t;for(let t of e){let e=document.createElement(`a`);e.className=`button`,e.href=`/api/v1/${encodeURIComponent(t.id)}/oauth/start`,e.textContent=`Continue with ${t.name}`,o.accountProviders.append(e)}},_n=async()=>{try{let e=await fetch(`/api/v1/auth/me`),t=await e.json();Q=e.ok?t.account?.id??``:``,hn(e.ok?t.account?.email??`you`:null)}catch{Q=``,hn(null)}Lt(),vn()};function vn(){if(Fe===``)return;let e=Fe;Fe=``,o.remoteUrl.value=e,o.remoteForm.requestSubmit()}o.accountToggle.addEventListener(`click`,()=>{mn=!mn,hn(null)}),o.accountForm.addEventListener(`submit`,e=>{e.preventDefault();let t=o.accountEmail.value.trim(),n=o.accountPassword.value;(async()=>{o.accountSubmit.disabled=!0;try{let e=await fetch(`/api/v1/auth/${mn?`signup`:`login`}`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({email:t,password:n})}),r=await e.json();if(!e.ok){o.accountNote.textContent=r.error??`that did not work`;return}Q=r.account?.id??``,o.accountPassword.value=``,hn(r.account?.email??t),Mt(),vn()}catch{o.accountNote.textContent=`could not reach nixamp.com`}finally{o.accountSubmit.disabled=!1}})()}),o.accountSignOut.addEventListener(`click`,()=>{(async()=>{try{await fetch(`/api/v1/auth/logout`,{method:`POST`})}catch{}Q=``,hn(null),I.close(),x=-1,u=`local`,v=`idle`,y=``,o.remoteUrl.value=``,o.sharePanel.hidden=!0,o.publishPanel.hidden=!0,o.adminPanel.hidden=!0,o.onairPanel.hidden=!0,o.catalogsPanel.hidden=!0,o.listenOnly.hidden=!0,Sn(!1);try{localStorage.removeItem(Le)}catch{}b=`Signed out, and disconnected from the server.`,Mt(),V()})()});try{let e=new URL(globalThis.location.href).searchParams,t=e.get(`url`)??``;t!==``&&(Fe=t,p=e.get(`play`)??``,m=Math.max(0,Number(e.get(`t`)??`0`)||0),o.remoteUrl.value=t,b=`Opening the stream you were sent…`,globalThis.history?.replaceState(null,``,globalThis.location.pathname))}catch{}gn(),_n(),Mt(),o.browse.addEventListener(`click`,()=>{if(!o.directory.hidden){o.directory.hidden=!0;return}wt(),o.directory.scrollIntoView({behavior:`smooth`,block:`nearest`})}),o.disconnect.addEventListener(`click`,()=>{I.close(),o.listenOnly.hidden=!0,x=-1,o.sharePanel.hidden=!0,o.publishPanel.hidden=!0,o.adminPanel.hidden=!0,o.onairPanel.hidden=!0,o.onairPanel.dataset.title=`Live on this server`,o.catalogsPanel.hidden=!0,o.catalogsPanel.dataset.title=`Catalogs on this server`,d=``,h=``,Bt(),Sn(!1),u=`local`,v=`idle`,y=``,V()});async function yn(){if(u!==`remote`||I.shareLink===``){o.sharePanel.hidden=!0;return}o.sharePanel.hidden=!1;let e=Nn(),t=globalThis.location.origin;o.shareLink.value=e===``?``:e.startsWith(`https://`)?`${t}/?url=${encodeURIComponent(e)}`:e,o.shareNote.textContent=`Anyone with this link can watch. They sign in once, then it opens.`,o.sharePhone.hidden=!0,o.shareSend.hidden=!0,o.liveControls.hidden=!0;let n=``;try{let e=await fetch(`/api/directory`);e.ok&&(n=(await e.json()).callIn??``)}catch{}let r=null;try{let n=await fetch(I.url(`/api/live/state`));n.ok&&(r=await n.json()),r?.url&&(e=r.url,h=r.url,o.shareLink.value=e.startsWith(`https://`)?`${t}/?url=${encodeURIComponent(e)}`:e)}catch{}if(r){if(Me=r.live,k=r.live?r.code:``,A=n,o.liveControls.hidden=o.adminPanel.hidden||!r.possible,o.goLive.hidden=r.live,o.stopLive.hidden=!r.live,o.sharePhone.hidden=!1,!r.live){o.sharePhone.textContent=r.possible?`Not listed, so nobody can find this in the directory. Go live to list it, with a phone number and a code anyone can call.`:`This machine has no address the world can reach, so it cannot be listed.`;return}if(!n){o.sharePhone.textContent=`Listed. The code for the phone line is ${r.code}.`,o.shareSend.hidden=!1;return}o.sharePhone.replaceChildren(document.createTextNode(`To talk about it, call `),zn(n),document.createTextNode(` and key `),zn(r.code),document.createTextNode(`. That is a room with everyone else watching — not the stream itself.`)),o.shareSend.hidden=!1}}let bn=``,xn=null,Sn=e=>{xn&&clearInterval(xn),xn=null,e&&(xn=setInterval(()=>void $(),6e3))};async function $(){if(u!==`remote`){o.onairPanel.hidden=!0;return}let e;try{let t=await fetch(I.url(`/api/streams`));if(!t.ok){o.onairPanel.hidden=!0;return}e=await t.json(),e.server.name&&e.server.name!==d&&(d=e.server.name,o.onairPanel.dataset.title=`Live on ${d}`,o.catalogsPanel.dataset.title=`Catalogs on ${d}`,Bt(),V())}catch{o.onairPanel.hidden=!0;return}o.onairPanel.hidden=!1,E=e,Pn(e);let t=`${o.adminPanel.hidden?`view`:`drive`}:${JSON.stringify(e)}`;if(t===bn)return;bn=t;let n=e.restreams??[],r=e.channels.length+n.length;o.onairNote.textContent=r===0?`One stream, from this server's own files.`:`${r+1} streams: this server's own files, and ${r} more on it.`;let i=[],a=e.server.playing,s=!o.adminPanel.hidden;i.push(Fn({title:e.server.name,detail:[a?`playing ${e.server.nowPlaying}`:e.server.nowPlaying?`stopped on ${e.server.nowPlaying}`:`nothing loaded`,`${e.server.tracks} track${e.server.tracks===1?``:`s`}`,e.server.code?`☎ ${e.server.code}`:`not listed`].join(` · `),playLabel:a?`Join live`:s?`Start the stream`:`Nothing playing`,onPlay:()=>{if(a){Tn(e.server.nowPlaying);return}s&&wn()},link:e.server.live?e.server.url:``,...a?{page:Mn(`live`)}:{},direct:a?I.url(`/api/live`):``}));for(let e of n)i.push(Fn({title:e.name,detail:e.tracks===1?`re-streamed from the web`:`re-streamed from the web · ${e.tracks} tracks`,onPlay:()=>{z(e.at)},link:``,direct:I.media(e.at)}));for(let t of e.channels){let e=t.kind!==`audio`,n=I.url(`/api/channels/${encodeURIComponent(t.id)}`),r=[t.via===`pull`?`on the air · ${t.listeners} watching`:`live over ${t.via} · ${t.listeners} listening`];t.code&&r.push(`☎ ${t.code}`),t.redials&&r.push(`redialled ${t.redials}×`),s&&t.error&&r.push(t.error),i.push(Fn({title:t.name,detail:r.join(` · `),onPlay:()=>{En({id:t.id,name:t.name,video:e})},link:n,page:Mn(`channel:${t.id}`),direct:n,onRestart:s&&t.via===`pull`?()=>{kn(t.id,t.name)}:void 0,onStop:s?()=>{An(t.id,t.name)}:void 0}))}o.onairList.replaceChildren(...i)}async function Cn(){if(u===`remote`)try{if((await fetch(I.media(R(),0),{method:`GET`,headers:{range:`bytes=0-1`}})).status!==402)return;b=Q===``?`This stream is busy enough to be charging for. Sign in to nixamp.com to pay for a pass.`:`This stream is charging for a pass. Follow the payment prompt to keep listening.`,Q===``&&o.accountPanel.scrollIntoView({behavior:`smooth`,block:`center`}),V()}catch{}}async function wn(){G(`Starting the stream on the server…`);try{await I.send({type:`play`,index:Math.max(0,R())})}catch{G(`could not reach the server`);return}await Tn(_.tracks[R()]?.title??``),G(`Playing to the room. Anybody with the view link sees this.`),await $()}async function Tn(e){x=-1,S=null,T={kind:`live`},je(e,`auto`),await w(()=>F.load({title:e||`Live`,artist:``,album:``,duration:0,url:I.url(`/api/live`),video:!0,objectUrl:!1},!0)),U(!0),b=`Watching what this server is playing. Everyone here sees the same thing.`,V()}async function En(e,t=!0,n){x=-1,S=e,t&&(C=0),t&&(T=n??{kind:`channel`}),t&&je(e.name,T?.link||Ie(e.name)?`auto`:`channel`);let r=e.video&&We();await w(()=>F.load({title:e.name,artist:``,album:``,duration:0,url:I.url(r?`/api/channels/${encodeURIComponent(e.id)}/hls/index.m3u8`:`/api/channels/${encodeURIComponent(e.id)}`),video:e.video,objectUrl:!1},!0)),U(e.video),S===e&&(b=`Watching ${e.name}, live on this server.`),V()}function Dn(){let e=S;return e?Pe?!0:C>=5?(b=`${e.name} stopped, and did not come back.`,S=null,T=null,V(),!0):(C+=1,b=`${e.name} started over; rejoining…`,V(),Pe=setTimeout(()=>{Pe=null,S===e&&En(e,!1)},2e3),!0):!1}function On(e){o.onairNote.textContent=e,G(e)}async function kn(e,t){On(`Restarting ${t}…`);try{let n=await fetch(I.url(`/api/channels/${encodeURIComponent(e)}/restart`),{method:`POST`}),r=await n.json().catch(()=>({}));On(n.ok?`${t} is dialling its source again.`:r.error??`that did not work`)}catch{On(`could not reach the server`)}bn=``,$()}async function An(e,t){On(`Taking ${t} off the air…`);try{let n=await fetch(I.url(`/api/channels/${encodeURIComponent(e)}`),{method:`DELETE`}),r=await n.json().catch(()=>({}));On(n.ok?`${t} is off the air.`:r.error??`that did not work`)}catch{On(`could not reach the server`)}S?.id===e&&(S=null,F.stop()),bn=``,$()}async function jn(e,t,n=`Copied`){if(!e)return;let r=t.innerHTML;try{await navigator.clipboard.writeText(e)}catch{b=e,V();return}n===`✓`||n===`✓`?c(t,`check`):t.textContent=n,setTimeout(()=>{t.innerHTML=r},1200)}function Mn(e,t=0){let n=Nn();if(n===``)return``;let r=globalThis.location.origin,i=t>1?`&t=${Math.floor(t)}`:``;return`${r}/?url=${encodeURIComponent(n)}&play=${encodeURIComponent(e)}${i}`}function Nn(){if(h!==``)return h;let e=u===`remote`?I.shareLink:``;return/\/admin\//.test(e)?``:e}function Pn(e){if(p===``)return;let t=p;if(t===`live`){p=``,e.server.playing?Tn(e.server.nowPlaying):(b=`Nothing is playing on this server right now.`,V());return}if(t.startsWith(`link:`)){p=``,yt(t.slice(5));return}let n=t.startsWith(`channel:`)?t.slice(8):``,r=e.channels.find(e=>e.id===n)??e.channels.find(e=>e.name===n);r&&(p=``,En({id:r.id,name:r.name,video:r.kind!==`audio`}))}function Fn(e){let t=document.createElement(`li`);t.className=`onair`;let n=document.createElement(`span`);n.className=`recent-label`;let r=document.createElement(`span`);r.className=`name`,r.textContent=e.title;let i=document.createElement(`span`);i.className=`detail`,i.textContent=e.detail,n.append(r,i);let a=document.createElement(`span`);a.className=`onair-actions`;let o=document.createElement(`button`);o.type=`button`,o.className=`button`,o.textContent=e.playLabel??`Play`,o.addEventListener(`click`,e.onPlay),a.append(o);let s=(e,t,n)=>{let r=document.createElement(`button`);return r.type=`button`,r.className=`icon`,c(r,e),r.title=t,r.setAttribute(`aria-label`,t),r.addEventListener(`click`,()=>n(r)),r};return(e.link||e.page)&&a.append(s(`link`,`Copy a link that opens this in the player`,t=>{let n=globalThis.location.origin;jn(e.page??(e.link.startsWith(`https://`)?`${n}/?url=${encodeURIComponent(e.link)}`:e.link),t,`✓`)})),e.direct&&a.append(s(`copy`,`Copy the stream's own URL, for VLC or mpv`,t=>{jn(e.direct??``,t,`✓`)})),e.onRestart&&a.append(s(`restart`,`Restart: dial the source again`,()=>e.onRestart?.())),e.onStop&&a.append(s(`remove`,`Remove: take it off the air`,()=>e.onStop?.())),t.append(n,a),t}let In=``;function Ln(e,t){In=e;let n=e!==``&&t===e;o.loadHome.hidden=e===``,o.homeNote.hidden=e===``,e!==``&&(o.homeNote.textContent=n?`This server's own files: ${e}`:`This server's own files are ${e}, and are not in the playlist.`,o.loadHome.disabled=!1)}o.loadHome.addEventListener(`click`,()=>{In!==``&&(o.loadHome.disabled=!0,G(`Reading this server's files…`),(async()=>{try{let e=await fetch(I.url(`/api/source`),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({source:In})}),t=await e.json();G(e.ok?t.added===0?`This server's files are already in the playlist.`:`Loaded ${t.added??0} of this server's own files.`:t.error??`that did not work`)}catch{G(`could not reach the server`)}finally{o.loadHome.disabled=!1}})())});let Rn=async e=>{o.goLive.disabled=!0,o.stopLive.disabled=!0,o.shareNote.textContent=e?`Going live…`:`Taking it off the list…`;try{let t=await fetch(I.url(e?`/api/live/start`:`/api/live/stop`),{method:`POST`}),n=await t.json();o.shareNote.textContent=t.ok?e?`Live. Anyone can call and key ${n.code??``} to talk about it.`:`Taken off the list. The link still works for anybody who has it.`:n.error??`that did not work`}catch{o.shareNote.textContent=`could not reach the server`}finally{o.goLive.disabled=!1,o.stopLive.disabled=!1,await yn()}};o.goLive.addEventListener(`click`,()=>void Rn(!0)),o.stopLive.addEventListener(`click`,()=>void Rn(!1));function zn(e){let t=document.createElement(`b`);return t.textContent=e,t}o.shareCopy.addEventListener(`click`,()=>{o.shareLink.select(),navigator.clipboard?.writeText(o.shareLink.value).then(()=>{o.shareNote.textContent=`Copied. Send it to anybody.`},()=>{o.shareNote.textContent=`Copy it from the box above.`})}),o.shareSend.addEventListener(`submit`,e=>{e.preventDefault();let t=o.shareTo.value.trim();t!==``&&(async()=>{o.shareNote.textContent=`Sending…`;try{let e=await fetch(`/api/v1/invite`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({to:t,stream:Nn()})}),n=await e.json();o.shareNote.textContent=e.ok?`Sent to ${n.sent??t}.`:n.error??`that did not send`,e.ok&&(o.shareTo.value=``)}catch{o.shareNote.textContent=`could not send that`}})()}),o.listenHere.addEventListener(`change`,()=>{try{localStorage.setItem(ze,o.listenHere.checked?`1`:`0`)}catch{}u===`remote`&&(async()=>{o.listenHere.checked?(await I.send({type:`stop`}),await et(_.index)):(F.stop(),x=-1),V()})()}),document.addEventListener(`keydown`,e=>{let t=e.target;if(!(t&&/^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName)))switch(e.key){case` `:e.preventDefault(),tt();return;case`s`:nt();return;case`n`:case`ArrowRight`:B(1);return;case`p`:case`ArrowLeft`:B(-1);return;case`ArrowDown`:e.preventDefault(),z(Math.min(L()-1,R()+1));return;case`ArrowUp`:e.preventDefault(),z(Math.max(0,R()-1));return}});let Bn=null;globalThis.addEventListener(`beforeinstallprompt`,e=>{e.preventDefault(),Bn=e,o.install.hidden=!1}),o.install.addEventListener(`click`,()=>{Bn?.prompt(),Bn=null,o.install.hidden=!0});try{let e=localStorage.getItem(Re);e!==null&&(o.volume.value=String(Math.round(Number(e)*100)),F.volume=Number(e));let t=localStorage.getItem(Le);t&&(o.remoteUrl.value=t),localStorage.getItem(ze)===`0`&&(o.listenHere.checked=!1)}catch{}(async()=>{if(o.remoteUrl.value!==``)return;let e=globalThis.location.origin;if(await he(e)===null)return;let t=await fe(e);t&&t.trackCount!==0&&(o.remoteUrl.value=e,u=`remote`,b=``,I.connect(e),V())})(),(()=>{if(Ve||Fe!==``)return;let e=()=>F.source!==``||F.playing||de()||S!==null,t=async()=>{try{let e=await(await fetch(`/jingles/index.json`)).json();if(Array.isArray(e)&&e.length>0){let t=e[Math.floor(Math.random()*e.length)];if(typeof t==`string`)return`/jingles/${t}`}}catch{}return``},n=new Audio;n.volume=.7;let r=()=>{Ve=!0},i=()=>{document.removeEventListener(`pointerdown`,i),document.removeEventListener(`keydown`,i),r(),setTimeout(()=>{e()||n.play().catch(()=>{})},150)};t().then(t=>{if(!(t===``||e()))return n.src=t,n.play().then(r,()=>{document.addEventListener(`pointerdown`,i,{once:!0}),document.addEventListener(`keydown`,i,{once:!0})})})})(),V(),requestAnimationFrame(_t)}N(),`serviceWorker`in navigator&&globalThis.addEventListener(`load`,()=>{navigator.serviceWorker.register(`/sw.js`).catch(()=>{})});export{c as t};

package/web/dist/assets/{index-B2PmEiyU.css → index-DMbq5DhN.css}

@@ -1 +1 @@
-:root{--bg:#080c09;--panel:#0c120e;--edge:#1d2c22;--green:#4af689;--green-dim:#227a4a;--fg:#cfe8d8;--muted:#6d8a79;--warn:#e8c35a;--accent:#7ef0c4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0;font:14px/1.45 ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}body{background-image:repeating-linear-gradient(#4af68906 0 1px,#0000 1px 3px)}#app{max-width:1100px;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));flex-direction:column;gap:10px;margin:0 auto;display:flex}.bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand{color:var(--green);letter-spacing:.14em;font-weight:700}.status{color:var(--muted)}.status[data-playing=true]{color:var(--green)}.status[data-playing=loading]{color:var(--accent)}.status[data-playing=loading]:before,.row.loading>.name:after{content:"";vertical-align:-.1em;border:2px solid;border-right-color:#0000;border-radius:50%;width:.8em;height:.8em;animation:.8s linear infinite turn;display:inline-block}.status[data-playing=loading]:before{margin-right:6px}.row.loading>.name:after{color:var(--accent);margin-left:8px}@keyframes turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.status[data-playing=loading]:before,.row.loading>.name:after{animation-duration:2.4s}}.chip{color:var(--muted);border:1px solid var(--edge);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:46vw;margin-left:auto;padding:1px 10px;font-size:12px;overflow:hidden}.panel{border:1px solid var(--edge);background:var(--panel);border-radius:6px;min-width:0;padding:14px 12px 12px;position:relative}.panel:before{content:attr(data-title);background:var(--panel);color:var(--green-dim);letter-spacing:.06em;padding:0 6px;font-size:12px;position:absolute;top:-.72em;left:10px}.split{grid-template-columns:1.3fr 1fr;gap:10px;display:grid}.split>.col-a{grid-column:1}.split>.col-b{grid-column:2}.stack{align-content:start;gap:14px;min-width:0;display:grid}.directory-list li.onair{border-bottom:1px solid var(--edge);flex-direction:column;align-items:stretch;gap:6px;padding:6px 0}.directory-list li.onair:last-child{border-bottom:0}.directory-list li.onair>.recent-label{flex:none}.onair-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.icon{border:1px solid var(--edge);min-width:2.2em;height:2.2em;color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0 6px;font-size:1em;line-height:1}.icon:hover{color:var(--accent);border-color:var(--accent)}.directory-list li>.button:disabled,.directory-list li>.way-in:disabled{opacity:.4;cursor:not-allowed}.directory-list li>.way-in:disabled:hover{color:var(--muted);border-color:var(--edge)}.directory-list li>.way-in{color:var(--fg);flex:none;align-self:center;padding:0 8px}.directory-list li>.way-in svg{width:18px;height:18px}.heart{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:2px 6px;font-size:1.1em;line-height:1}.heart:hover{color:var(--accent);border-color:var(--accent)}.heart[data-on=yes]{color:var(--accent)}.directory-list li>span.server-label{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;padding:4px 2px;display:flex}.directory-list li>.server-label .name{font-weight:600}.directory-list li>.server-label .detail{color:var(--muted);white-space:nowrap}.directory-list li>.server-label .live{color:var(--green)}@media (max-width:720px){.split{grid-template-columns:1fr}.split>.col-a,.split>.col-b{grid-column:auto}}.track-title{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.track-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-live{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;line-height:1.5}.track-live b{color:var(--green);font-weight:700}.track-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;margin-bottom:4px;display:flex}.meta-chip{color:var(--muted);border:1px solid var(--edge);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:0 8px;font-size:11px;line-height:1.7;overflow:hidden}.meta-chip:first-of-type{color:var(--green);border-color:var(--green-dim)}.meta-logo{object-fit:contain;background:#000;border-radius:3px;max-width:64px;height:22px}.meta-logo.meta-poster{max-width:52px;height:72px}.meta-score{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:1.4;display:flex}.meta-team{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:38vw;overflow:hidden}.meta-points{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.meta-dash{color:var(--muted);padding:0 2px}.meta-team-logo{object-fit:contain;flex:none;width:20px;height:20px}.meta-chip.chip-live{color:var(--fg);border-color:#b3261e}.meta-chip.chip-live:before{content:"";vertical-align:1px;background:#e53935;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:1.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.meta-chip.chip-live:before{animation:none}}.track-blurb{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}#video{border:1px solid var(--edge);background:#000;border-radius:4px;width:100%;max-height:46vh;margin-bottom:8px}.scrub{align-items:center;gap:10px;margin-top:6px;display:flex}.time{color:var(--fg);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:14px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--edge), var(--edge));border:1px solid var(--edge);border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:var(--edge);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--green);border-radius:2px;width:10px;height:16px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--green);border:0;border-radius:2px;width:10px;height:16px}input[type=range]:disabled{opacity:.45;cursor:default}#spectrum{border:1px solid var(--edge);background:#060a07;border-radius:4px;width:100%;height:190px;display:block}.meters{align-items:baseline;gap:10px;margin-top:6px;display:flex;overflow:hidden}.glyphs{color:var(--green);letter-spacing:1px;white-space:pre;flex:auto;min-width:0;min-height:1.4em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}.levelmeter{color:var(--accent);white-space:pre;font-variant-ligatures:none;text-align:right;flex:none;min-width:15ch;margin-left:auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.filter{border:1px solid var(--edge);width:100%;color:var(--fg);font:inherit;background:#0a100c;border-radius:4px;margin-bottom:6px;padding:4px 8px}.filter:focus{border-color:var(--accent);outline:none}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;font-size:12px;display:flex}.crumbs button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 2px}.crumbs button:hover{text-decoration:underline}.crumbs .here{color:var(--fg)}.catalog-tag{color:var(--muted);letter-spacing:.06em;flex:none;font-size:11px}.catalog-live{color:var(--green)}#catalogs-entries{max-height:320px;overflow-y:auto}.folder{cursor:pointer;white-space:nowrap;color:var(--accent);border-radius:3px;gap:8px;padding:2px 6px;display:flex}.folder:hover{background:#142019}.folder .name{text-overflow:ellipsis;flex:1;overflow:hidden}.folder .count{color:var(--muted);flex:none}.playlist{scrollbar-color:var(--green-dim) transparent;max-height:214px;margin:0;padding:0;list-style:none;overflow-y:auto}.row{cursor:pointer;white-space:nowrap;border-radius:3px;gap:8px;padding:2px 6px;display:flex}.row:hover{background:#142019}.row.selected{background:#16241c}.row.selected .name{color:var(--accent)}.row.playing .name{color:var(--green)}.group{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--edge);align-items:center;gap:8px;margin-top:4px;padding:6px 6px 2px;font-size:11px;display:flex}.group:first-child{border-top:0;margin-top:0}.group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.group-remove{border:1px solid var(--edge);color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0 6px;line-height:1.4}.group-remove:hover{color:var(--accent);border-color:var(--accent)}.row .n{color:var(--muted);text-align:right;flex:none;width:2.4em}.row .name{text-overflow:ellipsis;flex:1;overflow:hidden}.row .time{color:var(--muted);flex:none}.row-copy{color:var(--muted);cursor:pointer;opacity:.55;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;padding:0 5px;line-height:1.4}.row:hover .row-copy,.row.selected .row-copy{opacity:1}.row-copy svg,.icon svg{vertical-align:-2px;width:14px;height:14px;display:inline-block}.icon{justify-content:center;align-items:center;display:inline-flex}.row-copy:hover{color:var(--accent);border-color:var(--accent)}.transport{border:1px solid var(--edge);background:var(--panel);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}button{font:inherit;color:var(--fg);border:1px solid var(--edge);cursor:pointer;background:#121a15;border-radius:4px;padding:6px 12px}button:hover{border-color:var(--green-dim);color:var(--green)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:2px}button.primary{color:var(--green);border-color:var(--green-dim);min-width:64px}button.ghost{color:var(--muted);background:0 0}button.golive{color:#ff5c5c;letter-spacing:.06em;border-color:#7a2b2b}button.golive:hover{color:#fff;background:#7a2b2b;border-color:#ff5c5c}button.golive:disabled{opacity:.5;cursor:progress}.row-live:hover{color:#ff5c5c;border-color:#ff5c5c}.directory-list li:has(>.server-lives){flex-wrap:wrap}.directory-list li>.server-lives{border-left:2px solid var(--green-dim);flex-direction:column;flex:100%;gap:4px;margin:2px 0 0;padding:0 0 0 12px;list-style:none;display:flex}.server-lives li{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.server-lives li>.detail{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.server-lives li>.button{flex:none;padding:2px 10px;font-size:12px}.volume{flex:1;align-items:center;gap:8px;min-width:120px;max-width:220px;margin-left:auto;display:flex}.vol{color:var(--muted);letter-spacing:.08em;font-size:12px}.picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-form{margin-top:8px}.link-form input{flex:240px;min-width:0}.button{border:1px solid var(--edge);cursor:pointer;color:var(--fg);background:#121a15;border-radius:4px;padding:6px 12px;display:inline-block}.button:hover{border-color:var(--green-dim);color:var(--green)}.button input[type=file]{display:none}#remote-url{font:inherit;min-width:12ch;color:var(--fg);border:1px solid var(--edge);background:#060a07;border-radius:4px;flex:1;padding:6px 10px}.check{color:var(--muted);align-items:center;gap:8px;margin-top:10px;display:flex}.check input{accent-color:var(--green)}.hint{color:var(--muted);margin:0 0 8px;font-size:13px}.hint code{color:var(--accent)}#remote-state[data-status=live]{color:var(--green)}#remote-state[data-status=connecting],#remote-state[data-status=error]{color:var(--warn)}.note{color:var(--warn);border-left:2px solid var(--warn);margin:0;padding-left:8px}.statusbar{color:var(--muted);border-top:1px solid var(--edge);flex-wrap:wrap;gap:14px;padding-top:8px;font-size:12px;display:flex}.statusbar b{color:var(--green);font-weight:700}.statusbar .tv-toggle{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}body.tv .statusbar .tv-toggle{color:var(--green)}.statusbar .spacer{flex:1}.statusbar a{color:var(--muted)}.directory{border-top:1px solid var(--line);margin-top:.6rem;padding-top:.6rem}.directory-list{max-height:12rem;margin:0;padding:0;list-style:none;overflow-y:auto}.directory-list li+li{margin-top:.3rem}.directory-list button{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:.4rem .5rem}.directory-list button:hover,.directory-list button:focus-visible{border-color:var(--accent);background:#ffffff0a}.directory-list .name{color:var(--accent);display:block}.directory-list .detail{opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-size:.85em;display:block;overflow:hidden}.publish-list{margin:.3rem 0 0;padding:0;list-style:none}.publish-list li{align-items:center;gap:8px;margin-top:.3rem;display:flex}.publish-list li.in-use .slot{color:var(--green)}.publish-list .slot{color:var(--muted);flex:none;min-width:4.5em;font-size:12px}.publish-list input{flex:auto;min-width:0}.said{color:var(--accent);margin:.3rem 0 0}.directory-list li.offline .recent-label{opacity:.55}.directory-list li.offline .detail{color:var(--warn)}.share-line{align-items:center;gap:8px;margin:.4rem 0;display:flex}.share-what{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:12px}.share-line input{flex:auto;min-width:0}#share-phone{color:var(--fg);font-size:1.05em}#share-phone b{color:var(--accent)}.admin-table{border-collapse:collapse;width:100%;min-height:5.5em;max-height:14rem;margin:.4rem 0;font-size:.85em;display:block;overflow-y:auto}.admin-table th{text-align:left;opacity:.6;padding:.2rem .4rem .2rem 0;font-weight:400}.admin-table td{white-space:nowrap;text-overflow:ellipsis;max-width:12rem;padding:.2rem .4rem .2rem 0;overflow:hidden}.admin-table td.network-public{color:var(--warning,#e0b341)}.admin-table td.network-private{color:var(--success,#7fd18b)}.admin-table tr.ended{opacity:.45}body.route-directory .player-only{display:none}.directory-list li{align-items:stretch;gap:.4rem;display:flex}.directory-list li>:first-child{flex:auto;min-width:0}.directory-list li>button:first-child{text-align:left;width:100%}.directory-list li>.button,.directory-list li>.ghost{white-space:nowrap;flex:none;align-items:center;display:flex}.directory-list .follow{white-space:nowrap;width:auto;color:var(--muted);flex:none;padding-inline:.6rem}.directory-list .follow[data-following=yes]{border-color:var(--accent);color:var(--accent)}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}.toggle input{accent-color:var(--accent)}.recent-label{border:1px solid var(--line);border-radius:4px;flex:auto;min-width:0;padding:.4rem .5rem}.pager{border-top:1px solid var(--edge);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-top:6px;display:flex}.pager .pager-where{color:var(--muted);font-variant-numeric:tabular-nums}.pager button:disabled{opacity:.35;cursor:default}body.tv{font-size:19px}body.tv .playlist,body.tv #catalogs-entries,body.tv .directory-list,body.tv .admin-table{max-height:none;overflow-y:visible}body.tv #app{max-width:1400px}body.tv .row,body.tv .folder{border-radius:4px;padding:8px 10px}body.tv .row:focus-visible,body.tv .folder:focus-visible{outline:2px solid var(--green);outline-offset:-2px;background:#142019}body.tv button,body.tv .button,body.tv .directory-list button{min-height:2.4em;padding:8px 16px}body.tv .row-copy{min-height:0;padding:0 8px}body.tv .icon{min-width:2.4em;height:2.4em}body.tv .directory-list li+li{margin-top:.6rem}body.tv .server-lives li>.button{padding:6px 14px;font-size:.9em}body.tv input,body.tv .filter{padding:8px 10px;font-size:1em}
+:root{--bg:#080c09;--panel:#0c120e;--edge:#1d2c22;--green:#4af689;--green-dim:#227a4a;--fg:#cfe8d8;--muted:#6d8a79;--warn:#e8c35a;--accent:#7ef0c4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0;font:14px/1.45 ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}body{background-image:repeating-linear-gradient(#4af68906 0 1px,#0000 1px 3px)}#app{max-width:1100px;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));flex-direction:column;gap:10px;margin:0 auto;display:flex}.bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand{color:var(--green);letter-spacing:.14em;font-weight:700}.status{color:var(--muted)}.status[data-playing=true]{color:var(--green)}.status[data-playing=loading]{color:var(--accent)}.status[data-playing=loading]:before,.row.loading>.name:after{content:"";vertical-align:-.1em;border:2px solid;border-right-color:#0000;border-radius:50%;width:.8em;height:.8em;animation:.8s linear infinite turn;display:inline-block}.status[data-playing=loading]:before{margin-right:6px}.row.loading>.name:after{color:var(--accent);margin-left:8px}@keyframes turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.status[data-playing=loading]:before,.row.loading>.name:after{animation-duration:2.4s}}.chip{color:var(--muted);border:1px solid var(--edge);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:46vw;margin-left:auto;padding:1px 10px;font-size:12px;overflow:hidden}.panel{border:1px solid var(--edge);background:var(--panel);border-radius:6px;min-width:0;padding:14px 12px 12px;position:relative}.panel:before{content:attr(data-title);background:var(--panel);color:var(--green-dim);letter-spacing:.06em;padding:0 6px;font-size:12px;position:absolute;top:-.72em;left:10px}.split{grid-template-columns:1.3fr 1fr;gap:10px;display:grid}.split>.col-a{grid-column:1}.split>.col-b{grid-column:2}.stack{align-content:start;gap:14px;min-width:0;display:grid}.directory-list li.onair{border-bottom:1px solid var(--edge);flex-direction:column;align-items:stretch;gap:6px;padding:6px 0}.directory-list li.onair:last-child{border-bottom:0}.directory-list li.onair>.recent-label{flex:none}.onair-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.icon{border:1px solid var(--edge);min-width:2.2em;height:2.2em;color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0 6px;font-size:1em;line-height:1}.icon:hover{color:var(--accent);border-color:var(--accent)}.directory-list li>.button:disabled,.directory-list li>.way-in:disabled{opacity:.4;cursor:not-allowed}.directory-list li>.way-in:disabled:hover{color:var(--muted);border-color:var(--edge)}.directory-list li>.way-in{color:var(--fg);flex:none;align-self:center;padding:0 8px}.directory-list li>.way-in svg{width:18px;height:18px}.heart{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:2px 6px;font-size:1.1em;line-height:1}.heart:hover{color:var(--accent);border-color:var(--accent)}.heart[data-on=yes]{color:var(--accent)}.directory-list li>span.server-label{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;padding:4px 2px;display:flex}.directory-list li>.server-label .name{font-weight:600}.directory-list li>.server-label .detail{color:var(--muted);white-space:nowrap}.directory-list li>.server-label .live{color:var(--green)}@media (max-width:720px){.split{grid-template-columns:1fr}.split>.col-a,.split>.col-b{grid-column:auto}}.track-title{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.track-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-live{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;line-height:1.5}.track-live b{color:var(--green);font-weight:700}.track-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;margin-bottom:4px;display:flex}.meta-chip{color:var(--muted);border:1px solid var(--edge);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:0 8px;font-size:11px;line-height:1.7;overflow:hidden}.meta-chip:first-of-type{color:var(--green);border-color:var(--green-dim)}.meta-logo{object-fit:contain;background:#000;border-radius:3px;max-width:64px;height:22px}.meta-logo.meta-poster{max-width:52px;height:72px}.meta-score{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:1.4;display:flex}.meta-team{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:38vw;overflow:hidden}.meta-points{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.meta-dash{color:var(--muted);padding:0 2px}.meta-team-logo{object-fit:contain;flex:none;width:20px;height:20px}.meta-chip.chip-live{color:var(--fg);border-color:#b3261e}.meta-chip.chip-live:before{content:"";vertical-align:1px;background:#e53935;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:1.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.meta-chip.chip-live:before{animation:none}}.track-blurb{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}#video{border:1px solid var(--edge);background:#000;border-radius:4px;width:100%;max-height:46vh;margin-bottom:8px}.scrub{align-items:center;gap:10px;margin-top:6px;display:flex}.time{color:var(--fg);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:14px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--edge), var(--edge));border:1px solid var(--edge);border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:var(--edge);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--green);border-radius:2px;width:10px;height:16px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--green);border:0;border-radius:2px;width:10px;height:16px}input[type=range]:disabled{opacity:.45;cursor:default}#spectrum{border:1px solid var(--edge);background:#060a07;border-radius:4px;width:100%;height:190px;display:block}.meters{align-items:baseline;gap:10px;margin-top:6px;display:flex;overflow:hidden}.glyphs{color:var(--green);letter-spacing:1px;white-space:pre;flex:auto;min-width:0;min-height:1.4em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}.levelmeter{color:var(--accent);white-space:pre;font-variant-ligatures:none;text-align:right;flex:none;min-width:15ch;margin-left:auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.filter{border:1px solid var(--edge);width:100%;color:var(--fg);font:inherit;background:#0a100c;border-radius:4px;margin-bottom:6px;padding:4px 8px}.filter:focus{border-color:var(--accent);outline:none}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;font-size:12px;display:flex}.crumbs button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 2px}.crumbs button:hover{text-decoration:underline}.crumbs .here{color:var(--fg)}.catalog-tag{color:var(--muted);letter-spacing:.06em;flex:none;font-size:11px}.catalog-live{color:var(--green)}#catalogs-entries{max-height:320px;overflow-y:auto}.folder{cursor:pointer;white-space:nowrap;color:var(--accent);border-radius:3px;gap:8px;padding:2px 6px;display:flex}.folder:hover{background:#142019}.folder .name{text-overflow:ellipsis;flex:1;overflow:hidden}.folder .count{color:var(--muted);flex:none}.playlist{scrollbar-color:var(--green-dim) transparent;max-height:214px;margin:0;padding:0;list-style:none;overflow-y:auto}.row{cursor:pointer;white-space:nowrap;border-radius:3px;gap:8px;padding:2px 6px;display:flex}.row:hover{background:#142019}.row.selected{background:#16241c}.row.selected .name{color:var(--accent)}.row.playing .name{color:var(--green)}.group{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--edge);align-items:center;gap:8px;margin-top:4px;padding:6px 6px 2px;font-size:11px;display:flex}.group:first-child{border-top:0;margin-top:0}.group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.group-remove{border:1px solid var(--edge);color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0 6px;line-height:1.4}.group-remove:hover{color:var(--accent);border-color:var(--accent)}.row .n{color:var(--muted);text-align:right;flex:none;width:2.4em}.row .name{text-overflow:ellipsis;flex:1;overflow:hidden}.row .time{color:var(--muted);flex:none}.row-copy{color:var(--muted);cursor:pointer;opacity:.55;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;padding:0 5px;line-height:1.4}.row:hover .row-copy,.row.selected .row-copy{opacity:1}.row-copy svg,.icon svg{vertical-align:-2px;width:14px;height:14px;display:inline-block}.icon{justify-content:center;align-items:center;display:inline-flex}.row-copy:hover{color:var(--accent);border-color:var(--accent)}.transport{border:1px solid var(--edge);background:var(--panel);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}button{font:inherit;color:var(--fg);border:1px solid var(--edge);cursor:pointer;background:#121a15;border-radius:4px;padding:6px 12px}button:hover{border-color:var(--green-dim);color:var(--green)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:2px}button.primary{color:var(--green);border-color:var(--green-dim);min-width:64px}button.ghost{color:var(--muted);background:0 0}button.golive{color:#ff5c5c;letter-spacing:.06em;border-color:#7a2b2b}button.golive:hover{color:#fff;background:#7a2b2b;border-color:#ff5c5c}button.golive:disabled{opacity:.5;cursor:progress}.row-live:hover{color:#ff5c5c;border-color:#ff5c5c}.directory-list li:has(>.server-lives){flex-wrap:wrap}.directory-list li>.server-lives{border-left:2px solid var(--green-dim);flex-direction:column;flex:100%;gap:4px;margin:2px 0 0;padding:0 0 0 12px;list-style:none;display:flex}.server-lives li{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.server-lives li>.detail{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.server-lives li>.button{flex:none;padding:2px 10px;font-size:12px}.volume{flex:1;align-items:center;gap:8px;min-width:120px;max-width:220px;margin-left:auto;display:flex}.vol{color:var(--muted);letter-spacing:.08em;font-size:12px}.picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-form{margin-top:8px}.link-form input{flex:240px;min-width:0}.button{border:1px solid var(--edge);cursor:pointer;color:var(--fg);background:#121a15;border-radius:4px;padding:6px 12px;display:inline-block}.button:hover{border-color:var(--green-dim);color:var(--green)}.button input[type=file]{display:none}#remote-url{font:inherit;min-width:12ch;color:var(--fg);border:1px solid var(--edge);background:#060a07;border-radius:4px;flex:1;padding:6px 10px}.check{color:var(--muted);align-items:center;gap:8px;margin-top:10px;display:flex}.check input{accent-color:var(--green)}.hint{color:var(--muted);margin:0 0 8px;font-size:13px}.hint code{color:var(--accent)}#remote-state[data-status=live]{color:var(--green)}#remote-state[data-status=connecting],#remote-state[data-status=error]{color:var(--warn)}.note{color:var(--warn);border-left:2px solid var(--warn);margin:0;padding-left:8px}.statusbar{color:var(--muted);border-top:1px solid var(--edge);flex-wrap:wrap;gap:14px;padding-top:8px;font-size:12px;display:flex}.statusbar b{color:var(--green);font-weight:700}.statusbar .tv-toggle{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}body.tv .statusbar .tv-toggle{color:var(--green)}.statusbar .spacer{flex:1}.statusbar a{color:var(--muted)}.directory{border-top:1px solid var(--line);margin-top:.6rem;padding-top:.6rem}.directory-list{max-height:12rem;margin:0;padding:0;list-style:none;overflow-y:auto}.directory-list li+li{margin-top:.3rem}.directory-list button{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:.4rem .5rem}.directory-list button:hover,.directory-list button:focus-visible{border-color:var(--accent);background:#ffffff0a}.directory-list .name{color:var(--accent);display:block}.directory-list .detail{opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-size:.85em;display:block;overflow:hidden}.publish-list{margin:.3rem 0 0;padding:0;list-style:none}.publish-list li{align-items:center;gap:8px;margin-top:.3rem;display:flex}.publish-list li.in-use .slot{color:var(--green)}.publish-list .slot{color:var(--muted);flex:none;min-width:4.5em;font-size:12px}.publish-list input{flex:auto;min-width:0}.said{color:var(--accent);margin:.3rem 0 0}.directory-list li.offline .recent-label{opacity:.55}.directory-list li.offline .detail{color:var(--warn)}.share-line{align-items:center;gap:8px;margin:.4rem 0;display:flex}.share-what{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:12px}.share-line input{flex:auto;min-width:0}#share-phone{color:var(--fg);font-size:1.05em}#share-phone b{color:var(--accent)}.admin-table{border-collapse:collapse;width:100%;min-height:5.5em;max-height:14rem;margin:.4rem 0;font-size:.85em;display:block;overflow-y:auto}.admin-table th{text-align:left;opacity:.6;padding:.2rem .4rem .2rem 0;font-weight:400}.admin-table td{white-space:nowrap;text-overflow:ellipsis;max-width:12rem;padding:.2rem .4rem .2rem 0;overflow:hidden}.admin-table td.network-public{color:var(--warning,#e0b341)}.admin-table td.network-private{color:var(--success,#7fd18b)}.admin-table tr.ended{opacity:.45}body.route-directory .player-only{display:none}.directory-list li{align-items:stretch;gap:.4rem;display:flex}.directory-list li>:first-child{flex:auto;min-width:0}.directory-list li>button:first-child{text-align:left;width:100%}.directory-list li>.button,.directory-list li>.ghost{white-space:nowrap;flex:none;align-items:center;display:flex}.directory-list .follow{white-space:nowrap;width:auto;color:var(--muted);flex:none;padding-inline:.6rem}.directory-list .follow[data-following=yes]{border-color:var(--accent);color:var(--accent)}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}.toggle input{accent-color:var(--accent)}.recent-label{border:1px solid var(--line);border-radius:4px;flex:auto;min-width:0;padding:.4rem .5rem}.pager{border-top:1px solid var(--edge);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-top:6px;display:flex}.pager .pager-where{color:var(--muted);font-variant-numeric:tabular-nums}.pager button:disabled{opacity:.35;cursor:default}body.tv{font-size:19px}body.tv .playlist,body.tv #catalogs-entries,body.tv .directory-list,body.tv .admin-table{max-height:none;overflow-y:visible}body.tv #app{max-width:1400px}body.tv .row,body.tv .folder{border-radius:4px;padding:5px 10px}body.tv .row:focus-visible,body.tv .folder:focus-visible{outline:2px solid var(--green);outline-offset:-2px;background:#142019}body.tv button,body.tv .button,body.tv .directory-list button{min-height:2.4em;padding:8px 16px}body.tv .row-copy{min-height:0;padding:0 8px}body.tv .icon{min-width:2.4em;height:2.4em}body.tv .directory-list li+li{margin-top:.6rem}body.tv .server-lives li>.button{padding:6px 14px;font-size:.9em}body.tv input,body.tv .filter{padding:8px 10px;font-size:1em}.embed{aspect-ratio:16/9;border:1px solid var(--edge);background:#000;border-radius:4px;width:100%;max-height:46vh;margin-bottom:8px;overflow:hidden}.embed iframe{border:0;width:100%;height:100%;display:block}