nitka/input.js

function init_listeners() {
    document.querySelector('.main').addEventListener('dragover', cancel);
    document.querySelector('.main').addEventListener('drop', drop);
    document.querySelector('.main').addEventListener('click', debug);

    window.addEventListener('keydown', keydown);
    window.addEventListener('keyup', keyup);
}

function debug() {
    schedule_draw();
}

function cancel(e) {
    e.preventDefault();
    e.stopPropagation();
}

function keydown(e) {
    if (e.code === 'ArrowLeft') {
        offset.x += 10 / scale;
    } else if (e.code === 'ArrowRight') {
        offset.x -= 10 / scale;
    } else if (e.code === 'ArrowDown') {
        offset.y -= 10 / scale;
    } else if (e.code === 'ArrowUp') {
        offset.y += 10 / scale;
    } else if (e.code === 'PageUp') {
        scale *= 0.9;
    } else if (e.code === 'PageDown') {
        scale *= 1.1;
    }

    schedule_draw();
}

function keyup(e) {
}

function drop(e) {
    e.preventDefault();

    if (e.dataTransfer.files.length !== 1) {
        console.error('Only one file at once, please!');
        return false;
    }

    const file = e.dataTransfer.files[0];
    const fr = new FileReader();
    
    const upload_failed = () => {
        console.error('Upload failed');
    };

    const upload_started = () => {
        console.log('Upload started');
    };

    const upload_finished = () => {
        const text = fr.result;
        console.log('Finished. String length:', text.length);
        parse(text);        
    };

    const upload_progress = (e) => {
        if (e.lengthComputable) {
            const percent = Math.floor(e.loaded / e.total * 100);
            console.log(`Progress: ${percent}%`);
        } else {
            console.log('Progress: unknown');
        }
    };

    fr.addEventListener('abort', upload_failed);
    fr.addEventListener('error', upload_failed);
    fr.addEventListener('load', upload_finished);
    fr.addEventListener('loadstart', upload_started);
    fr.addEventListener('progress', upload_progress);

    fr.readAsText(file);
}