import * as Card from GUI.Card; import * as HandCard from GUI.Card.HandCard; import * as RiverCard from GUI.Card.RiverCard; import * as TurnedCard from GUI.Card.TurnedCard; import * as Screen from GUI.Screen; import {animate, catchUp, delay, getQueue} from GUI.Screen.Game.Animation; import { dom, init as initState, play, select, sets, state } from GUI.Screen.Game.State; import Hanafuda; import I18n; import Messaging; import players from Room; import Save; import Session; import StatusHandler; import * as Async from UnitJS.Async; import * as Dom from UnitJS.Dom; import * as Fun from UnitJS.Fun; return { init: init } function init(gameID) { initState(); initMessageHandlers(); Async.run( Async.bind( getSavedState(gameID), function(o) { return Async.sequence( startSession(), setGame(o) ); } ) ); } function backToMain() { window.location = '..'; } function fail(errorCode) { return function(f) { Screen.dialog({ text: I18n.get(errorCode), answers: [{label: 'backToMain', action: backToMain}] }); } } function getSavedState(gameID) { var coordinates = Save.get('games.message.Game#' + gameID); return coordinates != undefined ? Async.wrap(coordinates) : fail('gameNotFound'); } function startSession() { var name = Save.get('player.name'); if(name != undefined) { Session.start(name); return Async.wrap(); } else { return fail('noNameToPlay'); } } function initMessageHandlers() { window.addEventListener('focus', catchUp); Messaging.addEventListener(["Game"], function(o) { delay(handleGameMessage(o)); if(document.hasFocus() && getQueue().length == 1) { catchUp(); } else { StatusHandler.set("♪"); } }); } function handleGameMessage(o) { if(o.state.public.coordinates.turn == 0 || state.game == null) { if(o.logs.length > 0) { // but still some logs, from the previous round return Async.sequence(applyDiff(o), setGame(o)); // so play the diff, then set the new round } else { return setGame(o); // directly set a whole new game } } else { return applyDiff(o); } } function setGame(o) { return function(f) { setStatus(o.state); setCaptures(o.state); [ [sets.river, o.state.public.river, RiverCard.make], [sets.you.hand, o.state.playerHand, HandCard.make] ].forEach(function(args) {setCardSet.apply(null, args)}); setTheirCards(o.state); handleStep(o)(f); }; } function handleStep(o) { return function(f) { handleTurnedCard(o, f); if(state.step == "Scored") { if(state.playing) { askKoikoi(o, f); } else { theyScored(o, f); } } else if (state.step == "Over") { gameEnd(o, f); } else { f(); } }; } function handleTurnedCard(o, f) { if(state.step == "Turned") { setTurned(o.state.public.step.contents); } else { if(state.step == "ToPlay" && o.state.public.playing == o.state.public.oyake) { rest.className = ["card", "turn" + o.state.public.coordinates.turn].join(' '); } if(deck.lastChild.id != "rest") { deck.removeChild(deck.lastChild); } } } function askKoikoi(o, f) { Screen.dialog({ text: I18n.get('youScored'), answers: [ {label: 'endRound', action: function() {play({koiKoi: false}); f();}}, {label: 'koikoi', action: function() {play({koiKoi: true}); f();}} ] }); } function theyScored(o, f) { Screen.dialog({ text: I18n.get('theyScored')(players.get(o.state.public.playing)), answers: [ {label: 'ok', action: f} ] }); } function gameEnd(o, f) { var winner, maxScore; for(var key in o.state.public.scores) { if(maxScore == undefined || o.state.public.scores[key] > maxScore) { winner = key; maxScore = o.state.public.scores[key]; } } Screen.dialog({ text: I18n.get(Session.is(winner) ? 'won' : 'lost'), answers: [{label: 'endGame', action: backToMain}] }); } function applyDiff(o) { return Async.sequence.apply(null, o.logs.map(animate).concat( Async.apply(setStatus, o.state), handleStep(o) ) ); } function setStatus(game) { Dom.clear(dom.status); state.game = game; state.step = game.public.step.tag; if(game.public.coordinates.month != state.month) { state.month = game.public.coordinates.month; } dom.status.appendChild( Dom.make('li', {textContent: I18n.get('monthFlower')(I18n.get(state.month))}) ); var turn = null; state.playing = Session.is(game.public.playing); if(state.playing) { sets.you.hand.dom.classList.toggle("yourTurn", state.step == "ToPlay"); turn = I18n.get("yourTurn"); } else { sets.you.hand.dom.classList.remove("yourTurn"); turn = I18n.get('playing')(players.get(game.public.playing)); } dom.status.appendChild(Dom.make('li', {textContent: turn})); } function setCaptures(game) { for(var key in game.public.players) { var elem = document.getElementById(Session.is(key) ? "you" : "them"); elem.getElementsByClassName('score')[0].textContent = game.public.scores[key] + " pts"; var byClass = {} Object.values(Hanafuda.Family).forEach(function(family) { byClass[family.class] = elem.getElementsByClassName(family.class)[0]; Dom.clear(byClass[family.class]); }); game.public.players[key].meld.forEach(function(cardName) { var card = Card.make(cardName); byClass[card.value.family.class].appendChild(card.dom); }); } } function setCardSet(set, cardNames, constructor) { constructor = constructor || Card.make; set.card = {}; Dom.clear(set.dom); cardNames.forEach(function(cardName) { var card = constructor(cardName); set.card[cardName] = card; set.dom.appendChild(card.dom); }); } function setTheirCards(game) { var turnsTheyPlayed = Math.floor( (game.public.coordinates.turn + (Session.is(game.public.oyake) ? 0 : 1)) / 2 ); Dom.clear(sets.them.hand.dom); for(var i = 0; i < 8 - turnsTheyPlayed; i++) { sets.them.hand.dom.appendChild(Dom.make('li', {class: "card"})); } } function setTurned(cardName) { state.turnedCard = TurnedCard.make(cardName); if(state.playing) { select(state.turnedCard); } }