X-Git-Url: https://git.auder.net/images/diag_mark.svg?a=blobdiff_plain;f=client%2Fsrc%2Fstore.js;h=12c756cf29ff828ea7f9540b0fb617a1123a558a;hb=317b8a5610953b30cfb84382bd13764177ce830b;hp=055fff9dab66c3113e0df977340f28b76834758e;hpb=4486a21e09c50f65da5d4c3648430cea1b19a0cc;p=vchess.git diff --git a/client/src/store.js b/client/src/store.js index 055fff9d..12c756cf 100644 --- a/client/src/store.js +++ b/client/src/store.js @@ -13,6 +13,7 @@ export const store = settings: {}, lang: "", }, + socketCloseListener: null, initialize() { ajax("/variants", "GET", res => { this.state.variants = res.variantArray; }); let mysid = localStorage["mysid"]; @@ -30,15 +31,22 @@ export const store = }; if (this.state.user.id > 0) { - fetch(params.serverUrl + "/whoami", { - method: "GET", - credentials: params.cors ? "include" : "omit", - }).then((res) => { + ajax("/whoami", "GET", res => { this.state.user.email = res.email; this.state.user.notify = res.notify; }); + // TODO: fetch is simpler, but does not set req.xhr (for security check) +// fetch(params.serverUrl + "/whoami", { +// method: "GET", +// credentials: params.cors ? "include" : "omit", +// }).then((res) => { +// return res.json() +// }).then((user) => { +// this.state.user.email = user.email; +// this.state.user.notify = user.notify; +// }); } - this.state.conn = new WebSocket(params.socketUrl + "/?sid=" + this.state.user.sid); + this.state.conn = new WebSocket(params.socketUrl + "/?sid=" + mysid); // Settings initialized with values from localStorage this.state.settings = { bcolor: localStorage["bcolor"] || "lichess", @@ -48,10 +56,11 @@ export const store = highlight: !!eval(localStorage["highlight"]), sqSize: parseInt(localStorage["sqSize"]), }; - const socketCloseListener = () => { + this.socketCloseListener = () => { + // Next line may fail at first, but should retry and eventually success (TODO?) this.state.conn = new WebSocket(params.socketUrl + "/?sid=" + mysid); - } - this.state.conn.onclose = socketCloseListener; + }; + this.state.conn.onclose = this.socketCloseListener; const supportedLangs = ["en","es","fr"]; this.state.lang = localStorage["lang"] || supportedLangs.includes(navigator.language)