/* * Copyright 2018 Gildas Lormeau * contact : gildas.lormeau gmail.com * * This file is part of SingleFile. * * SingleFile is free software: you can redistribute it and/or modify * it under the terms of the GNU Lesser General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * SingleFile is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Lesser General Public License for more details. * * You should have received a copy of the GNU Lesser General Public License * along with SingleFile. If not, see . */ /* global browser, document, timeout, MutationObserver */ this.lazyLoader = this.lazyLoader || (() => { const LAZY_LOADING_TIMEOUT = 1000; const IDLE_LAZY_LOADING_TIMEOUT = 3000; const MAX_LAZY_LOADING_TIMEOUT = 30000; return { process }; function process() { return new Promise(resolve => { let timeoutId, srcAttributeChanged; const idleTimeoutId = timeout.set(() => { if (!srcAttributeChanged) { timeout.clear(timeoutId); lazyLoadEnd(maxTimeoutId, idleTimeoutId, observer, resolve); } }, IDLE_LAZY_LOADING_TIMEOUT); const maxTimeoutId = timeout.set(() => { timeout.clear(timeoutId); lazyLoadEnd(maxTimeoutId, idleTimeoutId, observer, resolve); }, MAX_LAZY_LOADING_TIMEOUT); const observer = new MutationObserver(mutations => { if (mutations.find(mutation => mutation.type == "attributes")) { srcAttributeChanged = true; timeoutId = deferLazyLoadEnd(timeoutId, maxTimeoutId, idleTimeoutId, observer, resolve); } }); observer.observe(document, { attributeFilter: ["src", "srcset"], subtree: true, childList: true }); const scriptBeforeElement = document.createElement("script"); scriptBeforeElement.src = browser.runtime.getURL("lib/lazy/web-lazy-loader-before.js"); document.body.appendChild(scriptBeforeElement); scriptBeforeElement.onload = () => scriptBeforeElement.remove(); }); } function deferLazyLoadEnd(timeoutId, maxTimeoutId, idleTimeoutId, observer, resolve) { timeout.clear(timeoutId); return timeout.set(() => lazyLoadEnd(maxTimeoutId, idleTimeoutId, observer, resolve), LAZY_LOADING_TIMEOUT); } function lazyLoadEnd(maxTimeoutId, idleTimeoutId, observer, resolve) { timeout.clear(maxTimeoutId); timeout.clear(idleTimeoutId); timeout.set(resolve, LAZY_LOADING_TIMEOUT); const scriptURL = browser.runtime.getURL("lib/lazy/web-lazy-loader-after.js"); const scriptAfterElement = document.createElement("script"); scriptAfterElement.src = scriptURL; document.body.appendChild(scriptAfterElement); scriptAfterElement.onload = () => scriptAfterElement.remove(); observer.disconnect(); } })();