nixamp 0.17.0 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/channels.d.ts +54 -1
  2. package/dist/channels.js +160 -23
  3. package/dist/compression/benchmark.d.ts +97 -0
  4. package/dist/compression/benchmark.js +241 -0
  5. package/dist/compression/cli.js +59 -1
  6. package/dist/compression/receiver.d.ts +25 -5
  7. package/dist/compression/receiver.js +54 -5
  8. package/dist/compression/routes.js +7 -2
  9. package/dist/compression/service.d.ts +18 -6
  10. package/dist/compression/service.js +110 -19
  11. package/dist/compression/source.d.ts +17 -0
  12. package/dist/compression/source.js +131 -0
  13. package/dist/links.js +14 -3
  14. package/dist/live-api.js +1 -0
  15. package/dist/live-events.js +11 -3
  16. package/dist/owner.js +10 -0
  17. package/dist/server.js +118 -10
  18. package/dist/share.js +6 -0
  19. package/package.json +1 -1
  20. package/src/channels.ts +180 -22
  21. package/src/compression/benchmark.ts +297 -0
  22. package/src/compression/cli.ts +56 -1
  23. package/src/compression/receiver.ts +68 -7
  24. package/src/compression/routes.ts +7 -2
  25. package/src/compression/service.ts +121 -24
  26. package/src/compression/source.ts +130 -0
  27. package/src/links.ts +12 -3
  28. package/src/live-api.ts +1 -0
  29. package/src/live-events.ts +14 -3
  30. package/src/owner.ts +8 -0
  31. package/src/server.ts +113 -11
  32. package/src/share.ts +5 -0
  33. package/web/dist/assets/{hls-3VKVEQE3-eV54kXE3.js → hls-3VKVEQE3-B2kl0-z1.js} +1 -1
  34. package/web/dist/assets/{index-CurZFzlH.css → index-D1QxpRmE.css} +1 -1
  35. package/web/dist/assets/index-DF6O2leR.js +1 -0
  36. package/web/dist/assets/{mpegts-Buc3Odv6.js → mpegts-4pBNK_Yr.js} +1 -1
  37. package/web/dist/assets/{mpegts-LO6RVLD6-DcDKPB4P.js → mpegts-LO6RVLD6-B4RLM-_e.js} +1 -1
  38. package/web/dist/index.html +15 -10
  39. package/web/dist/sw.js +6 -6
  40. package/web/dist/assets/index-DDzutJ75.js +0 -1
package/src/owner.ts CHANGED
@@ -148,7 +148,15 @@ export function needsMember(path: string, method = "GET"): boolean {
148
148
  if (method === "POST" && /^\/api\/tracks\/\d+\/live$/.test(path)) return true;
149
149
  if (method === "POST" && /^\/api\/catalogs\/[^/]+\/entries\/[^/]+\/live$/.test(path)) return true;
150
150
  if (method === "POST" && /^\/api\/channels\/[^/]+\/keep$/.test(path)) return true;
151
+ // A link -- a YouTube page, an IPTV feed, a file somewhere -- is the one
152
+ // thing a member can go live with that needs nothing on the server first,
153
+ // and it was the one thing they could not. Going live with one is the same
154
+ // act as going live with a file here: counted, marked theirs, and capped
155
+ // by the handler. Fetching a link to keep (download) stays the owner's.
156
+ if (method === "POST" && path === "/api/links/play") return true;
151
157
  // Only their own; the handler checks whose it is.
152
158
  if (method === "DELETE" && /^\/api\/channels\/[^/]+$/.test(path)) return true;
159
+ // Renaming what they put on, likewise.
160
+ if (method === "PATCH" && /^\/api\/channels\/[^/]+$/.test(path)) return true;
153
161
  return false;
154
162
  }
package/src/server.ts CHANGED
@@ -28,7 +28,7 @@ import {
28
28
  import { Ingest, normaliseFormat } from "./ingest.ts";
29
29
  import {
30
30
  Channels, cleanId, generatedId, rememberChannels, rememberedChannels, rememberedNow,
31
- type Channel, type RememberedChannel,
31
+ type Channel, type ChannelInfo, type RememberedChannel,
32
32
  } from "./channels.ts";
33
33
  import { RtmpListeners } from "./rtmp-in.ts";
34
34
  import { Accounts, clearedCookie, sessionCookie, tokenFrom } from "./accounts.ts";
@@ -1136,6 +1136,9 @@ export async function pullChannel(
1136
1136
  const channel = channels.pull(
1137
1137
  id, name, source, encode, kind, true, undefined, opening, kind === "video" ? audio : "",
1138
1138
  { live, position: known.position ?? 0 },
1139
+ // Known before the first dial: whether the source is a transport stream
1140
+ // decides whether it can be read here for a source-boundary relay.
1141
+ assumed ? undefined : codecs,
1139
1142
  );
1140
1143
  if (channel && !assumed) channel.info.codecs = codecs;
1141
1144
  // What comes out, as opposed to what went in. An H.265 source copied
@@ -1167,18 +1170,25 @@ export function cookiesFile(): string {
1167
1170
  }
1168
1171
  }
1169
1172
 
1170
- /** What the page is told about a link it asked to play. */
1171
- function shownLink(channelId: string, link: ResolvedLink) {
1173
+ /**
1174
+ * What the page is told about a link it asked to play.
1175
+ *
1176
+ * Whether it is live is the channel's answer where there is one: yt-dlp
1177
+ * says nothing about an IPTV feed's liveness, and a feed told to the page
1178
+ * as a film got a Download button and a seek bar for a stream with no end.
1179
+ */
1180
+ function shownLink(channelId: string, link: ResolvedLink, channel?: ChannelInfo) {
1181
+ const live = channel?.live ?? link.live;
1172
1182
  return {
1173
1183
  kind: "live",
1174
1184
  channel: channelId,
1175
- name: link.title,
1176
- live: link.live,
1185
+ name: channel?.name ?? link.title,
1186
+ live,
1177
1187
  video: link.video,
1178
1188
  duration: link.duration,
1179
1189
  extractor: link.extractor,
1180
1190
  // A live has no whole to keep; a bare file can be fetched by the browser itself.
1181
- download: !link.live && link.extractor !== "direct",
1191
+ download: !live && link.extractor !== "direct",
1182
1192
  };
1183
1193
  }
1184
1194
 
@@ -3162,8 +3172,17 @@ export function createHandler(engine: Engine, options: HandlerOptions) {
3162
3172
  return;
3163
3173
  }
3164
3174
 
3175
+ /*
3176
+ * A link, fetched by this server and carried as a channel.
3177
+ *
3178
+ * Played: started on demand, stopped a minute after the last viewer
3179
+ * leaves. Live (`{ live: true }`, and always for a member): kept,
3180
+ * remembered across a restart, listed in the directory with a room
3181
+ * code, and -- for a member -- marked theirs and counted against what
3182
+ * they may have on at once, exactly like a file from the library.
3183
+ */
3165
3184
  if (path === "/api/links/play" && request.method === "POST") {
3166
- let body: { url?: unknown } = {};
3185
+ let body: { url?: unknown; live?: unknown } = {};
3167
3186
  try {
3168
3187
  body = JSON.parse(await readBody(request)) as typeof body;
3169
3188
  } catch {
@@ -3181,11 +3200,51 @@ export function createHandler(engine: Engine, options: HandlerOptions) {
3181
3200
  }
3182
3201
  const channelId = linkChannelId(link);
3183
3202
  const known = links.get(link);
3203
+ // A member's is always a live: a decoder started on somebody else's
3204
+ // machine is theirs to own, not a thing left running anonymously.
3205
+ const goLive = body.live === true || liveBy !== "";
3206
+ /**
3207
+ * On the air and kept, as going live means; for a member, theirs.
3208
+ * Answers "" or a refusal. `fresh` is a channel this very request
3209
+ * started, which is nobody's yet and was counted before it was.
3210
+ */
3211
+ const putOnTheAir = (fresh: boolean): string => {
3212
+ const channels = options.channels as Channels;
3213
+ const info = channels.info(channelId);
3214
+ if (!info) return "";
3215
+ if (liveBy && !info.startedBy) {
3216
+ // Somebody's already, and not started on demand: the owner's.
3217
+ if (!fresh && !channels.isEphemeral(channelId)) return "that stream is the owner's";
3218
+ if (!fresh) {
3219
+ const refusal = memberLiveRefusal(channels, liveBy);
3220
+ if (refusal) return refusal;
3221
+ }
3222
+ info.startedBy = liveBy;
3223
+ }
3224
+ channels.keep(channelId);
3225
+ options.rememberChannels?.(rememberedNow(channels));
3226
+ return "";
3227
+ };
3184
3228
  if (options.channels.has(channelId) && known) {
3185
- json(response, 200, shownLink(channelId, known));
3229
+ if (goLive) {
3230
+ const refusal = putOnTheAir(false);
3231
+ if (refusal) {
3232
+ json(response, refusal.endsWith("owner's") ? 403 : 429, { error: refusal });
3233
+ return;
3234
+ }
3235
+ void options.live?.announce?.();
3236
+ }
3237
+ json(response, 200, shownLink(channelId, known, options.channels.info(channelId)));
3186
3238
  return;
3187
3239
  }
3188
- if (!options.channels.has(channelId) && options.channels.ephemeralCount >= MAX_ON_DEMAND) {
3240
+ if (!options.channels.has(channelId) && liveBy) {
3241
+ const refusal = memberLiveRefusal(options.channels, liveBy);
3242
+ if (refusal) {
3243
+ json(response, 429, { error: refusal });
3244
+ return;
3245
+ }
3246
+ }
3247
+ if (!options.channels.has(channelId) && !goLive && options.channels.ephemeralCount >= MAX_ON_DEMAND) {
3189
3248
  json(response, 429, { error: `this server is already carrying ${MAX_ON_DEMAND} channels on demand; try again in a minute` });
3190
3249
  return;
3191
3250
  }
@@ -3219,12 +3278,20 @@ export function createHandler(engine: Engine, options: HandlerOptions) {
3219
3278
  json(response, 409, { error: "that link is already starting" });
3220
3279
  return;
3221
3280
  }
3222
- options.channels.ephemeral(channelId);
3281
+ if (goLive) putOnTheAir(true);
3282
+ else options.channels.ephemeral(channelId);
3223
3283
  // Told to the directory now, so the room code arrives with the
3224
3284
  // channel rather than at the next heartbeat, ninety seconds on.
3225
3285
  void options.live?.announce?.();
3286
+ } else if (goLive) {
3287
+ const refusal = putOnTheAir(false);
3288
+ if (refusal) {
3289
+ json(response, refusal.endsWith("owner's") ? 403 : 429, { error: refusal });
3290
+ return;
3291
+ }
3292
+ void options.live?.announce?.();
3226
3293
  }
3227
- json(response, 200, shownLink(channelId, resolved));
3294
+ json(response, 200, shownLink(channelId, resolved, options.channels.info(channelId)));
3228
3295
  return;
3229
3296
  }
3230
3297
 
@@ -3495,6 +3562,41 @@ export function createHandler(engine: Engine, options: HandlerOptions) {
3495
3562
  return;
3496
3563
  }
3497
3564
 
3565
+ /*
3566
+ * Rename what is on the air. A link goes on as "906" or whatever the
3567
+ * file was called, and the directory lists that; the person who put it
3568
+ * on knows what it is. The owner renames anything; a member, their own.
3569
+ */
3570
+ if (action === undefined && request.method === "PATCH") {
3571
+ const info = channels.info(id);
3572
+ if (!info) {
3573
+ json(response, 404, { error: "nothing is playing on that channel" });
3574
+ return;
3575
+ }
3576
+ if (liveBy && info.startedBy !== liveBy) {
3577
+ json(response, 403, { error: "that stream is not yours to rename" });
3578
+ return;
3579
+ }
3580
+ let body: { name?: unknown } = {};
3581
+ try {
3582
+ body = JSON.parse(await readBody(request)) as typeof body;
3583
+ } catch {
3584
+ json(response, 400, { error: "bad JSON" });
3585
+ return;
3586
+ }
3587
+ const name = typeof body.name === "string" ? body.name.replace(/[\r\n\t]+/g, " ").trim().slice(0, 120) : "";
3588
+ if (name === "") {
3589
+ json(response, 400, { error: "a name is needed" });
3590
+ return;
3591
+ }
3592
+ info.name = name;
3593
+ options.rememberChannels?.(rememberedNow(channels));
3594
+ // Listed under the new name now, not at the next heartbeat.
3595
+ void options.live?.announce?.();
3596
+ json(response, 200, { ok: true, channel: id, name });
3597
+ return;
3598
+ }
3599
+
3498
3600
  if (action === undefined && request.method === "DELETE") {
3499
3601
  // A member takes off what they put on, and nothing else.
3500
3602
  if (liveBy && channels.info(id)?.startedBy !== liveBy) {
package/src/share.ts CHANGED
@@ -361,6 +361,11 @@ export function allowedForListening(path: string): boolean {
361
361
  // Having the server fetch a link is a decoder and a download on somebody
362
362
  // else's machine: the control link's to ask for, not the listen link's. A
363
363
  // viewer's link plays in their own browser.
364
+ // Putting a link on the air is the exception: a member reaches a server
365
+ // from nixamp.com with its listen link and their session, and the
366
+ // administering gate behind this one decides whether that session is a
367
+ // member's. A listen key alone still gets a 403 there.
368
+ if (path === "/api/links/play") return true;
364
369
  if (path === "/api/links" || path.startsWith("/api/links/")) return false;
365
370
  return true;
366
371
  }
@@ -1 +1 @@
1
- import{t as e}from"./index-DDzutJ75.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};
1
+ import{t as e}from"./index-DF6O2leR.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};
@@ -1 +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}.welcome-title{color:var(--green);margin:4px 0 8px;font-size:22px;font-weight:600;line-height:1.25}.welcome-lead{max-width:70ch;color:var(--fg);margin:0 0 14px}.welcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.welcome-grid h2{letter-spacing:.06em;text-transform:uppercase;color:var(--green-dim);margin:0 0 4px;font-size:13px}.welcome-grid p{color:var(--muted);margin:0;font-size:13px}.welcome-grid code,.welcome-install{color:var(--accent)}.welcome-actions{gap:10px}.welcome-install{border:1px dashed var(--edge);overflow-wrap:anywhere;border-radius:4px;padding:6px 10px;font-size:12px}.welcome .button.primary{color:var(--green);border-color:var(--green-dim)}@media (max-width:720px){.welcome-grid{grid-template-columns:1fr}.welcome-title{font-size:19px}}.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}.way-in{color:var(--fg);padding:0 8px}.way-in svg{width:18px;height:18px}.way-in:disabled{opacity:.4;cursor:not-allowed}.way-in:disabled:hover{color:var(--muted);border-color:var(--edge)}.way-in-here{align-items:center;gap:4px;display:inline-flex}
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}.welcome-title{color:var(--green);margin:4px 0 8px;font-size:22px;font-weight:600;line-height:1.25}.welcome-lead{max-width:70ch;color:var(--fg);margin:0 0 14px}.welcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.welcome-grid h2{letter-spacing:.06em;text-transform:uppercase;color:var(--green-dim);margin:0 0 4px;font-size:13px}.welcome-grid p{color:var(--muted);margin:0;font-size:13px}.welcome-grid code,.welcome-install{color:var(--accent)}.welcome-actions{gap:10px}.welcome-install{border:1px dashed var(--edge);overflow-wrap:anywhere;border-radius:4px;padding:6px 10px;font-size:12px}.welcome .button.primary{color:var(--green);border-color:var(--green-dim)}@media (max-width:720px){.welcome-grid{grid-template-columns:1fr}.welcome-title{font-size:19px}}.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}.link-form select{min-width:0;font:inherit;color:inherit;background:#0b120e;border:1px solid #2a3a30;border-radius:4px;flex:0 180px;padding:6px 8px}.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}.way-in{color:var(--fg);padding:0 8px}.way-in svg{width:18px;height:18px}.way-in:disabled{opacity:.4;cursor:not-allowed}.way-in:disabled:hover{color:var(--muted);border-color:var(--edge)}.way-in-here{align-items:center;gap:4px;display:inline-flex}
@@ -0,0 +1 @@
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`,`ts`,`m2ts`,`mts`,`m2t`,`trp`,`tp`]);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-B2kl0-z1.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-B4RLM-_e.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 ee=new Set([`mp3`,`flac`,`ogg`,`oga`,`opus`,`m4a`,`aac`,`wav`,`wma`,`aiff`,`aif`,`alac`,`mp4`,`webm`,`mkv`,`mov`,`m4v`,`ogv`,`ts`,`m2ts`,`mts`,`m2t`,`trp`,`tp`]),te=new Set([`ts`,`m2ts`,`mts`,`m2t`,`trp`,`tp`]);function ne(e){let t=e.lastIndexOf(`.`);return t>0&&te.has(e.slice(t+1).toLowerCase())}function g(e,t=``){if(t.startsWith(`audio/`)||t.startsWith(`video/`))return!0;let n=e.lastIndexOf(`.`);return n>0&&ee.has(e.slice(n+1).toLowerCase())}function _(e,t){return e.localeCompare(t,void 0,{numeric:!0,sensitivity:`base`})}function re(e){return e.filter(e=>g(e.name,e.type)).sort((e,t)=>_(v(e),v(t))).map(e=>({title:n(e.name),artist:``,album:ie(v(e)),duration:0,url:URL.createObjectURL(e),video:i(e.name,e.type),objectUrl:!0,...ne(e.name)?{kind:`mpegts`}:{}}))}function v(e){return e.webkitRelativePath||e.name}function ie(e){let t=e.split(`/`);return t.length>1?t[t.length-2]:``}function ae(e){for(let t of e)t.objectUrl&&URL.revokeObjectURL(t.url)}var y=2048;function b(e,t){return e||t===`hls`||t===`mpegts`}var oe=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=y,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.kind??(e.objectUrl?e.video?`mp4`:`audio`:d({src:e.url})),r=b(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 se(){return{revision:0,tracks:[],trackCount:0,index:0,playing:!1,position:0,bars:[],levels:[0,0],silent:!0,note:``,root:``}}function ce(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 le(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)}}var w=null;function T(e){if(!e&&w!==null)return w;let t=e??(typeof document>`u`?null:document.createElement(`video`));if(!t)return!1;try{let n=t.canPlayType(`video/mp4; codecs="hvc1.1.6.L93.B0"`)!==``;return e||(w=n),n}catch{return!1}}function ue(e,t,n=0,r=``,i=!1){let a=[...n>0?[`kbps=${Math.round(n)}`]:[],...i?[`hevc=1`]:[]].join(`&`);return C(e,a?`/api/media/${t}?${a}`:`/api/media/${t}`,r)}function de(e){if(typeof e!=`object`||!e)return null;let t=e,n=se(),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 fe=class{handlers;source=null;base=``;key=``;shape=`/admin/`;lastRevision=-1;session=``;constructor(e){this.handlers=e}get address(){return this.base}url(e){let t=C(this.base,e,this.key);return this.base===``||this.session===``?t:`${t}${t.includes(`?`)?`&`:`?`}session=${encodeURIComponent(this.session)}`}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}=le(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=de(pe(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=de(await t.json());n&&this.handlers.onSnapshot(n)}media(e,t=0,n=T()){return ue(this.base,e,t,this.key,n)}close(){this.source?.close(),this.source=null}};function pe(e){try{return JSON.parse(e)}catch{return null}}async function me(e,t,n=``){try{let r=await fetch(C(e,`/api/state`,n),{signal:t});return r.ok?de(await r.json()):null}catch{return null}}function he(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 ge(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 _e(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 ve(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 ye=.14,E=.02;function be(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 xe(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 Se(e,t,n=ye){return t.map((t,r)=>{let i=e[r]??0;return t>=i?t:Math.max(t,i-n)})}function Ce(e,t,n=E){return t.map((t,r)=>Math.max(t,(e[r]??0)-n))}function we(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 D(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 Te(e){let t=String(e.data.state??e.tags?.find(e=>e.startsWith(`state:`))?.slice(6)??``);return t===`in`||t===`post`?t:`pre`}function Ee(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 De(e,t={}){let n=e.data,r=D(n.away,n.awayScore),i=D(n.home,n.homeScore),a=Te(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=Ee(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 Oe=`nixamp.tv`,O=/\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 ke(e,t=``,n=1,r=null){let i=new URLSearchParams(t).get(`tv`);return i===null?r!==null&&r!==``?Ae(r):/\bSilk\b/.test(e)&&n===0?!0:O.test(e):Ae(i)}function Ae(e){return e!==`0`&&e!==`no`&&e!==`off`&&e!==`false`}function je(e){return e?12:100}function Me(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 k=/\.(mp3|m4a|aac|ogg|oga|opus|flac|wav)(\?.*)?$/i,Ne=/\.(mp4|m4v|webm|mov|mkv)(\?.*)?$/i,Pe=/\.m3u8(\?.*)?$/i;function Fe(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 Ie(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=Fe(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 k.test(o)?{kind:`direct`,url:n.toString(),video:!1,label:s}:Ne.test(o)||Pe.test(o)&&t?{kind:`direct`,url:n.toString(),video:!0,label:s}:null}var Le=/^[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,Re=/\s+(?:vs\.?|v\.?|at|@)\s+/i,ze=/^(?: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(Re);return t.length===2&&t.every(e=>{let t=e.trim();return t.length>=2&&t.length<=48&&/[A-Za-z]/.test(t)&&!ze.test(t)})}function Be(e){let t=String(e??``).trim();return t===``?!1:j(t.replace(Le,``))||j(t)}var Ve=`nixamp.remote`,He=`nixamp.volume`,Ue=`nixamp.listenHere`,We=1e4,Ge=!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(Oe)}catch{}let r=ke(navigator.userAgent,location.search,navigator.maxTouchPoints,n);if(document.body.classList.toggle(`tv`,r),new URLSearchParams(location.search).has(`tv`))try{localStorage.setItem(Oe,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(Oe,r?`0`:`1`)}catch{}let e=new URL(location.href);e.searchParams.delete(`tv`),location.replace(e.toString())}));let a=je(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`),wayInHere:M(`way-in-here`),embed:M(`embed`),embedFrame:M(`embed-frame`),linkForm:M(`link-form`),linkUrl:M(`link-url`),linkServer:M(`link-server`),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`),welcome:M(`welcome`),welcomeCreate:M(`welcome-create`),welcomeBrowse:M(`welcome-browse`),welcomeHide:M(`welcome-hide`),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`),partiesPanel:M(`parties-panel`),partiesNote:M(`parties-note`),partiesList:M(`parties-list`),partyForm:M(`party-form`),partyCode:M(`party-code`),connectionsNote:M(`connections-note`),connectionsList:M(`connections-list`),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={rename:`<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="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>`,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=[],p=``,m=!1,h=``,ee=0,te=new Map,ne=e=>te.get(G(e))??null;function g(e,t){let n=n=>{m=n,h=``,o.remoteUrl.value=n?e.view:e.admin??e.view,t?.(),o.remoteForm.requestSubmit()},r=document.createElement(`button`);r.type=`button`,r.className=`icon way-in`,c(r,`eye`),r.title=`Viewer: browse and watch. Changes nothing on the server.`,r.setAttribute(`aria-label`,`View ${e.name}`),r.addEventListener(`click`,()=>n(!0));let i=document.createElement(`button`);return i.type=`button`,i.className=`icon way-in`,c(i,`gear`),i.disabled=e.admin===null,i.title=e.admin?`Admin: drive this server. What plays, what is live, what is on it.`:Z?`Admin: you do not administer this server.`:`Admin: sign in as this server's owner to administer it.`,i.setAttribute(`aria-label`,`Administer ${e.name}`),i.addEventListener(`click`,()=>n(!1)),[r,i]}let _=``,v=[],ie=0,y=se(),b=`idle`,x=``,S=`Pick files, or connect to a nixamp running somewhere else.`,C=!1,w=-1,T=null,ue=0,de=0,pe=!1,ye=()=>de>0||pe;async function E(e){de+=1,B();try{return await e()}finally{--de,B()}}let D=null,Ee=null,O=null;function Ae(){o.embed.hidden||(o.embedFrame.src=`about:blank`),o.embed.hidden=!0}let k=null,Ne=``,Pe=null;function Fe(e,t,n=null,r=!1){let i=`${t}|${e}`;if(Ne=i,Pe&&clearTimeout(Pe),Pe=null,!r){if(k?.key===i)return;k=null}if(u!==`remote`||e.trim()===``)return;let a=new URLSearchParams({name:e,kind:t});n&&a.set(`year`,String(n)),fetch(L.url(`/api/enrich?${a}`)).then(e=>e.ok?e.json():{match:null}).then(r=>{if(Ne!==i)return;k={key:i,match:r.match??null},B();let a=k.match;a?.kind===`fixture`&&Te(a)!==`post`&&(Pe=setTimeout(()=>{Pe=null,!(Ne!==i||I.source===``&&!T)&&Fe(e,t,n,!0)},6e4))}).catch(()=>void 0)}let Le=!1,A=``,Re=``,ze=null,j=``,N=Array(24).fill(0),P=Array(24).fill(0),Ke=[],F=()=>u===`remote`&&!o.listenHere.checked,qe=()=>u===`remote`&&!o.adminPanel.hidden,Je=!1,Ye=()=>qe()||u===`remote`&&Je;function Xe(){try{if(localStorage.getItem(`nixamp.hls`)===`1`)return!0}catch{}return typeof MediaSource<`u`?!1:o.video.canPlayType(`application/vnd.apple.mpegurl`)!==``}function Ze(){if(u!==`remote`)return null;if(D?.catalog&&D.entry)return{kind:`entry`,catalog:D.catalog,entry:D.entry};if(T)return{kind:`channel`,id:T.id,name:T.name};let e=y.tracks[z()];return e&&(I.source!==``||F())?{kind:`track`,index:z(),name:t(e)}:null}async function Qe(e,t){t.disabled=!0;let n=e.kind===`entry`?e.entry.title:e.name;S=`Putting ${n} on the air…`,B();try{let r=``;{let t=e.kind===`track`?`/api/tracks/${e.index}/live`:e.kind===`entry`?`/api/catalogs/${encodeURIComponent(e.catalog.id)}/entries/${encodeURIComponent(e.entry.id)}/live`:`/api/channels/${encodeURIComponent(e.id)}/keep`,i=await fetch(L.url(t),{method:`POST`}),a=await i.json().catch(()=>({}));if(!i.ok){S=a.error??`${n} would not go on the air.`,B();return}r=`channel:${e.kind===`channel`?e.id:a.channel??``}`}Le?await fetch(L.url(`/api/live/start`),{method:`POST`}).catch(()=>void 0):await rr(!0),await Rn(),Q();let i=Zn(r),a=A?` Call ${Re||`the line`} and key ${A} to talk about it.`:``;i===``?S=`${n} is on the air.${a}`:(await Xn(i,t,`✓`),S=`${n} is on the air. Link copied.${a}`),B()}catch{S=`could not reach the server`,B()}finally{t.disabled=!1}}function $e(e,t=`Join live`){c(e,`live`),e.append(document.createTextNode(` ${t}`))}function et(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(),Qe(e(),n)}),n}let I=new oe({audio:o.audio,video:o.video},{onTime:(e,t)=>{let n=v[ie];u===`local`&&n&&t>0&&n.duration!==t&&(n.duration=t),B()},onEnded:()=>{Kn()||u===`remote`&&w<0&&!F()||ut(1)},onState:()=>B(),onBusy:e=>{pe!==e&&(pe=e,B())},onError:e=>{Kn()||(S=e,B(),Hn())}}),L=new fe({onSnapshot:e=>{if(y=ce(y,e),h.startsWith(`track:`)&&y.tracks.length>0){let e=Number(h.slice(6));if(h=``,Number.isInteger(e)&&e>=0&&e<y.tracks.length){let t=ee;ct(e).then(()=>{t>0&&(I.seek(t),setTimeout(()=>I.seek(t),600))})}}F()&&(N=e.bars.length>0?e.bars:N,P=Ce(P,N)),B()},onStatus:(e,t)=>{b=e,x=t??``,B()}}),R=()=>u===`remote`?y.tracks.length:v.length,z=()=>u===`remote`?F()||w<0?y.index:Math.min(w,Math.max(0,y.tracks.length-1)):ie,tt=()=>{if(T)return T.name;if(O)return O.label;let e=u===`remote`?y.tracks[z()]:v[z()];return e?t(e):`Nothing loaded.`},nt=()=>T?`live on this server`:O?`playing here, in this browser`:D?.kind===`live`&&u===`remote`?`live on ${d||`this server`}`:(u===`remote`?y.tracks[z()]:v[z()])?.album||`—`;function rt(){if(u!==`remote`||T===null&&D?.kind!==`live`){o.liveLine.hidden=!0,o.liveLine.replaceChildren();return}let e=d||`this server`,t=T?T.name:Ee?.server.nowPlaying||tt(),n=[T?`Live on ${e}: `:`Live from ${e}, now playing: `,ir(t)],r=T?Ee?.channels.find(e=>e.id===T?.id)?.code??``:Le?A:``;r&&n.push(`. To talk about it, call `,ir(Re||`the line`),` and key `,ir(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 it=()=>F()?y.tracks[z()]?.duration??0:I.duration,at=()=>F()?y.position:I.position,ot=()=>F()?y.playing:I.playing;async function st(e){if(u===`remote`){if(F()){await L.send({type:`play`,index:e});return}await ct(e);return}let t=v[e];t&&(ie=e,T=null,D={kind:`file`},await E(()=>I.load(t,!0)),H(t.video),kt(),B())}async function ct(e){let t=y.tracks[e];t&&(w=e,T=null,D={kind:`file`},Fe(t.title,`auto`),await E(()=>I.load({title:t.title,artist:t.artist,album:t.album,duration:t.duration,url:L.media(e,0),video:t.video===!0,objectUrl:!1},!0)),H(t.video===!0),kt())}async function lt(){if(F()){await L.send({type:`toggle`});return}R()!==0&&(I.playing?I.pause():I.position>0?await I.play():await st(z()),B())}async function ut(e){let t=R();if(t!==0){if(F()){await L.send({type:e>0?`next`:`prev`});return}await st((z()+e+t)%t)}}async function dt(){if(Ae(),O=null,F()){await L.send({type:`stop`});return}T=null,D=null,I.stop(),N=Array(24).fill(0),P=[...N],B()}let ft=(e,t)=>`L${`▮`.repeat(Math.round(e*6)).padEnd(6,`·`)} R${`▮`.repeat(Math.round(t*6)).padEnd(6,`·`)}`,pt=e=>`▁▂▃▄▅▆▇█`[Math.max(0,Math.min(7,Math.round(e*7)))],mt=``;function ht(){let t=[],n=``,r=null,i=T?Ee?.channels.find(e=>e.id===T?.id):void 0,a=I.source===``&&!T&&!(F()&&y.tracks[z()]);if(!a){T?t.push(D?.entry?.live===!1?`ON DEMAND · LIVE CHANNEL`:`LIVE`):D?.kind===`vod`?t.push(`ON DEMAND`):D?.kind===`live`?t.push(`LIVE`):u===`remote`&&F()?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}×`),qe()&&i.error&&t.push(i.error)):u===`remote`&&!T?(y.tracks[z()]&&R()>0&&t.push(`track ${z()+1} of ${R()}`),F()&&Ee&&t.push(`${Ee.server.playing?`playing`:`stopped`} on ${d||`the server`}`)):u===`local`&&R()>0&&t.push(`track ${z()+1} of ${R()}`),D?.catalog!==void 0&&(D.kind===`channel`?T!==null:D.kind===`vod`&&I.source!==``)&&D?.catalog&&(t.push(D.entry?.group?`${D.catalog.name} › ${D.entry.group}`:D.catalog.name),n=D.entry?.logo??``);let a=k?.key===Ne?k.match:null;if(a?.kind===`fixture`)r=De(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(T&&D?.link){let e=``;try{e=new URL(D.link.url).hostname.replace(/^www\./,``)}catch{}t.push(D.link.extractor&&D.link.extractor!==`direct`&&D.link.extractor!==`generic`?`${D.link.extractor} · ${e}`:e||`link`)}Le&&A&&F()&&!T&&D?.kind!==`live`&&t.push(Re?`☎ ${Re} · key ${A}`:`☎ code ${A}`)}let s=k?.key===Ne?k.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===mt)return;mt=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 B(){let t=R(),n=ot(),r=ye();o.status.textContent=r?`LOADING`:n?`▶ PLAYING`:`■ STOPPED`,o.status.dataset.playing=r?`loading`:String(n),o.title.textContent=tt(),rt(),ht(),o.goLiveNow.hidden=!Ye()||Ze()===null;let i=n?`${tt()} · ${l}`:l;document.title!==i&&(document.title=i),o.copyNow.hidden=I.source===``,o.downloadNow.hidden=!(T&&D?.link?.download),o.makePublic.hidden=!(O&&Ye()),Mt(),o.album.textContent=nt();let a=at(),s=it();o.elapsed.textContent=e(a),o.total.textContent=s>0?e(s):`--:--`,C||(o.seek.value=String(s>0?Math.round(a/s*1e3):0),o.seek.disabled=s<=0||F()),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||L.address.replace(/^https?:\/\//,``)||`—`}`:v.length>0?`local · ${v.length} files`:`no source`,Ot(),o.remoteState.textContent=u===`remote`?`${b}${x?` — ${x}`:``}`:`not connected`,o.remoteState.dataset.status=u===`remote`?b:`idle`,o.disconnect.hidden=u!==`remote`;let c=u===`remote`&&y.note!==``?y.note:S;o.note.textContent=c,o.note.hidden=c===``,Ct(),o.glyphs.textContent=N.map(pt).join(``);let[f,p]=F()?y.levels:I.levels();o.levels.textContent=ft(f,p)}let gt=``,_t=-1,V=``,vt=0;function yt(e){V=e,vt=0,gt=``,Ct()}function bt(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`,()=>{vt=t,gt=``,Ct(),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 xt(e){if(o.crumbs.hidden=!e,!e)return;let t=V===``?[]:V.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`,()=>yt(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 St(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`,()=>yt(V===``?e:`${V}/${e}`)),n}function Ct(){let n=u===`remote`?y.tracks.map(e=>({name:t(e),seconds:e.duration,group:e.group??``,folder:e.folder??``,remote:e.remote===!0})):v.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!==``||V===``||e===V||e.startsWith(`${V}/`),l=e=>r!==``||e===V,d=e=>{let t=V===``?e:e.slice(V.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=Me(m.length+p.length,vt,a);vt=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)),ne=`${u}:${V}:${r}:${h.page}/${a}:${m.join(`,`)}:${p.map(e=>`${e.index}@${e.name}@${e.seconds}@${e.group}`).join(`|`)}`;if(ne!==gt){gt=ne,xt(r===``&&(m.length>0||V!==``)),bt(m.length+p.length,h.page,h.pages,h.from,h.to);let t=[];for(let[e,n]of ee)t.push(St(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(wt(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(),Xn(Zn(`track:${r.index}`,w===r.index?I.position:0),e,`✓`)}),a.append(e),Ye()&&a.append(et(()=>({kind:`track`,index:r.index,name:r.name}),r.name))}t.push(a)}o.playlist.replaceChildren(...t)}let g=z(),_=ot(),re;for(let e of Array.from(o.playlist.children)){let t=e,n=Number(t.dataset.index),r=Number.isInteger(n)&&n===g;t.classList.toggle(`selected`,r),t.classList.toggle(`playing`,r&&_),r&&(re=t)}if(g!==_t){_t=g;let e=p.findIndex(e=>e.index===g);if(e>=0&&!re){vt=Math.floor((m.length+e)/a),gt=``,Ct();return}re?.scrollIntoView({block:`nearest`})}}function wt(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(),Tt(e)}),t.append(n)}return t}async function Tt(e){try{let t=await fetch(L.url(`/api/source/remove`),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({group:e})}),n=await t.json();U(t.ok?`Removed ${n.removed??0} tracks from ${e}.`:n.error??`that did not work`)}catch{U(`could not reach the server`)}}function Et(){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(F())P=Ce(P,N);else{let e=I.read();e.length>0&&(Ke.length!==25&&(Ke=be(24,e.length)),N=Se(N,xe(e,Ke)),P=Ce(P,N))}if(a){let e=getComputedStyle(document.documentElement);we(a,{width:t.width,height:t.height},N,P,{bar:e.getPropertyValue(`--green`).trim()||`#4af689`,peak:e.getPropertyValue(`--green-dim`).trim()||`#227a4a`,background:`transparent`})}if(ot()){o.glyphs.textContent=N.map(pt).join(``);let[t,n]=F()?y.levels:I.levels();o.levels.textContent=ft(t,n),o.elapsed.textContent=e(at());let r=it();!C&&r>0&&(o.seek.value=String(Math.round(at()/r*1e3)))}requestAnimationFrame(Et)}let Dt=``;function Ot(){if(u!==`remote`){o.wayInHere.hidden=!0,Dt=``;return}let e=qe()&&!m,t=_||L.address,n=e?null:ne(L.address),r=`${t}|${n??``}|${e?`admin`:`view`}`;if(r===Dt)return;Dt=r;let[i,a]=g({name:d||`this server`,view:t,admin:n});i.hidden=!e,a.hidden=e,o.wayInHere.replaceChildren(i,a),o.wayInHere.hidden=!1}function H(e){o.video.hidden=!e,o.fullscreen.hidden=!e,Ae(),O=null}function kt(){`mediaSession`in navigator&&(navigator.mediaSession.metadata=new MediaMetadata({title:tt(),album:nt(),artist:`nixamp`,artwork:[{src:`/icons/icon-512.png`,sizes:`512x512`,type:`image/png`}]}),navigator.mediaSession.setActionHandler(`play`,()=>void lt()),navigator.mediaSession.setActionHandler(`pause`,()=>void lt()),navigator.mediaSession.setActionHandler(`nexttrack`,()=>void ut(1)),navigator.mediaSession.setActionHandler(`previoustrack`,()=>void ut(-1)))}o.filter.addEventListener(`input`,()=>{vt=0,gt=``,Ct()}),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)&&st(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 ut(-1)),o.next.addEventListener(`click`,()=>void ut(1)),o.stop.addEventListener(`click`,()=>void dt()),o.playPause.addEventListener(`click`,()=>void lt());async function At(e){let t=Ie(e,Xe());if(!t){if(!Ye()){S=u===`remote`?`That link would need this server to fetch it, which is going live with it: sign in to nixamp.com, or use the server's control link. YouTube, Vimeo, SoundCloud and links straight to a file play here.`:`That link would need a server to fetch it: pick one to go live on, or connect to one. YouTube, Vimeo, SoundCloud and links straight to a file play here.`,B();return}await jt(e);return}if(T=null,I.stop(),t.kind===`embed`){D={kind:`link`,link:{url:e,extractor:t.site,download:!1,live:!1,video:!0}},H(!1),o.embedFrame.src=t.src,o.embed.hidden=!1,O={url:e,label:t.label,kind:`embed`},S=`Playing ${t.label} here, in this browser.`,B();return}D={kind:`link`,link:{url:e,extractor:`direct`,download:!1,live:!1,video:t.video}},await E(()=>I.load({title:t.label,artist:``,album:``,duration:0,url:t.url,video:t.video,objectUrl:!1},!0)),H(t.video),O={url:e,label:t.label,kind:`direct`},S=`Playing ${t.label} here, in this browser.`,B()}async function jt(e){if(u!==`remote`){S=`Pick a server to go live on, or connect to one, to put a link on the air.`,B();return}S=`Asking ${d||`the server`} to fetch ${e}…`,B(),await E(async()=>{let t,n={};try{t=await fetch(L.url(`/api/links/play`),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({url:e,live:!0})}),n=await t.json().catch(()=>({}))}catch{S=`could not reach the server`;return}if(!t.ok||!n.channel){S=n.error??`that link would not play.`;return}try{await fetch(L.url(`/api/channels/${encodeURIComponent(n.channel)}/keep`),{method:`POST`})}catch{}await Gn({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}})}),B()}o.linkForm.addEventListener(`submit`,e=>{e.preventDefault();let t=o.linkUrl.value.trim();t!==``&&At(t)});function Mt(){let e=u===`remote`?L.address:``,t=e=>{try{return new URL(e).origin}catch{return e}},n=f.filter(n=>t(n.url)!==t(e)),r=JSON.stringify({here:e,name:d,others:n});if(r===p)return;p=r;let i=[];if(e!==``){let t=document.createElement(`option`);t.value=``,t.textContent=`on ${d||e}`,i.push(t)}else{let e=document.createElement(`option`);e.value=``,e.textContent=`go live on…`,i.push(e)}for(let e of n){let t=document.createElement(`option`);t.value=e.url,t.textContent=e.name,i.push(t)}o.linkServer.replaceChildren(...i),o.linkServer.value=``,o.linkServer.hidden=n.length===0}o.linkServer.addEventListener(`change`,()=>{let e=o.linkServer.value;if(e===``)return;let t=o.linkUrl.value.trim();m=!0,h=``,o.remoteUrl.value=e,o.remoteForm.requestSubmit(),o.linkUrl.value=t,S=t===``?`Connecting… then paste a link and press Play link to go live with it there.`:`Connecting… then press Play link to go live with it there.`,B()}),o.makePublic.addEventListener(`click`,()=>{O&&jt(O.url)}),o.downloadNow.addEventListener(`click`,()=>{let e=D?.link;if(!e||u!==`remote`)return;let t=e.video?``:`&audio=1`;globalThis.open(L.url(`/api/links/download?url=${encodeURIComponent(e.url)}${t}`),`_blank`),S=`Fetching it through the server; your browser will save it when it arrives.`,B()}),o.goLiveNow.addEventListener(`click`,()=>{let e=Ze();e&&Qe(e,o.goLiveNow)}),o.seek.addEventListener(`input`,()=>{C=!0}),o.seek.addEventListener(`change`,()=>{let e=it();e>0&&I.seek(Number(o.seek.value)/1e3*e),C=!1}),o.volume.addEventListener(`input`,()=>{let e=Number(o.volume.value)/100;I.volume=e;try{localStorage.setItem(He,String(e))}catch{}});let Nt=e=>{e.addEventListener(`change`,()=>{let t=re(Array.from(e.files??[]));if(t.length===0){S=`Nothing playable in that selection.`,B();return}ae(v),v=t,ie=0,u=`local`,L.close(),S=``,st(0)})};Nt(o.files),Nt(o.folder),o.remoteForm.addEventListener(`submit`,e=>{e.preventDefault();let t=o.remoteUrl.value,{base:n,key:r}=le(t);if(n===``){S=`That is not an address.`,B();return}(async()=>{b=`connecting`,B();let e=ve(n);if(e){b=`error`,x=e,S=e,u=`local`,B();return}if(await _e(n,void 0,r)===null){b=`error`;let e=he(n);x=e?`needs the server's name`:`not answering`,S=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`,B();return}let i=await ge(n,r);if(i){b=`error`,x=i,S=i,u=`local`,B();return}u=`remote`,S=``;try{localStorage.setItem(Ve,t.trim())}catch{}L.connect(t),Q(),dn(),Vn(!0),Gt(),Rn(),B()})()});let Pt=``,Ft=null,It=async(e=!1)=>{o.directory.hidden=!1,e||(o.directoryNote.textContent=`Looking for live streams…`,o.directoryList.replaceChildren()),Ft||=setInterval(()=>{!o.directory.hidden&&document.visibilityState===`visible`&&It(!0)},We);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??[],f=t.map(e=>({name:e.name,url:e.url})),Mt();let i=JSON.stringify({streams:t.map(({...e})=>{let{updatedAt:t,startedAt:n,...r}=e;return r}),recent:r.recent??[],me:Z});if(e&&i===Pt)return;Pt=i,Jt(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??ne(e.url),c=(t,n=``)=>{m=t,h=n,o.remoteUrl.value=t?e.url:s??e.url,o.directory.hidden=!0,o.remoteForm.requestSubmit()},l=document.createElement(`ul`);l.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`,$e(o),o.title=`Join ${t}, live on ${e.name}`,o.addEventListener(`click`,()=>c(!0,`channel:${t}`)),n.append(r,o),l.append(n)}let[u,d]=g({name:e.name,view:e.url,admin:s},()=>{o.directory.hidden=!0});if(t.append(n,u,d),Z&&t.append(nn(e.url,e.name)),e.ownerId&&Z&&e.ownerId!==Z&&t.append(wn(e.ownerId,e.name)),l.childElementCount>0&&t.append(l),e.ownerId&&Z&&e.ownerId===Z){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 It()}})()}),t.append(n)}o.directoryList.append(t)}};if(document.addEventListener(`visibilitychange`,()=>{document.visibilityState===`visible`&&!o.directory.hidden&&It(!0)}),location.pathname.replace(/\/+$/,``)===`/directory`){document.body.classList.add(`route-directory`);let e=document.getElementById(`directory-back`);e&&(e.hidden=!1),It()}let Lt=null,Rt=e=>e===`cgnat`?`mobile or tailscale`:e===`private`?`your network`:e===`local`?`this machine`:e===`public`?`the internet`:e,zt=e=>e===`events`?`watching the panel`:e===`page`?`opened the page`:e===`media`?`playing a track`:e===`stream`?`listening live`:e,Bt=``,Vt=``,Ht=e=>{let t=e.map(e=>`${e.address}|${e.kind}|${e.track}|${Math.round(e.bytes/4096)}|${e.endedAt}`).join(`~`);if(t===Bt)return;Bt=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,``],[Rt(t.network),`network-${t.network}`],[zt(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 U(e){o.adminSaid.textContent=e,o.adminSaid.hidden=e===``}let Ut=async()=>{try{let e=await fetch(L.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.`,Ht(t.connections??[]),Wt(t.publish??[],(t.channels??[]).map(e=>e.id)),nr(t.home??``,t.root??``),Q()}catch{o.adminNote.textContent=`lost touch with the server`}};function Wt(e,t){o.publishPanel.hidden=e.length===0;let n=`${e.map(e=>`${e.id}=${e.url}`).join(`~`)}::${t.join(`,`)}`;if(n===Vt)return;if(Vt=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 Gt=async()=>{if(u!==`remote`){o.adminPanel.hidden=!0,o.publishPanel.hidden=!0,Lt&&clearInterval(Lt),Lt=null;return}let e=!1,t=null,n=!1,r=!1;try{let i=await fetch(L.url(`/api/admin`));if(i.ok){let a=await i.json();e=a.allowed===!0,t=a.as??null,n=a.claimed===!0,r=a.member===!0}}catch{e=!1}if(m&&(e=!1),Je=r&&!e,o.adminPanel.hidden=!e,Lt&&clearInterval(Lt),Lt=null,Q(),dn(),Rn(),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.`,Ut(),Lt=setInterval(()=>void Ut(),2e3)};function Kt(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)}`;U(`Starting ${t||e}…`),(async()=>{try{let i=await fetch(L.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){U(a.error??`that did not work`);return}U(`${a.channel?.name||t||e} is on the air.`),o.adminSource.value=``,o.adminName.value=``,Rn(),Q()}catch{U(`could not reach the server`)}})()}o.adminRestream.addEventListener(`submit`,e=>{e.preventDefault();let t=o.adminSource.value.trim();t&&Kt(t,o.adminName.value.trim())}),o.adminAdd.addEventListener(`click`,()=>{let e=o.adminSource.value.trim();if(!e)return;U(`Reading ${e}…`);let t=o.adminReplace.checked,n=o.adminName.value.trim();(async()=>{try{let r=await fetch(L.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();U(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=``,Rn(),Q())}catch{U(`could not reach the server`)}})()});let qt=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`},Jt=e=>{o.recentList.replaceChildren();let t=Z?e.filter(e=>e.ownerId&&e.ownerId!==Z):[];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 ${qt(e.endedAt)}`:`ended ${qt(e.endedAt)}`,n.append(r,i),t.append(n,wn(e.ownerId,e.name)),o.recentList.append(t)}},Yt=e=>{let t=Math.max(0,Math.floor(e)),n=String(t%60).padStart(2,`0`),r=Math.floor(t/60)%60,i=Math.floor(t/3600);return i>0?`${i}:${String(r).padStart(2,`0`)}:${n}`:`${r}:${n}`};function Xt(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.event.title||e.party.partyCode;let i=document.createElement(`span`);i.className=e.party.playing?`detail live`:`detail`,i.textContent=[e.party.playing?`▶ ${Yt(e.party.positionNow)}`:`❚❚ ${Yt(e.party.positionNow)}`,e.party.mediaTitle,e.party.origin,e.host?`yours`:``].filter(Boolean).join(` · `),n.append(r,i);let a=document.createElement(`a`);a.className=`button`,a.href=e.links.partyUrl||e.links.nixampUrl,a.rel=`noopener`,a.target=`_blank`,a.textContent=`Watch`;let o=document.createElement(`a`);return o.className=`ghost`,o.href=e.links.nixampUrl,o.textContent=`Room`,t.append(n,a,o),t}async function Zt(){if(!Z){o.partiesPanel.hidden=!0;return}try{let e=await fetch(`/api/v1/watch-parties`);if(!e.ok){o.partiesPanel.hidden=!0;return}let t=(await e.json()).parties??[];o.partiesPanel.hidden=!1,o.partiesNote.textContent=t.length===0?`No parties on right now. Have a code from a site? Put it in.`:`Parties on now. Watch opens the film where it lives; Room is here.`,o.partiesList.replaceChildren(...t.map(Xt))}catch{o.partiesPanel.hidden=!0}}o.partyForm.addEventListener(`submit`,e=>{e.preventDefault();let t=o.partyCode.value.trim();t!==``&&(async()=>{try{let e=await fetch(`/api/v1/watch-parties/${encodeURIComponent(t)}`),n=await e.json().catch(()=>({}));if(!e.ok){S=n.error??`no party with that code`,B();return}o.partyCode.value=``,window.location.href=n.links.nixampUrl}catch{S=`could not ask about that party`,B()}})()});async function Qt(){if(!Z){o.connectionsNote.hidden=!0,o.connectionsList.hidden=!0;return}try{let e=await fetch(`/api/v1/oauth/connections`);if(!e.ok){o.connectionsNote.hidden=!0,o.connectionsList.hidden=!0;return}let t=(await e.json()).connections??[];o.connectionsNote.hidden=t.length===0,o.connectionsList.hidden=t.length===0,o.connectionsList.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.clientName;let i=document.createElement(`span`);i.className=`detail`,i.textContent=e.scope.split(` `).filter(Boolean).join(`, `),n.append(r,i);let a=document.createElement(`button`);return a.type=`button`,a.className=`ghost`,a.textContent=`Disconnect`,a.addEventListener(`click`,()=>{(async()=>{try{await fetch(`/api/v1/oauth/connections/${encodeURIComponent(e.clientId)}`,{method:`DELETE`})}catch{}await Qt()})()}),t.append(n,a),t}))}catch{o.connectionsNote.hidden=!0,o.connectionsList.hidden=!0}}let W=new Set,G=e=>{try{return new URL(e).origin}catch{return e}},$t=e=>[...W].some(t=>G(t)===G(e));async function en(){if(!Z){W=new Set,o.favoritesPanel.hidden=!0,rn();return}try{let e=await fetch(`/api/v1/favorites`);if(!e.ok){o.favoritesPanel.hidden=!0;return}let t=(await e.json()).favorites??[];W=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`);return 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),t.append(n,...g({name:e.name||e.url,view:e.url,admin:ne(e.url)}),nn(e.url,e.name)),t}))}catch{o.favoritesPanel.hidden=!0}rn()}async function tn(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){S=n?`Could not save that favourite.`:`Could not remove that favourite.`,B();return}}catch{S=`could not reach nixamp.com`,B();return}if(n)W.add(e);else for(let t of[...W])G(t)===G(e)&&W.delete(t);await en()}function nn(e,t){let n=document.createElement(`button`);n.type=`button`,n.className=`heart`;let r=()=>{let t=$t(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=[...W].find(t=>G(t)===G(e))??e;tn($t(e)?i:e,t,!$t(e)).then(r)}),n}function rn(){let e=u===`remote`?L.shareLink:``;if(o.favHere.hidden=!(Z&&e),o.favHere.hidden)return;let t=$t(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`,()=>{Xn(I.source,o.copyNow,`✓`)}),o.favHere.addEventListener(`click`,()=>{let e=Qn()||L.shareLink;if(!e)return;let t=[...W].find(t=>G(t)===G(e))??e;tn($t(e)?t:e,d||L.address,!$t(e)).then(rn)});let an=r?a:200,K=[],q=null,J=null,on=``,Y=[],sn=0,cn=null,ln=0;function un(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 dn(){if(u!==`remote`){o.catalogsPanel.hidden=!0;return}let e;try{e=await fetch(L.url(`/api/catalogs`))}catch{o.catalogsPanel.hidden=!0;return}if(!e.ok){o.catalogsPanel.hidden=!0;return}K=(await e.json().catch(()=>({}))).catalogs??[],q&&=K.find(e=>e.id===q?.id)??null,q||(J=null),o.catalogsPanel.hidden=!1,fn()}function fn(){let e=!o.adminPanel.hidden;o.catalogsForm.hidden=!e;let t=K.reduce((e,t)=>e+t.live,0),n=K.reduce((e,t)=>e+t.vod,0);o.catalogsNote.textContent=K.length===0?e?`No catalogs yet. Add an m3u list of channels or films.`:`No catalogs yet.`:`${K.length} ${K.length===1?`catalog`:`catalogs`} · ${t} live ${t===1?`channel`:`channels`} · ${n} on demand`,pn();let r=q!==null&&J!==null;if(o.catalogsList.hidden=r,o.catalogsFilter.hidden=!r,o.catalogsEntries.hidden=!r,r){vn();return}if(q){hn(q);return}o.catalogsList.replaceChildren(...K.map(t=>mn(t,e)))}function pn(){let e=q!==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`,()=>{q=null,J=null,fn()},!1),n(),t(q?.name??``,()=>{J=null,fn()},J===null)];J!==null&&r.push(n(),t(J===``?`All groups`:J,()=>void 0,!0)),o.catalogsCrumbs.replaceChildren(...r)}function mn(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 ${un(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`,()=>{q=e,J=null,fn()}),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`,()=>{bn(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?`)&&xn(e)}),n.append(t,r)}return n}async function hn(e){o.catalogsList.replaceChildren();let t=[];try{let n=await E(()=>fetch(L.url(`/api/catalogs/${encodeURIComponent(e.id)}/groups`)));if(!n.ok)throw Error(String(n.status));t=(await n.json()).groups??[]}catch{S=`Could not read the groups in ${e.name}.`,B();return}if(q?.id!==e.id||J!==null)return;let n=[gn(`All groups`,``,e.entries,e.live,e.vod),...t.map(e=>gn(e.name||`(no group)`,e.name,e.count,e.live,e.vod))];o.catalogsList.replaceChildren(...n)}function gn(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`,()=>{J=t,on=``,o.catalogsFilter.value=``,Y=[],sn=0,fn(),_n(0)}),a.append(s,u),a}async function _n(e){let t=q,n=J;if(!t||n===null)return;let r=++ln,i=new URLSearchParams({group:n,q:on,offset:String(e),limit:String(an)}),a;try{let e=await E(()=>fetch(L.url(`/api/catalogs/${encodeURIComponent(t.id)}/entries?${i}`)));if(!e.ok)throw Error(String(e.status));a=await e.json()}catch{S=`Could not read ${t.name}.`,B();return}r===ln&&(sn=a.total??0,Y=e===0?a.entries??[]:[...Y,...a.entries??[]],vn())}function vn(){let t=q;if(!t)return;let n=Y.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`;Xn(L.url(i),e,`✓`)}),r.append(e)}return Ye()&&r.append(et(()=>({kind:`entry`,catalog:{id:t.id,name:t.name},entry:n}),n.title)),r.addEventListener(`click`,()=>{yn(t,n,r)}),r});if(Y.length===0){let e=document.createElement(`li`);e.className=`group`;let t=document.createElement(`span`);t.className=`group-name`,t.textContent=on?`Nothing called "${on}" here.`:`Nothing in this group.`,e.append(t),n.push(e)}else if(Y.length<sn){let e=document.createElement(`li`);e.className=`group`;let t=document.createElement(`button`);t.type=`button`,t.className=`ghost`,t.textContent=`Show more (${Y.length.toLocaleString()} of ${sn.toLocaleString()})`,t.addEventListener(`click`,e=>{e.stopPropagation(),_n(Y.length)}),e.append(t),n.push(e)}o.catalogsEntries.replaceChildren(...n)}async function yn(e,t,n){n?.classList.add(`loading`),S=`Starting ${t.title}…`;let r={catalog:{id:e.id,name:e.name},entry:t};try{await E(async()=>{let n,i={};try{n=await fetch(L.url(`/api/catalogs/${encodeURIComponent(e.id)}/entries/${encodeURIComponent(t.id)}/play`),{method:`POST`}),i=await n.json().catch(()=>({}))}catch{S=`could not reach the server`;return}if(!n.ok){S=i.error??`${t.title} would not play.`;return}let a=i.name||t.title;if(i.kind===`live`&&i.channel){await Gn({id:i.channel,name:a,video:!0},!0,{kind:`channel`,...r});return}if(i.kind===`vod`&&i.url){T=null,w=-1,D={kind:`vod`,...r},Fe(a,`title`),await I.load({title:a,artist:``,album:``,duration:0,url:L.url(i.url),video:!0,objectUrl:!1},!0),H(!0),S=`Playing ${a}.`;return}S=`${t.title} would not play.`})}finally{n?.classList.remove(`loading`),B()}}async function bn(e){U(`Reading ${e.name} again…`);try{let t=await fetch(L.url(`/api/catalogs/${encodeURIComponent(e.id)}/refresh`),{method:`POST`}),n=await t.json().catch(()=>({}));U(t.ok?`${n.catalog?.name??e.name}: ${(n.catalog?.entries??0).toLocaleString()} entries.`:n.error??`that did not work`)}catch{U(`could not reach the server`)}dn()}async function xn(e){try{U((await fetch(L.url(`/api/catalogs/${encodeURIComponent(e.id)}`),{method:`DELETE`})).ok?`${e.name} is off the server.`:`that did not work`)}catch{U(`could not reach the server`)}q?.id===e.id&&(q=null,J=null),dn()}o.catalogsForm.addEventListener(`submit`,e=>{e.preventDefault();let t=o.catalogSource.value.trim(),n=o.catalogName.value.trim();t&&(async()=>{U(`Reading ${n||t}…`);try{let e=await fetch(L.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){U(r.error??`that did not work`);return}U(`${r.catalog?.name??n??t}: ${(r.catalog?.entries??0).toLocaleString()} entries.`),o.catalogSource.value=``,o.catalogName.value=``}catch{U(`could not reach the server`)}dn()})()}),o.catalogsFilter.addEventListener(`input`,()=>{cn&&clearTimeout(cn),cn=setTimeout(()=>{cn=null,on=o.catalogsFilter.value.trim(),_n(0)},250)});let Sn=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??[];te=new Map(t.map(e=>[G(e.url),e.key?`${e.url}/admin/${e.key}`:e.url])),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. View one, administer it, 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=e.key?`${e.url}/admin/${e.key}`:e.url,[s,c]=g({name:e.name,view:a,admin:a});_e(e.url).then(n=>{if(n!==null){i.textContent=`${e.url} · ${n}`;return}i.textContent=`${e.url} · not answering`,t.classList.add(`offline`),s.disabled=!0,c.disabled=!0,s.title=c.title=`That machine is not answering. Start nixamp on it.`});let l=document.createElement(`button`);l.type=`button`,l.className=`ghost`,l.textContent=`Forget`,l.addEventListener(`click`,()=>{(async()=>{l.disabled=!0;try{await fetch(`/api/v1/servers/${encodeURIComponent(e.id)}`,{method:`DELETE`}),await Sn()}catch{l.disabled=!1}})()}),t.append(n,s,c,l),o.serversList.append(t)}}catch{o.serversPanel.hidden=!0}},Cn=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}},wn=(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),Cn())}catch{}finally{n.disabled=!1}})()}),n},Tn=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},En=()=>`serviceWorker`in navigator&&`PushManager`in window&&`Notification`in window,Dn=async()=>{if(!En())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:Tn(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}},On=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{}},kn=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`}},An=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=En()&&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 Dn();o.notifyWeb.checked=e,await kn({wantsWeb:e});return}await On(),await kn({wantsWeb:!1}),o.notifyNote.textContent=`Turn on “On this device” to be told here.`})()}),o.notifyEmail.addEventListener(`change`,()=>{kn({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 kn({wantsSms:o.notifySms.checked})})()}),o.notifyPhoneForm.addEventListener(`submit`,e=>{e.preventDefault(),kn({phone:o.notifyPhone.value.trim()})});let X=!1,Z=``,jn=!1,Mn=`nixamp.welcome`,Nn=()=>{let e=!1;try{e=localStorage.getItem(Mn)===`hidden`}catch{}o.welcome.hidden=!jn||Z!==``||e},Pn=e=>{let t=e!==null;o.notifyPanel.hidden=!t,t?(An(),Cn(),Sn()):(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}.`:X?`Create an account on nixamp.com.`:`Listening needs no account. Sign in to keep favourites, follow people, and publish.`,o.accountSubmit.textContent=X?`Create account`:`Sign in`,o.accountToggle.textContent=X?`I have one`:`Create one`,o.accountPassword.autocomplete=X?`new-password`:`current-password`,Nn()},Fn=async()=>{let e=[];jn=!1;try{let t=await fetch(`/api/v1/auth/providers`);t.ok&&(jn=!0,e=(await t.json()).providers??[])}catch{}o.accountProviders.replaceChildren(),o.accountProviders.hidden=e.length===0,o.accountPanel.hidden=!jn,o.accountElsewhere.hidden=jn,Nn();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)}},In=async()=>{try{let e=await fetch(`/api/v1/auth/me`),t=await e.json();Z=e.ok?t.account?.id??``:``,Pn(e.ok?t.account?.email??`you`:null)}catch{Z=``,Pn(null)}if(L.session=``,Z!==``){try{let e=await fetch(`/api/v1/auth/token`),t=await e.json().catch(()=>({}));L.session=e.ok&&typeof t.token==`string`?t.token:``}catch{L.session=``}u===`remote`&&Gt()}en(),Zt(),Qt(),Ln()};function Ln(){if(j===``)return;let e=j;j=``,o.remoteUrl.value=e,o.remoteForm.requestSubmit()}o.accountToggle.addEventListener(`click`,()=>{X=!X,Pn(null)}),o.welcomeCreate.addEventListener(`click`,()=>{X=!0,Pn(null),o.accountPanel.scrollIntoView({behavior:`smooth`,block:`center`}),o.accountEmail.focus({preventScroll:!0})}),o.welcomeBrowse.addEventListener(`click`,()=>{o.directory.hidden?o.browse.click():o.directory.scrollIntoView({behavior:`smooth`,block:`nearest`})}),o.welcomeHide.addEventListener(`click`,()=>{try{localStorage.setItem(Mn,`hidden`)}catch{}o.welcome.hidden=!0}),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/${X?`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}Z=r.account?.id??``,o.accountPassword.value=``,Pn(r.account?.email??t),Gt(),Ln()}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{}Z=``,Pn(null),L.close(),w=-1,u=`local`,b=`idle`,x=``,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,Vn(!1);try{localStorage.removeItem(Ve)}catch{}S=`Signed out, and disconnected from the server.`,Gt(),B()})()});try{let e=new URL(globalThis.location.href).searchParams,t=e.get(`url`)??``;t!==``&&(j=t,h=e.get(`play`)??``,ee=Math.max(0,Number(e.get(`t`)??`0`)||0),o.remoteUrl.value=t,S=`Opening the stream you were sent…`,globalThis.history?.replaceState(null,``,globalThis.location.pathname))}catch{}Fn(),In(),Gt(),o.browse.addEventListener(`click`,()=>{if(!o.directory.hidden){o.directory.hidden=!0;return}It(),o.directory.scrollIntoView({behavior:`smooth`,block:`nearest`})}),o.disconnect.addEventListener(`click`,()=>{L.close(),o.listenOnly.hidden=!0,w=-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=``,_=``,rn(),Vn(!1),u=`local`,b=`idle`,x=``,B()});async function Rn(){if(u!==`remote`||L.shareLink===``){o.sharePanel.hidden=!0;return}o.sharePanel.hidden=!1;let e=Qn(),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(L.url(`/api/live/state`));n.ok&&(r=await n.json()),r?.url&&(e=r.url,_=r.url,o.shareLink.value=e.startsWith(`https://`)?`${t}/?url=${encodeURIComponent(e)}`:e)}catch{}if(r){if(Le=r.live,A=r.live?r.code:``,Re=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 `),ir(n),document.createTextNode(` and key `),ir(r.code),document.createTextNode(`. That is a room with everyone else watching — not the stream itself.`)),o.shareSend.hidden=!1}}let zn=``,Bn=null,Vn=e=>{Bn&&clearInterval(Bn),Bn=null,e&&(Bn=setInterval(()=>void Q(),6e3))};async function Q(){if(u!==`remote`){o.onairPanel.hidden=!0;return}let e;try{let t=await fetch(L.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}`,rn(),B())}catch{o.onairPanel.hidden=!0;return}o.onairPanel.hidden=!1,Ee=e,$n(e);let t=`${o.adminPanel.hidden?`view`:`drive`}:${JSON.stringify(e)}`;if(t===zn)return;zn=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(er({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){Wn(e.server.nowPlaying);return}s&&Un()},link:e.server.live?e.server.url:``,...a?{page:Zn(`live`)}:{},direct:a?L.url(`/api/live`):``}));for(let e of n)i.push(er({title:e.name,detail:e.tracks===1?`re-streamed from the web`:`re-streamed from the web · ${e.tracks} tracks`,onPlay:()=>{st(e.at)},link:``,direct:L.media(e.at,0,!0)}));for(let t of e.channels){let e=t.kind!==`audio`,n=L.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(er({title:t.name,detail:r.join(` · `),onPlay:()=>{Gn({id:t.id,name:t.name,video:e})},link:n,page:Zn(`channel:${t.id}`),direct:n,onRestart:s&&t.via===`pull`?()=>{qn(t.id,t.name)}:void 0,onStop:s||Je&&Z!==``&&t.startedBy===Z?()=>{Yn(t.id,t.name)}:void 0,onRename:s||Je&&Z!==``&&t.startedBy===Z?()=>{Jn(t.id,t.name)}:void 0}))}o.onairList.replaceChildren(...i)}async function Hn(){if(u===`remote`)try{if((await fetch(L.media(z(),0),{method:`GET`,headers:{range:`bytes=0-1`}})).status!==402)return;S=Z===``?`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.`,Z===``&&o.accountPanel.scrollIntoView({behavior:`smooth`,block:`center`}),B()}catch{}}async function Un(){U(`Starting the stream on the server…`);try{await L.send({type:`play`,index:Math.max(0,z())})}catch{U(`could not reach the server`);return}await Wn(y.tracks[z()]?.title??``),U(`Playing to the room. Anybody with the view link sees this.`),await Q()}async function Wn(e){w=-1,T=null,D={kind:`live`},Fe(e,`auto`),await E(()=>I.load({title:e||`Live`,artist:``,album:``,duration:0,url:L.url(`/api/live`),video:!0,objectUrl:!1},!0)),H(!0),S=`Watching what this server is playing. Everyone here sees the same thing.`,B()}async function Gn(e,t=!0,n){w=-1,T=e,t&&(ue=0),t&&(D=n??{kind:`channel`}),t&&Fe(e.name,D?.link||Be(e.name)?`auto`:`channel`);let r=e.video&&Xe();await E(()=>I.load({title:e.name,artist:``,album:``,duration:0,url:L.url(r?`/api/channels/${encodeURIComponent(e.id)}/hls/index.m3u8`:`/api/channels/${encodeURIComponent(e.id)}`),video:e.video,objectUrl:!1},!0)),H(e.video),T===e&&(S=`Watching ${e.name}, live on this server.`),B()}function Kn(){let e=T;return e?ze?!0:ue>=5?(S=`${e.name} stopped, and did not come back.`,T=null,D=null,B(),!0):(ue+=1,S=`${e.name} started over; rejoining…`,B(),ze=setTimeout(()=>{ze=null,T===e&&Gn(e,!1)},2e3),!0):!1}function $(e){o.onairNote.textContent=e,U(e)}async function qn(e,t){$(`Restarting ${t}…`);try{let n=await fetch(L.url(`/api/channels/${encodeURIComponent(e)}/restart`),{method:`POST`}),r=await n.json().catch(()=>({}));$(n.ok?`${t} is dialling its source again.`:r.error??`that did not work`)}catch{$(`could not reach the server`)}zn=``,Q()}async function Jn(e,t){let n=globalThis.prompt(`Call ${t}…`,t);if(n===null)return;let r=n.trim();if(r!==``&&r!==t){$(`Renaming ${t}…`);try{let n=await fetch(L.url(`/api/channels/${encodeURIComponent(e)}`),{method:`PATCH`,headers:{"content-type":`application/json`},body:JSON.stringify({name:r})}),i=await n.json().catch(()=>({}));$(n.ok?`${t} is now ${r}.`:i.error??`that did not work`)}catch{$(`could not reach the server`)}T?.id===e&&(T={...T,name:r}),zn=``,Q(),B()}}async function Yn(e,t){$(`Taking ${t} off the air…`);try{let n=await fetch(L.url(`/api/channels/${encodeURIComponent(e)}`),{method:`DELETE`}),r=await n.json().catch(()=>({}));$(n.ok?`${t} is off the air.`:r.error??`that did not work`)}catch{$(`could not reach the server`)}T?.id===e&&(T=null,I.stop()),zn=``,Q()}async function Xn(e,t,n=`Copied`){if(!e)return;let r=t.innerHTML;try{await navigator.clipboard.writeText(e)}catch{S=e,B();return}n===`✓`||n===`✓`?c(t,`check`):t.textContent=n,setTimeout(()=>{t.innerHTML=r},1200)}function Zn(e,t=0){let n=Qn();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 Qn(){if(_!==``)return _;let e=u===`remote`?L.shareLink:``;return/\/admin\//.test(e)?``:e}function $n(e){if(h===``)return;let t=h;if(t===`live`){h=``,e.server.playing?Wn(e.server.nowPlaying):(S=`Nothing is playing on this server right now.`,B());return}if(t.startsWith(`link:`)){h=``,At(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&&(h=``,Gn({id:r.id,name:r.name,video:r.kind!==`audio`}))}function er(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`,$e(o,e.playLabel??`Join live`),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;Xn(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=>{Xn(e.direct??``,t,`✓`)})),e.onRestart&&a.append(s(`restart`,`Restart: dial the source again`,()=>e.onRestart?.())),e.onRename&&a.append(s(`rename`,`Rename: call it something better in the directory`,()=>e.onRename?.())),e.onStop&&a.append(s(`remove`,`Remove: take it off the air`,()=>e.onStop?.())),t.append(n,a),t}let tr=``;function nr(e,t){tr=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`,()=>{tr!==``&&(o.loadHome.disabled=!0,U(`Reading this server's files…`),(async()=>{try{let e=await fetch(L.url(`/api/source`),{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({source:tr})}),t=await e.json();U(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{U(`could not reach the server`)}finally{o.loadHome.disabled=!1}})())});let rr=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(L.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 Rn()}};o.goLive.addEventListener(`click`,()=>void rr(!0)),o.stopLive.addEventListener(`click`,()=>void rr(!1));function ir(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:Qn()})}),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(Ue,o.listenHere.checked?`1`:`0`)}catch{}u===`remote`&&(async()=>{o.listenHere.checked?(await L.send({type:`stop`}),await ct(y.index)):(I.stop(),w=-1),B()})()}),document.addEventListener(`keydown`,e=>{let t=e.target;if(!(t&&/^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName)))switch(e.key){case` `:e.preventDefault(),lt();return;case`s`:dt();return;case`n`:case`ArrowRight`:ut(1);return;case`p`:case`ArrowLeft`:ut(-1);return;case`ArrowDown`:e.preventDefault(),st(Math.min(R()-1,z()+1));return;case`ArrowUp`:e.preventDefault(),st(Math.max(0,z()-1));return}});let ar=null;globalThis.addEventListener(`beforeinstallprompt`,e=>{e.preventDefault(),ar=e,o.install.hidden=!1}),o.install.addEventListener(`click`,()=>{ar?.prompt(),ar=null,o.install.hidden=!0});try{let e=localStorage.getItem(He);e!==null&&(o.volume.value=String(Math.round(Number(e)*100)),I.volume=Number(e));let t=localStorage.getItem(Ve);t&&(o.remoteUrl.value=t),localStorage.getItem(Ue)===`0`&&(o.listenHere.checked=!1)}catch{}(async()=>{if(o.remoteUrl.value!==``)return;let e=globalThis.location.origin;if(await _e(e)===null)return;let t=await me(e);t&&t.trackCount!==0&&(o.remoteUrl.value=e,u=`remote`,S=``,L.connect(e),B())})(),(()=>{if(Ge||j!==``)return;let e=()=>I.source!==``||I.playing||ye()||T!==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=()=>{Ge=!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})})})})(),B(),requestAnimationFrame(Et)}N(),`serviceWorker`in navigator&&globalThis.addEventListener(`load`,()=>{navigator.serviceWorker.register(`/sw.js`).catch(()=>{})});export{c as t};