X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Futils%2Fstorage.js;h=2e243a831c101011f6269e6fa71b5be97efbff86;hb=4c177b7f34875071c37325e7039ff840aa56a1cf;hp=ab459662d15379040da9f974f3500cc31f76d231;hpb=ce87ac6a12007a62a55a45e404f818df3eb90f64;p=vchess.git diff --git a/client/src/utils/storage.js b/client/src/utils/storage.js index ab459662..2e243a83 100644 --- a/client/src/utils/storage.js +++ b/client/src/utils/storage.js @@ -2,49 +2,90 @@ // https://developer.mozilla.org/fr/docs/Web/API/API_IndexedDB // https://dexie.org/ -import { storageState } from "@/store"; +import { extractTime } from "@/utils/timeControl"; +import { shuffle } from "@/utils/alea"; export const GameStorage = { - init: function(myid, oppid, gameId, variant, mycolor, fenStart, mode) + init: function(o) { - localStorage.setItem("myid", myid); - localStorage.setItem("gameId", gameId); - localStorage.setItem("vname", variant); + localStorage.setItem("gameId", o.gameId); + localStorage.setItem("vname", o.vname); + // NOTE: when >= 3 players, better use an array + shuffle for mycolor + const mycolor = (Math.random() < 0.5 ? "w" : "b"); localStorage.setItem("mycolor", mycolor); - localStorage.setItem("fenStart", fenStart); - localStorage.setItem("moves", []); - - - - game.score = localStorage.getItem("score"); - game.mycolor = localStorage.getItem("mycolor"); - game.fenStart = localStorage.getItem("fenStart"); - game.fen = localStorage.getItem("fen"); - game.moves = JSON.parse(localStorage.getItem("moves")); - game.players = JSON.parse(localStorage.getItem("players")); - game.started = JSON.parse(localStorage.getItem("started")); - game.clocks = JSON.parse(localStorage.getItem("clocks")); - game.timeControl = localStorage.getItem("timeControl"); - game.increment = localStorage.getItem("increment"); - game.vname = localStorage.getItem("vname"); - game.mode = "live"; + localStorage.setItem("fenStart", o.fenStart); + localStorage.setItem("fen", o.fenStart); + localStorage.setItem("moves", JSON.stringify([])); + // Shuffle players order (white then black then other colors). + localStorage.setItem("players", JSON.stringify(shuffle(o.players))); + // Extract times (in [milli]seconds), set clocks, store in localStorage + const tc = extractTime(o.timeControl); + localStorage.setItem("timeControl", o.timeControl); + localStorage.setItem("clocks", JSON.stringify( + [...Array(o.players.length)].fill(tc.mainTime))); + localStorage.setItem("increment", tc.increment); + localStorage.setItem("started", JSON.stringify( + [...Array(o.players.length)].fill(false))); + localStorage.setItem("score", "*"); + localStorage.setItem("started", JSON.stringify( + [...Array(o.players.length)].fill(false))); + localStorage.setItem("clocks", JSON.stringify( + [...Array(o.players.length)].fill(0))); + localStorage.setItem("mode", "live"); //function for live games only }, // TODO: also option to takeback a move ? - update: function(move) + // NOTE: for live games only (all on server for corr) + update: function(move, score) //game ID is not required + { + if (!!move) + { + let moves = JSON.parse(localStorage.getItem("moves")); + moves.push(move); + localStorage.setItem("moves", JSON.stringify(moves)); + } + if (!!score) + localStorage.setItem("score", score); + }, + + transferToDb: function() { - let moves = JSON.parse(localStorage.getItem("moves")); - moves.push(move); - localStorage.setItem("moves", JSON.stringify(moves)); + // TODO: take finished game on localStorage and transfer it to indexedDB }, // "computer mode" clearing is done through the menu clear: function() { + localStorage.setItem("gameId", o.gameId); + localStorage.setItem("vname", o.vname); + // NOTE: when >= 3 players, better use an array + shuffle for mycolor + const mycolor = (Math.random() < 0.5 ? "w" : "b"); + localStorage.setItem("mycolor", mycolor); + localStorage.setItem("fenStart", o.fenStart); + localStorage.setItem("fen", o.fenStart); + localStorage.setItem("moves", JSON.stringify([])); + // Shuffle players order (white then black then other colors). + localStorage.setItem("players", JSON.stringify(shuffle(o.players))); + // Extract times (in [milli]seconds), set clocks, store in localStorage + const tc = extractTime(o.timeControl); + localStorage.setItem("timeControl", o.timeControl); + localStorage.setItem("clocks", JSON.stringify( + [...Array(o.players.length)].fill(tc.mainTime))); + localStorage.setItem("increment", tc.increment); + localStorage.setItem("started", JSON.stringify( + [...Array(o.players.length)].fill(false))); + localStorage.setItem("score", "*"); + localStorage.setItem("started", JSON.stringify( + [...Array(o.players.length)].fill(false))); + localStorage.setItem("clocks", JSON.stringify( + [...Array(o.players.length)].fill(0))); + localStorage.setItem("mode", "live"); //function for live games only + + // TODO: refresh, and implement "transfert" function (to indexedDB) - delete localStorage["myid"]; - delete localStorage["oppid"]; + localStorage["myid"]; + localStorage["oppid"]; delete localStorage["gameId"]; delete localStorage["variant"]; delete localStorage["mycolor"]; @@ -52,7 +93,7 @@ export const GameStorage = delete localStorage["moves"]; }, - // TODO: game or gameInfo ?! + // TODO: game or gameInfo ?! --> when moves are played, it's a game, otherwise info get: function(gameRef) { const gid = gameRef.id;