pagination-manager

infinite scroll
目前为 2024-06-07 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         pagination-manager
// @description  infinite scroll
// @namespace    http://tampermonkey.net/
// @author       smartacephale
// @license      MIT
// @version      1.1
// @match        *://*/*
// ==/UserScript==
/* globals Observer fetchHtml */

class PaginationManager {
    /**
 * @param {Vue.reactive} state
 * @param {Vue.reactive} stateLocale
 * @param {Rules} rules - WEBSITE_RULES class which have to implement methods:
 * URL_DATA { iteratable_url, offset },
 * PAGINATION_LAST
 * @param {Function} handleHtmlCallback
 * @param {number} delay - milliseconds
 */
    constructor(state, stateLocale, rules, handleHtmlCallback, delay) {
        this.state = state;
        this.stateLocale = stateLocale;
        this.rules = rules;
        this.handleHtmlCallback = handleHtmlCallback;

        this.stateLocale.pagIndexLast = this.rules.PAGINATION_LAST;
        this.paginationGenerator = this.createNextPageGenerator();
        this.isPaginationGeneratorAsync = /AsyncGenerator/.test(Object.prototype.toString.call(this.paginationGenerator));
        this.paginationObserver = Observer.observeWhile(this.rules.INTERSECTION_OBSERVABLE ||
                                                        this.rules.PAGINATION, this.generatorConsume, delay);
    }

    generatorConsume = async () => {
        if (!this.state.infiniteScrollEnabled) return;
        const {
            value: { url, offset } = {},
            done,
        } = (this.isPaginationGeneratorAsync ?
             await this.paginationGenerator.next() : this.paginationGenerator.next());
        if (!done) {
            console.log(url);
            const nextPageHTML = await fetchHtml(url);
            const prevScrollPos = document.documentElement.scrollTop;
            this.handleHtmlCallback(nextPageHTML);
            this.stateLocale.pagIndexCur = offset;
            window.scrollTo(0, prevScrollPos);
        }
        return !this.generatorDone;
    }

    createNextPageGenerator() {
        const { offset, iteratable_url } = this.rules.URL_DATA();
        const offsetLast = this.rules.PAGINATION_LAST;
        this.stateLocale.pagIndexCur = offset;
        function* nextPageGenerator() {
            for (let c = offset + 1; c <= offsetLast; c++) {
                const url = iteratable_url(c);
                yield { url, offset: c };
            }
        }
        return nextPageGenerator();
    }
}
欢迎访问Greasy Fork镜像
