feat: load maps from .txt file

src/board.ts

@@ -1,5 +1,6 @@
 import { Cell } from "./cell";
 import { Pawn } from "./pieces/pawn";
+import maps from "./maps.txt?raw";
 
 export class Board {
 	#cells: Cell[][] = [];
@@ -10,16 +11,22 @@ export class Board {
 
 	constructor(
 		HTMLTable: HTMLTableElement,
-		template: string,
+		mapName: string,
 		onCellClick: (clickedCell: Cell) => void,
 		onCastleClick: (clickedCell: Cell) => void,
 	) {
+		const map = maps
+			.split("\n\n")
+			.find((s) => s.startsWith(mapName))
+			?.replace(/^.*\n/, "")
+			?.split("\n")
+
+		if (!map) {
+			throw new Error("there is no map with this name");
+		}
+
 		const HTMLBody = HTMLTable.createTBody();
-		template
-			.replace(/ /g, "")
-			.split("\n")
-			.filter((row) => row.length > 0)
-			.forEach((row, y) => {
+		map.forEach((row, y) => {
 				const HTMLRow = HTMLBody.insertRow();
 				this.#cells[y] = [];
 				for (const symbol of row.split("")) {
@@ -32,7 +39,7 @@ export class Board {
 					};
 					this.#cells[y].push(cell);
 
-					if (symbol === "-") {
+					if (symbol === ".") {
 					} else if (symbol === "1") {
 						cell.placePiece(new Pawn("white"), true);
 						cell.setBuilding("castle");

src/game.ts

@@ -13,17 +13,7 @@ export class Game {
 	constructor(HTMLTable: HTMLTableElement) {
 		this.#board = new Board(
 			HTMLTable,
-			`
-        ---------
-        -1--c--c-
-        ----w----
-        ---w-----
-        -cw-c-wc-
-        -----w---
-        ----w----
-        -c--c--2-
-        ---------
-      `,
+			"canyon",
 			(clickedCell) => {
 				// place piece
 				if (this.#selectedCell?.piece) {

src/maps.txt

@@ -0,0 +1,22 @@
+canyon
+.........
+.1..c..c.
+....w....
+...w.....
+.cw.c.wc.
+.....w...
+....w....
+.c..c..2.
+.........
+
+trenches
+.........
+.1..1..1.
+.w..w..w.
+.........
+.........
+.........
+.........
+.w..w..w.
+.2..2..2.
+.........