(this.webpackJsonpcoderadio = this.webpackJsonpcoderadio || []).push([
[0],
{
88: function (t, e, a) {},
89: function (t, e, a) {
"use strict";
a.r(e);
var n = a(3),
r = a.n(n),
i = a(51),
s = a.n(i),
o = a(92),
l = a(58),
c = a(18),
u = a(34),
d = a.n(u),
h = a(42),
p = a(25),
g = a(13),
f = a(14),
m = a(17),
b = a(16),
v = a(15),
y = a(52),
j = a.n(y),
O = a(53),
x = a(11),
S = a(43),
w = a.n(S),
C = a(23),
V = a(59),
k = a(1);
function _() {
var t = Object(n.useState)(!1),
e = Object(V.a)(t, 2),
a = e[0],
r = e[1];
return Object(k.jsxs)("nav", {
className: "site-nav" + (a ? " expand-nav" : ""),
id: "site-nav",
children: [
Object(k.jsx)("div", { className: "site-nav-left" }),
Object(k.jsx)("div", {
className: "site-nav-middle",
children: Object(k.jsx)("a", {
className: "site-nav-logo",
href: "/chill-radio",
children: Object(k.jsx)("img", { alt: "Chill Radio", src: "img/chill-logo.png" }),
}),
}),
Object(k.jsx)("div", {
className: "site-nav-right main-nav",
children: Object(k.jsx)("div", {
className: "main-nav-group",
children: Object(k.jsx)("ul", {
className: "nav" + (a ? " show-main-nav-items" : ""),
id: "nav",
children: [
{ href: "/", text: "Home" },
{ href: "https://github.com/3kh0/chill-radio", text: "GitHub" },
].map(function (t, e) {
return Object(k.jsx)("li", { children: Object(k.jsx)("a", { href: t.href, rel: "noopener noreferrer", target: "_blank", children: t.text }) }, e);
}),
}),
}),
}),
Object(k.jsx)("button", {
className: "site-nav-right toggle-button-nav" + (a ? " reverse-toggle-color" : ""),
id: "toggle-button-nav",
onClick: function () {
r(!a);
},
children: "Menu",
}),
],
});
}
var E,
T,
P = a(39),
N = (function (t) {
Object(b.a)(a, t);
var e = Object(v.a)(a);
function a(t) {
var n;
return (
Object(g.a)(this, a),
((n = e.call(this, t)).rafId = null),
(n.timerId = null),
(n.reset = function () {
n.rafId = null;
}),
(n.startDrawing = function () {
n.rafId || (n.rafId = window.requestAnimationFrame(n.drawingLoop));
}),
(n.stopDrawing = function () {
window.cancelAnimationFrame(n.rafId), clearTimeout(n.timerId);
}),
(n.drawingLoop = function () {
var t =
0 !==
n.state.eq.bands.reduce(function (t, e) {
return t + e;
}, 0);
n.updateEQBands(), n.drawVisualizer(), t ? (n.rafId = window.requestAnimationFrame(n.drawingLoop)) : (n.timerId = setTimeout(n.drawingLoop, 250));
}),
(n.handleVisibilityChange = function (t) {
n.setState({ isTabVisible: t });
}),
(n.state = { eq: {}, config: { baseColour: "rgb(10, 10, 35)", translucent: "rgba(10, 10, 35, 0.6)", multiplier: 0.7529 }, isTabVisible: !0 }),
n
);
}
return (
Object(f.a)(a, [
{
key: "componentDidUpdate",
value: function (t, e) {
var a = this;
(t.playing === this.props.playing && e.isTabVisible === this.state.isTabVisible) ||
(this.props.playing && this.state.isTabVisible
? (this.state.eq.context || this.initiateEQ(), this.createVisualizer(), this.startDrawing())
: setTimeout(function () {
a.stopDrawing(), a.reset();
}, 500));
},
},
{
key: "initiateEQ",
value: function () {
var t = this.state.eq,
e = window.AudioContext || window.webkitAudioContext;
(t.context = new e()),
(t.src = t.context.createMediaElementSource(this.props.player)),
(t.analyser = t.context.createAnalyser()),
t.src.connect(t.analyser),
t.analyser.connect(t.context.destination),
(t.analyser.fftSize = 256),
(t.bands = new Uint8Array(t.analyser.frequencyBinCount - 32)),
this.setState({ eq: t });
},
},
{
key: "updateEQBands",
value: function () {
var t = this.state.eq;
t.analyser.getByteFrequencyData(t.bands), this.setState({ eq: Object(c.a)({}, t) });
},
},
{
key: "createVisualizer",
value: function () {
(this._canvas.width = this._canvas.parentNode.offsetWidth),
(this._canvas.height = this._canvas.parentNode.offsetHeight),
(this.visualizer = { ctx: this._canvas.getContext("2d"), height: this._canvas.height, width: this._canvas.width, barWidth: this._canvas.width / this.state.eq.bands.length });
},
},
{
key: "drawVisualizer",
value: function () {
var t,
e = this,
a = 0;
this.visualizer.ctx.clearRect(0, 0, this.visualizer.width, this.visualizer.height),
this.visualizer.ctx.beginPath(),
this.visualizer.ctx.moveTo(a, 0),
(this.visualizer.ctx.fillStyle = this.state.config.translucent),
this.state.eq.bands.forEach(function (n) {
(t = e.state.config.multiplier * n), e.visualizer.ctx.lineTo(a, t), e.visualizer.ctx.lineTo(a + e.visualizer.barWidth, t), (a += e.visualizer.barWidth);
}),
this.visualizer.ctx.lineTo(a, 0),
this.visualizer.ctx.fill();
},
},
{
key: "render",
value: function () {
var t = this;
return Object(k.jsx)(P.a, {
onChange: this.handleVisibilityChange,
children: Object(k.jsx)("div", {
className: "visualizer",
children: Object(k.jsx)("canvas", {
"aria-label": "visualizer",
ref: function (e) {
return (t._canvas = e);
},
}),
}),
});
},
},
]),
a
);
})(r.a.PureComponent),
I = function (t) {
return Object(k.jsxs)("main", {
children: [
Object(k.jsxs)("div", {
className: "under-header-content",
children: [Object(k.jsx)("h1", { className: "site-title", children: "Welcome to Chill Radio." }), Object(k.jsx)("h2", { className: "site-description", children: "24/7 music designed for studying/reading/relaxing." })],
}),
C.isBrowser &&
Object(k.jsxs)(k.Fragment, {
children: [
Object(k.jsx)("div", { className: "animation" }),
Object(k.jsx)(N, { player: t.player, playing: t.playing }),
Object(k.jsxs)("details", {
children: [
Object(k.jsx)("summary", { children: "Keyboard Controls" }),
Object(k.jsxs)("dl", {
children: [
Object(k.jsx)("dt", { children: "Play/Pause:" }),
Object(k.jsx)("dd", { children: 'Spacebar or "k"' }),
Object(k.jsx)("dt", { children: "Volume:" }),
Object(k.jsx)("dd", { children: "Up Arrow / Down Arrow" }),
],
}),
],
}),
],
}),
],
});
},
L = function (t) {
return Object(k.jsxs)("div", {
className: t.playing ? "meta-display thumb meta-display-visible" : "meta-display thumb",
children: [
Object(k.jsx)("img", { alt: "album art", "data-meta": "picture", src: t.fastConnection ? t.currentSong.art : "img/cover_placeholder.gif" }),
Object(k.jsxs)("div", {
className: "now-playing",
children: [
Object(k.jsx)("div", { className: "progress-container", children: Object(k.jsx)("progress", { "data-meta": "duration", max: t.songDuration, value: t.progressVal }) }),
Object(k.jsx)("div", { "data-meta": "title", children: t.currentSong.title }),
Object(k.jsx)("div", { "data-meta": "artist", children: t.currentSong.artist }),
Object(k.jsx)("div", { "data-meta": "album", children: t.currentSong.album }),
Object(k.jsxs)("div", { "data-meta": "listeners", children: ["Listeners: ", t.listeners] }),
t.mountOptions,
],
}),
],
});
},
M = function (t) {
var e = t.currentVolume,
a = t.setTargetVolume,
n = 100 * e;
return Object(k.jsx)("div", {
className: "slider-container",
children: Object(k.jsx)("input", {
"aria-label": "slider",
className: "slider",
max: 100,
min: "0",
onChange: function (t) {
var e = t.target.value;
a(e / 100);
},
type: "range",
value: n,
}),
});
},
D = ["title", "titleId"];
function A() {
return (A =
Object.assign ||
function (t) {
for (var e = 1; e < arguments.length; e++) {
var a = arguments[e];
for (var n in a) Object.prototype.hasOwnProperty.call(a, n) && (t[n] = a[n]);
}
return t;
}).apply(this, arguments);
}
function U(t, e) {
if (null == t) return {};
var a,
n,
r = (function (t, e) {
if (null == t) return {};
var a,
n,
r = {},
i = Object.keys(t);
for (n = 0; n < i.length; n++) (a = i[n]), e.indexOf(a) >= 0 || (r[a] = t[a]);
return r;
})(t, e);
if (Object.getOwnPropertySymbols) {
var i = Object.getOwnPropertySymbols(t);
for (n = 0; n < i.length; n++) (a = i[n]), e.indexOf(a) >= 0 || (Object.prototype.propertyIsEnumerable.call(t, a) && (r[a] = t[a]));
}
return r;
}
function F(t, e) {
var a = t.title,
r = t.titleId,
i = U(t, D);
return n.createElement(
"svg",
A({ viewBox: "0 0 640 640", fill: "currentColor", ref: e, "aria-labelledby": r }, i),
void 0 === a ? n.createElement("title", { id: r }, "Pause Button") : a ? n.createElement("title", { id: r }, a) : null,
E || (E = n.createElement("path", { d: "M0 0L235.67 0L235.67 640L0 640L0 0Z" })),
T || (T = n.createElement("path", { d: "M404.33 0L640 0L640 640L404.33 640L404.33 0Z" }))
);
}
var z,
R = n.forwardRef(F),
q = (a.p, ["title", "titleId"]);
function B() {
return (B =
Object.assign ||
function (t) {
for (var e = 1; e < arguments.length; e++) {
var a = arguments[e];
for (var n in a) Object.prototype.hasOwnProperty.call(a, n) && (t[n] = a[n]);
}
return t;
}).apply(this, arguments);
}
function H(t, e) {
if (null == t) return {};
var a,
n,
r = (function (t, e) {
if (null == t) return {};
var a,
n,
r = {},
i = Object.keys(t);
for (n = 0; n < i.length; n++) (a = i[n]), e.indexOf(a) >= 0 || (r[a] = t[a]);
return r;
})(t, e);
if (Object.getOwnPropertySymbols) {
var i = Object.getOwnPropertySymbols(t);
for (n = 0; n < i.length; n++) (a = i[n]), e.indexOf(a) >= 0 || (Object.prototype.propertyIsEnumerable.call(t, a) && (r[a] = t[a]));
}
return r;
}
function K(t, e) {
var a = t.title,
r = t.titleId,
i = H(t, q);
return n.createElement(
"svg",
B({ viewBox: "0 0 640 640", fill: "#fff", ref: e, "aria-labelledby": r }, i),
void 0 === a ? n.createElement("title", { id: r }, "Play Button") : a ? n.createElement("title", { id: r }, a) : null,
z || (z = n.createElement("path", { d: "M0 0L649.1 320L0 640L0 0Z" }))
);
}
var W = n.forwardRef(K),
G =
(a.p,
(function (t) {
Object(b.a)(a, t);
var e = Object(v.a)(a);
function a() {
var t;
Object(g.a)(this, a);
for (var n = arguments.length, r = new Array(n), i = 0; i < n; i++) r[i] = arguments[i];
return (
((t = e.call.apply(e, [this].concat(r))).state = { initialLoad: !0 }),
(t.handleOnClick = function () {
return C.isBrowser && t.props.togglePlay();
}),
(t.handleOnTouchEnd = function () {
return !C.isBrowser && t.props.togglePlay();
}),
(t.handleKeyDown = function (e) {
13 === e.keyCode && t.handleOnClick();
}),
t
);
}
return (
Object(f.a)(
a,
[
{
key: "render",
value: function () {
return Object(k.jsx)("button", {
"aria-label": this.props.playing ? "Pause" : "Play",
className: this.state.initialLoad ? "play-container-cta play-container" : "play-container",
id: "playContainer",
onClick: this.handleOnClick,
onKeyDown: this.handleKeyDown,
onTouchEnd: this.handleOnTouchEnd,
children: this.props.playing ? Object(k.jsx)(R, {}) : Object(k.jsx)(W, {}),
});
},
},
],
[
{
key: "getDerivedStateFromProps",
value: function (t, e) {
return e.initialLoad && t.playing ? { initialLoad: !1 } : null;
},
},
]
),
a
);
})(r.a.Component)),
Q = a(54),
J = a(55),
Y = (function (t) {
Object(b.a)(a, t);
var e = Object(v.a)(a);
function a(t) {
var n;
return (
Object(g.a)(this, a),
((n = e.call(this, t)).toggleDisplay = function () {
n.setState({ displayList: !n.state.displayList });
}),
(n.state = { displayList: !1 }),
n
);
}
return (
Object(f.a)(a, [
{
key: "render",
value: function () {
var t = this.props,
e = t.songHistory,
a = t.fastConnection,
n = e
.map(function (t) {
return t.song;
})
.reverse();
return Object(k.jsxs)("button", {
"aria-label": "Recent Song History",
className: "recent-song-history",
onClick: this.toggleDisplay,
children: [
this.state.displayList &&
Object(k.jsx)("div", {
className: "recent-song-list",
children: n.map(function (t) {
return Object(k.jsxs)(
"div",
{
className: "recent-song-info",
children: [
Object(k.jsx)("img", { alt: "", role: "presentation", src: a ? t.art : "img/cover_placeholder.gif" }),
Object(k.jsxs)("div", {
className: "recent-song-meta",
children: [Object(k.jsx)("p", { children: t.title }), Object(k.jsxs)("p", { children: [" ", t.artist] }), Object(k.jsxs)("p", { children: [" ", t.album] })],
}),
],
},
t.id
);
}),
}),
Object(k.jsx)(Q.a, { className: "recently-played-icon", icon: J.a }),
],
});
},
},
]),
a
);
})(n.Component),
Z = (function (t) {
Object(b.a)(a, t);
var e = Object(v.a)(a);
function a(t) {
var n;
return (
Object(g.a)(this, a),
((n = e.call(this, t)).handleVisibilityChange = function (t) {
n.setState({ isTabVisible: t }, function () {
n.toggleInterval();
});
}),
(n.state = { progressVal: 0, currentSong: {}, progressInterval: null, alternativeMounts: null, isTabVisible: !0 }),
(n.updateProgress = n.updateProgress.bind(Object(m.a)(n))),
n
);
}
return (
Object(f.a)(a, [
{
key: "componentDidUpdate",
value: function (t) {
this.state.currentSong.id !== t.currentSong.id && this.props.songStartedAt && this.props.playing
? (this.setState({ currentSong: this.props.currentSong, alternativeMounts: [].concat(this.props.remotes, this.props.mounts) }), this.toggleInterval())
: t.playing !== this.props.playing && this.toggleInterval();
},
},
{
key: "startInterval",
value: function () {
this.stopCurrentInterval(), this.setState({ progressInterval: setInterval(this.updateProgress, 100) });
},
},
{
key: "stopCurrentInterval",
value: function () {
this.state.progressInterval && clearInterval(this.state.progressInterval);
},
},
{
key: "toggleInterval",
value: function () {
this.props.playing && this.state.isTabVisible ? this.startInterval() : this.stopCurrentInterval();
},
},
{
key: "updateProgress",
value: function () {
var t = parseInt(((new Date().valueOf() - this.props.songStartedAt) / 1e3).toFixed(2), 10);
this.setState({ progressVal: t });
},
},
{
key: "handleChange",
value: function (t) {
var e = t.target.value;
this.props.setUrl(e);
},
},
{
key: "getMountOptions",
value: function () {
var t = "",
e = this.state.alternativeMounts;
return (
e &&
this.props.url &&
(t = Object(k.jsx)("select", {
"aria-label": "Select Stream",
"data-meta": "stream-select",
onChange: this.handleChange.bind(this),
value: this.props.url,
children: e.map(function (t, e) {
return Object(k.jsx)("option", { value: t.url, children: t.name }, e);
}),
})),
t
);
},
},
{
key: "render",
value: function () {
var t = this.state,
e = t.progressVal,
a = t.currentSong,
n = t.isTabVisible,
r = this.props,
i = r.playing,
s = r.songDuration,
o = r.togglePlay,
l = r.currentVolume,
c = r.setTargetVolume,
u = r.listeners,
d = r.fastConnection;
return Object(k.jsx)(P.a, {
onChange: this.handleVisibilityChange,
children: Object(k.jsxs)("footer", {
children: [
n && Object(k.jsx)(Y, { songHistory: this.props.songHistory, fastConnection: d }),
Object(k.jsx)(L, { currentSong: a, progressVal: e, fastConnection: d, listeners: u, mountOptions: this.getMountOptions(), playing: i, songDuration: s }),
Object(k.jsx)(G, { playing: i, togglePlay: o }),
Object(k.jsx)(M, { currentVolume: l, setTargetVolume: c }),
],
}),
});
},
},
]),
a
);
})(r.a.PureComponent),
X = (a(88), new j.a("wss://coderadio-admin.freecodecamp.org/api/live/nowplaying/coderadio")),
$ = "coderadio-volume";
X.on("error", function (t, e) {
x.a({ message: "Error! NchanSubscriber error: " + e }), x.b(t);
});
var tt = (function (t) {
Object(b.a)(a, t);
var e = Object(v.a)(a);
function a(t) {
var n;
return (
Object(g.a)(this, a),
((n = e.call(this, t)).sortStreams = function (t) {
var e = arguments.length > 1 && void 0 !== arguments[1] && arguments[1],
a = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
if (a) {
var n = t.map(function (t) {
return t.bitrate;
}),
r = Math.max.apply(Math, Object(p.a)(n));
return t
.filter(function (t) {
return e ? t.bitrate !== r : t.bitrate === r;
})
.sort(function () {
return Math.random() - 0.5;
});
}
return t.sort(function (t, a) {
if (e) {
if (parseFloat(t.bitrate) < parseFloat(a.bitrate)) return -1;
if (parseFloat(t.bitrate) > parseFloat(a.bitrate)) return 1;
} else {
if (parseFloat(t.bitrate) < parseFloat(a.bitrate)) return 1;
if (parseFloat(t.bitrate) > parseFloat(a.bitrate)) return -1;
}
return t.listeners.current < a.listeners.current ? -1 : t.listeners.current > a.listeners.current ? 1 : 0;
});
}),
(n.getStreamUrl = function (t, e) {
return n.sortStreams(t, e, !0)[0].url;
}),
(n.increaseVolume = function () {
return n.setTargetVolume(Math.min(n.state.audioConfig.maxVolume + n.state.audioConfig.volumeSteps, 1));
}),
(n.decreaseVolume = function () {
return n.setTargetVolume(Math.max(n.state.audioConfig.maxVolume - n.state.audioConfig.volumeSteps, 0));
}),
(n.onPlayerError = Object(h.a)(
d.a.mark(function t() {
var e, a, r, i, s, o, l, c, u, h;
return d.a.wrap(function (t) {
for (;;)
switch ((t.prev = t.next)) {
case 0:
if (n.state.playing || n._player.src) {
t.next = 2;
break;
}
return t.abrupt("return");
case 2:
if (
((e = n.state),
(a = e.mounts),
(r = e.remotes),
(i = e.erroredStreams),
(s = e.url),
(o = n.sortStreams([].concat(Object(p.a)(r), Object(p.a)(a)))),
(l = o.find(function (t) {
return t.url === s;
})),
(c = i.some(function (t) {
return t.url === s;
})),
(u = c ? i : [].concat(Object(p.a)(i), [l])).length !== o.length)
) {
t.next = 11;
break;
}
return (t.next = 10), n.pause();
case 10:
return t.abrupt("return");
case 11:
(h = o
.filter(function (t) {
return !u.some(function (e) {
return e.url === t.url;
});
})
.map(function (t) {
return t.url;
})),
c
? n.setUrl(h[0])
: n.setState({ erroredStreams: u }, function () {
return n.setUrl(h[0]);
});
case 13:
case "end":
return t.stop();
}
}, t);
})
)),
(n.state = {
config: { metadataTimer: 1e3 },
fastConnection: !!navigator.connection && navigator.connection.downlink > 1.5,
eq: {},
visualizer: {},
audioConfig: { targetVolume: 0, maxVolume: 0.5, volumeSteps: 0.01, currentVolume: 0.5, volumeTransitionSpeed: 10 },
url: "",
mounts: [],
remotes: [],
playing: null,
captions: null,
pausing: null,
pullMeta: !1,
erroredStreams: [],
currentSong: {},
songStartedAt: 0,
songDuration: 0,
listeners: 0,
songHistory: [],
}),
(n.keyMap = { TOGGLE_PLAY: ["space", "k"], INCREASE_VOLUME: "up", DECREASE_VOLUME: "down" }),
(n.handlers = {
TOGGLE_PLAY: function () {
return n.togglePlay();
},
INCREASE_VOLUME: function () {
return n.increaseVolume();
},
DECREASE_VOLUME: function () {
return n.decreaseVolume();
},
}),
(n.togglePlay = n.togglePlay.bind(Object(m.a)(n))),
(n.setUrl = n.setUrl.bind(Object(m.a)(n))),
(n.setTargetVolume = n.setTargetVolume.bind(Object(m.a)(n))),
(n.getNowPlaying = n.getNowPlaying.bind(Object(m.a)(n))),
(n.updateVolume = n.updateVolume.bind(Object(m.a)(n))),
n
);
}
return (
Object(f.a)(a, [
{
key: "setPlayerInitial",
value: function () {
var t = this,
e = w.a.get($) || this.state.audioConfig.maxVolume;
this.setState({ audioConfig: Object(c.a)(Object(c.a)({}, this.state.audioConfig), {}, { maxVolume: e, currentVolume: e }) }, function () {
t._player.volume = e;
});
},
},
{
key: "componentDidMount",
value: function () {
this.setPlayerInitial(), this.getNowPlaying();
},
},
{
key: "setUrl",
value: (function () {
var t = Object(h.a)(
d.a.mark(function t() {
var e,
a = arguments;
return d.a.wrap(
function (t) {
for (;;)
switch ((t.prev = t.next)) {
case 0:
if ((e = a.length > 0 && void 0 !== a[0] && a[0])) {
t.next = 3;
break;
}
return t.abrupt("return");
case 3:
if (!this.state.playing) {
t.next = 6;
break;
}
return (t.next = 6), this.pause();
case 6:
(this._player.src = e), this.setState({ url: e }), null !== this.state.playing && this.play();
case 9:
case "end":
return t.stop();
}
},
t,
this
);
})
);
return function () {
return t.apply(this, arguments);
};
})(),
},
{
key: "play",
value: function () {
var t = this,
e = this.state,
a = e.mounts,
n = e.remotes;
e.playing ||
(X.running || X.start(),
Array.from([].concat(Object(p.a)(a), Object(p.a)(n)), function (t) {
return t.url;
}).includes(this._player.src) || ((this._player.src = this.state.url), this._player.load()),
(this._player.volume = 0),
this._player.play().then(function () {
t.setState(function (t) {
return { audioConfig: Object(c.a)(Object(c.a)({}, t.audioConfig), {}, { currentVolume: 0 }), playing: !0, pullMeta: !0 };
}),
t.fadeUp();
}));
},
},
{
key: "pause",
value: function () {
var t = this;
return this.state.playing
? new Promise(function (e) {
t._player.pause(),
t._player.load(),
t.setState({ playing: !1, pausing: !1 }, function () {
X.stop(), e();
});
})
: Promise.resolve();
},
},
{
key: "togglePlay",
value: function () {
this._player.src && (this.state.playing ? this.fadeDown() : this.play());
},
},
{
key: "setTargetVolume",
value: function (t) {
var e = Object(c.a)({}, this.state.audioConfig),
a = parseFloat(Math.max(0, Math.min(1, t).toFixed(2)));
(e.maxVolume = a),
(e.currentVolume = a),
(this._player.volume = e.maxVolume),
this.setState({ audioConfig: e }, function () {
w.a.set($, a);
});
},
},
{
key: "fade",
value: function (t) {
var e = Object(c.a)({}, this.state.audioConfig);
(e.targetVolume = "up" === t.toLowerCase() ? this.state.audioConfig.maxVolume : 0), this.setState({ audioConfig: e, pausing: "down" === t }, this.updateVolume);
},
},
{
key: "fadeUp",
value: function () {
this.fade("up");
},
},
{
key: "fadeDown",
value: function () {
this.fade("down");
},
},
{
key: "updateVolume",
value: function () {
if (parseFloat(this._player.volume.toFixed(2)) === this.state.audioConfig.targetVolume || C.isIOS) 0 === this.state.audioConfig.targetVolume && this.state.pausing && this.pause();
else {
var t = Math.min(this.state.audioConfig.volumeSteps, Math.abs(this.state.audioConfig.targetVolume - this._player.volume)),
e = this.state.audioConfig.targetVolume > this._player.volume ? t : -t;
this._player.volume += e;
var a = this.state.audioConfig;
(a.currentVolume += e), this.setState({ audioConfig: a }), setTimeout(this.updateVolume, this.state.audioConfig.volumeTransitionSpeed);
}
},
},
{
key: "setMountToConnection",
value: function () {
var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [],
e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [],
a = null;
(a =
!1 === this.state.fastConnection && e.length > 0
? this.getStreamUrl(e, !0)
: this.state.fastConnection && e.length > 0
? this.getStreamUrl(e)
: !1 === this.state.fastConnection
? this.getStreamUrl(t, !0)
: this.getStreamUrl(t)),
(this._player.src = a),
this.setState({ url: a });
},
},
{
key: "getNowPlaying",
value: function () {
var t = this;
X.on("message", function (e) {
var a = JSON.parse(e);
"" === t.state.url && (t.setState({ mounts: a.station.mounts, remotes: a.station.remotes }), t.setMountToConnection(a.station.mounts, a.station.remotes)),
t.state.listeners !== a.listeners.current && t.setState({ listeners: a.listeners.current }),
(a.now_playing.song.id !== t.state.currentSong.id || t.state.pullMeta) &&
t.setState({ currentSong: a.now_playing.song, songStartedAt: 1e3 * a.now_playing.played_at, songDuration: a.now_playing.duration, pullMeta: !1, songHistory: a.song_history });
}),
(X.reconnectTimeout = this.state.config.metadataTimer),
X.start();
},
},
{
key: "render",
value: function () {
var t = this;
return Object(k.jsx)(O.GlobalHotKeys, {
handlers: this.handlers,
keyMap: this.keyMap,
children: Object(k.jsxs)("div", {
className: "App",
children: [
Object(k.jsx)(_, {}),
Object(k.jsx)(I, { fastConnection: this.state.fastConnection, player: this._player, playing: this.state.playing }),
Object(k.jsx)("audio", {
"aria-label": "audio",
crossOrigin: "anonymous",
onError: this.onPlayerError,
ref: function (e) {
return (t._player = e);
},
children: Object(k.jsx)("track", Object(c.a)({ kind: "captions" }, this.state.captions)),
}),
Object(k.jsx)(Z, {
currentSong: this.state.currentSong,
currentVolume: this.state.audioConfig.currentVolume,
fastConnection: this.state.fastConnection,
listeners: this.state.listeners,
mounts: this.state.mounts,
playing: this.state.playing,
remotes: this.state.remotes,
setTargetVolume: this.setTargetVolume,
setUrl: this.setUrl,
songDuration: this.state.songDuration,
songHistory: this.state.songHistory,
songStartedAt: this.state.songStartedAt,
togglePlay: this.togglePlay,
url: this.state.url,
}),
],
}),
});
},
},
]),
a
);
})(r.a.Component);
o.a({
dsn: Object({ NODE_ENV: "production", PUBLIC_URL: "", WDS_SOCKET_HOST: void 0, WDS_SOCKET_PATH: void 0, WDS_SOCKET_PORT: void 0, FAST_REFRESH: !0 }).REACT_APP_SENTRY_DSN,
integrations: [new l.a.BrowserTracing()],
tracesSampleRate: 1,
}),
s.a.render(Object(k.jsx)(tt, {}), document.getElementById("root"));
},
},
[[89, 1, 2]],
]);
