// Copyright 2017; Licensed under the Apache License, Version 2.0: https://www.apache.org/licenses/LICENSE-2.0

'use strict';

// we only use a tiny number of settings here

let reader_settings = {
reader_reverse: false,
reader_leeway: 200,
reader_bg: "#111111",
reader_fg: "#CCCCCC",
reader_font_size: "1.4em",
reader_right_padding: "0px",
reader_max_width: "1000px",
reader_margin: "8px",
reader_font: "",
};

function update_styles()
{
    let target = document.body.style;
    target.backgroundColor = reader_settings.reader_bg;
    target.color = reader_settings.reader_fg;
    target.fontSize = reader_settings.reader_font_size;
    target.paddingRight = reader_settings.reader_right_padding;
    target.maxWidth = reader_settings.reader_max_width;
    target.marginLeft = reader_settings.reader_margin;
    target.marginRight = reader_settings.reader_margin;
    target.fontFamily = reader_settings.reader_font;
}

async function reader_settings_init()
{
    try
    {
        async function getvar(name, defval)
        {
            let temp = (await browser.storage.local.get(name))[name];
            if(temp == undefined)
                temp = defval;
            reader_settings[name] = temp;
        }
        getvar("reader_reverse", false);
        getvar("reader_leeway", 200);
        getvar("reader_bg", "#111111");
        getvar("reader_fg", "#CCCCCC");
        getvar("reader_font_size","1.4em");
        getvar("reader_right_padding", "0px");
        getvar("reader_max_width", "1000px");
        getvar("reader_margin", "8px");
        getvar("reader_font", "");
    } catch(err) {} // options not stored yet
}

reader_settings_init();

browser.storage.onChanged.addListener((updates, storageArea) =>
{
    if(storageArea != "local") return;
    for(let setting of Object.entries(updates))
    {
        let option = setting[0];
        let value = setting[1];
        if(Object.keys(reader_settings).includes(option))
            reader_settings[option] = value.newValue;
    }
    update_styles();
});

// actual reder code

function reader_might_have_japanese(text)
{
    for(let char of text)
        if(char && char.length > 0 && char.codePointAt(0) >= 0x2E80)
            return true;
    return false;
}

function reader_update(text)
{
    if(!reader_might_have_japanese(text))
        return;
    
    let target = document.body;
    let newnode = document.createElement("p");
    newnode.textContent = text;
    
    if(!reader_settings.reader_reverse)
        target.insertBefore(newnode, document.body.firstChild);
    else
    {
        target.appendChild(newnode);
        
        if(reader_settings.reader_leeway != 0)
        {
            let scroll_end_distance = -document.body.scrollHeight + -document.body.clientHeight + 2*document.body.offsetHeight - document.body.scrollTop;

            if (scroll_end_distance < reader_settings.reader_leeway)
                window.scrollTo(0, document.body.scrollHeight);
        }
    }
    
    document.getElementById("linecount").innerText = parseInt(document.getElementById("linecount").innerText)+1;
}

let reader_text_previous = "";
function reader_cycle_text(text)
{
    if(text != "" && text != reader_text_previous)
    {
        reader_update(text);
        update_styles();
    }
    reader_text_previous = text;
}

function reader_gimmetext()
{
    browser.runtime.sendMessage({type:"gimmetext"});
}

let interval = 250;
async function reader_checkpaste()
{
    try
    {
        let text = await reader_gimmetext();
        reader_cycle_text(text);
    }
    catch(error){}
    
    setTimeout(reader_checkpaste, interval);
}
setTimeout(reader_checkpaste, interval);

browser.runtime.onMessage.addListener((req, sender) =>
{
    if (req.type == "text")
        reader_cycle_text(req.text);
    return Promise.resolve(undefined);
});

window.onload = update_styles;