Jerry/cyp
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

clenaup

Browse source
This commit is contained in:
Ondřej Žára 2020-05-07 20:06:43 +02:00
parent 8d89fc8ab9
commit 7ed5317756
6 changed files with 26 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
app/cyp.js
View file

@ -237,7 +237,7 @@ function pathContents(lines) {
return result;
}
let ws;
let ws, app;
let commandQueue = [];
let current;
let canTerminateIdle = false;
@ -287,10 +287,7 @@ async function idle() {
canTerminateIdle = false;
let changed = linesToStruct(lines).changed || [];
changed = [].concat(changed);
if (changed.length > 0) {
// FIXME not on window
window.dispatchEvent(new CustomEvent("idle-change", {detail:changed}));
}
(changed.length > 0) && app.dispatchEvent(new CustomEvent("idle-change", {detail:changed}));
}
async function command(cmd) {
@ -403,14 +400,13 @@ function escape(str) {
return str.replace(/(['"\\])/g, "\\$1");
}
async function init() {
async function init(a) {
app = a;
let response = await fetch("/ticket", {method:"POST"});
let ticket = (await response.json()).ticket;
let resolve, reject;
let promise = new Promise((res, rej) => {
resolve = res;
reject = rej;
return new Promise((resolve, reject) => {
current = {resolve, reject};
try {
let url = new URL(location.href);
@ -424,9 +420,6 @@ async function init() {
ws.addEventListener("message", onMessage);
ws.addEventListener("close", onClose);
});
current = {resolve, reject, promise};
return Promise;
}
var mpd = /*#__PURE__*/Object.freeze({
@ -692,9 +685,9 @@ function initIcons() {
});
}
async function initMpd() {
async function initMpd(app) {
try {
await init();
await init(app);
return mpd;
} catch (e) {
return mpdMock;
@ -711,7 +704,7 @@ class App extends HTMLElement {
}
async connectedCallback() {
this.mpd = await initMpd();
this.mpd = await initMpd(this);
const children = Array.from(this.querySelectorAll("*"));
const names = children.map(node => node.nodeName.toLowerCase())
@ -742,7 +735,7 @@ class App extends HTMLElement {
}
get component() { return this.getAttribute("component"); }
set component(component) { return this.setAttribute("component", component); }
set component(component) { this.setAttribute("component", component); }
}
customElements.define("cyp-app", App);
@ -996,7 +989,7 @@ class Player extends Component {
this._addEvents();
this._updateStatus();
this._updateCurrent();
window.addEventListener("idle-change", this);
this._app.addEventListener("idle-change", this);
setInterval(() => this._updateElapsed(), ELAPSED_PERIOD);
}
@ -1233,10 +1226,8 @@ class Queue extends Component {
}
_onAppLoad() {
window.addEventListener("idle-change", this);
this._app.addEventListener("idle-change", this);
this._app.addEventListener("song-change", this);
this._sync();
}
@ -1343,7 +1334,7 @@ class Playlists extends Component {
}
_onAppLoad() {
window.addEventListener("idle-change", this);
this._app.addEventListener("idle-change", this);
this._sync();
}

8
app/js/elements/app.js
View file

@ -11,9 +11,9 @@ function initIcons() {
});
}
async function initMpd() {
async function initMpd(app) {
try {
await mpd.init();
await mpd.init(app);
return mpd;
} catch (e) {
return mpdMock;
@ -30,7 +30,7 @@ class App extends HTMLElement {
}
async connectedCallback() {
this.mpd = await initMpd();
this.mpd = await initMpd(this);
const children = Array.from(this.querySelectorAll("*"));
const names = children.map(node => node.nodeName.toLowerCase())
@ -61,7 +61,7 @@ class App extends HTMLElement {
}
get component() { return this.getAttribute("component"); }
set component(component) { return this.setAttribute("component", component); }
set component(component) { this.setAttribute("component", component); }
}
customElements.define("cyp-app", App);

2
app/js/elements/player.js
View file

@ -41,7 +41,7 @@ class Player extends Component {
this._addEvents();
this._updateStatus();
this._updateCurrent();
window.addEventListener("idle-change", this);
this._app.addEventListener("idle-change", this);
setInterval(() => this._updateElapsed(), ELAPSED_PERIOD);
}

2
app/js/elements/playlists.js
View file

@ -18,7 +18,7 @@ class Playlists extends Component {
}
_onAppLoad() {
window.addEventListener("idle-change", this);
this._app.addEventListener("idle-change", this);
this._sync();
}

4
app/js/elements/queue.js
View file

@ -37,10 +37,8 @@ class Queue extends Component {
}
_onAppLoad() {
window.addEventListener("idle-change", this);
this._app.addEventListener("idle-change", this);
this._app.addEventListener("song-change", this);
this._sync();
}

19
app/js/mpd.js
View file

@ -1,6 +1,6 @@
import * as parser from "./parser.js";
let ws;
let ws, app;
let commandQueue = [];
let current;
let canTerminateIdle = false;
@ -50,10 +50,7 @@ async function idle() {
canTerminateIdle = false;
let changed = parser.linesToStruct(lines).changed || [];
changed = [].concat(changed);
if (changed.length > 0) {
// FIXME not on window
window.dispatchEvent(new CustomEvent("idle-change", {detail:changed}));
}
(changed.length > 0) && app.dispatchEvent(new CustomEvent("idle-change", {detail:changed}));
}
export async function command(cmd) {
@ -166,14 +163,13 @@ export function escape(str) {
return str.replace(/(['"\\])/g, "\\$1");
}
export async function init() {
export async function init(a) {
app = a;
let response = await fetch("/ticket", {method:"POST"});
let ticket = (await response.json()).ticket;
let resolve, reject;
let promise = new Promise((res, rej) => {
resolve = res;
reject = rej;
return new Promise((resolve, reject) => {
current = {resolve, reject};
try {
let url = new URL(location.href);
@ -187,7 +183,4 @@ export async function init() {
ws.addEventListener("message", onMessage);
ws.addEventListener("close", onClose);
});
current = {resolve, reject, promise};
return Promise;
}