// ==UserScript==
// @name        FCTool
// @version     0.1.1
// @author      xiefucai
// @license      MIT
// @description 这是一款可以功能强大、使用简单的工具\n可将网页文章内容转为markdown文档\n可提取网页中的svg图片\n阅读的时候可以高亮显示选中的文本(需要在设置中打开，每个网站的设置都是独立的)\n可以根据规则隐藏广告内容(需要在设置中打开，每个网站的设置都是独立的)\n可以高亮下载链接，进入电影天堂等下载站的时候，如果页面中有下载地址，会高亮出来，点击下载地址方便下载到迅雷云盘或者玩客云。
// @homepage    http://xiefucai.gitee.io
// @match       *://*/*
// @namespace   http://tampermonkey.net/
// @homepageURL http://xiefucai.gitee.io
// @grant       GM_registerMenuCommand
// @grant       GM_getResourceText
// @grant       GM_addStyle
// @grant       GM_xmlhttpRequest
// @resource    injectScript   https://cdn.jsdelivr.net/gh/xiefucai/Chrome@master/userscripts/send2reader/index1.js
// @downloadURL none
// ==/UserScript==

'use strict';
const getFullPath = src => {
    const a = document.createElement('a')
    a.href = src
    return a.href
}
const getImgSrc = img => {
    const src =
        img.getAttribute('data-actualsrc') ||
        img.getAttribute('data-original-src') ||
        img.getAttribute('data-src') ||
        img.src ||
        ''
    return getFullPath(src)
}
const convertImgToBase64 = img => {
    const src = getImgSrc(img);
    ['data-actualsrc', 'data-original-src', 'data-src'].forEach(attr => {
        img.removeAttribute(attr)
    })
    return new Promise((resolve, reject) => {
        if (src === '') {
            reject('图片地址不能为空', img.outerHTML)
            return
        }
        if (src.indexOf('data:') === 0) {
            resolve(src)
            return
        }
        img.src = src

        GM_xmlhttpRequest({
            method: 'GET',
            url: src,
            responseType: 'blob',
            onload: xhr => {
                if (xhr.status !== 200) {
                    reject(xhr)
                    return
                    // return res(null)
                }
                let type = xhr.response.type

                if (!/^image\//.test(type)) {
                    console.error(
                        `Can't process "${img.src}" because its type is "${type}"`
                    )
                    resolve(img.src)
                    return
                    //return res(null)
                }

                let imgEl = new Image()
                imgEl.onload = function() {
                    let canvas = document.createElement('canvas')
                    canvas.width = imgEl.naturalWidth
                    canvas.height = imgEl.naturalHeight

                    try {
                        canvas.getContext('2d').drawImage(imgEl, 0, 0)
                        img.onload = function() {
                            resolve(img.src)
                        }
                        img.src = canvas.toDataURL(type, 0.7)
                        //res(img)
                    } catch (e) {
                        console.error(`Can't draw "${img.src}" on a canvas`, e)
                        resolve(img.src)
                        //res(null)
                    }
                }
                imgEl.onerror = () => {
                    console.warn('createObjectURL failed', src, xhr.response)
                    resolve(src)
                }
                imgEl.src = window.URL.createObjectURL(xhr.response)
            },
            onerror(err) {
                console.warn(src, 'xhr failed', err)
                resolve(src)
            }
        })
    })
}

const setAllImgsToBase64 = async (copyContent, toast) => {
    const imgs = [...copyContent.querySelectorAll('img')]
    for (let i = 0, k = imgs.length; i < k; i++) {
        const src = imgs[i].src
        toast(`正在将图片转为base64(${i + 1}/${k})`)
        await convertImgToBase64(imgs[i]).catch(err => {})
        console.log(
            `${i + 1}/${k} ${src} loaded ${imgs[i].src.indexOf('data:') === 0}`
        )
    }
}

if (window === top.window) {
    let scriptContent = GM_getResourceText('injectScript')
    let script = document.createElement('script')
    script.id = 'xiefucai-inject-script';
    var blob = new Blob([scriptContent], {
        type: 'text/javascript'
    });
    var url = URL.createObjectURL(blob);
    script.onerror = function() {
        new Function(scriptContent)();
    };
    script.src = url;
    script.charset = 'utf-8';
    document.body.corsAble = true;
    document.addEventListener('getAllImgToBase64', function(e) {
        setAllImgsToBase64(e.detail.content, e.detail.toast).then(() => {
            e.detail.callback();
        }).catch((err) => {
            e.detail.callback(err);
        });
    }, false)

    document.body.appendChild(script);
} else if (location.hostname === 'www.iciba.com') {
    const styleElem = document.createElement('link');
    styleElem.href = '//cdn.jsdelivr.net/gh/xiefucai/Chrome@master/userscripts/send2reader/iciba.css';
    styleElem.rel = "stylesheet";
    styleElem.type = "text/css";
    document.head.appendChild(styleElem);
}