@vankosoft/game-platform 0.3.0 → 1.1.0

package/dist/cjs/index.js

@@ -1,5 +1,167 @@
 'use strict';
 
+class GameVariant {
+    // Backgammon
+    static BACKGAMMON_CODE = 'backgammon';
+    static BACKGAMMON_NORMAL = 'normal';
+    static BACKGAMMON_TAPA = 'tapa';
+    static BACKGAMMON_GULBARA = 'gulbara';
+    // Chess
+    static CHESS_CODE = 'chess';
+    // Bridge Belote
+    static BRIDGE_BELOTE_CODE = 'bridge-belote';
+    // Contarct Bridge
+    static CONTRACT_BRIDGE_CODE = 'contract-bridge';
+    // Svara
+    static SVARA_CODE = 'svara';
+}
+
+exports.CardSuit = void 0;
+(function (CardSuit) {
+    CardSuit[CardSuit["Club"] = 0] = "Club";
+    CardSuit[CardSuit["Diamond"] = 1] = "Diamond";
+    CardSuit[CardSuit["Heart"] = 2] = "Heart";
+    CardSuit[CardSuit["Spade"] = 3] = "Spade";
+})(exports.CardSuit || (exports.CardSuit = {}));
+
+exports.BridgeBeloteCardType = void 0;
+(function (BridgeBeloteCardType) {
+    BridgeBeloteCardType[BridgeBeloteCardType["Seven"] = 0] = "Seven";
+    BridgeBeloteCardType[BridgeBeloteCardType["Eight"] = 1] = "Eight";
+    BridgeBeloteCardType[BridgeBeloteCardType["Nine"] = 2] = "Nine";
+    BridgeBeloteCardType[BridgeBeloteCardType["Ten"] = 3] = "Ten";
+    BridgeBeloteCardType[BridgeBeloteCardType["Jack"] = 4] = "Jack";
+    BridgeBeloteCardType[BridgeBeloteCardType["Queen"] = 5] = "Queen";
+    BridgeBeloteCardType[BridgeBeloteCardType["King"] = 6] = "King";
+    BridgeBeloteCardType[BridgeBeloteCardType["Ace"] = 7] = "Ace";
+})(exports.BridgeBeloteCardType || (exports.BridgeBeloteCardType = {}));
+
+exports.ContractBridgeCardType = void 0;
+(function (ContractBridgeCardType) {
+    ContractBridgeCardType[ContractBridgeCardType["Two"] = 0] = "Two";
+    ContractBridgeCardType[ContractBridgeCardType["Three"] = 1] = "Three";
+    ContractBridgeCardType[ContractBridgeCardType["Four"] = 2] = "Four";
+    ContractBridgeCardType[ContractBridgeCardType["Five"] = 3] = "Five";
+    ContractBridgeCardType[ContractBridgeCardType["Six"] = 4] = "Six";
+    ContractBridgeCardType[ContractBridgeCardType["Seven"] = 5] = "Seven";
+    ContractBridgeCardType[ContractBridgeCardType["Eight"] = 6] = "Eight";
+    ContractBridgeCardType[ContractBridgeCardType["Nine"] = 7] = "Nine";
+    ContractBridgeCardType[ContractBridgeCardType["Ten"] = 8] = "Ten";
+    ContractBridgeCardType[ContractBridgeCardType["Jack"] = 9] = "Jack";
+    ContractBridgeCardType[ContractBridgeCardType["Queen"] = 10] = "Queen";
+    ContractBridgeCardType[ContractBridgeCardType["King"] = 11] = "King";
+    ContractBridgeCardType[ContractBridgeCardType["Ace"] = 12] = "Ace";
+})(exports.ContractBridgeCardType || (exports.ContractBridgeCardType = {}));
+
+class Helper {
+    static delay(ms) {
+        return new Promise((resolve) => setTimeout(resolve, ms));
+    }
+    static cardSuit(suit) {
+        switch (suit) {
+            case exports.CardSuit.Club:
+                return 'Club';
+            case exports.CardSuit.Diamond:
+                return 'Diamond';
+            case exports.CardSuit.Heart:
+                return 'Heart';
+            case exports.CardSuit.Spade:
+                return 'Spade';
+            default:
+                throw new Error(`Invalid Card Suit ${suit}`);
+        }
+    }
+    static bridgeBeloteCardType(type) {
+        switch (type) {
+            case exports.BridgeBeloteCardType.Seven:
+                return 'Seven';
+            case exports.BridgeBeloteCardType.Eight:
+                return 'Eight';
+            case exports.BridgeBeloteCardType.Nine:
+                return 'Nine';
+            case exports.BridgeBeloteCardType.Ten:
+                return 'Ten';
+            case exports.BridgeBeloteCardType.Jack:
+                return 'Jack';
+            case exports.BridgeBeloteCardType.Queen:
+                return 'Queen';
+            case exports.BridgeBeloteCardType.King:
+                return 'King';
+            case exports.BridgeBeloteCardType.Ace:
+                return 'Ace';
+            default:
+                throw new Error(`Invalid Card Type ${type}`);
+        }
+    }
+    static contractBridgeCardType(type) {
+        switch (type) {
+            case exports.ContractBridgeCardType.Two:
+                return 'Two';
+            case exports.ContractBridgeCardType.Three:
+                return 'Three';
+            case exports.ContractBridgeCardType.Four:
+                return 'Four';
+            case exports.ContractBridgeCardType.Five:
+                return 'Five';
+            case exports.ContractBridgeCardType.Six:
+                return 'Six';
+            case exports.ContractBridgeCardType.Seven:
+                return 'Seven';
+            case exports.ContractBridgeCardType.Eight:
+                return 'Eight';
+            case exports.ContractBridgeCardType.Nine:
+                return 'Nine';
+            case exports.ContractBridgeCardType.Ten:
+                return 'Ten';
+            case exports.ContractBridgeCardType.Jack:
+                return 'Jack';
+            case exports.ContractBridgeCardType.Queen:
+                return 'Queen';
+            case exports.ContractBridgeCardType.King:
+                return 'King';
+            case exports.ContractBridgeCardType.Ace:
+                return 'Ace';
+            default:
+                throw new Error(`Invalid Card Type ${type}`);
+        }
+    }
+}
+
+class Keys {
+    static loginKey = 'FB5046FE-DE10-48A7-901E-E5E95251E996';
+    static gameIdKey = 'game-platform-game-id';
+    static inviteId = 'inviteId';
+}
+
+class StatusMessage {
+    text;
+    level;
+    startTimerSec;
+    constructor(text, level, startTimerSec) {
+        this.text = text;
+        this.level = level;
+        this.startTimerSec = startTimerSec;
+    }
+    static getDefault() {
+        return new StatusMessage('', exports.MessageLevel.info);
+    }
+    static info(text) {
+        return new StatusMessage(text, exports.MessageLevel.info);
+    }
+    static error(text) {
+        return new StatusMessage(text, exports.MessageLevel.error);
+    }
+    static warning(text) {
+        return new StatusMessage(text, exports.MessageLevel.warning);
+    }
+}
+exports.MessageLevel = void 0;
+(function (MessageLevel) {
+    MessageLevel[MessageLevel["info"] = 0] = "info";
+    MessageLevel[MessageLevel["warning"] = 1] = "warning";
+    MessageLevel[MessageLevel["error"] = 2] = "error";
+})(exports.MessageLevel || (exports.MessageLevel = {}));
+
 exports.GameState = void 0;
 (function (GameState) {
     GameState[GameState["opponentConnectWaiting"] = 0] = "opponentConnectWaiting";
@@ -16,6 +178,52 @@ exports.GameState = void 0;
     GameState[GameState["roundEnded"] = 9] = "roundEnded";
 })(exports.GameState || (exports.GameState = {}));
 
+exports.ActionNames = void 0;
+(function (ActionNames) {
+    ActionNames[ActionNames["gameCreated"] = 0] = "gameCreated";
+    ActionNames[ActionNames["dicesRolled"] = 1] = "dicesRolled";
+    ActionNames[ActionNames["movesMade"] = 2] = "movesMade";
+    ActionNames[ActionNames["gameEnded"] = 3] = "gameEnded";
+    ActionNames[ActionNames["opponentMove"] = 4] = "opponentMove";
+    ActionNames[ActionNames["undoMove"] = 5] = "undoMove";
+    ActionNames[ActionNames["connectionInfo"] = 6] = "connectionInfo";
+    ActionNames[ActionNames["gameRestore"] = 7] = "gameRestore";
+    ActionNames[ActionNames["resign"] = 8] = "resign";
+    ActionNames[ActionNames["exitGame"] = 9] = "exitGame";
+    ActionNames[ActionNames["requestedDoubling"] = 10] = "requestedDoubling";
+    ActionNames[ActionNames["acceptedDoubling"] = 11] = "acceptedDoubling";
+    ActionNames[ActionNames["rolled"] = 12] = "rolled";
+    ActionNames[ActionNames["requestHint"] = 13] = "requestHint";
+    ActionNames[ActionNames["hintMoves"] = 14] = "hintMoves";
+    // Card Game Actions
+    ActionNames[ActionNames["biddingStarted"] = 15] = "biddingStarted";
+    ActionNames[ActionNames["bidMade"] = 16] = "bidMade";
+    ActionNames[ActionNames["opponentBids"] = 17] = "opponentBids";
+    ActionNames[ActionNames["playingStarted"] = 18] = "playingStarted";
+    ActionNames[ActionNames["playCard"] = 19] = "playCard";
+    ActionNames[ActionNames["opponentPlayCard"] = 20] = "opponentPlayCard";
+    ActionNames[ActionNames["trickEnded"] = 21] = "trickEnded";
+    ActionNames[ActionNames["roundEnded"] = 22] = "roundEnded";
+    ActionNames[ActionNames["startNewRound"] = 23] = "startNewRound";
+    ActionNames[ActionNames["announceMade"] = 24] = "announceMade";
+    ActionNames[ActionNames["startNewGame"] = 25] = "startNewGame";
+    // Chess Game Actions
+    ActionNames[ActionNames["chessGameStarted"] = 26] = "chessGameStarted";
+    ActionNames[ActionNames["chessMoveMade"] = 27] = "chessMoveMade";
+    ActionNames[ActionNames["chessOpponentMove"] = 28] = "chessOpponentMove";
+    ActionNames[ActionNames["chessInvalidMoveMade"] = 29] = "chessInvalidMoveMade";
+    ActionNames[ActionNames["serverWasTerminated"] = 30] = "serverWasTerminated";
+})(exports.ActionNames || (exports.ActionNames = {}));
+
+/* Auto Generated */
+exports.MessageType = void 0;
+(function (MessageType) {
+    MessageType[MessageType["sharePrompt"] = 0] = "sharePrompt";
+    MessageType[MessageType["version2Info"] = 1] = "version2Info";
+    MessageType[MessageType["version3Info"] = 2] = "version3Info";
+    MessageType[MessageType["version36Info"] = 3] = "version36Info";
+})(exports.MessageType || (exports.MessageType = {}));
+
 exports.PlayerColor = void 0;
 (function (PlayerColor) {
     PlayerColor[PlayerColor["black"] = 0] = "black";
@@ -58,58 +266,19 @@ exports.CardGameTeam = void 0;
     CardGameTeam[CardGameTeam["Neither"] = 2] = "Neither";
 })(exports.CardGameTeam || (exports.CardGameTeam = {}));
 
-exports.BridgeBeloteCardType = void 0;
-(function (BridgeBeloteCardType) {
-    BridgeBeloteCardType[BridgeBeloteCardType["Seven"] = 0] = "Seven";
-    BridgeBeloteCardType[BridgeBeloteCardType["Eight"] = 1] = "Eight";
-    BridgeBeloteCardType[BridgeBeloteCardType["Nine"] = 2] = "Nine";
-    BridgeBeloteCardType[BridgeBeloteCardType["Ten"] = 3] = "Ten";
-    BridgeBeloteCardType[BridgeBeloteCardType["Jack"] = 4] = "Jack";
-    BridgeBeloteCardType[BridgeBeloteCardType["Queen"] = 5] = "Queen";
-    BridgeBeloteCardType[BridgeBeloteCardType["King"] = 6] = "King";
-    BridgeBeloteCardType[BridgeBeloteCardType["Ace"] = 7] = "Ace";
-})(exports.BridgeBeloteCardType || (exports.BridgeBeloteCardType = {}));
-
-exports.ContractBridgeCardType = void 0;
-(function (ContractBridgeCardType) {
-    ContractBridgeCardType[ContractBridgeCardType["Two"] = 0] = "Two";
-    ContractBridgeCardType[ContractBridgeCardType["Three"] = 1] = "Three";
-    ContractBridgeCardType[ContractBridgeCardType["Four"] = 2] = "Four";
-    ContractBridgeCardType[ContractBridgeCardType["Five"] = 3] = "Five";
-    ContractBridgeCardType[ContractBridgeCardType["Six"] = 4] = "Six";
-    ContractBridgeCardType[ContractBridgeCardType["Seven"] = 5] = "Seven";
-    ContractBridgeCardType[ContractBridgeCardType["Eight"] = 6] = "Eight";
-    ContractBridgeCardType[ContractBridgeCardType["Nine"] = 7] = "Nine";
-    ContractBridgeCardType[ContractBridgeCardType["Ten"] = 8] = "Ten";
-    ContractBridgeCardType[ContractBridgeCardType["Jack"] = 9] = "Jack";
-    ContractBridgeCardType[ContractBridgeCardType["Queen"] = 10] = "Queen";
-    ContractBridgeCardType[ContractBridgeCardType["King"] = 11] = "King";
-    ContractBridgeCardType[ContractBridgeCardType["Ace"] = 12] = "Ace";
-})(exports.ContractBridgeCardType || (exports.ContractBridgeCardType = {}));
-
-exports.CardSuit = void 0;
-(function (CardSuit) {
-    CardSuit[CardSuit["Club"] = 0] = "Club";
-    CardSuit[CardSuit["Diamond"] = 1] = "Diamond";
-    CardSuit[CardSuit["Heart"] = 2] = "Heart";
-    CardSuit[CardSuit["Spade"] = 3] = "Spade";
-})(exports.CardSuit || (exports.CardSuit = {}));
+exports.BidTrump = void 0;
+(function (BidTrump) {
+    BidTrump[BidTrump["Pass"] = 0] = "Pass";
+    BidTrump[BidTrump["Clubs"] = 1] = "Clubs";
+    BidTrump[BidTrump["Diamonds"] = 2] = "Diamonds";
+    BidTrump[BidTrump["Hearts"] = 3] = "Hearts";
+    BidTrump[BidTrump["Spades"] = 4] = "Spades";
+    BidTrump[BidTrump["NoTrumps"] = 5] = "NoTrumps";
+    BidTrump[BidTrump["AllTrumps"] = 6] = "AllTrumps";
+    BidTrump[BidTrump["Double"] = 7] = "Double";
+    BidTrump[BidTrump["ReDouble"] = 8] = "ReDouble";
+})(exports.BidTrump || (exports.BidTrump = {}));
 
-exports.BidType = void 0;
-(function (BidType) {
-    BidType[BidType["Pass"] = 0] = "Pass";
-    BidType[BidType["Clubs"] = 1] = "Clubs";
-    BidType[BidType["Diamonds"] = 2] = "Diamonds";
-    BidType[BidType["Hearts"] = 3] = "Hearts";
-    BidType[BidType["Spades"] = 4] = "Spades";
-    BidType[BidType["NoTrumps"] = 5] = "NoTrumps";
-    BidType[BidType["AllTrumps"] = 6] = "AllTrumps";
-    BidType[BidType["Double"] = 7] = "Double";
-    BidType[BidType["ReDouble"] = 8] = "ReDouble";
-})(exports.BidType || (exports.BidType = {}));
-
-//export type AnnounceType = "Belot" | "SequenceOf3" | "SequenceOf4" | "SequenceOf5";
-/*  */
 exports.AnnounceType = void 0;
 (function (AnnounceType) {
     AnnounceType[AnnounceType["Belot"] = 0] = "Belot";
@@ -123,4 +292,530 @@ exports.AnnounceType = void 0;
     AnnounceType[AnnounceType["FourNines"] = 8] = "FourNines";
     AnnounceType[AnnounceType["FourJacks"] = 9] = "FourJacks";
 })(exports.AnnounceType || (exports.AnnounceType = {}));
-//export = AnnounceType;
+
+class Checker {
+    static draw(cx, point, width, theme, color, highLighted, shaddow, flipped, hint) {
+        if (!cx) {
+            return;
+        }
+        const { x, y } = point;
+        if (shaddow) {
+            const off = flipped ? -8 : 8;
+            cx.shadowColor = 'rgba(0, 0, 0, 0.4)';
+            cx.shadowBlur = 8;
+            cx.shadowOffsetX = off;
+            cx.shadowOffsetY = off;
+        }
+        cx.strokeStyle = theme.checkerBorder;
+        if (color === exports.PlayerColor.black) {
+            cx.fillStyle = theme.blackChecker;
+        }
+        else {
+            cx.fillStyle = theme.whiteChecker;
+        }
+        cx.beginPath();
+        cx.ellipse(x, y, width, width, 0, 0, 2 * Math.PI);
+        cx.closePath();
+        if (hint) {
+            cx.globalAlpha = 0.5;
+        }
+        cx.fill();
+        cx.globalAlpha = 1;
+        if (highLighted) {
+            cx.fillStyle = 'rgba(40, 221, 46, 0.3)'; // todo: get from theme
+            cx.fill();
+        }
+        // clossy checker
+        const glossyW = width * 0.9;
+        if (!flipped) {
+            const glossy = cx.createLinearGradient(x, y - width / 2, x, y);
+            glossy.addColorStop(0, 'rgba(255, 255, 255, 0.25)');
+            glossy.addColorStop(1, 'rgba(255, 255, 255, 0.15');
+            cx.fillStyle = glossy;
+            cx.beginPath();
+            cx.ellipse(x, y, glossyW, glossyW, 0, Math.PI, 2 * Math.PI);
+            cx.closePath();
+            cx.fill();
+        }
+        else {
+            const glossy = cx.createLinearGradient(x, y, x, y + width / 2);
+            glossy.addColorStop(0, 'rgba(255, 255, 255, 0.15)');
+            glossy.addColorStop(1, 'rgba(255, 255, 255, 0.25');
+            cx.fillStyle = glossy;
+            cx.beginPath();
+            cx.ellipse(x, y, glossyW, glossyW, 0, 2 * Math.PI, Math.PI);
+            cx.closePath();
+            cx.fill();
+        }
+    }
+}
+
+class CheckerArea {
+    x;
+    y;
+    width;
+    height;
+    pointIdx;
+    constructor(x, y, width, height, pointIdx) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.pointIdx = pointIdx;
+    }
+    hasValidMove = false;
+    canBeMovedTo = false;
+    set(x, y, width, height, pointIdx) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.pointIdx = pointIdx;
+    }
+    contains(x, y) {
+        return (x >= this.x &&
+            x <= this.x + this.width &&
+            y >= this.y &&
+            y <= this.y + this.height);
+    }
+    // private _checkers: Checker[] = [];
+    // get checkers(): Checker[] {
+    //   return this._checkers;
+    // }
+    drawBorder(cx, text) {
+        cx.strokeRect(this.x, this.y, this.width, this.height);
+        if (text) {
+            cx.fillText(this.pointIdx.toString(), this.x, this.y);
+        }
+    }
+    fill(cx, fillStyle) {
+        cx.fillStyle = fillStyle;
+        cx.fillRect(this.x, this.y, this.width, this.height);
+    }
+    highLightTop(cx) {
+        cx.beginPath();
+        const y = this.y;
+        cx.moveTo(this.x, y);
+        cx.lineTo(this.x + this.width, y);
+        cx.closePath();
+        cx.strokeStyle = '#28DD2E';
+        cx.lineWidth = 2;
+        cx.stroke();
+    }
+    highLightBottom(cx) {
+        cx.beginPath();
+        const y = this.y + this.height;
+        cx.moveTo(this.x, y);
+        cx.lineTo(this.x + this.width, y);
+        cx.closePath();
+        cx.strokeStyle = '#28DD2E';
+        cx.lineWidth = 2;
+        cx.stroke();
+    }
+    getCenter() {
+        return { x: this.x + this.width / 2, y: this.y + this.height / 2 };
+    }
+}
+
+class CheckerDrag {
+    checkerArea;
+    xDown;
+    yDown;
+    fromIdx;
+    color;
+    constructor(checkerArea, xDown, yDown, fromIdx, color) {
+        this.checkerArea = checkerArea;
+        this.xDown = xDown;
+        this.yDown = yDown;
+        this.fromIdx = fromIdx;
+        this.color = color;
+    }
+}
+
+class MoveAnimation {
+    move;
+    from;
+    to;
+    theme;
+    flipped;
+    frames = 20;
+    currentFrame = 0;
+    incrementX;
+    incrementY;
+    currentPos;
+    constructor(move, from, to, theme, flipped, finished, step) {
+        this.move = move;
+        this.from = from;
+        this.to = to;
+        this.theme = theme;
+        this.flipped = flipped;
+        if (move.hint) {
+            this.frames = 60;
+        }
+        this.incrementX = (to.x - from.x) / this.frames;
+        this.incrementY = (to.y - from.y) / this.frames;
+        this.currentPos = { ...from };
+        const timerID = setInterval(() => {
+            this.currentFrame++;
+            this.currentPos = {
+                x: this.from.x + this.incrementX * this.currentFrame,
+                y: this.from.y + this.incrementY * this.currentFrame
+            };
+            step();
+            if (this.currentFrame >= this.frames) {
+                clearInterval(timerID);
+                finished(this.move);
+            }
+        }, 20);
+    }
+    draw(cx, width) {
+        Checker.draw(cx, this.currentPos, width, this.theme, this.move.color, false, true, this.flipped, this.move.hint);
+    }
+}
+
+class Point {
+    x;
+    y;
+    constructor(x, y) {
+        this.x = x;
+        this.y = y;
+    }
+}
+
+class AnnounceClover {
+    id = exports.BidTrump.Clubs;
+    key = "btnClover";
+    tooltip = "Clover";
+    value = '<i class="fi fi-sr-club"></i>';
+}
+class AnnounceDiamond {
+    id = exports.BidTrump.Diamonds;
+    key = "btnDiamond";
+    tooltip = "Diamond";
+    value = '<i class="fi fi-sr-card-diamond"></i>';
+}
+class AnnounceHeart {
+    id = exports.BidTrump.Hearts;
+    key = "btnHeart";
+    tooltip = "Heart";
+    value = '<i class="fi fi-sr-heart"></i>';
+}
+class AnnounceSpade {
+    id = exports.BidTrump.Spades;
+    key = "btnSpade";
+    tooltip = "Spade";
+    value = '<i class="fi fi-sr-spade"></i>';
+}
+class AnnounceBezKoz {
+    id = exports.BidTrump.NoTrumps;
+    key = "btnBezKoz";
+    tooltip = "Bez Koz";
+    value = 'a';
+}
+class AnnounceVsichkoKoz {
+    id = exports.BidTrump.AllTrumps;
+    key = "btnVsichkoKoz";
+    tooltip = "Vsichko Koz";
+    value = 'j';
+}
+class AnnounceKontra {
+    id = exports.BidTrump.Double;
+    key = "btnKontra";
+    tooltip = "Kontra";
+    value = 'kr';
+}
+class AnnounceReKontra {
+    id = exports.BidTrump.ReDouble;
+    key = "btnReKontra";
+    tooltip = "Re-Kontra";
+    value = 're-kr';
+}
+class AnnouncePass {
+    id = exports.BidTrump.Pass;
+    key = "btnPass";
+    tooltip = "Pass";
+    value = '<span class="announce-button">pass</span>';
+}
+var AnnounceSymbols = [
+    new AnnounceClover(),
+    new AnnounceDiamond(),
+    new AnnounceHeart(),
+    new AnnounceSpade(),
+    new AnnounceBezKoz(),
+    new AnnounceVsichkoKoz(),
+    new AnnounceKontra(),
+    new AnnounceReKontra(),
+    new AnnouncePass()
+];
+function GetAnnounceSymbols() {
+    return AnnounceSymbols;
+}
+function GetAnnounceSymbol(symbolId) {
+    return AnnounceSymbols.find((x) => x.id === symbolId);
+}
+
+class Card {
+    static draw(cx, cardImagesPath, cardBack, card, point, width, height, angle, theme, position, highLighted, debugCards) {
+        if (!cx) {
+            return;
+        }
+        const { x, y } = point;
+        const image = new Image(width, height);
+        if (position === exports.PlayerPosition.south || debugCards) {
+            let imgSrc = `${cardImagesPath}/${card.cardIndex}.png`;
+            image.src = imgSrc;
+        }
+        else {
+            image.src = cardBack;
+        }
+        cx.save();
+        cx.translate(x, y);
+        cx.rotate(angle);
+        cx.drawImage(image, 0, 0, width, height);
+        if (highLighted) {
+            cx.globalAlpha = .50;
+            cx.fillStyle = "black";
+            cx.fillRect(0, 0, width, height);
+        }
+        cx.restore();
+    }
+}
+
+class CardArea {
+    x;
+    y;
+    width;
+    height;
+    cardIdx;
+    constructor(x, y, width, height, cardIdx) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.cardIdx = cardIdx;
+    }
+    hasValidCard = false;
+    canBePlayed = false;
+    set(x, y, width, height, cardIdx) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.cardIdx = cardIdx;
+    }
+    contains(x, y) {
+        return (x >= this.x &&
+            x <= this.x + this.width &&
+            y >= this.y &&
+            y <= this.y + this.height);
+    }
+    drawBorder(cx) {
+        cx.strokeRect(this.x, this.y, this.width, this.height);
+    }
+}
+
+/**
+ * May be will be used if I Create Solitaires ( Пасианси )
+ */
+class CardDrag {
+    cardArea;
+    xDown;
+    yDown;
+    cardIdx;
+    position;
+    constructor(cardArea, xDown, yDown, cardIdx, position) {
+        this.cardArea = cardArea;
+        this.xDown = xDown;
+        this.yDown = yDown;
+        this.cardIdx = cardIdx;
+        this.position = position;
+    }
+}
+
+class CardGamePlayerArea {
+    x;
+    y;
+    width;
+    height;
+    playerPosition;
+    constructor(x, y, width, height, playerPosition) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.playerPosition = playerPosition;
+    }
+    set(x, y, width, height, playerPosition) {
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.playerPosition = playerPosition;
+    }
+    drawBorder(cx) {
+        cx.strokeRect(this.x, this.y, this.width, this.height);
+    }
+}
+
+class Pile {
+    static drawAsPile(cx, pile, boardWidth, boardHeight, cardWidth, cardHeight, theme) {
+        if (!cx) {
+            return;
+        }
+        var cardX, cardY, angle, image;
+        for (let c = 0; c < pile.length; c++) {
+            cardX = boardWidth / 2 - (pile.length - c) * cardWidth / Math.PI;
+            if (c == 0 || c == 3) {
+                cardY = boardHeight / 2 - cardHeight / 2 + 25;
+            }
+            else {
+                cardY = boardHeight / 2 - cardHeight / 2 + 5;
+            }
+            if (c < 2) {
+                angle = -(Math.PI / 4);
+            }
+            else {
+                angle = Math.PI / 4;
+            }
+            image = new Image(cardWidth, cardHeight);
+            image.src = `/build/gameplatform-velzonsaas-theme/images/CardGame/Cards/BridgeBelote/${pile[c].cardIndex}.png`;
+            cx.save();
+            cx.translate(cardX, cardY);
+            cx.rotate(angle);
+            cx.drawImage(image, 0, 0, cardWidth, cardHeight);
+            cx.restore();
+        }
+    }
+    static drawAsRound(cx, pile, boardWidth, boardHeight, cardWidth, cardHeight, theme) {
+        if (!cx) {
+            return;
+        }
+        var cardX, cardY, angle, image;
+        var pileOffset = 3;
+        for (let c = 0; c < pile.length; c++) {
+            cardX = boardWidth / 2 - ((pile.length - c) * cardWidth + pileOffset * 20) / 2;
+            if (c == 0 || c == 3) {
+                cardY = boardHeight / 2 - cardHeight / 2 + 40;
+            }
+            else {
+                cardY = boardHeight / 2 - cardHeight / 2 + 20;
+            }
+            if (c < 2) {
+                angle = -(Math.PI / 4);
+            }
+            else {
+                angle = Math.PI / 4;
+            }
+            image = new Image(cardWidth, cardHeight);
+            image.src = `/build/gameplatform-velzonsaas-theme/images/CardGame/Cards/BridgeBelote/${pile[c].cardIndex}.png`;
+            cx.save();
+            cx.translate(cardX, cardY);
+            cx.rotate(angle);
+            cx.drawImage(image, 0, 0, cardWidth, cardHeight);
+            cx.restore();
+            pileOffset--;
+        }
+    }
+}
+
+class DarkTheme {
+    name = 'dark';
+    boardBackground = '#222';
+    homeBackground = '#444';
+    border = '#333';
+    whiteTriangle = '#666';
+    blackTriangle = '#333';
+    whiteChecker = '#888';
+    blackChecker = '#000';
+    textColor = '#ddd';
+    highLight = '#28DD2E';
+    checkerBorder = '#777';
+}
+class LightTheme {
+    name = 'light';
+    boardBackground = '#808080';
+    homeBackground = '#444';
+    border = '#333';
+    whiteTriangle = '#666';
+    blackTriangle = '#444';
+    whiteChecker = '#aaa';
+    blackChecker = '#000';
+    textColor = '#222';
+    highLight = '#28DD2E';
+    checkerBorder = '#777';
+}
+class BlueTheme {
+    name = 'blue';
+    boardBackground = '#808096';
+    homeBackground = '#445';
+    border = '#334';
+    whiteTriangle = '#667';
+    blackTriangle = '#334';
+    whiteChecker = '#aaa';
+    blackChecker = '#000';
+    textColor = '#223';
+    highLight = '#28DD2E';
+    checkerBorder = '#778';
+}
+class PinkTheme {
+    name = 'pink';
+    boardBackground = '#968080';
+    homeBackground = '#544';
+    border = '#433';
+    whiteTriangle = '#766';
+    blackTriangle = '#433';
+    whiteChecker = '#aaa';
+    blackChecker = '#000';
+    textColor = '#322';
+    highLight = '#28DD2E';
+    checkerBorder = '#877';
+}
+class GreenTheme {
+    name = 'green';
+    boardBackground = '#809680';
+    homeBackground = '#454';
+    border = '#343';
+    whiteTriangle = '#676';
+    blackTriangle = '#343';
+    whiteChecker = '#aaa';
+    blackChecker = '#000';
+    textColor = '#232';
+    highLight = '#28DD2E';
+    checkerBorder = '#787';
+}
+class CardGameTheme {
+    name = 'card-game';
+    boardBackground = 'green';
+    homeBackground = '#454';
+    border = 'brown';
+    whiteTriangle = '#676';
+    blackTriangle = '#343';
+    whiteChecker = '#aaa';
+    blackChecker = '#000';
+    textColor = '#232';
+    highLight = '#28DD2E';
+    checkerBorder = '#787';
+}
+
+exports.BlueTheme = BlueTheme;
+exports.Card = Card;
+exports.CardArea = CardArea;
+exports.CardDrag = CardDrag;
+exports.CardGamePlayerArea = CardGamePlayerArea;
+exports.CardGameTheme = CardGameTheme;
+exports.Checker = Checker;
+exports.CheckerArea = CheckerArea;
+exports.CheckerDrag = CheckerDrag;
+exports.DarkTheme = DarkTheme;
+exports.GameVariant = GameVariant;
+exports.GetAnnounceSymbol = GetAnnounceSymbol;
+exports.GetAnnounceSymbols = GetAnnounceSymbols;
+exports.GreenTheme = GreenTheme;
+exports.Helper = Helper;
+exports.Keys = Keys;
+exports.LightTheme = LightTheme;
+exports.MoveAnimation = MoveAnimation;
+exports.Pile = Pile;
+exports.PinkTheme = PinkTheme;
+exports.Point = Point;
+exports.StatusMessage = StatusMessage;