kokopu-react 3.1.0 → 3.3.0

package/src/chessboard/colorsets.ts

@@ -37,48 +37,48 @@ export const DEFAULT_COLORSET = 'original';
 export const colorsets: Record<string, Colorset> = {};
 
 colorsets.original = {
-	b: '#b5876b',
-	w: '#f0dec7',
-	cb: '#04f',
-	cg: '#0e0',
-	cr: '#d00',
-	cy: '#db0',
+    b: '#b5876b',
+    w: '#f0dec7',
+    cb: '#04f',
+    cg: '#0e0',
+    cr: '#d00',
+    cy: '#db0',
 };
 
 colorsets.gray = {
-	b: '#bbbbbb',
-	w: '#f8f8f8',
-	cb: '#04f',
-	cg: '#0a0',
-	cr: '#d00',
-	cy: '#a90',
+    b: '#bbbbbb',
+    w: '#f8f8f8',
+    cb: '#04f',
+    cg: '#0a0',
+    cr: '#d00',
+    cy: '#a90',
 };
 
 colorsets.scid = {
-	b: '#7389b6',
-	w: '#f3f3f3',
-	cb: '#04f',
-	cg: '#0e0',
-	cr: '#d00',
-	cy: '#db0',
+    b: '#7389b6',
+    w: '#f3f3f3',
+    cb: '#04f',
+    cg: '#0e0',
+    cr: '#d00',
+    cy: '#db0',
 };
 
 colorsets.wikipedia = {
-	b: '#d18b47',
-	w: '#ffce9e',
-	cb: '#04f',
-	cg: '#0e0',
-	cr: '#d00',
-	cy: '#db0',
+    b: '#d18b47',
+    w: '#ffce9e',
+    cb: '#04f',
+    cg: '#0e0',
+    cr: '#d00',
+    cy: '#db0',
 };
 
 colorsets.xboard = {
-	b: '#77a26d',
-	w: '#c8c365',
-	cb: '#04f',
-	cg: '#0f0',
-	cr: '#d00',
-	cy: '#ff0',
+    b: '#77a26d',
+    w: '#c8c365',
+    cb: '#04f',
+    cg: '#0f0',
+    cr: '#d00',
+    cy: '#ff0',
 };
 
 
@@ -88,55 +88,55 @@ colorsets.xboard = {
  */
 
 colorsets.coral = {
-	b: 'rgb(112,162,163)',
-	w: 'rgb(177,228,185)',
-	cb: '#04f',
-	cg: '#080',
-	cr: '#d00',
-	cy: '#ff0',
+    b: 'rgb(112,162,163)',
+    w: 'rgb(177,228,185)',
+    cb: '#04f',
+    cg: '#080',
+    cr: '#d00',
+    cy: '#ff0',
 };
 
 colorsets.dusk = {
-	b: 'rgb(112,102,119)',
-	w: 'rgb(204,183,174)',
-	cb: '#04f',
-	cg: '#3f3',
-	cr: '#f20',
-	cy: '#ff0',
+    b: 'rgb(112,102,119)',
+    w: 'rgb(204,183,174)',
+    cb: '#04f',
+    cg: '#3f3',
+    cr: '#f20',
+    cy: '#ff0',
 };
 
 colorsets.emerald = {
-	b: 'rgb(111,143,114)',
-	w: 'rgb(173,189,143)',
-	cb: '#04f',
-	cg: '#6f6',
-	cr: '#d00',
-	cy: '#ff0',
+    b: 'rgb(111,143,114)',
+    w: 'rgb(173,189,143)',
+    cb: '#04f',
+    cg: '#6f6',
+    cr: '#d00',
+    cy: '#ff0',
 };
 
 colorsets.marine = {
-	b: 'rgb(111,115,210)',
-	w: 'rgb(157,172,255)',
-	cb: '#04f',
-	cg: '#6f6',
-	cr: '#f50',
-	cy: '#ff0',
+    b: 'rgb(111,115,210)',
+    w: 'rgb(157,172,255)',
+    cb: '#04f',
+    cg: '#6f6',
+    cr: '#f50',
+    cy: '#ff0',
 };
 
 colorsets.sandcastle = {
-	b: 'rgb(184,139,74)',
-	w: 'rgb(227,193,111)',
-	cb: '#04f',
-	cg: '#0c3',
-	cr: '#d02',
-	cy: '#ff0',
+    b: 'rgb(184,139,74)',
+    w: 'rgb(227,193,111)',
+    cb: '#04f',
+    cg: '#0c3',
+    cr: '#d02',
+    cy: '#ff0',
 };
 
 colorsets.wheat = {
-	b: 'rgb(187,190,100)',
-	w: 'rgb(234,240,206)',
-	cb: '#04f',
-	cg: '#0c3',
-	cr: '#d00',
-	cy: '#ff3',
+    b: 'rgb(187,190,100)',
+    w: 'rgb(234,240,206)',
+    cb: '#04f',
+    cg: '#0c3',
+    cr: '#d00',
+    cy: '#ff3',
 };

package/src/chessboard/piecesets.ts

@@ -135,103 +135,103 @@ export const DEFAULT_PIECESET = 'cburnett';
 export const piecesets: Record<string, Pieceset> = {};
 
 piecesets.cburnett = {
-	bb: cburnett_bb,
-	bk: cburnett_bk,
-	bn: cburnett_bn,
-	bp: cburnett_bp,
-	bq: cburnett_bq,
-	br: cburnett_br,
-	bx: cburnett_bx,
-	wb: cburnett_wb,
-	wk: cburnett_wk,
-	wn: cburnett_wn,
-	wp: cburnett_wp,
-	wq: cburnett_wq,
-	wr: cburnett_wr,
-	wx: cburnett_wx,
+    bb: cburnett_bb,
+    bk: cburnett_bk,
+    bn: cburnett_bn,
+    bp: cburnett_bp,
+    bq: cburnett_bq,
+    br: cburnett_br,
+    bx: cburnett_bx,
+    wb: cburnett_wb,
+    wk: cburnett_wk,
+    wn: cburnett_wn,
+    wp: cburnett_wp,
+    wq: cburnett_wq,
+    wr: cburnett_wr,
+    wx: cburnett_wx,
 };
 
 piecesets.celtic = {
-	bb: celtic_bb,
-	bk: celtic_bk,
-	bn: celtic_bn,
-	bp: celtic_bp,
-	bq: celtic_bq,
-	br: celtic_br,
-	bx: celtic_bx,
-	wb: celtic_wb,
-	wk: celtic_wk,
-	wn: celtic_wn,
-	wp: celtic_wp,
-	wq: celtic_wq,
-	wr: celtic_wr,
-	wx: celtic_wx,
+    bb: celtic_bb,
+    bk: celtic_bk,
+    bn: celtic_bn,
+    bp: celtic_bp,
+    bq: celtic_bq,
+    br: celtic_br,
+    bx: celtic_bx,
+    wb: celtic_wb,
+    wk: celtic_wk,
+    wn: celtic_wn,
+    wp: celtic_wp,
+    wq: celtic_wq,
+    wr: celtic_wr,
+    wx: celtic_wx,
 };
 
 piecesets.eyes = {
-	bb: eyes_bb,
-	bk: eyes_bk,
-	bn: eyes_bn,
-	bp: eyes_bp,
-	bq: eyes_bq,
-	br: eyes_br,
-	bx: eyes_spatial_bx,
-	wb: eyes_wb,
-	wk: eyes_wk,
-	wn: eyes_wn,
-	wp: eyes_wp,
-	wq: eyes_wq,
-	wr: eyes_wr,
-	wx: eyes_spatial_wx,
+    bb: eyes_bb,
+    bk: eyes_bk,
+    bn: eyes_bn,
+    bp: eyes_bp,
+    bq: eyes_bq,
+    br: eyes_br,
+    bx: eyes_spatial_bx,
+    wb: eyes_wb,
+    wk: eyes_wk,
+    wn: eyes_wn,
+    wp: eyes_wp,
+    wq: eyes_wq,
+    wr: eyes_wr,
+    wx: eyes_spatial_wx,
 };
 
 piecesets.fantasy = {
-	bb: fantasy_bb,
-	bk: fantasy_bk,
-	bn: fantasy_bn,
-	bp: fantasy_bp,
-	bq: fantasy_bq,
-	br: fantasy_br,
-	bx: fantasy_bx,
-	wb: fantasy_wb,
-	wk: fantasy_wk,
-	wn: fantasy_wn,
-	wp: fantasy_wp,
-	wq: fantasy_wq,
-	wr: fantasy_wr,
-	wx: fantasy_wx,
+    bb: fantasy_bb,
+    bk: fantasy_bk,
+    bn: fantasy_bn,
+    bp: fantasy_bp,
+    bq: fantasy_bq,
+    br: fantasy_br,
+    bx: fantasy_bx,
+    wb: fantasy_wb,
+    wk: fantasy_wk,
+    wn: fantasy_wn,
+    wp: fantasy_wp,
+    wq: fantasy_wq,
+    wr: fantasy_wr,
+    wx: fantasy_wx,
 };
 
 piecesets.skulls = {
-	bb: skulls_bb,
-	bk: skulls_bk,
-	bn: skulls_bn,
-	bp: skulls_bp,
-	bq: skulls_bq,
-	br: skulls_br,
-	bx: skulls_bx,
-	wb: skulls_wb,
-	wk: skulls_wk,
-	wn: skulls_wn,
-	wp: skulls_wp,
-	wq: skulls_wq,
-	wr: skulls_wr,
-	wx: skulls_wx,
+    bb: skulls_bb,
+    bk: skulls_bk,
+    bn: skulls_bn,
+    bp: skulls_bp,
+    bq: skulls_bq,
+    br: skulls_br,
+    bx: skulls_bx,
+    wb: skulls_wb,
+    wk: skulls_wk,
+    wn: skulls_wn,
+    wp: skulls_wp,
+    wq: skulls_wq,
+    wr: skulls_wr,
+    wx: skulls_wx,
 };
 
 piecesets.spatial = {
-	bb: spatial_bb,
-	bk: spatial_bk,
-	bn: spatial_bn,
-	bp: spatial_bp,
-	bq: spatial_bq,
-	br: spatial_br,
-	bx: eyes_spatial_bx,
-	wb: spatial_wb,
-	wk: spatial_wk,
-	wn: spatial_wn,
-	wp: spatial_wp,
-	wq: spatial_wq,
-	wr: spatial_wr,
-	wx: eyes_spatial_wx,
+    bb: spatial_bb,
+    bk: spatial_bk,
+    bn: spatial_bn,
+    bp: spatial_bp,
+    bq: spatial_bq,
+    br: spatial_br,
+    bx: eyes_spatial_bx,
+    wb: spatial_wb,
+    wk: spatial_wk,
+    wn: spatial_wn,
+    wp: spatial_wp,
+    wq: spatial_wq,
+    wr: spatial_wr,
+    wx: eyes_spatial_wx,
 };

package/src/decs.d.ts

@@ -23,6 +23,6 @@
 
 
 declare module '*.png' {
-	const path: string;
-	export default path;
+    const path: string;
+    export default path;
 }

package/src/errorbox/ErrorBox.css

@@ -23,32 +23,32 @@
 
 
 .kokopu-errorBox {
-	text-align: left;
-	font-family: sans-serif;
-	font-size: 12px;
-	line-height: 1.3em;
-	color: #800;
-	background-color: #fdd;
-	border: solid 1px #c00;
-	padding: 0.75em;
+    text-align: left;
+    font-family: sans-serif;
+    font-size: 12px;
+    line-height: 1.3em;
+    color: #800;
+    background-color: #fdd;
+    border: solid 1px #c00;
+    padding: 0.75em;
 }
 
 .kokopu-errorTitle {
-	font-weight: bold;
-	font-style: italic;
+    font-weight: bold;
+    font-style: italic;
 }
 
 .kokopu-errorMessage,
 .kokopu-errorExcerpt {
-	margin-top: 0.4em;
+    margin-top: 0.4em;
 }
 
 .kokopu-errorExcerpt {
-	white-space: pre-wrap;
-	font-family: monospace;
-	line-height: 1.5em;
-	color: #400;
-	background-color: #ffd;
-	border: solid 1px #aa0;
-	padding: 0.75em 1em 0.15em;
+    white-space: pre-wrap;
+    font-family: monospace;
+    line-height: 1.5em;
+    color: #400;
+    background-color: #ffd;
+    border: solid 1px #aa0;
+    padding: 0.75em 1em 0.15em;
 }

package/src/errorbox/ErrorBox.tsx

@@ -37,30 +37,30 @@ const ELLIPSIS_SYMBOL_LENGTH = 4; // Symbol is ... + space (before or after)
 
 export interface ErrorBoxProps {
 
-	/**
-	 * Title of the error box.
-	 */
-	title: string;
-
-	/**
-	 * Additional message providing details about the error.
-	 */
-	message: string;
-
-	/**
-	 * Raw text whose processing results in the error.
-	 */
-	text?: string;
-
-	/**
-	 * Index of the character within `text` that results in the error.
-	 */
-	errorIndex?: number;
-
-	/**
-	 * Index (1-based) of the line in which is the character that results in the error.
-	 */
-	lineNumber?: number;
+    /**
+     * Title of the error box.
+     */
+    title: string;
+
+    /**
+     * Additional message providing details about the error.
+     */
+    message: string;
+
+    /**
+     * Raw text whose processing results in the error.
+     */
+    text?: string;
+
+    /**
+     * Index of the character within `text` that results in the error.
+     */
+    errorIndex?: number;
+
+    /**
+     * Index (1-based) of the line in which is the character that results in the error.
+     */
+    lineNumber?: number;
 }
 
 
@@ -69,25 +69,25 @@ export interface ErrorBoxProps {
  */
 export function ErrorBox({ title, message, text, errorIndex, lineNumber }: ErrorBoxProps) {
 
-	// Sanitize the inputs.
-	title = sanitizeString(title);
-	message = sanitizeString(message);
-	text = sanitizeOptional(text, sanitizeString);
-	errorIndex = Number.isInteger(errorIndex) ? errorIndex : undefined;
-	lineNumber = Number.isInteger(lineNumber) ? lineNumber : undefined;
-
-	// Render the component.
-	let excerpt: React.ReactNode = undefined;
-	if (text && errorIndex !== undefined && errorIndex >= 0 && errorIndex < text.length) {
-		excerpt = <div className="kokopu-errorExcerpt">{ellipsisAt(text, errorIndex, lineNumber)}</div>;
-	}
-	return (
-		<div className="kokopu-errorBox">
-			<div className="kokopu-errorTitle">{title}</div>
-			<div className="kokopu-errorMessage">{message}</div>
-			{excerpt}
-		</div>
-	);
+    // Sanitize the inputs.
+    title = sanitizeString(title);
+    message = sanitizeString(message);
+    text = sanitizeOptional(text, sanitizeString);
+    errorIndex = Number.isInteger(errorIndex) ? errorIndex : undefined;
+    lineNumber = Number.isInteger(lineNumber) ? lineNumber : undefined;
+
+    // Render the component.
+    let excerpt: React.ReactNode = undefined;
+    if (text && errorIndex !== undefined && errorIndex >= 0 && errorIndex < text.length) {
+        excerpt = <div className="kokopu-errorExcerpt">{ellipsisAt(text, errorIndex, lineNumber)}</div>;
+    }
+    return (
+        <div className="kokopu-errorBox">
+            <div className="kokopu-errorTitle">{title}</div>
+            <div className="kokopu-errorMessage">{message}</div>
+            {excerpt}
+        </div>
+    );
 }
 
 
@@ -96,36 +96,36 @@ export function ErrorBox({ title, message, text, errorIndex, lineNumber }: Error
  */
 function ellipsisAt(text: string, pos: number, lineNumber?: number) {
 
-	// Compute the number of characters to keep before `pos`.
-	let cutBeginningAt = pos - BACKWARD_CHARACTER_COUNT;
-	let isBeginningEllipsed = true;
-	for (let keptCharacterCount = 0; keptCharacterCount <= BACKWARD_CHARACTER_COUNT + ELLIPSIS_SYMBOL_LENGTH; ++keptCharacterCount) {
-		const p = pos - keptCharacterCount - 1;
-		if (p < 0 || text.charAt(p) === '\n' || text.charAt(p) === '\r') {
-			cutBeginningAt = p + 1;
-			isBeginningEllipsed = false;
-			break;
-		}
-	}
-
-	// Compute the number of characters to keep after `pos`.
-	let cutEndAt = pos + FORWARD_CHARACTER_COUNT;
-	let isEndEllipsed = true;
-	for (let keptCharacterCount = 0; keptCharacterCount <= FORWARD_CHARACTER_COUNT + ELLIPSIS_SYMBOL_LENGTH; ++keptCharacterCount) {
-		const p = pos + keptCharacterCount + 1;
-		if (p >= text.length || text.charAt(p) === '\n' || text.charAt(p) === '\r') {
-			cutEndAt = p - 1;
-			isEndEllipsed = false;
-			break;
-		}
-	}
-
-	// Extract the sub-string around the requested position.
-	let excerpt = (isBeginningEllipsed ? '... ' : '') + text.substring(cutBeginningAt, cutEndAt + 1) + (isEndEllipsed ? ' ...' : '');
-	excerpt = excerpt.replace(/\s/g, ' ');
-	let secondLine = ' '.repeat(pos - cutBeginningAt + (isBeginningEllipsed ? ELLIPSIS_SYMBOL_LENGTH : 0)) + '^';
-	if (lineNumber && lineNumber >= 1) {
-		secondLine += ` (${fillPlaceholder(i18n.LINE, lineNumber)})`;
-	}
-	return excerpt + '\n' + secondLine;
+    // Compute the number of characters to keep before `pos`.
+    let cutBeginningAt = pos - BACKWARD_CHARACTER_COUNT;
+    let isBeginningEllipsed = true;
+    for (let keptCharacterCount = 0; keptCharacterCount <= BACKWARD_CHARACTER_COUNT + ELLIPSIS_SYMBOL_LENGTH; ++keptCharacterCount) {
+        const p = pos - keptCharacterCount - 1;
+        if (p < 0 || text.charAt(p) === '\n' || text.charAt(p) === '\r') {
+            cutBeginningAt = p + 1;
+            isBeginningEllipsed = false;
+            break;
+        }
+    }
+
+    // Compute the number of characters to keep after `pos`.
+    let cutEndAt = pos + FORWARD_CHARACTER_COUNT;
+    let isEndEllipsed = true;
+    for (let keptCharacterCount = 0; keptCharacterCount <= FORWARD_CHARACTER_COUNT + ELLIPSIS_SYMBOL_LENGTH; ++keptCharacterCount) {
+        const p = pos + keptCharacterCount + 1;
+        if (p >= text.length || text.charAt(p) === '\n' || text.charAt(p) === '\r') {
+            cutEndAt = p - 1;
+            isEndEllipsed = false;
+            break;
+        }
+    }
+
+    // Extract the sub-string around the requested position.
+    let excerpt = (isBeginningEllipsed ? '... ' : '') + text.substring(cutBeginningAt, cutEndAt + 1) + (isEndEllipsed ? ' ...' : '');
+    excerpt = excerpt.replace(/\s/g, ' ');
+    let secondLine = ' '.repeat(pos - cutBeginningAt + (isBeginningEllipsed ? ELLIPSIS_SYMBOL_LENGTH : 0)) + '^';
+    if (lineNumber && lineNumber >= 1) {
+        secondLine += ` (${fillPlaceholder(i18n.LINE, lineNumber)})`;
+    }
+    return excerpt + '\n' + secondLine;
 }