path: root/index.js

"use strict";

let CW = function(){
	//   102 letter tiles
	//   0 point : blanches × 2.
	//   1 point : E ×15, A ×9, I ×8, N ×6, O ×6, R ×6, S ×6, T ×6, U ×6, L ×5
	//   2 points : D ×3, G ×2, M ×3
	//   3 points : B ×2, C ×2, P ×2
	//   4 points : F ×2, H ×2, V ×2
	//   8 points : J ×1, Q ×1
	//   10 points : K ×1, W ×1, X ×1, Y ×1, Z ×1
	let total_remaining_letters = 102;
	let letters = {
		JOKER:{count:2, points:0 },
		E:{count:15, points:1}, A:{count:9, points:1}, I:{count:9, points:1}, N:{count:6, points:1}, O:{count:6, points:1}, R:{count:6, points:1}, S:{count:6, points:1}, T:{count:6, points:1}, U:{count:6, points:1}, L:{count:5, points:1},
		D:{count:3, points:2}, G:{count:2, points:2}, M:{count:3, points:2},
		B:{count:2, points:3}, C:{count:2, points:3}, P:{count:2, points:3},
		F:{count:2, points:4}, H:{count:2, points:4}, V:{count:2, points:4},
		J:{count:1, points:8}, Q:{count:1, points:8},
		K:{count:1, points:10}, W:{count:1, points:10}, X:{count:1, points:10}, Y:{count:1, points:10}, Z:{count:1, points:10},
	};
	let cursor = undefined;
	let placed = []; // a sorted array of letters to place

	function makeBoardTileOnCLick(x, y) {
		return function() {
			let me = document.getElementById(["s", y, "_", x].join(""));
			if (me.innerHTML === "") {
				moveCursor(x, y);
			} else if (me.classList.contains("placed")) {
				moveFromBoardToRack(x, y, me);
			} else if (cursor !== undefined && cursor.x == x && cursor.y == y) {
				// if we just clicked the cursor, swap its direction
				if (cursor.direction === "right") {
					cursor.direction = "down";
					me.innerHTML = "▼";
				} else {
					cursor.direction = "right";
					me.innerHTML = "▶";
				}
			}
		};
	}
	function makeRackTileOnClick(i) {
		return function() {
			if (cursor !== undefined) {
				let me = document.getElementById(["l", i].join(""));
				if (me.innerHTML != "") {
					moveFromRackToBoard(me, cursor.x, cursor.y);
				}
			}
		};
	}

	function moveCursor(x, y) {
		if (cursor === undefined) {
			// No previous cursor, just set the new position
			cursor = { x: x, y: y};
		} else {
			// Remove the cursor from its former position
			let src = document.getElementById(["s", cursor.y, "_", cursor.x].join(""));
			src.innerHTML = "";
			cursor.x = x;
			cursor.y = y;
		}
		// try to guess word direction if several letters are already placed
		let dst = document.getElementById(["s", y, "_", x].join(""));
		if (placed.length >= 2 && placed[0].x === placed[1].x) {
			cursor.direction = "down";
			dst.innerHTML = "▼";
		} else {
			cursor.direction = "right";
			dst.innerHTML = "▶";
		}
	}
	function moveCursorForwardIfPossible() {
		while(cursor.x < 15 && cursor.y < 15) {
			if (cursor.direction === "right") {
				cursor.x++;
			} else {
				cursor.y++;
			}
			if (cursor.x >= 15 || cursor.y >= 15) {
				cursor = undefined;
				return;
			}
			let dst = document.getElementById(["s", cursor.y, "_", cursor.x].join(""));
			if (dst.innerHTML === "") {
				if (cursor.direction === "right") {
					dst.innerHTML = "▶";
				} else {
					dst.innerHTML = "▼";
				}
				return;
			}
		}
	}

	function moveFromBoardToRack(x, y, src) {
		CWDATA.board[y][x] = "";
		// Find the letter in the placed array
		let n = undefined;
		for(n=placed.length-1; n>=0; n--) {
			if (placed[n].x === x && placed[n].y === y) {
				break;
			}
		}
		// Find a free spot on the rack
		let i = 0;
		let dst = undefined;
		do {
			dst = document.getElementById(["l", i].join(""));
			if (dst.innerHTML == "")
				break;
			i++;
		} while (i<7);
		// Move the board letter to the rack
		if (src.innerHTML.charAt(21) === "&") {
			dst.innerHTML = "&nbsp;";
		} else {
			dst.innerHTML = src.innerHTML;
		}
		dst.classList.add("letter");
		src.classList.remove("letter");
		src.classList.remove("placed");
		// Place the cursor in the freed spot
		moveCursor(x, y);
		// Remove the letter from the placed array
		placed.splice(n, 1);
		// update the validate button
		document.getElementById("validate").disabled = !isValidPlay();
	}

	function moveFromRackToBoard(src, x, y) {
		let dst = document.getElementById(["s", y, "_", x].join(""));
		if (src.innerHTML === "&nbsp;") {
			let letter = prompt("Entrez la lettre à utiliser", "A");
			if (letter === null || !/^[A-Za-z]$/.test(letter)) {
				return;
			}
			letter = letter.toUpperCase();
			dst.innerHTML = [letter, "<div class=\"points\">&nbsp;</div>"].join("");
			CWDATA.board[y][x] = {joker: letter};
		} else {
			dst.innerHTML = src.innerHTML;
			CWDATA.board[y][x] = dst.innerHTML.charAt(0);
		}
		dst.classList.add("letter");
		dst.classList.add("placed");
		src.classList.remove("letter");
		src.innerHTML = "";
		// insert in the placed sorted array
		placed.push({x: cursor.x, y: cursor.y, letter: dst.innerHTML});
		for (let i=placed.length-1;i>0 && placed[i].y <= placed[i-1].y && placed[i].x <= placed[i-1].x;i--) {
			let tmp = placed[i];
			placed[i] = placed[i-1];
			placed[i-1] = tmp;
		}
		// advance the cursor
		moveCursorForwardIfPossible();
		// update the validate button
		document.getElementById("validate").disabled = !isValidPlay();
	}

	function isValidPlay() {
		// special case of no letters placed
		if (placed.length === 0) {
			return false;
		}
		// common definitions
		let connected = false;
		let x = placed[0].x;
		let y = placed[0].y;
		const lastx = placed[placed.length-1].x;
		const lasty = placed[placed.length-1].y;
		if (y>0) { // we check if we are connected above the first letter
			connected ||= CWDATA.board[y-1][x] != "";
		}
		if (x>0) { // we check if we are connected on the left of the first letter
			connected ||= CWDATA.board[y][x-1] != "";
		}
		// check if the placed letters are aligned and complete connection checks on the first and last letters
		let direction = undefined;
		if (x === lastx) {
			direction = "down";
			if (x<14) { // we are going down so we check for a connection on the right of the first letter
				connected ||= CWDATA.board[y][x+1] != "";
			}
			if (lasty<14) { // we check bellow the last letter
				connected ||= CWDATA.board[lasty+1][x] != "";
			}
		}
		if (y === lasty) {
			direction = "right";
			if (lastx<14) { // we are going right so we check for a connection bellow the first letter
				connected ||= CWDATA.board[y+1][x] != "";
			}
			if (lastx<14) { // we check on the right of the last letter
				connected ||= CWDATA.board[y][lastx+1] != "";
			}
		}
		// Now we check around the placed letters
		let i=1;
		while(i<placed.length && !(x === lastx && y === lasty)) {
			if (direction === "down") {
				y++;
			} else {
				x++;
			}
			if (placed[i].x === x && placed[i].y === y) {
				// check around this letter
				if (direction === "down") {
					if (x > 0) { // we check for connection on the left
						connected ||= CWDATA.board[y][x-1] != "";
					}
					if (x < 14) { // we check for connection on the right
						connected ||= CWDATA.board[y][x+1] != "";
					}
				} else {
					if (y>0) { // we check for connection on top
						connected ||= CWDATA.board[y-1][x] != "";
					}
					if (y < 14) { // we check for connection bellow
						connected ||= CWDATA.board[y+1][x] != "";
					}
				}
				i++;
			} else {
				if (CWDATA.board[y][x] === "") {
					break;
				}
				connected = true;
			}
		}
		return connected && i === placed.length;
	}

	return {
		init: function() {
			// populate the board
			for (let y=0; y<CWDATA.board.length; y++) {
				const line = CWDATA.board[y];
				for(let x=0; x<line.length; x++) {
					let letter = line[x];
					let elt = document.getElementById(["s", y, "_", x].join(""));
					if (letter !== "") {
						elt.className = "letter";
						if (typeof letter === "object") {
							elt.innerHTML = [letter.joker, "<div class=\"points\">&nbsp;</div>"].join("");
							letter = "JOKER";
						} else {
							elt.innerHTML = [letter, "<div class=\"points\">", letters[letter].points, "</div>"].join("");
						}
						// we also remove the letter from the pool
						letters[letter].count--;
						total_remaining_letters--;
					}
					elt.onclick = makeBoardTileOnCLick(x, y);
				}
			}
			// populate the rack
			for (let x=0; x<7; x++) {
				let letter = CWDATA.letters[x];
				let elt = document.getElementById(["l", x].join(""));
				if (letter !== undefined) {
					elt.className = "letter";
					// we remove the letter from the pool
					letters[letter].count--;
					total_remaining_letters--;
					if (letter === "JOKER") {
						elt.innerHTML = "&nbsp;";
					} else {
						elt.innerHTML = [letter, "<div class=\"points\">", letters[letter].points, "</div>"].join("");
					}
				}
				elt.onclick = makeRackTileOnClick(x);
			}
			// populate remaining letters
			let remaining_letters = [ "Lettres restantes: ", total_remaining_letters, "<br>" ];
			let first = true;
			for (const [key, value] of Object.entries(letters)) {
				if (value.count > 0) {
					if (first) {
						remaining_letters = remaining_letters.concat(key, "x", value.count);
						first = false;
					} else {
						remaining_letters = remaining_letters.concat(", ", key, "x", value.count);
					}
				}
			}
			document.getElementById("remaining_letters").innerHTML = remaining_letters.join("");
		},
	};
}();

CW.init();