Exxit: Add board labels

Author: Perlkonig

locales/en/apgames.json

@@ -220,7 +220,7 @@
         "chase": "Currently, most exchange moves will need to be hand edited. We're working on fixing this.",
         "conspirateurs": "In the base game, pieces may move through sanctuaries as part of a multistep jump. They're not frozen until they end their move in a sanctuary. In the strict variant, pieces are frozen as soon as they enter a sanctuary.\n\nIn four-player games, players 1 and 2 are partnered, as are players 3 and 4.",
         "entropy": "In this implementation, the players play two games simultaneously but with a single shared stream of randomized pieces. Each player places a piece on their *opponent's* Order board and then makes a move on their *own* Order board; players thus act as both Order and Chaos at the same time. The player with the greatest score wins! Since both players had the exact same placement choices, this provides the cleanest measure of relative skill.",
-        "exxit": "Because the board is built out as you play in irregular shapes, the hexes are labelled numerically instead of algebraically. We chose this so that the labels wouldn't change as the map grew. Because the labels aren't particularly helpful while you play, they are not displayed on the board. Also, translations of the rules tend to omit certain nuances. This implementation conforms with the original French edition of the rules.",
+        "exxit": "Translations of the rules tend to omit certain nuances. This implementation conforms with the original French edition of the rules.\n\nBecause the board is built out as you play in irregular shapes, the hexes are labelled numerically instead of algebraically. This ensures that the labels don't change as the map grows.",
         "garden": "To make it very clear what happened on a previous turn, each move is displayed over four separate boards. The first board shows the game after the piece was first placed. The second board shows the state after adjacent pieces were flipped. The third board shows any harvests. The fourth board is the final game state and is where you make your moves.\n\nIn our implementation, black is always the \"tome\" or tie-breaker colour. The last player to harvest black will have a `0.1` after their score.",
         "gyges": "The goal squares are adjacent to all the cells in the back row. The renderer cannot currently handle \"floating\" cells.",
         "homeworlds": "The win condition is what's called \"Sinister Homeworlds.\" You only win by defeating the opponent to your left. If someone else does that, the game continues, but your left-hand opponent now shifts clockwise. For example, in a four-player game, if I'm South, then I win if I eliminate West. But if the North player ends up eliminating West, the game continues, but now my left-hand opponent is North.",

package-lock.json

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

package.json

@@ -809,6 +809,20 @@ export class ExxitGame extends GameBase {
             }
         }
 
+        const labelGrid: string[][] = [];
+        for (let row = 0; row < height; row++) {
+            const node: string[] = [];
+            for (let col = 0; col < width; col++) {
+                const found = [...this.board.values()].find(h => h.row + dy === row && h.col + dx === col);
+                if (found === undefined) {
+                    node.push("");
+                } else {
+                    node.push(found.uid);
+                }
+            }
+            labelGrid.push(node);
+        }
+
         // Build piece string
         const p2piece: string[] = ["A","B"];
         const pieces: string[][] = [];
@@ -831,12 +845,13 @@ export class ExxitGame extends GameBase {
 
         // Build rep
         const rep: APRenderRep =  {
-            options: ["hide-labels"],
             renderer: "stacking-offset",
             board: {
                 style: (originHex.row + dy) % 2 === 0 ? "hex-even-p" : "hex-odd-p",
                 width,
                 height,
+                labelGrid,
+                labelOpacity: 0.5,
                 blocked: blocked as [{row: number; col: number},...{row: number; col: number}[]],
                 markers: [],
             },