Commit | Line | Data |
---|---|---|
ccd4a2b7 | 1 | <template lang="pug"> |
9d58ef95 | 2 | main |
5b020e73 BA |
3 | input#modalNewgame.modal(type="checkbox") |
4 | div(role="dialog" aria-labelledby="titleFenedit") | |
5 | .card.smallpad | |
6 | label#closeNewgame.modal-close(for="modalNewgame") | |
7 | fieldset | |
8 | label(for="selectVariant") {{ st.tr["Variant"] }} | |
9d58ef95 | 9 | select#selectVariant(v-model="newchallenge.vid") |
85e5b5c1 | 10 | option(v-for="v in st.variants" :value="v.id") {{ v.name }} |
5b020e73 | 11 | fieldset |
b4d619d1 | 12 | label(for="timeControl") {{ st.tr["Time control"] }} |
9d58ef95 | 13 | input#timeControl(type="text" v-model="newchallenge.timeControl" |
b4d619d1 BA |
14 | placeholder="3m+2s, 1h+30s, 7d+1d ...") |
15 | fieldset(v-if="st.user.id > 0") | |
9d58ef95 | 16 | label(for="selectPlayers") {{ st.tr["Play with? (optional)"] }} |
6fba6e0c | 17 | input#selectPlayers(type="text" v-model="newchallenge.to") |
b4d619d1 | 18 | fieldset(v-if="st.user.id > 0") |
9d58ef95 BA |
19 | label(for="inputFen") {{ st.tr["FEN (optional)"] }} |
20 | input#inputFen(type="text" v-model="newchallenge.fen") | |
b4d619d1 | 21 | button(@click="newChallenge") {{ st.tr["Send challenge"] }} |
9d58ef95 BA |
22 | .row |
23 | .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2 | |
24 | button(onClick="doClick('modalNewgame')") New game | |
25 | .row | |
1efe1d79 | 26 | .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2 |
6855163c BA |
27 | .collapse |
28 | input#challengeSection(type="radio" checked aria-hidden="true" name="accordion") | |
29 | label(for="challengeSection" aria-hidden="true") Challenges | |
30 | div | |
31 | .button-group | |
32 | button(@click="cdisplay='live'") Live Challenges | |
33 | button(@click="cdisplay='corr'") Correspondance challenges | |
34 | ChallengeList(v-show="cdisplay=='live'" | |
35 | :challenges="filterChallenges('live')" @click-challenge="clickChallenge") | |
36 | ChallengeList(v-show="cdisplay=='corr'" | |
37 | :challenges="filterChallenges('corr')" @click-challenge="clickChallenge") | |
1efe1d79 | 38 | input#peopleSection(type="radio" aria-hidden="true" name="accordion") |
6855163c BA |
39 | label(for="peopleSection" aria-hidden="true") People |
40 | div | |
1efe1d79 BA |
41 | .button-group |
42 | button(@click="pdisplay='players'") Players | |
43 | button(@click="pdisplay='chat'") Chat | |
6855163c BA |
44 | #players(v-show="pdisplay=='players'") |
45 | h3 Online players | |
46 | .player(v-for="p in uniquePlayers" @click="tryChallenge(p)" | |
47 | :class="{anonymous: !!p.count}" | |
48 | ) | |
49 | | {{ p.name + (!!p.count ? " ("+p.count+")" : "") }} | |
50 | #chat(v-show="pdisplay=='chat'") | |
51 | h3 Chat (TODO) | |
1efe1d79 | 52 | input#gameSection(type="radio" aria-hidden="true" name="accordion") |
6855163c BA |
53 | label(for="gameSection" aria-hidden="true") Games |
54 | div | |
55 | .button-group | |
56 | button(@click="gdisplay='live'") Live games | |
57 | button(@click="gdisplay='corr'") Correspondance games | |
58 | GameList(v-show="gdisplay=='live'" :games="filterGames('live')" | |
59 | @show-game="showGame") | |
60 | GameList(v-show="gdisplay=='corr'" :games="filterGames('corr')" | |
61 | @show-game="showGame") | |
625022fd BA |
62 | </template> |
63 | ||
64 | <script> | |
5b020e73 | 65 | import { store } from "@/store"; |
9d58ef95 BA |
66 | import { checkChallenge } from "@/data/challengeCheck"; |
67 | import { ArrayFun } from "@/utils/array"; | |
03608482 | 68 | import { ajax } from "@/utils/ajax"; |
4b0384fa | 69 | import { getRandString, shuffle } from "@/utils/alea"; |
5b020e73 BA |
70 | import GameList from "@/components/GameList.vue"; |
71 | import ChallengeList from "@/components/ChallengeList.vue"; | |
967a2686 BA |
72 | import { GameStorage } from "@/utils/gameStorage"; |
73 | import { extractTime } from "@/utils/timeControl"; | |
625022fd | 74 | export default { |
cf2343ce | 75 | name: "my-hall", |
5b020e73 BA |
76 | components: { |
77 | GameList, | |
78 | ChallengeList, | |
79 | }, | |
fb54f098 BA |
80 | data: function () { |
81 | return { | |
5b020e73 | 82 | st: store.state, |
6855163c BA |
83 | cdisplay: "live", //or corr |
84 | pdisplay: "players", //or chat | |
fb54f098 | 85 | gdisplay: "live", |
6855163c | 86 | games: [], |
b4d619d1 | 87 | challenges: [], |
6fba6e0c | 88 | people: [], //(all) online players |
9d58ef95 | 89 | newchallenge: { |
fb54f098 BA |
90 | fen: "", |
91 | vid: 0, | |
6fba6e0c | 92 | to: "", //name of challenged player (if any) |
6faa92f2 | 93 | timeControl: "", //"2m+2s" ...etc |
fb54f098 BA |
94 | }, |
95 | }; | |
96 | }, | |
b4d619d1 BA |
97 | computed: { |
98 | uniquePlayers: function() { | |
6855163c | 99 | // Show e.g. "@nonymous (5)", and do nothing on click on anonymous |
4d64881e BA |
100 | let anonymous = {id:0, name:"@nonymous", count:0}; |
101 | let playerList = []; | |
6fba6e0c | 102 | this.people.forEach(p => { |
b4d619d1 BA |
103 | if (p.id > 0) |
104 | playerList.push(p); | |
105 | else | |
4d64881e | 106 | anonymous.count++; |
b4d619d1 | 107 | }); |
4d64881e BA |
108 | if (anonymous.count > 0) |
109 | playerList.push(anonymous); | |
b4d619d1 BA |
110 | return playerList; |
111 | }, | |
112 | }, | |
9d58ef95 | 113 | created: function() { |
4d64881e | 114 | // Always add myself to players' list |
6fba6e0c | 115 | this.people.push(this.st.user); |
f6f2bef1 BA |
116 | // Retrieve live challenge (not older than 30 minute) if any: |
117 | const chall = JSON.parse(localStorage.getItem("challenge") || "false"); | |
118 | if (!!chall) | |
119 | { | |
120 | if ((Date.now() - chall.added)/1000 <= 30*60) | |
121 | this.challenges.push(chall); | |
122 | else | |
123 | localStorage.removeItem("challenge"); | |
124 | } | |
98f48579 BA |
125 | if (this.st.user.id > 0) |
126 | { | |
5d04793e BA |
127 | // Ask server for current corr games (all but mines) |
128 | ajax( | |
129 | "/games", | |
130 | "GET", | |
131 | {uid: this.st.user.id, excluded: true}, | |
132 | response => { | |
25996aed | 133 | this.games = this.games.concat(response.games.map(g => { |
a9b131f1 BA |
134 | const type = this.classifyObject(g); |
135 | const vname = this.getVname(g.vid); | |
136 | return Object.assign({}, g, {type: type, vname: vname}); | |
137 | })); | |
5d04793e BA |
138 | } |
139 | ); | |
140 | // Also ask for corr challenges (open + sent to me) | |
98f48579 BA |
141 | ajax( |
142 | "/challenges", | |
143 | "GET", | |
144 | {uid: this.st.user.id}, | |
145 | response => { | |
146 | console.log(response.challenges); | |
147 | // TODO: post-treatment on challenges ? | |
40477190 | 148 | Array.prototype.push.apply(this.challenges, response.challenges); |
98f48579 BA |
149 | } |
150 | ); | |
151 | } | |
2ada153c | 152 | // 0.1] Ask server for room composition: |
7b01e447 | 153 | const funcPollClients = () => { |
81d9ce72 | 154 | this.st.conn.send(JSON.stringify({code:"pollclients"})); |
4d64881e | 155 | }; |
7b01e447 BA |
156 | if (!!this.st.conn && this.st.conn.readyState == 1) //1 == OPEN state |
157 | funcPollClients(); | |
158 | else //socket not ready yet (initial loading) | |
3cb412e9 | 159 | this.st.conn.onopen = funcPollClients; |
4d64881e BA |
160 | this.st.conn.onmessage = this.socketMessageListener; |
161 | const socketCloseListener = () => { | |
cdb34c93 | 162 | store.socketCloseListener(); //reinitialize connexion (in store.js) |
4d64881e BA |
163 | this.st.conn.addEventListener('message', this.socketMessageListener); |
164 | this.st.conn.addEventListener('close', socketCloseListener); | |
165 | }; | |
166 | this.st.conn.onclose = socketCloseListener; | |
9d58ef95 | 167 | }, |
fb54f098 | 168 | methods: { |
a6bddfc6 | 169 | // Helpers: |
6855163c BA |
170 | filterChallenges: function(type) { |
171 | return this.challenges.filter(c => c.type == type); | |
172 | }, | |
173 | filterGames: function(type) { | |
a9b131f1 | 174 | return this.games.filter(g => g.type == type); |
6855163c | 175 | }, |
2ada153c | 176 | classifyObject: function(o) { //challenge or game |
6855163c | 177 | // Heuristic: should work for most cases... (TODO) |
2ada153c | 178 | return (o.timeControl.indexOf('d') === -1 ? "live" : "corr"); |
6855163c | 179 | }, |
2ada153c | 180 | showGame: function(g) { |
5bd05dba | 181 | // NOTE: we are an observer, since only games I don't play are shown here |
2ada153c | 182 | // ==> Moves sent by connected remote player(s) if live game |
d9b86b16 | 183 | let url = "/game/" + g.id; |
2ada153c BA |
184 | if (g.type == "live") |
185 | { | |
d9b86b16 BA |
186 | const remotes = g.players.filter(p => this.people.some(pl => pl.sid == p.sid)); |
187 | const rIdx = (remotes.length == 1 ? 0 : Math.floor(Math.random()*2)); | |
188 | url += "?rid=" + remotes[rIdx].sid; | |
2ada153c BA |
189 | } |
190 | this.$router.push(url); | |
a6bddfc6 | 191 | }, |
a7808884 | 192 | // TODO: ...filter(...)[0].name, one-line, just remove this function |
a6bddfc6 BA |
193 | getVname: function(vid) { |
194 | const vIdx = this.st.variants.findIndex(v => v.id == vid); | |
195 | return this.st.variants[vIdx].name; | |
196 | }, | |
197 | getSid: function(pname) { | |
6fba6e0c BA |
198 | const pIdx = this.people.findIndex(pl => pl.name == pname); |
199 | return (pIdx === -1 ? null : this.people[pIdx].sid); | |
a6bddfc6 | 200 | }, |
5bd05dba | 201 | getPname: function(sid) { |
6fba6e0c BA |
202 | const pIdx = this.people.findIndex(pl => pl.sid == sid); |
203 | return (pIdx === -1 ? null : this.people[pIdx].name); | |
5bd05dba | 204 | }, |
a6bddfc6 BA |
205 | sendSomethingTo: function(to, code, obj, warnDisconnected) { |
206 | const doSend = (code, obj, sid) => { | |
207 | this.st.conn.send(JSON.stringify(Object.assign( | |
208 | {}, | |
209 | {code: code}, | |
210 | obj, | |
211 | {target: sid} | |
212 | ))); | |
213 | }; | |
c9695cb1 | 214 | if (!!to) |
a6bddfc6 | 215 | { |
c9695cb1 BA |
216 | // Challenge with targeted players |
217 | const targetSid = this.getSid(to); | |
218 | if (!targetSid) | |
219 | { | |
220 | if (!!warnDisconnected) | |
221 | alert("Warning: " + pname + " is not connected"); | |
222 | } | |
223 | else | |
224 | doSend(code, obj, targetSid); | |
a6bddfc6 BA |
225 | } |
226 | else | |
227 | { | |
228 | // Open challenge: send to all connected players (except us) | |
6fba6e0c | 229 | this.people.forEach(p => { |
a6bddfc6 BA |
230 | if (p.sid != this.st.user.sid) //only sid is always set |
231 | doSend(code, obj, p.sid); | |
232 | }); | |
233 | } | |
234 | }, | |
235 | // Messaging center: | |
9d58ef95 BA |
236 | socketMessageListener: function(msg) { |
237 | const data = JSON.parse(msg.data); | |
238 | switch (data.code) | |
239 | { | |
f4f4c03c | 240 | // 0.2] Receive clients list (just socket IDs) |
81d9ce72 | 241 | case "pollclients": |
1efe1d79 | 242 | { |
5a3da968 | 243 | data.sockIds.forEach(sid => { |
6fba6e0c | 244 | this.people.push({sid:sid, id:0, name:""}); |
81d9ce72 | 245 | // Ask identity, challenges and game(s) |
5a3da968 | 246 | this.st.conn.send(JSON.stringify({code:"askidentity", target:sid})); |
2ada153c | 247 | this.st.conn.send(JSON.stringify({code:"askchallenge", target:sid})); |
81d9ce72 | 248 | this.st.conn.send(JSON.stringify({code:"askgame", target:sid})); |
5a3da968 BA |
249 | }); |
250 | break; | |
1efe1d79 | 251 | } |
81d9ce72 | 252 | case "askidentity": |
1efe1d79 | 253 | { |
6855163c BA |
254 | // Request for identification: reply if I'm not anonymous |
255 | if (this.st.user.id > 0) | |
256 | { | |
257 | this.st.conn.send(JSON.stringify( | |
258 | {code:"identity", user:this.st.user, target:data.from})); | |
259 | } | |
5a3da968 | 260 | break; |
1efe1d79 | 261 | } |
dd75774d | 262 | case "askchallenge": |
1efe1d79 | 263 | { |
6855163c | 264 | // Send my current live challenge (if any) |
dd75774d | 265 | const cIdx = this.challenges |
6855163c | 266 | .findIndex(c => c.from.sid == this.st.user.sid && c.type == "live"); |
dd75774d BA |
267 | if (cIdx >= 0) |
268 | { | |
269 | const c = this.challenges[cIdx]; | |
270 | const myChallenge = | |
271 | { | |
81d9ce72 | 272 | // Minimal challenge informations: (from not required) |
2ada153c | 273 | id: c.id, |
81d9ce72 BA |
274 | to: c.to, |
275 | fen: c.fen, | |
276 | vid: c.vid, | |
277 | timeControl: c.timeControl | |
dd75774d BA |
278 | }; |
279 | this.st.conn.send(JSON.stringify({code:"challenge", | |
42c15a75 | 280 | chall:myChallenge, target:data.from})); |
81d9ce72 BA |
281 | } |
282 | break; | |
1efe1d79 | 283 | } |
81d9ce72 | 284 | case "askgame": |
1efe1d79 | 285 | { |
42c15a75 BA |
286 | // Send my current live game (if any) |
287 | GameStorage.getCurrent((game) => { | |
288 | if (!!game) | |
289 | { | |
290 | const myGame = | |
291 | { | |
292 | // Minimal game informations: | |
293 | id: game.id, | |
294 | players: game.players.map(p => p.name), | |
a9b131f1 | 295 | vid: game.vid, |
42c15a75 BA |
296 | timeControl: game.timeControl, |
297 | }; | |
298 | this.st.conn.send(JSON.stringify({code:"game", | |
299 | game:myGame, target:data.from})); | |
300 | } | |
301 | }); | |
81d9ce72 | 302 | break; |
1efe1d79 | 303 | } |
5a3da968 | 304 | case "identity": |
1efe1d79 | 305 | { |
6fba6e0c BA |
306 | const pIdx = this.people.findIndex(p => p.sid == data.user.sid); |
307 | this.people[pIdx].id = data.user.id; | |
308 | this.people[pIdx].name = data.user.name; | |
5a3da968 | 309 | break; |
1efe1d79 | 310 | } |
dd75774d | 311 | case "challenge": |
1efe1d79 | 312 | { |
dd75774d | 313 | // Receive challenge from some player (+sid) |
6855163c | 314 | let newChall = data.chall; |
2ada153c | 315 | newChall.type = this.classifyObject(data.chall); |
6fba6e0c BA |
316 | const pIdx = this.people.findIndex(p => p.sid == data.from); |
317 | newChall.from = this.people[pIdx]; //may be anonymous | |
42c15a75 | 318 | newChall.added = Date.now(); //TODO: this is reception timestamp, not creation |
25996aed | 319 | newChall.vname = this.getVname(newChall.vid); |
6855163c | 320 | this.challenges.push(newChall); |
81d9ce72 | 321 | break; |
1efe1d79 | 322 | } |
dd75774d | 323 | case "game": |
1efe1d79 | 324 | { |
6855163c | 325 | // Receive game from some player (+sid) |
6855163c | 326 | // NOTE: it may be correspondance (if newgame while we are connected) |
d9b86b16 BA |
327 | if (!this.games.some(g => g.id == data.game.id)) //ignore duplicates |
328 | { | |
329 | let newGame = data.game; | |
330 | newGame.type = this.classifyObject(data.game); | |
a9b131f1 | 331 | newGame.vname = this.getVname(data.game.vid); |
d9b86b16 BA |
332 | newGame.rid = data.from; |
333 | newGame.score = "*"; | |
334 | this.games.push(newGame); | |
335 | } | |
81d9ce72 | 336 | break; |
1efe1d79 | 337 | } |
9d58ef95 | 338 | case "newgame": |
1efe1d79 | 339 | { |
5d04793e BA |
340 | // New game just started: data contain all information |
341 | if (data.gameInfo.type == "live") | |
5d04793e | 342 | this.startNewGame(data.gameInfo); |
5d04793e BA |
343 | else |
344 | { | |
345 | // TODO: notify with game link but do not redirect | |
346 | } | |
9d58ef95 | 347 | break; |
1efe1d79 | 348 | } |
bb7dd7db BA |
349 | case "refusechallenge": |
350 | { | |
485fccd5 | 351 | alert(this.getPname(data.from) + " declined your challenge"); |
5bd05dba | 352 | ArrayFun.remove(this.challenges, c => c.id == data.cid); |
bb7dd7db BA |
353 | break; |
354 | } | |
1efe1d79 BA |
355 | case "deletechallenge": |
356 | { | |
1ba761c8 | 357 | // NOTE: the challenge may be already removed |
9d58ef95 BA |
358 | ArrayFun.remove(this.challenges, c => c.id == data.cid); |
359 | break; | |
1efe1d79 | 360 | } |
b4d619d1 | 361 | case "connect": |
1efe1d79 | 362 | { |
6fba6e0c | 363 | this.people.push({name:"", id:0, sid:data.sid}); |
5a3da968 | 364 | this.st.conn.send(JSON.stringify({code:"askidentity", target:data.sid})); |
f05815d7 BA |
365 | this.st.conn.send(JSON.stringify({code:"askchallenge", target:data.sid})); |
366 | this.st.conn.send(JSON.stringify({code:"askgame", target:data.sid})); | |
9d58ef95 | 367 | break; |
1efe1d79 | 368 | } |
b4d619d1 | 369 | case "disconnect": |
1efe1d79 | 370 | { |
6fba6e0c | 371 | ArrayFun.remove(this.people, p => p.sid == data.sid); |
a6bddfc6 | 372 | // Also remove all challenges sent by this player: |
2ada153c BA |
373 | ArrayFun.remove(this.challenges, c => c.from.sid == data.sid); |
374 | // And all live games where he plays and no other opponent is online | |
375 | ArrayFun.remove(this.games, g => | |
376 | g.type == "live" && (g.players.every(p => p.sid == data.sid | |
6fba6e0c | 377 | || !this.people.some(pl => pl.sid == p.sid))), "all"); |
9d58ef95 | 378 | break; |
1efe1d79 | 379 | } |
9d58ef95 BA |
380 | } |
381 | }, | |
a6bddfc6 | 382 | // Challenge lifecycle: |
b4d619d1 BA |
383 | tryChallenge: function(player) { |
384 | if (player.id == 0) | |
385 | return; //anonymous players cannot be challenged | |
a7808884 | 386 | this.newchallenge.to = player.name; |
b4d619d1 | 387 | doClick("modalNewgame"); |
fb54f098 | 388 | }, |
9d58ef95 | 389 | newChallenge: async function() { |
bb7dd7db | 390 | const vname = this.getVname(this.newchallenge.vid); |
1efe1d79 BA |
391 | const vModule = await import("@/variants/" + vname + ".js"); |
392 | window.V = vModule.VariantRules; | |
9d58ef95 BA |
393 | const error = checkChallenge(this.newchallenge); |
394 | if (!!error) | |
395 | return alert(error); | |
2ada153c | 396 | const ctype = this.classifyObject(this.newchallenge); |
bb7dd7db | 397 | // NOTE: "from" information is not required here |
a7808884 | 398 | let chall = Object.assign({}, this.newchallenge); |
2ada153c | 399 | const finishAddChallenge = (cid,warnDisconnected) => { |
1efe1d79 | 400 | chall.id = cid || "c" + getRandString(); |
2ada153c | 401 | // Send challenge to peers (if connected) |
c9695cb1 | 402 | this.sendSomethingTo(chall.to, "challenge", {chall:chall}, !!warnDisconnected); |
1efe1d79 | 403 | chall.added = Date.now(); |
a9b131f1 | 404 | // NOTE: vname and type are redundant (can be deduced from timeControl + vid) |
bb7dd7db BA |
405 | chall.type = ctype; |
406 | chall.vname = vname; | |
407 | chall.from = this.st.user; | |
1efe1d79 | 408 | this.challenges.push(chall); |
f6f2bef1 | 409 | localStorage.setItem("challenge", JSON.stringify(chall)); |
b4d619d1 BA |
410 | document.getElementById("modalNewgame").checked = false; |
411 | }; | |
1efe1d79 BA |
412 | const cIdx = this.challenges.findIndex( |
413 | c => c.from.sid == this.st.user.sid && c.type == ctype); | |
414 | if (cIdx >= 0) | |
b4d619d1 | 415 | { |
1efe1d79 | 416 | // Delete current challenge (will be replaced now) |
bb7dd7db | 417 | this.sendSomethingTo(this.challenges[cIdx].to, |
1efe1d79 BA |
418 | "deletechallenge", {cid:this.challenges[cIdx].id}); |
419 | if (ctype == "corr") | |
420 | { | |
421 | ajax( | |
422 | "/challenges", | |
423 | "DELETE", | |
424 | {id: this.challenges[cIdx].id} | |
425 | ); | |
426 | } | |
427 | this.challenges.splice(cIdx, 1); | |
428 | } | |
429 | if (ctype == "live") | |
430 | { | |
431 | // Live challenges have a random ID | |
2ada153c | 432 | finishAddChallenge(null, "warnDisconnected"); |
03608482 | 433 | } |
b4d619d1 | 434 | else |
03608482 | 435 | { |
b4d619d1 | 436 | // Correspondance game: send challenge to server |
03608482 | 437 | ajax( |
1efe1d79 | 438 | "/challenges", |
03608482 | 439 | "POST", |
052d17ea | 440 | chall, |
1efe1d79 | 441 | response => { finishAddChallenge(response.cid); } |
03608482 | 442 | ); |
9d58ef95 | 443 | } |
fb54f098 | 444 | }, |
a6bddfc6 | 445 | clickChallenge: function(c) { |
485fccd5 BA |
446 | const myChallenge = (c.from.sid == this.st.user.sid //live |
447 | || (this.st.user.id > 0 && c.from.id == this.st.user.id)); //corr | |
448 | if (!myChallenge) | |
a6bddfc6 BA |
449 | { |
450 | c.accepted = true; | |
485fccd5 | 451 | if (!!c.to) //c.to == this.st.user.name (connected) |
a6bddfc6 BA |
452 | { |
453 | // TODO: if special FEN, show diagram after loading variant | |
454 | c.accepted = confirm("Accept challenge?"); | |
455 | } | |
485fccd5 | 456 | if (c.accepted) |
36093eba | 457 | { |
485fccd5 BA |
458 | c.seat = this.st.user; |
459 | this.launchGame(c); | |
460 | } | |
461 | else | |
462 | { | |
463 | this.st.conn.send(JSON.stringify({ | |
464 | code: "refusechallenge", | |
465 | cid: c.id, target: c.from.sid})); | |
36093eba | 466 | } |
a6bddfc6 | 467 | } |
3cb412e9 BA |
468 | else |
469 | localStorage.removeItem("challenge"); | |
485fccd5 BA |
470 | // In all cases, the challenge is consumed: |
471 | ArrayFun.remove(this.challenges, ch => ch.id == c.id); | |
472 | // NOTE: deletechallenge event might be redundant (but it's easier this way) | |
473 | this.sendSomethingTo(c.to, "deletechallenge", {cid:c.id}); | |
474 | if (c.type == "corr") | |
475 | { | |
476 | ajax( | |
477 | "/challenges", | |
478 | "DELETE", | |
479 | {id: this.challenges[cIdx].id} | |
480 | ); | |
481 | } | |
a6bddfc6 | 482 | }, |
485fccd5 | 483 | // NOTE: when launching game, the challenge is already deleted |
36093eba | 484 | launchGame: async function(c) { |
a9b131f1 | 485 | const vModule = await import("@/variants/" + c.vname + ".js"); |
a6bddfc6 | 486 | window.V = vModule.VariantRules; |
4b0384fa BA |
487 | // These game informations will be sent to other players |
488 | const gameInfo = | |
a6bddfc6 | 489 | { |
4b0384fa | 490 | gameId: getRandString(), |
a6bddfc6 | 491 | fen: c.fen || V.GenRandInitFen(), |
5d04793e | 492 | players: shuffle([c.from, c.seat]), //white then black |
a6bddfc6 | 493 | vid: c.vid, |
a9b131f1 | 494 | timeControl: c.timeControl, |
a6bddfc6 | 495 | }; |
6fba6e0c | 496 | this.st.conn.send(JSON.stringify({code:"newgame", |
485fccd5 BA |
497 | gameInfo:gameInfo, target:c.seat.sid})); |
498 | if (c.type == "live") | |
499 | this.startNewGame(gameInfo); | |
500 | else //corr: game only on server | |
501 | { | |
502 | ajax( | |
503 | "/games", | |
504 | "POST", | |
505 | {gameInfo: gameInfo} | |
506 | ); | |
507 | } | |
fb54f098 | 508 | }, |
a9b131f1 | 509 | // NOTE: for live games only (corr games start on the server) |
42c15a75 | 510 | startNewGame: function(gameInfo) { |
25996aed BA |
511 | const game = Object.assign({}, gameInfo, { |
512 | // (other) Game infos: constant | |
6d01bb17 | 513 | fenStart: gameInfo.fen, |
25996aed | 514 | // Game state (including FEN): will be updated |
967a2686 | 515 | moves: [], |
a9b131f1 BA |
516 | clocks: [-1, -1], //-1 = unstarted |
517 | initime: [0, 0], //timer starts after first 2 half-moves | |
967a2686 | 518 | score: "*", |
a7808884 | 519 | }); |
967a2686 | 520 | GameStorage.add(game); |
7b626bdd BA |
521 | if (this.st.settings.sound >= 1) |
522 | new Audio("/sounds/newgame.mp3").play().catch(err => {}); | |
a6088c90 | 523 | // TODO: redirect to game |
1efe1d79 | 524 | }, |
fb54f098 | 525 | }, |
85e5b5c1 | 526 | }; |
ccd4a2b7 | 527 | </script> |
85e5b5c1 BA |
528 | |
529 | <style lang="sass"> | |
530 | // TODO | |
531 | </style> |