Quincunx: Fix empty hand rendering issue

Author: Perlkonig

package-lock.json

@@ -63,7 +63,7 @@
   },
   "dependencies": {
     "@abstractplay/recranks": "latest",
-    "@abstractplay/renderer": "^1.0.0-ci-15542788686.0",
+    "@abstractplay/renderer": "latest",
     "@turf/boolean-contains": "^6.5.0",
     "@turf/boolean-intersects": "^6.5.0",
     "@turf/boolean-point-in-polygon": "^6.5.0",

package.json

@@ -1211,7 +1211,6 @@ export class BiscuitGame extends GameBase {
         return resolved;
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     public serialize(opts?: {strip?: boolean, player?: number}): string {
         const json = JSON.stringify(this.state(opts), replacer);
         const compressed = pako.gzip(json);

src/games/biscuit.ts

@@ -841,25 +841,27 @@ export class QuincunxGame extends GameBase {
         const areas: AreaPieces[] = [];
         for (let p = 1; p <= this.numplayers; p++) {
             const hand = [...this.hands[p-1]];
-            if (!hand.includes("")) {
-                const sorted = hand.map(uid => Card.deserialize(uid)!).sort(cardSortAsc).map(c => c.uid).sort((a,b) => {
-                    if (this.masked.includes(a) && this.masked.includes(b)) {
-                        return 0;
-                    } else if (this.masked.includes(a)) {
-                        return 1
-                    } else if (this.masked.includes(b)) {
-                        return -1;
-                    } else {
-                        return 0;
-                    }
-                }).map(c => this.masked.includes(c) ? "cUNKNOWN" : ("c" + c));
-                areas.push({
-                    type: "pieces",
-                    pieces: sorted as [string, ...string[]],
-                    label: i18next.t("apgames:validation.jacynth.LABEL_STASH", {playerNum: p}) || `P${p} Hand`,
-                    spacing: 0.5,
-                    width: width < 6 ? 6 : undefined,
-                });
+            if (hand.length > 0) {
+                if (!hand.includes("")) {
+                    const sorted = hand.map(uid => Card.deserialize(uid)!).sort(cardSortAsc).map(c => c.uid).sort((a,b) => {
+                        if (this.masked.includes(a) && this.masked.includes(b)) {
+                            return 0;
+                        } else if (this.masked.includes(a)) {
+                            return 1
+                        } else if (this.masked.includes(b)) {
+                            return -1;
+                        } else {
+                            return 0;
+                        }
+                    }).map(c => this.masked.includes(c) ? "cUNKNOWN" : ("c" + c));
+                    areas.push({
+                        type: "pieces",
+                        pieces: sorted as [string, ...string[]],
+                        label: i18next.t("apgames:validation.jacynth.LABEL_STASH", {playerNum: p}) || `P${p} Hand`,
+                        spacing: 0.5,
+                        width: width < 6 ? 6 : undefined,
+                    });
+                }
             }
         }
         // create an area for all invisible cards (if there are any cards left)