xiangqiground/dist/util.js

xiangqi ui

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)));
console.log(allKeys);
export const pos2key = (pos) => allKeys[10 * pos[0] + pos[1]];
export const key2pos = (k) => [
    cg.files.indexOf(k[0]),
    cg.ranks.indexOf(k.slice(1)),
];
export const uciToMove = (uci) => {
    if (!uci)
        return undefined;
    const regex = /^([a-i](?:[1-9]|10))([a-i](?:[1-9]|10))$/;
    const match = uci.match(regex);
    if (match) {
        return [match[1], match[2]];
    }
    return;
};
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] : 8 - pos[0]) * bounds.width) / 9,
    ((asWhite ? 9 - pos[1] : pos[1]) * bounds.height) / 10,
];
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);
    console.log(pos);
    if (!asWhite) {
        pos[0] = 8 - pos[0];
        pos[1] = 9 - pos[1];
    }
    return [
        bounds.left + (bounds.width * pos[0]) / 9 + bounds.width / 18,
        bounds.top + (bounds.height * (9 - pos[1])) / 10 + bounds.height / 20,
    ];
}
//# sourceMappingURL=util.js.map