@lichess-org/chessground 9.2.3

package/dist/types.d.ts

@@ -0,0 +1,94 @@
+export type Color = (typeof colors)[number];
+export type Role = (typeof roles)[number];
+export type File = (typeof files)[number];
+export type Rank = (typeof ranks)[number];
+export type Key = 'a0' | `${File}${Rank}`;
+export type FEN = string;
+export type Pos = [number, number];
+export interface Piece {
+    role: Role;
+    color: Color;
+    promoted?: boolean;
+}
+export interface Drop {
+    role: Role;
+    key: Key;
+}
+export type Pieces = Map<Key, Piece>;
+export type PiecesDiff = Map<Key, Piece | undefined>;
+export type KeyPair = [Key, Key];
+export type NumberPair = [number, number];
+export type NumberQuad = [number, number, number, number];
+export interface Rect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export type Dests = Map<Key, Key[]>;
+export interface Elements {
+    board: HTMLElement;
+    wrap: HTMLElement;
+    container: HTMLElement;
+    ghost?: HTMLElement;
+    svg?: SVGElement;
+    customSvg?: SVGElement;
+    autoPieces?: HTMLElement;
+}
+export interface Dom {
+    elements: Elements;
+    bounds: Memo<DOMRectReadOnly>;
+    redraw: () => void;
+    redrawNow: (skipSvg?: boolean) => void;
+    unbind?: Unbind;
+    destroyed?: boolean;
+}
+export interface Exploding {
+    stage: number;
+    keys: readonly Key[];
+}
+export interface MoveMetadata {
+    premove: boolean;
+    ctrlKey?: boolean;
+    holdTime?: number;
+    captured?: Piece;
+    predrop?: boolean;
+}
+export interface SetPremoveMetadata {
+    ctrlKey?: boolean;
+}
+export type MouchEvent = Event & Partial<MouseEvent & TouchEvent>;
+export interface KeyedNode extends HTMLElement {
+    cgKey: Key;
+}
+export interface PieceNode extends KeyedNode {
+    tagName: 'PIECE';
+    cgPiece: string;
+    cgAnimating?: boolean;
+    cgFading?: boolean;
+    cgDragging?: boolean;
+    cgScale?: number;
+}
+export interface SquareNode extends KeyedNode {
+    tagName: 'SQUARE';
+}
+export interface Memo<A> {
+    (): A;
+    clear: () => void;
+}
+export interface Timer {
+    start: () => void;
+    cancel: () => void;
+    stop: () => number;
+}
+export type Redraw = () => void;
+export type Unbind = () => void;
+export type Milliseconds = number;
+export type KHz = number;
+export declare const colors: readonly ["white", "black"];
+export declare const roles: readonly ["pawn", "knight", "bishop", "rook", "queen", "king"];
+export declare const files: readonly ["a", "b", "c", "d", "e", "f", "g", "h"];
+export declare const ranks: readonly ["1", "2", "3", "4", "5", "6", "7", "8"];
+export type RanksPosition = 'left' | 'right';
+export type BrushColor = 'green' | 'red' | 'blue' | 'yellow';
+export type SquareClasses = Map<Key, string>;

package/dist/types.js

@@ -0,0 +1,5 @@
+export const colors = ['white', 'black'];
+export const roles = ['pawn', 'knight', 'bishop', 'rook', 'queen', 'king'];
+export const files = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];
+export const ranks = ['1', '2', '3', '4', '5', '6', '7', '8'];
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAoGA,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,OAAO,CAAU,CAAC;AAClD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAU,CAAC;AACpF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AACvE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC"}

package/dist/util.d.ts

@@ -0,0 +1,20 @@
+import * as cg from './types.js';
+export declare const invRanks: readonly cg.Rank[];
+export declare const allKeys: readonly cg.Key[];
+export declare const pos2key: (pos: cg.Pos) => cg.Key;
+export declare const key2pos: (k: cg.Key) => cg.Pos;
+export declare const uciToMove: (uci: string | undefined) => cg.Key[] | undefined;
+export declare const allPos: readonly cg.Pos[];
+export declare function memo<A>(f: () => A): cg.Memo<A>;
+export declare const timer: () => cg.Timer;
+export declare const opposite: (c: cg.Color) => cg.Color;
+export declare const distanceSq: (pos1: cg.Pos, pos2: cg.Pos) => number;
+export declare const samePiece: (p1: cg.Piece, p2: cg.Piece) => boolean;
+export declare const posToTranslate: (bounds: DOMRectReadOnly) => ((pos: cg.Pos, asWhite: boolean) => cg.NumberPair);
+export declare const translate: (el: HTMLElement, pos: cg.NumberPair) => void;
+export declare const translateAndScale: (el: HTMLElement, pos: cg.NumberPair, scale?: number) => void;
+export declare const setVisible: (el: HTMLElement, v: boolean) => void;
+export declare const eventPosition: (e: cg.MouchEvent) => cg.NumberPair | undefined;
+export declare const isRightButton: (e: cg.MouchEvent) => boolean;
+export declare const createEl: (tagName: string, className?: string) => HTMLElement;
+export declare function computeSquareCenter(key: cg.Key, asWhite: boolean, bounds: DOMRectReadOnly): cg.NumberPair;

package/dist/util.js

@@ -0,0 +1,89 @@
+import * as cg from './types.js';
+export const invRanks = [...cg.ranks].reverse();
+export const allKeys = Array.prototype.concat(...cg.files.map(c => cg.ranks.map(r => c + r)));
+export const pos2key = (pos) => allKeys[8 * pos[0] + pos[1]];
+export const key2pos = (k) => [k.charCodeAt(0) - 97, k.charCodeAt(1) - 49];
+export const uciToMove = (uci) => {
+    if (!uci)
+        return undefined;
+    if (uci[1] === '@')
+        return [uci.slice(2, 4)];
+    return [uci.slice(0, 2), uci.slice(2, 4)];
+};
+export const allPos = allKeys.map(key2pos);
+export function memo(f) {
+    let v;
+    const ret = () => {
+        if (v === undefined)
+            v = f();
+        return v;
+    };
+    ret.clear = () => {
+        v = undefined;
+    };
+    return ret;
+}
+export const timer = () => {
+    let startAt;
+    return {
+        start() {
+            startAt = performance.now();
+        },
+        cancel() {
+            startAt = undefined;
+        },
+        stop() {
+            if (!startAt)
+                return 0;
+            const time = performance.now() - startAt;
+            startAt = undefined;
+            return time;
+        },
+    };
+};
+export const opposite = (c) => (c === 'white' ? 'black' : 'white');
+export const distanceSq = (pos1, pos2) => {
+    const dx = pos1[0] - pos2[0], dy = pos1[1] - pos2[1];
+    return dx * dx + dy * dy;
+};
+export const samePiece = (p1, p2) => p1.role === p2.role && p1.color === p2.color;
+export const posToTranslate = (bounds) => (pos, asWhite) => [
+    ((asWhite ? pos[0] : 7 - pos[0]) * bounds.width) / 8,
+    ((asWhite ? 7 - pos[1] : pos[1]) * bounds.height) / 8,
+];
+export const translate = (el, pos) => {
+    el.style.transform = `translate(${pos[0]}px,${pos[1]}px)`;
+};
+export const translateAndScale = (el, pos, scale = 1) => {
+    el.style.transform = `translate(${pos[0]}px,${pos[1]}px) scale(${scale})`;
+};
+export const setVisible = (el, v) => {
+    el.style.visibility = v ? 'visible' : 'hidden';
+};
+export const eventPosition = (e) => {
+    var _a;
+    if (e.clientX || e.clientX === 0)
+        return [e.clientX, e.clientY];
+    if ((_a = e.targetTouches) === null || _a === void 0 ? void 0 : _a[0])
+        return [e.targetTouches[0].clientX, e.targetTouches[0].clientY];
+    return; // touchend has no position!
+};
+export const isRightButton = (e) => e.button === 2;
+export const createEl = (tagName, className) => {
+    const el = document.createElement(tagName);
+    if (className)
+        el.className = className;
+    return el;
+};
+export function computeSquareCenter(key, asWhite, bounds) {
+    const pos = key2pos(key);
+    if (!asWhite) {
+        pos[0] = 7 - pos[0];
+        pos[1] = 7 - pos[1];
+    }
+    return [
+        bounds.left + (bounds.width * pos[0]) / 8 + bounds.width / 16,
+        bounds.top + (bounds.height * (7 - pos[1])) / 8 + bounds.height / 16,
+    ];
+}
+//# sourceMappingURL=util.js.map

package/dist/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"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"}

package/dist/wrap.d.ts

@@ -0,0 +1,3 @@
+import { HeadlessState } from './state.js';
+import { Elements } from './types.js';
+export declare function renderWrap(element: HTMLElement, s: HeadlessState): Elements;

package/dist/wrap.js

@@ -0,0 +1,90 @@
+import { setVisible, createEl } from './util.js';
+import { colors, files, ranks } from './types.js';
+import { createElement as createSVG, setAttributes, createDefs } from './svg.js';
+export function renderWrap(element, s) {
+    // .cg-wrap (element passed to Chessground)
+    //   cg-container
+    //     cg-board
+    //     svg.cg-shapes
+    //       defs
+    //       g
+    //     svg.cg-custom-svgs
+    //       g
+    //     cg-auto-pieces
+    //     coords.ranks
+    //     coords.files
+    //     piece.ghost
+    element.innerHTML = '';
+    // ensure the cg-wrap class is set
+    // so bounds calculation can use the CSS width/height values
+    // add that class yourself to the element before calling chessground
+    // for a slight performance improvement! (avoids recomputing style)
+    element.classList.add('cg-wrap');
+    for (const c of colors)
+        element.classList.toggle('orientation-' + c, s.orientation === c);
+    element.classList.toggle('manipulable', !s.viewOnly);
+    const container = createEl('cg-container');
+    element.appendChild(container);
+    const board = createEl('cg-board');
+    container.appendChild(board);
+    let svg;
+    let customSvg;
+    let autoPieces;
+    if (s.drawable.visible) {
+        svg = setAttributes(createSVG('svg'), {
+            class: 'cg-shapes',
+            viewBox: '-4 -4 8 8',
+            preserveAspectRatio: 'xMidYMid slice',
+        });
+        svg.appendChild(createDefs());
+        svg.appendChild(createSVG('g'));
+        customSvg = setAttributes(createSVG('svg'), {
+            class: 'cg-custom-svgs',
+            viewBox: '-3.5 -3.5 8 8',
+            preserveAspectRatio: 'xMidYMid slice',
+        });
+        customSvg.appendChild(createSVG('g'));
+        autoPieces = createEl('cg-auto-pieces');
+        container.appendChild(svg);
+        container.appendChild(customSvg);
+        container.appendChild(autoPieces);
+    }
+    if (s.coordinates) {
+        const orientClass = s.orientation === 'black' ? ' black' : '';
+        const ranksPositionClass = s.ranksPosition === 'left' ? ' left' : '';
+        if (s.coordinatesOnSquares) {
+            const rankN = s.orientation === 'white' ? i => i + 1 : i => 8 - i;
+            files.forEach((f, i) => container.appendChild(renderCoords(ranks.map(r => f + r), 'squares rank' + rankN(i) + orientClass + ranksPositionClass)));
+        }
+        else {
+            container.appendChild(renderCoords(ranks, 'ranks' + orientClass + ranksPositionClass));
+            container.appendChild(renderCoords(files, 'files' + orientClass));
+        }
+    }
+    let ghost;
+    if (s.draggable.enabled && s.draggable.showGhost) {
+        ghost = createEl('piece', 'ghost');
+        setVisible(ghost, false);
+        container.appendChild(ghost);
+    }
+    return {
+        board,
+        container,
+        wrap: element,
+        ghost,
+        svg,
+        customSvg,
+        autoPieces,
+    };
+}
+function renderCoords(elems, className) {
+    const el = createEl('coords', className);
+    let f;
+    for (const elem of elems) {
+        f = createEl('coord');
+        f.textContent = elem;
+        el.appendChild(f);
+    }
+    return el;
+}
+//# sourceMappingURL=wrap.js.map

package/dist/wrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrap.js","sourceRoot":"","sources":["../src/wrap.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@lichess-org/chessground",
+  "version": "9.2.3",
+  "description": "lichess.org chess ui",
+  "type": "module",
+  "main": "dist/chessground.js",
+  "types": "chessground.d.ts",
+  "exports": {
+    ".": "./dist/chessground.js",
+    "./assets/*": "./assets/*",
+    "./*": "./dist/*.js"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/*"
+      ]
+    }
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "esbuild": "^0.25.0",
+    "eslint": "^8.57.0",
+    "prettier": "^3.2.5",
+    "typescript": "^5.6.3"
+  },
+  "files": [
+    "/dist/*.js",
+    "/dist/*.d.ts",
+    "/dist/*.js.map",
+    "/assets/*.css",
+    "/src/*.ts"
+  ],
+  "repository": "https://github.com/lichess-org/chessground",
+  "keywords": [
+    "chess",
+    "lichess",
+    "lichess.org",
+    "chessboard",
+    "ui",
+    "typescript"
+  ],
+  "author": "Lichess Team <contact@lichess.org>",
+  "license": "GPL-3.0-or-later",
+  "bugs": {
+    "url": "https://github.com/lichess-org/chessground/issues"
+  },
+  "funding": "https://lichess.org/patron",
+  "scripts": {
+    "compile": "tsc --sourceMap --declaration",
+    "lint": "eslint src/*.ts",
+    "format": "prettier --write .",
+    "check-format": "prettier --check .",
+    "bundle": "esbuild src/chessground.ts --bundle --format=esm --outfile=dist/chessground.min.js --minify",
+    "dist": "$npm_execpath run compile && $npm_execpath run bundle"
+  }
+}

package/src/anim.ts

@@ -0,0 +1,139 @@
+import { State } from './state.js';
+import * as util from './util.js';
+import * as cg from './types.js';
+
+export type Mutation<A> = (state: State) => A;
+
+// 0,1 animation goal
+// 2,3 animation current status
+export type AnimVector = cg.NumberQuad;
+
+export type AnimVectors = Map<cg.Key, AnimVector>;
+
+export type AnimFadings = Map<cg.Key, cg.Piece>;
+
+export interface AnimPlan {
+  anims: AnimVectors;
+  fadings: AnimFadings;
+}
+
+export interface AnimCurrent {
+  start: DOMHighResTimeStamp;
+  frequency: cg.KHz;
+  plan: AnimPlan;
+}
+
+export const anim = <A>(mutation: Mutation<A>, state: State): A =>
+  state.animation.enabled ? animate(mutation, state) : render(mutation, state);
+
+export function render<A>(mutation: Mutation<A>, state: State): A {
+  const result = mutation(state);
+  state.dom.redraw();
+  return result;
+}
+
+interface AnimPiece {
+  key: cg.Key;
+  pos: cg.Pos;
+  piece: cg.Piece;
+}
+type AnimPieces = Map<cg.Key, AnimPiece>;
+
+const makePiece = (key: cg.Key, piece: cg.Piece): AnimPiece => ({
+  key: key,
+  pos: util.key2pos(key),
+  piece: piece,
+});
+
+const closer = (piece: AnimPiece, pieces: AnimPiece[]): AnimPiece | undefined =>
+  pieces.sort((p1, p2) => util.distanceSq(piece.pos, p1.pos) - util.distanceSq(piece.pos, p2.pos))[0];
+
+function computePlan(prevPieces: cg.Pieces, current: State): AnimPlan {
+  const anims: AnimVectors = new Map(),
+    animedOrigs: cg.Key[] = [],
+    fadings: AnimFadings = new Map(),
+    missings: AnimPiece[] = [],
+    news: AnimPiece[] = [],
+    prePieces: AnimPieces = new Map();
+  let curP: cg.Piece | undefined, preP: AnimPiece | undefined, vector: cg.NumberPair;
+  for (const [k, p] of prevPieces) {
+    prePieces.set(k, makePiece(k, p));
+  }
+  for (const key of util.allKeys) {
+    curP = current.pieces.get(key);
+    preP = prePieces.get(key);
+    if (curP) {
+      if (preP) {
+        if (!util.samePiece(curP, preP.piece)) {
+          missings.push(preP);
+          news.push(makePiece(key, curP));
+        }
+      } else news.push(makePiece(key, curP));
+    } else if (preP) missings.push(preP);
+  }
+  for (const newP of news) {
+    preP = closer(
+      newP,
+      missings.filter(p => util.samePiece(newP.piece, p.piece)),
+    );
+    if (preP) {
+      vector = [preP.pos[0] - newP.pos[0], preP.pos[1] - newP.pos[1]];
+      anims.set(newP.key, vector.concat(vector) as AnimVector);
+      animedOrigs.push(preP.key);
+    }
+  }
+  for (const p of missings) {
+    if (!animedOrigs.includes(p.key)) fadings.set(p.key, p.piece);
+  }
+
+  return {
+    anims: anims,
+    fadings: fadings,
+  };
+}
+
+function step(state: State, now: DOMHighResTimeStamp): void {
+  const cur = state.animation.current;
+  if (cur === undefined) {
+    // animation was canceled :(
+    if (!state.dom.destroyed) state.dom.redrawNow();
+    return;
+  }
+  const rest = 1 - (now - cur.start) * cur.frequency;
+  if (rest <= 0) {
+    state.animation.current = undefined;
+    state.dom.redrawNow();
+  } else {
+    const ease = easing(rest);
+    for (const cfg of cur.plan.anims.values()) {
+      cfg[2] = cfg[0] * ease;
+      cfg[3] = cfg[1] * ease;
+    }
+    state.dom.redrawNow(true); // optimisation: don't render SVG changes during animations
+    requestAnimationFrame((now = performance.now()) => step(state, now));
+  }
+}
+
+function animate<A>(mutation: Mutation<A>, state: State): A {
+  // clone state before mutating it
+  const prevPieces: cg.Pieces = new Map(state.pieces);
+
+  const result = mutation(state);
+  const plan = computePlan(prevPieces, state);
+  if (plan.anims.size || plan.fadings.size) {
+    const alreadyRunning = state.animation.current && state.animation.current.start;
+    state.animation.current = {
+      start: performance.now(),
+      frequency: 1 / state.animation.duration,
+      plan: plan,
+    };
+    if (!alreadyRunning) step(state, performance.now());
+  } else {
+    // don't animate, just render right away
+    state.dom.redraw();
+  }
+  return result;
+}
+
+// https://gist.github.com/gre/1650294
+const easing = (t: number): number => (t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1);