☰

Nejire Refine Old

ねじれ天国のUIを使いやすくするスクリプトです。

// ==UserScript==
// @name         Nejire Refine Old
// @namespace    http://nejiten.halfmoon.jp/
// @version      0.3.9
// @description  ねじれ天国のUIを使いやすくするスクリプトです。
// @author       euro_s
// @match        http://nejiten.halfmoon.jp/index.cgi?vid=*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=halfmoon.jp
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==
 
(function () {
  // 各機能ごとの有効フラグ。不要なものは true を false にすると無効になります。
  const BLOCK_LITERATURE = true; // 文学ブロッカー
  const ADJUST_SEARCH_BOX = true; // 検索窓幅調整
  const REMOVE_SIDE_LIST = true; // 左リスト畳み込み＆発言入力欄ズームなし
  const CONFIRM_EXIT = true; // 村を出るボタンに確認ダイアログ追加 **現在動作しません**
  const BLOCK_DOUBLE_CLICK = true; // 発言ボタン2度押し抑止
  const HIDE_LOG_LINK = true; // ログのページ分割リンクを折りたたむ
  const HIDE_SECRET_FORM = true; // 秘話のフォームを折りたたむ
  const BLOCK_TAPESTRY = true; // 画像タペストリーをブロックする
  const BLOCK_CONTINUOUS = true; // 連投をブロックする
 
  // BLK_MAX_LENGTH 以上の文字数を短縮表示する
  const BLOCK_MAX_LENGTH = 800;
 
  // 発言フォームのフォントサイズ倍率
  const FONT_SIZE = 1.5;
 
  // 連投の代わりに表示される発言のHTML
  const BLOCKED_MESSAGE = '<div class="small_voice">連投あぼーん <i>by Nejire Refine</i></div>';
 
  if (
    document.readyState == "complete" ||
    document.readyState == "loaded" ||
    document.readyState == "interactive"
  ) {
    if (BLOCK_LITERATURE) {
      blockLiterature();
    }
    if (ADJUST_SEARCH_BOX) {
      adjustSearchBox();
    }
    if (REMOVE_SIDE_LIST) {
      removeSidebar();
    }
    if (CONFIRM_EXIT) {
      confirmExit();
    }
    if (BLOCK_DOUBLE_CLICK) {
      disableSubmit();
    }
    if (HIDE_LOG_LINK) {
      hideLogLink();
    }
    if (HIDE_SECRET_FORM) {
      hideSecretForm();
    }
    if (BLOCK_TAPESTRY) {
      blockTapestry();
    }
    if (BLOCK_CONTINUOUS) {
      blockContinuousPost();
    }
  }
 
  // 文学ブロッカー
  function blockLiterature() {
    // 表示変更リンクのテキスト
    const OPEN_MES = "▼全文表示";
    const CLOSE_MES = "▲短縮表示";
 
    function createOpenDiv(mes_num) {
      let div = document.createElement("div");
      div.style.color = "blue";
      let a = document.createElement("a");
      a.id = "open" + mes_num;
      a.innerText = OPEN_MES;
      a.style.cursor = "pointer";
      div.append(a);
      return div;
    }
 
    function createCloseDiv(mes_num) {
      let div = document.createElement("div");
      div.style.color = "blue";
      let a = document.createElement("a");
      a.id = "close" + mes_num;
      a.innerText = CLOSE_MES;
      a.style.cursor = "pointer";
      div.append(a);
      return div;
    }
 
    function createMsgDiv(msg, id) {
      let div = document.createElement("div");
      div.id = id;
      div.innerText = msg;
 
      return div;
    }
 
    let mes = document.querySelectorAll("[class$=body1]");
    for (let i = 0; i < mes.length; i++) {
      if (BLOCK_MAX_LENGTH < mes[i].innerText.length) {
        let msg = mes[i].innerText;
        let shortMsg = msg.slice(0, BLOCK_MAX_LENGTH) + "...\n\n";
        mes[i].innerText = "";
 
        // 長文を退避
        let msgDiv = createMsgDiv(msg, "msg" + i);
        let closeDiv = createCloseDiv(i);
        msgDiv.append(closeDiv);
        msgDiv.style.display = "none";
 
        // 短縮文を作成
        let shortMsgDiv = createMsgDiv(shortMsg, "shortMsg" + i);
        let openDiv = createOpenDiv(i);
        shortMsgDiv.append(openDiv);
 
        // クリック時に開閉を呼ぶようにイベントリスナ設定
        closeDiv.addEventListener("click", function () {
          toggle(i, true);
        });
        openDiv.addEventListener("click", function () {
          toggle(i, false);
        });
 
        // 追記
        mes[i].append(shortMsgDiv);
        mes[i].append(msgDiv);
      }
    }
 
    function toggle(i, isOpened) {
      const msgDivId = "msg" + i;
      const shortMsgDivId = "shortMsg" + i;
      let msgDiv = document.getElementById(msgDivId);
      let shortMsgDiv = document.getElementById(shortMsgDivId);
 
      if (isOpened) {
        // 全文表示から短縮表示に切り替える
        msgDiv.style.display = "none";
        shortMsgDiv.style.display = "inline";
 
        // 短縮時に発言が詰まってしまうので元発言のトップにスクロール
        shortMsgDiv.scrollIntoView(true);
      } else {
        // 短縮表示から全文表示に切り替える
        shortMsgDiv.style.display = "none";
        msgDiv.style.display = "inline";
      }
    }
  }
 
  // 検索窓幅調整
  function adjustSearchBox() {
    var target = document.querySelector("input#cse-search-box");
    const observer = new MutationObserver((mutations) => {
      mutations.forEach((mutation) => {
        target.style.width = "auto";
      });
    });
 
    var config = { attributes: true, childList: true, characterData: true };
    observer.observe(target, config);
  }
 
  // 左リスト削除
  function removeSidebar() {
    var side = document.querySelector("#side");
    var side2 = document.querySelector("#side2");
    var sides = document.createElement("div");
    sides.id = "sides";
    sides.style.display = "none";
    sides.appendChild(side);
    sides.appendChild(side2);
    var btn = document.createElement("span");
    var btnMsg = document.createTextNode("リスト・検索窓を開く▼");
    btn.id = "btn";
    btn.classList.add("hope_toggle");
    btn.appendChild(btnMsg);
    btn.onclick = () => {
      if (sides.style.display === "none") {
        btn.innerText = btn.innerText.replace("開く▼", "閉じる▲");
        sides.style.display = "block";
      } else {
        btn.innerText = btn.innerText.replace("閉じる▲", "開く▼");
        sides.style.display = "none";
      }
    };
    var content = document.querySelector("#content");
    content.appendChild(btn);
    content.appendChild(sides);
 
    document.querySelector(
      "body > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(1)"
    ).style.display = "none";
    document.querySelector("#main > td:nth-child(1)").style.display = "none";
    document.querySelector(
      "body > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(5) > td:nth-child(1)"
    ).style.display = "none";
    document.querySelector(
      "body > table > tbody > tr > td > table"
    ).style.width = "auto";
    document.querySelector("table.vil_main").parentElement.style.width =
      "554px";
 
    // 発言フォームのフォントサイズ変更（フォーカス時にズームされないようにする）
    let textAreas = document.querySelectorAll("textarea");
    Array.from(textAreas).forEach((ta) => {
      ta.style.fontSize = FONT_SIZE + "rem";
    });
  }
 
  // 村を出るボタンに確認ダイアログ追加
  function confirmExit() {
    var exit = document.querySelector('input[value="村を出る"]');
    if (exit) {
      var form = exit.closest("form");
      form.onsubmit = () => {
        if (window.confirm("村を出ますか？")) {
          return true;
        } else {
          return false;
        }
      };
    }
  }
 
  // 発言ボタン2度押し防止
  function disableSubmit() {
    let forms = Array.from(document.querySelectorAll("form"));
    let btn = Array.from(document.querySelectorAll('input[type="submit"]'));
 
    forms.forEach((form) => {
      form.onsubmit = () => {
        btn.forEach((b) => {
          b.disabled = true;
        });
      };
    });
  }
 
  // ログのページ分割リンクを折りたたむ
  function hideLogLink() {
    function addButton(element, id) {
      var btn = document.createElement("span");
      var btnMsg = document.createTextNode("ページリンクを開く▼");
      btn.id = id;
      btn.classList.add("hope_toggle");
      btn.appendChild(btnMsg);
      btn.onclick = () => {
        if (element.style.display === "none") {
          btn.innerText = btn.innerText.replace("開く▼", "閉じる▲");
          element.style.display = "block";
        } else {
          btn.innerText = btn.innerText.replace("閉じる▲", "開く▼");
          element.style.display = "none";
        }
      };
      element.parentElement.prepend(btn);
    }
 
    const links = document.querySelectorAll(".alllog_announce");
    if (links[0]) {
      links[0].style.display = "none";
      addButton(links[0], "top");
    }
    if (links[1]) {
      links[1].style.display = "none";
      addButton(links[1], "bottom");
    }
  }
 
  function hideSecretForm() {
    // アクション用トグルの margin を変更する
    const act_toggle = document.getElementById("act_tog");
    if (act_toggle) {
      act_toggle.style.marginLeft = "0px";
    } else {
      return;
    }
 
    const secret = document.querySelector(".secret_textarea");
    if (secret) {
      const tr = secret.parentElement.parentElement;
      tr.style.display = "none";
 
      var btn = document.createElement("span");
      var btnMsg = document.createTextNode("秘");
      btn.classList.add("hope_toggle");
      btn.appendChild(btnMsg);
      btn.onclick = () => {
        if (tr.style.display === "none") {
          tr.style.display = "table-row";
        } else {
          tr.style.display = "none";
        }
      };
 
      act_toggle.parentElement.appendChild(btn);
    }
  }
 
  function blockTapestry() {
    const messages = document.querySelectorAll('[class$=body1]');
    messages.forEach((message) => {
      const imgs = message.querySelectorAll('img');
      if (imgs.length > 5) {
        imgs.forEach((img) => {
          img.parentElement.removeChild(img);
        });
      }
    });
  }
 
  // 連続投稿をブロックする
  function blockContinuousPost() {
    const continues = [];
    const messages = document.querySelectorAll('[class$=body1]');
    for (let i = 1; i < messages.length; i++) {
      const prev = messages[i - 1];
      const current = messages[i];
      const prevBody = prev.innerText;
      const currentBody = current.innerText;
      if (prevBody === currentBody) {
        continues.push(current);
      }
    }
    continues.forEach((continueMessage) => {
      continueMessage.innerHTML = BLOCKED_MESSAGE;
    });
  }
 
 
  // 枠破壊防止
  GM_addStyle(`
    div {
        overflow-wrap: anywhere;
        line-break: anywhere;
    }
`);
})();