@lichess-org/pgn-viewer 2.5.2 → 2.5.3

package/demo/lichess-pgn-viewer.js

@@ -917,8 +917,8 @@ var Position = class {
       return this.board[color].size() <= 2 && this.board[opposite(color)].diff(this.board.king).diff(this.board.queen).isEmpty();
     }
     if (this.board[color].intersects(this.board.bishop)) {
-      const sameColor = !this.board.bishop.intersects(SquareSet.darkSquares()) || !this.board.bishop.intersects(SquareSet.lightSquares());
-      return sameColor && this.board.pawn.isEmpty() && this.board.knight.isEmpty();
+      const sameColor2 = !this.board.bishop.intersects(SquareSet.darkSquares()) || !this.board.bishop.intersects(SquareSet.lightSquares());
+      return sameColor2 && this.board.pawn.isEmpty() && this.board.knight.isEmpty();
     }
     return true;
   }
@@ -2698,12 +2698,12 @@ var defaultTranslations = {
   "san.shortCastling": "short castling"
 };
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/types.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/types.js
 var colors = ["white", "black"];
 var files = ["a", "b", "c", "d", "e", "f", "g", "h"];
 var ranks = ["1", "2", "3", "4", "5", "6", "7", "8"];
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/util.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/util.js
 var invRanks = [...ranks].reverse();
 var allKeys = files.flatMap((f) => ranks.map((r) => f + r));
 var pos2key = (pos) => pos.every((x) => x >= 0 && x <= 7) ? allKeys[8 * pos[0] + pos[1]] : void 0;
@@ -2772,7 +2772,8 @@ var eventPosition = (e) => {
     return [e.targetTouches[0].clientX, e.targetTouches[0].clientY];
   return;
 };
-var isRightButton = (e) => e.button === 2;
+var isFireMac = memo(() => !("ontouchstart" in window) && ["macintosh", "firefox"].every((x) => navigator.userAgent.toLowerCase().includes(x)));
+var isRightButton = (e) => e.button === 2 && !(e.ctrlKey && isFireMac());
 var createEl = (tagName2, className) => {
   const el = document.createElement(tagName2);
   if (className)
@@ -3082,7 +3083,7 @@ var PgnViewer = class {
   }
 };
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/premove.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/premove.js
 var isDestOccupiedByFriendly = (ctx) => ctx.friendlies.has(ctx.dest.key);
 var isDestOccupiedByEnemy = (ctx) => ctx.enemies.has(ctx.dest.key);
 var anyPieceBetween = (orig, dest, pieces) => squaresBetween(...orig, ...dest).some((s) => pieces.has(s));
@@ -3200,7 +3201,7 @@ function premove(state, key) {
   return allPosAndKey.filter((dest) => mobility({ ...partialCtx, dest })).map((pk) => pk.key);
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/board.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/board.js
 function callUserFunction(f, ...args) {
   if (f)
     setTimeout(() => f(...args), 1);
@@ -3489,7 +3490,7 @@ function getSnappedKeyAtDomPos(orig, pos, asWhite, bounds) {
 }
 var whitePov = (s) => s.orientation === "white";
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/fen.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/fen.js
 var initial = "rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR";
 var roles = {
   p: "pawn",
@@ -3564,7 +3565,7 @@ function write(pieces) {
   }).join("")).join("/").replace(/1{2,}/g, (s) => s.length.toString());
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/config.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/config.js
 function applyAnimation(state, config) {
   if (config.animation) {
     deepMerge(state.animation, config.animation);
@@ -3615,7 +3616,7 @@ function isPlainObject(o) {
   return proto === Object.prototype || proto === null;
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/anim.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/anim.js
 var anim = (mutation, state) => state.animation.enabled ? animate(mutation, state) : render(mutation, state);
 function render(mutation, state) {
   const result = mutation(state);
@@ -3706,7 +3707,7 @@ function animate(mutation, state) {
 }
 var easing = (t) => t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/draw.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/draw.js
 var brushes = ["green", "red", "blue", "yellow"];
 function start(state, e) {
   if (e.touches && e.touches.length > 1)
@@ -3768,17 +3769,18 @@ function clear(state) {
     onChange(state.drawable);
   }
 }
+var sameEndpoints = (s1, s2) => s1.orig === s2.orig && s1.dest === s2.dest;
+var sameColor = (s1, s2) => s1.brush === s2.brush;
 function eventBrush(e) {
   const modA = (e.shiftKey || e.ctrlKey) && isRightButton(e);
   const modB = e.altKey || e.metaKey || e.getModifierState?.("AltGraph");
   return brushes[(modA ? 1 : 0) + (modB ? 2 : 0)];
 }
 function addShape(drawable, cur) {
-  const sameShape = (s) => s.orig === cur.orig && s.dest === cur.dest;
-  const similar = drawable.shapes.find(sameShape);
+  const similar = drawable.shapes.find((s) => sameEndpoints(s, cur));
   if (similar)
-    drawable.shapes = drawable.shapes.filter((s) => !sameShape(s));
-  if (!similar || similar.brush !== cur.brush)
+    drawable.shapes = drawable.shapes.filter((s) => !sameEndpoints(s, cur));
+  if (!similar || !sameColor(similar, cur))
     drawable.shapes.push({
       orig: cur.orig,
       dest: cur.dest,
@@ -3791,7 +3793,7 @@ function onChange(drawable) {
     drawable.onChange(drawable.shapes);
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/drag.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/drag.js
 function start2(s, e) {
   if (!(s.trustAllEvents || e.isTrusted))
     return;
@@ -3805,7 +3807,7 @@ function start2(s, e) {
   const piece = s.pieces.get(orig);
   const previouslySelected = s.selected;
   if (!previouslySelected && s.drawable.enabled && (s.drawable.eraseOnMovablePieceClick || !piece || piece.color !== s.turnColor))
-    s.pixelCoordsOfMouchDownToMaybeClearShapes = position;
+    clear(s);
   if (e.cancelable !== false && (!e.touches || s.blockTouchScroll || piece || previouslySelected || pieceCloseTo(s, position)))
     e.preventDefault();
   else if (e.touches)
@@ -3916,10 +3918,6 @@ function move2(s, e) {
   }
 }
 function end2(s, e) {
-  const position = eventPosition(e);
-  if (position && s.pixelCoordsOfMouchDownToMaybeClearShapes && samePos(position, s.pixelCoordsOfMouchDownToMaybeClearShapes))
-    clear(s);
-  s.pixelCoordsOfMouchDownToMaybeClearShapes = void 0;
   const cur = s.draggable.current;
   if (!cur)
     return;
@@ -3981,7 +3979,7 @@ function pieceElementByKey(s, key) {
   return;
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/explosion.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/explosion.js
 function explosion(state, keys) {
   state.exploding = { stage: 1, keys };
   state.dom.redraw();
@@ -4000,7 +3998,7 @@ function setStage(state, stage) {
   }
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/api.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/api.js
 function start3(state, redrawAll) {
   function toggleOrientation2() {
     toggleOrientation(state);
@@ -4091,7 +4089,7 @@ function start3(state, redrawAll) {
   };
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/state.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/state.js
 function defaults() {
   return {
     pieces: read(initial),
@@ -4187,7 +4185,7 @@ function defaults() {
   };
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/svg.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/svg.js
 function createDefs() {
   const defs = createElement("defs");
   const filter = setAttributes(createElement("filter"), { id: "cg-filter-blur" });
@@ -4205,18 +4203,22 @@ function renderSvg(state, els) {
     dests.set(s.dest, sources);
   }
   const shapes = [];
-  for (const s of d.shapes.concat(nonPieceAutoShapes)) {
+  const pendingEraseIdx = cur ? d.shapes.findIndex((s) => sameEndpoints(s, cur) && sameColor(s, cur)) : -1;
+  for (const [idx, s] of d.shapes.concat(nonPieceAutoShapes).entries()) {
+    const isPendingErase = pendingEraseIdx !== -1 && pendingEraseIdx === idx;
     shapes.push({
       shape: s,
       current: false,
-      hash: shapeHash(s, isShort(s.dest, dests), false, bounds)
+      pendingErase: isPendingErase,
+      hash: shapeHash(s, isShort(s.dest, dests), false, bounds, isPendingErase)
     });
   }
-  if (cur)
+  if (cur && pendingEraseIdx === -1)
     shapes.push({
       shape: cur,
       current: true,
-      hash: shapeHash(cur, isShort(cur.dest, dests), true, bounds)
+      hash: shapeHash(cur, isShort(cur.dest, dests), true, bounds, false),
+      pendingErase: false
     });
   const fullHash = shapes.map((sc) => sc.hash).join(";");
   if (fullHash === state.drawable.prevSvgHash)
@@ -4283,11 +4285,12 @@ function syncShapes(shapes, els, renderShape3) {
     }
   }
 }
-function shapeHash({ orig, dest, brush, piece, modifiers, customSvg, label, below }, shorten, current, bounds) {
+function shapeHash({ orig, dest, brush, piece, modifiers, customSvg, label, below }, shorten, current, bounds, pendingErase) {
   return [
     bounds.width,
     bounds.height,
     current,
+    pendingErase && "pendingErase",
     orig,
     dest,
     brush,
@@ -4312,15 +4315,15 @@ function textHash(s) {
   }
   return h2.toString();
 }
-function renderShape(state, { shape, current, hash: hash2 }, brushes2, dests, bounds) {
+function renderShape(state, { shape, current, pendingErase, hash: hash2 }, brushes2, dests, bounds) {
   const from = pos2user(orient(key2pos(shape.orig), state.orientation), bounds), to = shape.dest ? pos2user(orient(key2pos(shape.dest), state.orientation), bounds) : from, brush = shape.brush && makeCustomBrush(brushes2[shape.brush], shape.modifiers), slots = dests.get(shape.dest), svgs = [];
   if (brush) {
     const el = setAttributes(createElement("g"), { cgHash: hash2 });
     svgs.push({ el });
     if (from[0] !== to[0] || from[1] !== to[1])
-      el.appendChild(renderArrow(shape, brush, from, to, current, isShort(shape.dest, dests)));
+      el.appendChild(renderArrow(shape, brush, from, to, current, isShort(shape.dest, dests), pendingErase));
     else
-      el.appendChild(renderCircle(brushes2[shape.brush], from, current, bounds));
+      el.appendChild(renderCircle(brushes2[shape.brush], from, current, bounds, pendingErase));
   }
   if (shape.label) {
     const label = shape.label;
@@ -4337,19 +4340,19 @@ function renderShape(state, { shape, current, hash: hash2 }, brushes2, dests, bo
   }
   return svgs;
 }
-function renderCircle(brush, at, current, bounds) {
+function renderCircle(brush, at, current, bounds, pendingErase) {
   const widths = circleWidth(), radius = (bounds.width + bounds.height) / (4 * Math.max(bounds.width, bounds.height));
   return setAttributes(createElement("circle"), {
     stroke: brush.color,
     "stroke-width": widths[current ? 0 : 1],
     fill: "none",
-    opacity: opacity(brush, current),
+    opacity: opacity(brush, current, pendingErase),
     cx: at[0],
     cy: at[1],
     r: radius - widths[1] / 2
   });
 }
-function renderArrow(s, brush, from, to, current, shorten) {
+function renderArrow(s, brush, from, to, current, shorten, pendingErase) {
   function renderLine(isHilite) {
     const m = arrowMargin(shorten && !current), dx = to[0] - from[0], dy = to[1] - from[1], angle = Math.atan2(dy, dx), xo = Math.cos(angle) * m, yo = Math.sin(angle) * m;
     const hilite = hiliteOf(s);
@@ -4358,7 +4361,7 @@ function renderArrow(s, brush, from, to, current, shorten) {
       "stroke-width": lineWidth(brush, current) * (isHilite ? 1.14 : 1),
       "stroke-linecap": "round",
       "marker-end": `url(#arrowhead-${isHilite ? hilite.key : brush.key})`,
-      opacity: s.modifiers?.hilite ? 1 : opacity(brush, current),
+      opacity: s.modifiers?.hilite && !pendingErase ? 1 : opacity(brush, current, pendingErase),
       x1: from[0],
       y1: from[1],
       x2: to[0] - xo,
@@ -4450,8 +4453,8 @@ function hiliteOf(shape) {
   const hilite = shape.modifiers?.hilite;
   return { key: hilite && `hilite-${hilite.replace("#", "")}`, color: hilite };
 }
-function opacity(brush, current) {
-  return (brush.opacity || 1) * (current ? 0.9 : 1);
+function opacity(brush, current, pendingErase) {
+  return (brush.opacity || 1) * (pendingErase ? 0.6 : current ? 0.9 : 1);
 }
 function arrowMargin(shorten) {
   return (shorten ? 20 : 10) / 64;
@@ -4499,7 +4502,7 @@ function labelCoords(from, to, slots) {
   return [from[0] - Math.cos(angle) * mag, from[1] - Math.sin(angle) * mag].map((c) => c + 0.5);
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/wrap.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/wrap.js
 function renderWrap(element, s) {
   element.innerHTML = "";
   element.classList.add("cg-wrap");
@@ -4566,7 +4569,7 @@ function renderCoords(elems, className) {
   return el;
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/drop.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/drop.js
 function drop(s, e) {
   if (!s.dropmode.active)
     return;
@@ -4583,7 +4586,7 @@ function drop(s, e) {
   s.dom.redraw();
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/events.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/events.js
 function bindBoard(s, onResize) {
   const boardEl = s.dom.elements.board;
   if ("ResizeObserver" in window)
@@ -4645,7 +4648,7 @@ var dragOrDraw = (s, withDrag, withDraw) => (e) => {
     withDrag(s, e);
 };
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/render.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/render.js
 function render2(s) {
   const asWhite = whitePov(s), posToTranslate2 = posToTranslate(s.dom.bounds()), boardEl = s.dom.elements.board, pieces = s.pieces, curAnim = s.animation.current, anims = curAnim ? curAnim.plan.anims : /* @__PURE__ */ new Map(), fadings = curAnim ? curAnim.plan.fadings : /* @__PURE__ */ new Map(), curDrag = s.draggable.current, squares = computeSquareClasses(s), samePieces = /* @__PURE__ */ new Set(), sameSquares = /* @__PURE__ */ new Set(), movedPieces = /* @__PURE__ */ new Map(), movedSquares = /* @__PURE__ */ new Map();
   let k, el, pieceAtKey, elPieceName, anim2, fading, pMvdset, pMvd, sMvdset, sMvd;
@@ -4850,7 +4853,7 @@ function appendValue(map, key, value) {
     map.set(key, [value]);
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/sync.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/sync.js
 function syncShapes2(shapes, root, renderShape3) {
   const hashesInDom = /* @__PURE__ */ new Map(), toRemove = [];
   for (const sc of shapes)
@@ -4872,14 +4875,15 @@ function syncShapes2(shapes, root, renderShape3) {
   }
 }
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/autoPieces.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/autoPieces.js
 function render3(state, autoPieceEl) {
   const autoPieces = state.drawable.autoShapes.filter((autoShape) => autoShape.piece);
   const autoPieceShapes = autoPieces.map((s) => {
     return {
       shape: s,
       hash: hash(s),
-      current: false
+      current: false,
+      pendingErase: false
     };
   });
   syncShapes2(autoPieceShapes, autoPieceEl, (shape) => renderShape2(state, shape, state.dom.bounds()));
@@ -4906,7 +4910,7 @@ function renderShape2(state, { shape, hash: hash2 }, bounds) {
 }
 var hash = (autoPiece) => [autoPiece.orig, autoPiece.piece?.role, autoPiece.piece?.color, autoPiece.piece?.scale].join(",");
 
-// node_modules/.pnpm/@lichess-org+chessground@9.8.2/node_modules/@lichess-org/chessground/dist/chessground.js
+// node_modules/.pnpm/@lichess-org+chessground@9.8.5/node_modules/@lichess-org/chessground/dist/chessground.js
 function Chessground(element, config) {
   const maybeState = defaults();
   configure(maybeState, config || {});