☰

Nicovideo Search Spam Reporter

Open the report form easily from Niconico Video ranking/search results.

/**
 * @license
 * Copyright (C) 2019 nonoji fukushima.
 * https://greasyfork.org/users/305181-nonoji-fukushima
 *
 * This Source Code Form is subject to the terms of the Mozilla Public License,
 * v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at https://mozilla.org/MPL/2.0/.
 */

// ==UserScript==
// @name Nicovideo Search Spam Reporter
// @name:ja Nicovideo Search Spam Reporter「ニコ動検索で違反通報」
// @namespace https://greasyfork.org/users/305181-nonoji-fukushima
// @version 0.3.0+20190928
// @description Open the report form easily from Niconico Video ranking/search results.
// @description:ja ニコニコ動画のランキング・検索結果から簡単に通報画面を開きます。
// @author nonoji fukushima
// @license Mozilla Public License 2.0
// @contributionURL bitcoin:1EirWMuwt4PQwCYxsTafRFGJG5DxQt6cCV
// @contributionAmount 0.0001 BTC
// @grant none
// @match https://www.nicovideo.jp/ranking*
// @match https://www.nicovideo.jp/search/*
// @match https://www.nicovideo.jp/tag/*
// ==/UserScript==

/* jshint esversion: 6 */

(function () {
    "use strict";

    const IS_JAPANESE = document.documentElement.lang.startsWith("ja");
    const REPORT_VIDEO = (IS_JAPANESE ? "動画<wbr/>通報" : "Report Video");
    const REPORT_TAG = (IS_JAPANESE ? "タグ<wbr/>通報" : "Report Tag");
    const REPORT_TAG_INQUIRY = (IS_JAPANESE ?
        "虚偽のタグ ${tag} が使われている" :
        "Using untrue tag ${tag}"
    );

    if (document.URL.startsWith("https://www.nicovideo.jp/ranking")) {
        document.querySelector("#MatrixRanking-app, .SpecifiedRanking-main")
            .querySelectorAll(".RankingMatrixVideosRow, .RankingMainVideo").forEach(elem => {
                [].forEach.call(elem.children, insertAllegationLinksRanking);
                new MutationObserver(mutations => mutations.forEach(mut => {
                    mut.addedNodes.forEach(insertAllegationLinksRanking);
                })).observe(elem, { childList: true });
            });
    } else {
        const videoListElem = document.querySelector("ul[data-video-list]");
        [].forEach.call(videoListElem.children, insertAllegationLinksSearch);
        // handle autopagers
        new MutationObserver(mutations => mutations.forEach(mut => {
            mut.addedNodes.forEach(insertAllegationLinksSearch);
        })).observe(videoListElem, { childList: true });
    }
    return;

    function insertAllegationLinksRanking(/** @type {!Element} */ elem) {
        const aElem = elem.querySelector("a");
        const vidMatch = aElem && aElem.href.match(/\/watch\/(\w+)/);
        if (!vidMatch) {
            return;
        }
        aElem.setAttribute("data-x-vid", vidMatch[1]);
        aElem.addEventListener("mouseenter", onMouseEnterRankingItem, false);
        aElem.addEventListener("mouseleave", onMouseLeaveRankingItem, false);
    }

    function onMouseEnterRankingItem(/** @type {!MouseEvent} */ event) {
        const aElem = /** @type {!HTMLAnchorElement} */ (event.currentTarget);
        const vid = aElem.getAttribute("data-x-vid");
        const destElem = aElem.querySelector(".VideoThumbnail");
        destElem.insertAdjacentHTML("beforeend", `
            <div class="DeflistButton x-allegation" style="top: 38px">
                <a href="https://www.nicovideo.jp/allegation/${vid}"
                   rel="noopener noreferrer" target="_blank"
                   class="DeflistButton-button"
                   style="background-image: none; color: white;
                          display: table-cell; font-size: 9px; line-height: 1;
                          text-align: center; vertical-align: middle;
                          word-break: keep-all">${REPORT_VIDEO}</a>
            </div>
            <div class="DeflistButton x-allegation" style="top: 71px">
                <a href="https://secure.nicovideo.jp/secure/comment_allegation/${vid}"
                   rel="noopener noreferrer" target="_blank"
                   class="DeflistButton-button x-tag-allegation"
                   style="background-image: none; color: white;
                          display: table-cell; font-size: 9px; line-height: 1;
                          text-align: center; vertical-align: middle;
                          word-break: keep-all">${REPORT_TAG}</a>
            </div>
        `);
        destElem.querySelector(".x-tag-allegation")
            .addEventListener("click", onClickTagAllegation, false);
    }

    function onMouseLeaveRankingItem(/** @type {!MouseEvent} */ event) {
        /** @type {!HTMLAnchorElement} */ (event.currentTarget)
            .querySelectorAll(".x-allegation").forEach(oldElem => oldElem.remove());
    }

    function insertAllegationLinksSearch(/** @type {!Element} */ elem) {
        const vid = elem.getAttribute && elem.getAttribute("data-video-id");
        if (!vid) {
            return;
        }
        const destElem = elem.querySelector(".itemData > .list");
        destElem.querySelectorAll(".x-allegation").forEach(oldElem => oldElem.remove());
        destElem.insertAdjacentHTML("beforeend", `
            <li class="count x-allegation" style="float: right">
                <span class="value" style="color: unset">
                    <a href="https://www.nicovideo.jp/allegation/${vid}"
                       rel="noopener noreferrer" target="_blank"
                       style="color: unset">${REPORT_VIDEO}</a>
                </span>
            </li>
            <li class="count x-allegation" style="float: right">
                <span class="value" style="color: unset">
                    <a href="https://secure.nicovideo.jp/secure/comment_allegation/${vid}"
                       rel="noopener noreferrer" target="_blank"
                       class="x-tag-allegation"
                       style="color: unset">${REPORT_TAG}</a>
                </span>
            </li>
        `);
        destElem.querySelector(".x-tag-allegation")
            .addEventListener("click", onClickTagAllegation, false);
    }

    function onClickTagAllegation(/** @type {!MouseEvent} */ event) {
        if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
            return;
        }
        const url = /** @type {!HTMLAnchorElement} */ (event.currentTarget).href;
        const subjectTagElem = document.querySelector(`
            .tagCaption h1,
            li:nth-child(n+2) .RankingFilterTag_active
        `);
        openTagAllegation(url, subjectTagElem && subjectTagElem.textContent.trim());
        event.preventDefault();
    }

    function openTagAllegation(/** @type {string} */ url, /** @type {?string} */ tag) {
        const params = {
            "mode": "confirm",
            "target": "tag",
            "select_allegation": "search_interference",
            "inquiry": REPORT_TAG_INQUIRY.replace("${tag}", tag || "")
        };
        const formElem = document.createElement("form");
        formElem.action = url;
        formElem.method = "POST";
        formElem.target = "_blank";
        formElem.hidden = true;
        Object.keys(params).forEach(name => {
            const inputElem = document.createElement("input");
            inputElem.type = "hidden";
            inputElem.name = name;
            inputElem.value = params[name];
            formElem.appendChild(inputElem);
        });
        document.documentElement.appendChild(formElem);
        formElem.submit();
        formElem.remove();
    }
})();