Cat-Printer/www/main.js

///<reference path="main.d.ts" />

let notice_element = document.getElementById('notice');
function notice(message) {
    notice_element.innerText = message;
}
let device_selection = document.getElementById('device_selection');
let refresh_device_button = document.getElementById('refresh_device');
let bluetooth_mac_input = document.getElementById('bluetooth_address_input');
function switchDevice() {
    bluetooth_mac_input.value = device_selection.selectedOptions[0].value;
}
device_selection.addEventListener('input', switchDevice);
if (device_selection != null && refresh_device_button != null && bluetooth_mac_input != null) {
    refresh_device_button.addEventListener('click', event => {
        notice(i18N.get('Searching devices. Please wait for 5 seconds.'));
        device_selection.childNodes.forEach(e => e.remove());
        let xhr = new XMLHttpRequest();
        xhr.open('GET', '/~getdevices');
        xhr.onload = () => {
            for (let i of xhr.responseText.split('\n')) {
                let [name, address] = i.split(',');
                if (address == undefined) continue;
                let option = document.createElement('option');
                option.value = address;
                option.innerText = `${name} - ${address}`;
                device_selection.appendChild(option);
            }
            device_selection.selectedIndex = 0;
            switchDevice();
        }
        xhr.send();
    });
    refresh_device_button.click();
}
function imageDataColorToMonoSquare(data, threshold) {
    let newdata_horizonal = new Uint8ClampedArray(data.data.length);
    let newdata_vertical = new Uint8ClampedArray(data.data.length);
    let darkness = 0;
    for (let j = 0; j < data.height; j++) {
        for (let i = 0; i < data.width; i++) {
            let index = (j * data.width + i) * 4;
            let [r, g, b, a] = data.data.slice(index, index + 4);
            let visibility = 1 - ((r * 0.2125) + (g * 0.7154) + (b * 0.0721)) * (a / 255) / 255;
            darkness += visibility;
            if (darkness >= threshold) {
                newdata_horizonal[index] = 0;
                newdata_horizonal[index + 1] = 0;
                newdata_horizonal[index + 2] = 0;
                newdata_horizonal[index + 3] = 255;
                darkness = 0;
            } else {
                newdata_horizonal[index] = 255;
                newdata_horizonal[index + 1] = 255;
                newdata_horizonal[index + 2] = 255;
                newdata_horizonal[index + 3] = 255;
            }
        }
        darkness = 0;
    }
    for (let i = 0; i < data.width; i++) {
        for (let j = 0; j < data.height; j++) {
            let index = (j * data.width + i) * 4;
            let [r, g, b, a] = data.data.slice(index, index + 4);
            let visibility = 1 - ((r * 0.2125) + (g * 0.7154) + (b * 0.0721)) * (a / 255) / 255;
            darkness += visibility;
            if (darkness >= threshold) {
                newdata_vertical[index] = 0;
                newdata_vertical[index + 1] = 0;
                newdata_vertical[index + 2] = 0;
                newdata_vertical[index + 3] = 255;
                darkness = 0;
            } else {
                newdata_vertical[index] = 255;
                newdata_vertical[index + 1] = 255;
                newdata_vertical[index + 2] = 255;
                newdata_vertical[index + 3] = 255;
            }
        }
        darkness = 0;
    }
    let newdata_intersection = new Uint8ClampedArray(data.data.length);
    for (let i = 0; i < data.data.length; i += 4) {
        if (newdata_horizonal[i] == 0 && newdata_vertical[i] == 0) {
            newdata_intersection[i] = 0;
            newdata_intersection[i + 1] = 0;
            newdata_intersection[i + 2] = 0;
            newdata_intersection[i + 3] = 255;
        } else {
            newdata_intersection[i] = 255;
            newdata_intersection[i + 1] = 255;
            newdata_intersection[i + 2] = 255;
            newdata_intersection[i + 3] = 255;
        }
    }
    return new ImageData(newdata_intersection, data.width, data.height);
}
function imageDataColorToMonoDiamond(data, threshold) {
    // Not completed yet, but in theory will be beautiful
    let newdata_lefttop_to_rightbottom = new Uint8ClampedArray(data.data.length);
    let newdata_leftbottom_to_righttop = new Uint8ClampedArray(data.data.length);
    let darkness = 0;
    let is_odd = false;
    for (let j = 0; j < data.height; j++) {
        for (let i = 0; i < data.width; i++) {
            let index = (j * data.width + i + (is_odd ? 1 : 0)) * 4;
            let [r, g, b, a] = data.data.slice(index, index + 4);
            let visibility = 1 - ((r * 0.2125) + (g * 0.7154) + (b * 0.0721)) * (a / 255) / 255;
            darkness += visibility;
            if (darkness >= threshold) {
                newdata_lefttop_to_rightbottom[index] = 0;
                newdata_lefttop_to_rightbottom[index + 1] = 0;
                newdata_lefttop_to_rightbottom[index + 2] = 0;
                newdata_lefttop_to_rightbottom[index + 3] = 255;
                darkness = 0;
            } else {
                newdata_lefttop_to_rightbottom[index] = 255;
                newdata_lefttop_to_rightbottom[index + 1] = 255;
                newdata_lefttop_to_rightbottom[index + 2] = 255;
                newdata_lefttop_to_rightbottom[index + 3] = 255;
            }
        }
        darkness = 0;
        is_odd = !is_odd;
    }
    for (let i = 0; i < data.width; i++) {
        for (let j = 0; j < data.height; j++) {
            let index = (j * data.width + i + (is_odd ? 1 : 0)) * 4;
            let [r, g, b, a] = data.data.slice(index, index + 4);
            let visibility = 1 - ((r * 0.2125) + (g * 0.7154) + (b * 0.0721)) * (a / 255) / 255;
            darkness += visibility;
            if (darkness >= threshold) {
                newdata_leftbottom_to_righttop[index] = 0;
                newdata_leftbottom_to_righttop[index + 1] = 0;
                newdata_leftbottom_to_righttop[index + 2] = 0;
                newdata_leftbottom_to_righttop[index + 3] = 255;
                darkness = 0;
            } else {
                newdata_leftbottom_to_righttop[index] = 255;
                newdata_leftbottom_to_righttop[index + 1] = 255;
                newdata_leftbottom_to_righttop[index + 2] = 255;
                newdata_leftbottom_to_righttop[index + 3] = 255;
            }
        }
        darkness = 0;
        is_odd = !is_odd;
    }
    let newdata_intersection = new Uint8ClampedArray(data.data.length);
    for (let i = 0; i < data.data.length; i += 4) {
        if (newdata_lefttop_to_rightbottom[i] == 0 && newdata_leftbottom_to_righttop[i] == 0) {
            newdata_intersection[i] = 0;
            newdata_intersection[i + 1] = 0;
            newdata_intersection[i + 2] = 0;
            newdata_intersection[i + 3] = 255;
        } else {
            newdata_intersection[i] = 255;
            newdata_intersection[i + 1] = 255;
            newdata_intersection[i + 2] = 255;
            newdata_intersection[i + 3] = 255;
        }
    }
    return new ImageData(newdata_intersection, data.width, data.height);
}
function imageDataMonoToPBM(data) {
    let result = new ArrayBuffer(data.data.length / 4 / 8);
    let view = new DataView(result);
    for (let i = 0; i < data.data.length; i += 8 * 4) {
        let code = 0;
        if (data.data[i + 0 * 4] == 0) code += 0b10000000;
        if (data.data[i + 1 * 4] == 0) code += 0b01000000;
        if (data.data[i + 2 * 4] == 0) code += 0b00100000;
        if (data.data[i + 3 * 4] == 0) code += 0b00010000;
        if (data.data[i + 4 * 4] == 0) code += 0b00001000;
        if (data.data[i + 5 * 4] == 0) code += 0b00000100;
        if (data.data[i + 6 * 4] == 0) code += 0b00000010;
        if (data.data[i + 7 * 4] == 0) code += 0b00000001;
        view.setInt8(i / 4 / 8, code);
    }
    let pbm_data = new Blob([`P4\n${data.width} ${data.height}\n`, result]);
    return pbm_data;
}