lichess-pgn-viewer
Version:
PGN viewer widget, designed to be embedded in content pages.
54 lines • 2.4 kB
JavaScript
const defaults = {
pgn: '*', // the PGN to render
fen: undefined, // initial FEN, will append [FEN "initial FEN"] to the PGN
showPlayers: 'auto', // show the players above and under the board
showClocks: true, // show the clocks alongside the players
showMoves: 'auto', // false | "right" | "bottom" | auto. "auto" uses media queries
showControls: true, // show the [prev, menu, next] buttons
scrollToMove: true, // enable scrolling through moves with a mouse wheel
keyboardToMove: true, // enable keyboard navigation through moves
orientation: undefined, // orientation of the board. Undefined to use the Orientation PGN tag.
initialPly: 0, // current position to display. Can be a number, or "last"
chessground: {}, // chessground configuration https://github.com/lichess-org/chessground/blob/master/src/config.ts#L7
drawArrows: true, // allow mouse users to draw volatile arrows on the board. Disable for little perf boost
menu: {
getPgn: {
enabled: true, // enable the "Get PGN" menu entry
fileName: undefined, // name of the file when user clicks "Download PGN". Leave empty for automatic name.
},
practiceWithComputer: {
enabled: true,
},
analysisBoard: {
enabled: true,
},
},
lichess: 'https://lichess.org', // support for Lichess games, with links to the game and players. Set to false to disable.
classes: undefined, // CSS classes to set on the root element. Defaults to the element classes before being replaced by LPV.
};
export default function (element, cfg) {
const opts = { ...defaults };
deepMerge(opts, cfg);
if (opts.fen)
opts.pgn = `[FEN "${opts.fen}"]\n${opts.pgn}`;
if (!opts.classes)
opts.classes = element.className;
return opts;
}
function deepMerge(base, extend) {
for (const key in extend) {
if (typeof extend[key] !== 'undefined') {
if (isPlainObject(base[key]) && isPlainObject(extend[key]))
deepMerge(base[key], extend[key]);
else
base[key] = extend[key];
}
}
}
function isPlainObject(o) {
if (typeof o !== 'object' || o === null)
return false;
const proto = Object.getPrototypeOf(o);
return proto === Object.prototype || proto === null;
}
//# sourceMappingURL=config.js.map