知乎想法抽奖工具

一个知乎想法抽奖工具，支持鼓掌、转发等
换行
// ==UserScript==
// @name         知乎想法抽奖工具
// @namespace    http://tampermonkey.net/
// @version      0.1.2
// @description  一个知乎想法抽奖工具，支持鼓掌、转发等
// @author       HuanCheng65
// @match        https://www.zhihu.com/pin/*
// @grant        GM_xmlhttpRequest
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @grant        GM_setClipboard
// @resource     mduiCss https://unpkg.zhimg.com/[email protected]/dist/css/mdui.min.css
// ==/UserScript==

(function () {
    "use strict";

    const STATE_LOADING = 0;
    const STATE_READY = 1;
    const STATE_LOTTERY = 2;

    const MODE_LIKE = "0";
    const MODE_REPIN = "1";
    const MODE_LIKE_AND_REPIN = "2";
    const MODE_LIKE_OR_REPIN = "3";

    const RESULT_NOT_ENOUGH_PEOPLE = 0
    const RESULT_SUCCESS = 1

    const lottery = {
        id: location.pathname.split("/").pop(),
        repins: [],
        likes: [],
        result: {
            type: 0,
            text: "",
            users: []
        },
        _loadFailed_: false,
        _loadingText_: null,
        _state_: null,
        get loadingText() {
            return this._loadingText_;
        },
        set loadingText(val) {
            log(val);
            this._loadingText_ = val;
            updatePanel();
        },
        get state() {
            return this._state_;
        },
        set state(val) {
            this._state_ = val;
            updatePanel();
        },
        get loadFailed() {
            return this._loadFailed_;
        },
        set loadFailed(val) {
            this._loadFailed_ = val;
            updatePanel();
        }
    };

    var $;
    var fetchedAction = false;

    function getRandom(start, end, fixed = 0) {
        let differ = end - start
        let random = Math.random()
        return (start + differ * random).toFixed(fixed)
    }

    function dateFormat(fmt, date) {
        let ret;
        let opt = {
            "Y+": date.getFullYear().toString(), // 年
            "m+": (date.getMonth() + 1).toString(), // 月
            "d+": date.getDate().toString(), // 日
            "H+": date.getHours().toString(), // 时
            "M+": date.getMinutes().toString(), // 分
            "S+": date.getSeconds().toString(), // 秒
            // 有其他格式化字符需求可以继续添加，必须转化成字符串
        };
        for (let k in opt) {
            ret = new RegExp("(" + k + ")").exec(fmt);
            if (ret) {
                fmt = fmt.replace(
                    ret[1],
                    ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, "0")
                );
            }
        }
        return fmt;
    }

    function requireScript(url, onload) {
        var script = document.createElement("script");
        script.src = url;
        if (typeof onload == "function") {
            script.onload = onload;
        }
        document.documentElement.appendChild(script);
    }

    function init() {
        $ = mdui.$;
        GM_addStyle(`
        #lottery {
            position: fixed;
            top: 32px;
            left: 32px;
            z-index: 999;
        }

        #lotteryPanel {
            display: none;
        }

        #lottery.showPanel #openLotteryBtn {
            display: none;
        }

        #lottery.showPanel #lotteryPanel {
            display: block;
        }

        #lotteryPanel .mdui-card-header-title,
        #lotteryPanel .mdui-card-header-subtitle {
            margin-left: 0px;
            margin-right: 48px;
        }

        .card-header-inner {
            float: left;
        }

        #closeLotteryBtn {
            float: right;
            position: relative;
            right: 0px;
        }

        #lotteryResultList {
            max-height: 500px;
            overflow: auto;
        }
        `);
        $(`
        <div id="lottery">
            <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-indigo" id="openLotteryBtn">抽奖</button>
            <div class="mdui-card" id="lotteryPanel">
                <div class="mdui-card-header">
                    <div class="card-header-inner">
                        <div class="mdui-card-header-title">知乎想法抽奖工具</div>
                        <div class="mdui-card-header-subtitle">by 幻了个城fly</div>
                    </div>
                    <button class="mdui-btn mdui-btn-icon mdui-ripple" id="closeLotteryBtn">×</button>
                </div>
                <div class="mdui-card-content">
                    <div id="loading">
                        <div id="loadingText" class="mdui-m-b-1"></div>
                        <div class="mdui-progress" id="loadingProgressBar">
                            <div class="mdui-progress-indeterminate"></div>
                        </div>
                        <button class="mdui-m-t-1 mdui-btn mdui-btn-raised mdui-ripple mdui-btn-block" id="failedReloadBtn">重新加载</button>
                    </div>
                    <div id="lotterySettings">
                        <span id="lotteryInfo"></span>
                        <form>
                            <div class="mdui-container-fluid">
                                <div class="mdui-row-xs-1">
                                    <div class="mdui-col mdui-textfield mdui-textfield-floating-label">
                                        <label class="mdui-textfield-label">抽奖人数</label>
                                        <input class="mdui-textfield-input" name="count" value="1" type="number" min="1"/>
                                    </div>
                                </div>
                                <div class="mdui-row-xs-2">
                                    <label class="mdui-radio mdui-col">
                                        <input type="radio" name="action" value="0" checked/>
                                        <i class="mdui-radio-icon"></i>
                                        鼓掌
                                    </label>
                                    <label class="mdui-radio mdui-col">
                                        <input type="radio" name="action" value="1"/>
                                        <i class="mdui-radio-icon"></i>
                                        转发
                                    </label>
                                    <label class="mdui-radio mdui-col">
                                        <input type="radio" name="action" value="2"/>
                                        <i class="mdui-radio-icon"></i>
                                        鼓掌并转发
                                    </label>
                                    <label class="mdui-radio mdui-col">
                                        <input type="radio" name="action" value="3"/>
                                        <i class="mdui-radio-icon"></i>
                                        鼓掌或转发
                                    </label>
                                </div>
                                <div class="mdui-row-xs-1">
                                    <label mdui-tooltip="{content: '受知乎限制，此处判断的是你当前登录的账号，而非想法发布者的账号', position: 'right'}" class="mdui-checkbox">
                                        <input type="checkbox" name="needFollow"/>
                                        <i class="mdui-checkbox-icon"></i>
                                        需关注本人
                                    </label>
                                </div>
                            </div>
                        </form>
                        <button class="mdui-m-t-1 mdui-btn mdui-btn-raised mdui-ripple mdui-btn-block" id="reloadBtn">重新加载</button>
                        <button class="mdui-m-t-1 mdui-btn mdui-btn-raised mdui-ripple mdui-color-indigo mdui-btn-block" id="startLotteryBtn">开始抽奖</button>
                    </div>
                    <div id="lotteryResult">
                        <div id="lotteryResultText"></div>
                        <div id="lotteryResultContent">
                            <div class="mdui-list" id="lotteryResultList"></div>
                            <button class="mdui-m-t-1 mdui-btn mdui-btn-raised mdui-ripple mdui-btn-block" id="copyResultBtn">复制结果</button>
                        </div>
                        <button class="mdui-m-t-1 mdui-btn mdui-btn-raised mdui-ripple mdui-color-indigo mdui-btn-block" id="restartLotteryBtn">再次抽奖</button>
                    </div>
                </div>
            </div>
        </div>
        `).appendTo(document.body);
        $("#openLotteryBtn").on("click", function () {
            $("#lottery").addClass("showPanel");
            fetchPinAction();
        });
        $("#closeLotteryBtn").on("click", function () {
            $("#lottery").removeClass("showPanel");
        });
        $("#startLotteryBtn").on("click", function () {
            startLottery();
        });
        $("#restartLotteryBtn").on("click", function () {
            fetchPinAction();
        });
        $("#reloadBtn").on("click", function () {
            fetchPinAction(true);
        });
        $("#failedReloadBtn").on("click", function () {
            fetchPinAction(true);
        });
        $("#copyResultBtn").on("click", function () {
            let clipboardText = "";
            lottery.result.users.forEach(element => {
                clipboardText += `@${element.name}\n`;
            });
            GM_setClipboard(clipboardText, "text");
        });
        mdui.mutation();
    }

    function fetchPinAction(force = false) {
        if (fetchedAction && !force) {
            lottery.state = STATE_READY;
            return;
        }
        lottery.loadFailed = false;
        lottery.state = STATE_LOADING;
        lottery.likes = [];
        lottery.repins = [];
        updatePanel();
        requestActions(100, 0, () => {
            fetchedAction = true;
            lottery.state = STATE_READY;
        });
    }

    function updatePanel() {
        switch (lottery.state) {
            case STATE_LOADING:
                $("#loading").show();
                $("#lotterySettings").hide();
                $("#lotteryResult").hide();
                $("#loadingText").html(lottery.loadingText);
                if (lottery.loadFailed) {
                    $("#failedReloadBtn").show();
                    $("#loadingProgressBar").hide();
                } else {
                    $("#failedReloadBtn").hide();
                    $("#loadingProgressBar").show();
                }
                break;
            case STATE_READY:
                $("#loading").hide();
                $("#lotterySettings").show();
                $("#lotteryResult").hide();
                $("#lotteryInfo").text(`共 ${lottery.likes.length} 人鼓掌，${lottery.repins.length} 人转发`);
                break;
            case STATE_LOTTERY:
                $("#loading").hide();
                $("#lotterySettings").hide();
                $("#lotteryResult").show();
                $("#lotteryResultText").text(lottery.result.text);
                switch (lottery.result.type) {
                    case RESULT_NOT_ENOUGH_PEOPLE:
                        $("#lotteryResultContent").hide();
                        break;
                    case RESULT_SUCCESS:
                        $("#lotteryResultContent").show();
                        $("#lotteryResultList").empty();
                        lottery.result.users.forEach(element => {
                            $("#lotteryResultList").append(`
                            <a class="mdui-list-item mdui-ripple" target="_blank" href="${element.url}">
                                <div class="mdui-list-item-avatar"><img src="${element.avatar_url}"/></div>
                                <div class="mdui-list-item-content">${element.name}</div>
                            </a>
                            `)
                        });
                        break;
                }
                break;
        }
    }

    function log(text) {
        console.log(`[${dateFormat("HH:MM:SS", new Date())}]${text}`);
    }

    function startLottery() {
        if (lottery.state != STATE_READY) {
            return;
        }
        lottery.state = STATE_LOTTERY;
        let selfUrlToken = $(".AuthorInfo-head .UserLink-link").attr("href").split("zhihu.com/people/").pop();
        let lotteryCount = parseInt($(`input[name="count"]`).val());
        let lotteryUsers = [];
        let lotteryMode = $(`input[name="action"]:checked`).val();
        let needFollow = $(`input[name="needFollow"]`).is(":checked");
        switch (lotteryMode) {
            case MODE_LIKE:
                lotteryUsers.push(...lottery.likes);
                break;
            case MODE_REPIN:
                lotteryUsers.push(...lottery.repins);
                break;
            case MODE_LIKE_AND_REPIN: {
                let likeUsers = lottery.likes.map(element => element.id);
                lotteryUsers.push(...lottery.repins.filter(element => likeUsers.includes(element.id)));
                break;
            }
            case MODE_LIKE_OR_REPIN: {
                let repinsUsers = lottery.repins.map(element => element.id);
                lotteryUsers.push(...lottery.repins);
                lotteryUsers.push(...lottery.likes.filter(element => !repinsUsers.includes(element.id)));
                break;
            }
        }
        lotteryUsers = lotteryUsers.filter(element => element.url_token != selfUrlToken);
        if (needFollow) {
            lotteryUsers = lotteryUsers.filter(element => element.is_followed);
        }
        let userCount = lotteryUsers.length;
        if (userCount > lotteryCount) {
            let resultUsers = [];
            let count = lotteryCount;
            do {
                resultUsers.push(...lotteryUsers.splice(getRandom(0, lotteryUsers.length - 1), 1));
                count--
            } while (count > 0)
            lottery.result.type = RESULT_SUCCESS;
            lottery.result.users = resultUsers;
            lottery.result.text = `从 ${userCount} 个符合条件的用户中抽取了 ${lotteryCount} 名用户`;
        } else {
            lottery.result.type = RESULT_NOT_ENOUGH_PEOPLE;
            if (lotteryUsers.length > 0) {
                lottery.result.text = `符合条件的用户数(${userCount} 人)不足`;
            } else {
                lottery.result.text = "没有符合条件的用户";
            }
        }
        updatePanel();
    }

    function requestActions(limit, offset, onFinish) {
        lottery.loadingText = `正在加载第 ${offset / limit + 1} 页`
        $.ajax({
            method: "GET",
            url: `https://www.zhihu.com/api/v4/pins/${lottery.id}/actions?limit=${limit}&offset=${offset}`,
            dataType: "json",
            error() {
                lottery.loadingText = `加载第 ${offset / limit + 1} 页失败`;
                lottery.loadFailed = true;
            },
            success(data) {
                let response = data;
                response.data.forEach((element) => {
                    switch (element.action_type) {
                        case "repin":
                            lottery.repins.push(element.member);
                            break;
                        case "like":
                            lottery.likes.push(element.member);
                            break;
                    }
                });
                lottery.loadingText = `加载第 ${offset / limit + 1} 页完成，共 ${response.data.length} 条记录`
                if (response.data.length >= limit) {
                    setTimeout(() => {
                        requestActions(limit, offset + limit, onFinish);
                    }, 100);
                } else {
                    lottery.loadingText = "加载完成"
                    if (typeof onFinish == "function") {
                        onFinish();
                    }
                }
            },
        });
    }

    GM_addStyle(GM_getResourceText("mduiCss"));
    requireScript(
        "https://unpkg.zhimg.com/[email protected]/dist/js/mdui.min.js",
        function () {
            init();
        }
    );
})();