Adrien/ChessNut
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

n'affiche pas les mouvements faits par une pièce invisible

Browse source
This commit is contained in:
Didictateur 2025-12-03 23:48:03 +01:00
parent fad93ae70b
commit 7239c95f02
1 changed files with 84 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

106
public/game.html
View file

@ -404,14 +404,25 @@ logs...</pre
if (lm && lm.to && lm.from && lm.to !== lm.from) { if (lm && lm.to && lm.from && lm.to !== lm.from) {
// apply visuals (renderBoardFromState cleared old highlights) // apply visuals (renderBoardFromState cleared old highlights)
const dest = boardEl.querySelector(`.square[data-square="${lm.to}"]`); const dest = boardEl.querySelector(`.square[data-square="${lm.to}"]`);
if (dest) { try {
dest.classList.add("last-move-dest"); let showDest = false;
const circle = document.createElement("div"); if (currentBoardState && Array.isArray(currentBoardState.pieces)) {
circle.className = "last-move-circle"; showDest = currentBoardState.pieces.some((x) => x && x.square === lm.to);
dest.appendChild(circle); }
} if (showDest && dest) {
dest.classList.add("last-move-dest");
}
} catch (_) {}
const fromEl = boardEl.querySelector(`.square[data-square="${lm.from}"]`); const fromEl = boardEl.querySelector(`.square[data-square="${lm.from}"]`);
if (fromEl) fromEl.classList.add("last-move-source"); try {
let showSource = false;
if (currentBoardState && Array.isArray(currentBoardState.pieces)) {
showSource = currentBoardState.pieces.some((x) => x && x.square === lm.from);
}
if (showSource && fromEl) {
fromEl.classList.add("last-move-source");
}
} catch (_) {}
} }
} }
} }
@ -736,9 +747,24 @@ logs...</pre
socket.on("move:moved", (data) => { socket.on("move:moved", (data) => {
try { try {
log("recv move:moved", data && { from: data.from, to: data.to }); log("recv move:moved", data && { from: data.from, to: data.to });
// clear any local selection (move completed) before re-render const prevBoardState = currentBoardState;
let hasPieceFromBefore = false;
let hasPieceToBefore = false;
try {
const fromBeforeEl =
boardEl && boardEl.querySelector &&
boardEl.querySelector(`.square[data-square="${data && data.from}"]`);
if (fromBeforeEl && fromBeforeEl.querySelector && fromBeforeEl.querySelector('img.piece'))
hasPieceFromBefore = true;
} catch (_) {}
try {
const toBeforeEl =
boardEl && boardEl.querySelector &&
boardEl.querySelector(`.square[data-square="${data && data.to}"]`);
if (toBeforeEl && toBeforeEl.querySelector && toBeforeEl.querySelector('img.piece'))
hasPieceToBefore = true;
} catch (_) {}
clearSelection(false); clearSelection(false);
// remove any previous visual markers (circle or highlight) everywhere
try { try {
const prevHighlights = boardEl.querySelectorAll(".last-move-dest, .last-move-source"); const prevHighlights = boardEl.querySelectorAll(".last-move-dest, .last-move-source");
prevHighlights.forEach((el) => { prevHighlights.forEach((el) => {
@ -755,23 +781,59 @@ logs...</pre
if (data && data.boardState) updateTurnBanner(data.boardState); if (data && data.boardState) updateTurnBanner(data.boardState);
try { try {
// only highlight the destination square (not the source). create a proper .last-move-circle
if (data && data.from && data.to && data.from !== data.to) { if (data && data.from && data.to && data.from !== data.to) {
const dest = boardEl.querySelector(`.square[data-square="${data.to}"]`); const dest = boardEl.querySelector(`.square[data-square="${data.to}"]`);
if (dest) {
dest.classList.add("last-move-dest");
}
const fromEl = boardEl.querySelector(`.square[data-square="${data.from}"]`); const fromEl = boardEl.querySelector(`.square[data-square="${data.from}"]`);
if (fromEl) { let showSource = false;
fromEl.classList.add("last-move-source"); try {
if (currentBoardState && Array.isArray(currentBoardState.pieces)) {
showSource = currentBoardState.pieces.some((x) => x && x.square === data.from);
}
} catch (_) {
showSource = false;
} }
// persist last move per room so a refresh can restore highlights if (!showSource) showSource = !!hasPieceFromBefore;
try {
if (roomId) { let showDest = false;
const key = `cn:lastMove:${roomId}`; try {
localStorage.setItem(key, JSON.stringify({ from: data.from, to: data.to, ts: Date.now() })); if (currentBoardState && Array.isArray(currentBoardState.pieces)) {
} showDest = currentBoardState.pieces.some((x) => x && x.square === data.to);
} catch (e) {} }
} catch (_) {
showDest = false;
}
if (!showDest) showDest = !!hasPieceToBefore;
try {
if (!showDest && dest && dest.querySelector && dest.querySelector('img.piece')) showDest = true;
} catch (_) {}
try {
if (!showSource && dest && dest.querySelector && dest.querySelector('img.piece')) showSource = true;
} catch (_) {}
try {
if (showDest && dest) {
dest.classList.add("last-move-dest");
const circle = document.createElement("div");
circle.className = "last-move-circle";
dest.appendChild(circle);
}
} catch (_) {}
try {
if (showSource && fromEl) {
fromEl.classList.add("last-move-source");
const circle = document.createElement("div");
circle.className = "last-move-circle";
fromEl.appendChild(circle);
}
} catch (_) {}
try {
if (roomId) {
const key = `cn:lastMove:${roomId}`;
localStorage.setItem(key, JSON.stringify({ from: data.from, to: data.to, ts: Date.now() }));
}
} catch (e) {}
} }
} catch (_) {} } catch (_) {}
} catch (e) { } catch (e) {