firefox2koreader/firefoxplugin/background.js

/* https://stackoverflow.com/a/71604665 */
const imageUrlToBase64 = async url => {
  const response = await fetch(url);
  const blob = await response.blob();
  return new Promise((onSuccess, onError) => {
    try {
      const reader = new FileReader() ;
      reader.onload = function(){ onSuccess(this.result) } ;
      reader.readAsDataURL(blob) ;
    } catch(e) {
      onError(e);
    }
  });
};


/* https://stackoverflow.com/a/48032528 */
async function replaceAsync(str, regex, asyncFn) {
    const promises = [];
    str.replace(regex, (match, ...args) => {
        const promise = asyncFn(match, ...args);
        promises.push(promise);
    });
    const data = await Promise.all(promises);
    return str.replace(regex, () => data.shift());
}

browser.browserAction.onClicked.addListener(async (tab) => {
    try {
        const result = await browser.tabs.executeScript(tab.id, {
            file: "/Readability.js"
        });
        const articleHtml = result[0]["body"];
        const pageUrl = result[0]["url"];
        const baseUrl = result[0]["baseurl"];
        //console.log("Obtained result: ", baseUrl, articleHtml);

        // Replace all URLs with data-urls
        const srcRegexp = /src="(https?:\/\/.+?)"/g;

        const inlinedImageHtml = await replaceAsync(articleHtml, srcRegexp, async function(match, src) {
            let absoluteUrl;
            if (src.startsWith('http://') || src.startsWith('https://')) {
                absoluteUrl = src;
            } else {
                absoluteUrl = baseUrl + "/" + src;
            }
            //console.log("Fetching ", absoluteUrl);

            const dataUrl = await imageUrlToBase64(absoluteUrl);

            console.log(src + " becomes " + dataUrl);
            return "src=\"" + dataUrl + "\"";
        });
        //for (const [_, source] of articleHtml.matchAll(srcRegexp)) {

        //    fetch(source)
        //}
        console.log("All matching done", inlinedImageHtml)




        await fetch("http://192.168.15.244:17144", {
            method: 'POST',
            body: inlinedImageHtml
        });
    } catch(err) {
        console.error("Problem while running script: ", err);
    }

})

//browser.tabs.onCreated.addListener(() => {
//    browser.browserAction.disable()
//})
//browser.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
//    console.log("Tab updated!", tab)
//    if (tab.isInReaderMode) {
//        browser.browserAction.enable()
//    } else {
//        browser.browserAction.disable()
//    }
//
//})