☰

Iwara Extension Script

Like数とLike率をバー表示 ＆ NG機能と強調機能 ＆ タイトル簡略化

当前为 2017-09-19 提交的版本，查看 最新版本。

// ==UserScript==
// @name           Iwara Extension Script
// @name:en        Iwara Extension Script
// @namespace      https://greasyfork.org/ja/users/115273-conn
// @description    Like数とLike率をバー表示 ＆ NG機能と強調機能 ＆ タイトル簡略化
// @description:en Adding Like bars, Like Ratio bars, BlackList, and FavList, Simplify titles
// @include        http://ecchi.iwara.tv/*
// @include        http://www.iwara.tv/*
// @version        1.6
// @grant          GM_getValue
// @grant          GM_setValue
// ==/UserScript==

//// パラメータ設定 ////

// ↓ リストのバー表示まわり
var likebaropacity = '0.8'; // Likeバーと枠の透明度。0(実質バー表示オフ)～1(通常)
var ratiotextopacity = '1.0'; // Like率テキストの透明度。0(実質数値表示オフ)～1(通常)
var ratiobaropacity = '0.5'; // Like率バーの透明度。0(実質バー表示オフ)～1(通常)
var borderthickness = '5'; // 枠の太さ。単位ピクセル。0なら枠なし
var borderopacity = '0.8'; // 枠の透明度。0(不可視)～1(通常)
var likemax = 200; // Likeバーのカンスト上限
var ratiomax = 3.0; // Like率バーのカンスト上限。単位パーセント

// ↓ NG表示設定
var NGopacity = '0.3'; // NGしたやつの透明度。0(完全非表示)～1(実質NGオフ)
var NGdispstat = true; // NGしたやつもバー表示する？
var showNGword = true; // ヒットしたNGワードを表示する？

// ↓ 強調表示設定
var emRGB = 'ffff77';  // 強調したやつの背景色。rrggbb。'ffffff' (白背景)なら実質強調オフ
var showEMword = true; // ヒットした強調ワードを表示する？

// ↓ 静画用設定
var doforimage = true; // 静画もする？
var likemaxi = 50; // 静画ページでのLikeバーのカンスト上限
var ratiomaxi = 4.0; // 静画ページでのLike率バーのカンスト上限。単位パーセント

// ↓ タイトル用設定
var listitlelength = 100; // 一覧に表示するタイトルの最大文字数（半角相当）。これ以上は省略される。だいたい28文字で2行
var titlearrangeatwatchpage = true; // 個別動画・静画視聴ページタイトルを変更する？ ※ 「(YYYY-MM-DD)[USERNAME] S-TITLE」に変更。ファイル名に使えない文字は全角置換

// ↓ NGワード。ほおりこめー
var NGWords = [
  'わたしがNGワードだ',
  'こんなふうにシングルクォートで囲って、最後にカンマを忘れずに',
  'NG索敵範囲は該当箇所のHTMLソース全てです',
  'タイトルも投稿者名も含みます',
  '↓とりあえず作者をNGに入れてみるテスト↓',
  'conn',
  '↑できれば外してくれると嬉しいかも…↑',
  /こうやってシングルクォートの代わりにスラッシュを使うと、正規表現もできます/,
  'このへんの説明、理解したら消しちゃってくださいね',
  'この最後の行だけはカンマ無しで'
];

// ↓ 強調ワード。大好き
var EMWords = [
  'わたしが強調ワードだ',
  'NGワードと同様です',
  '好きな投稿者やモデルを登録すると良いんじゃないかな',
  'やっぱりこの最後の行もカンマ無しで'
];

//// ここから開発用 ////

var dummy = null;
var origdocs = '';

// サブ関数、HTMLエスケープ //
function htmlsafestr (instr) {
  var str = instr;
  if(typeof str !== 'string') return str;
  str = str.replace(/^>/,'');
  str = str.replace(/<$/,'');
  return str.replace(/[&'`"<>\/\\]/g, function(match) {
    return {
      '&': '&amp;',
      "'": '&#x27;',
      '`': '&#x60;',
      '"': '&quot;',
      '<': '&lt;',
      '>': '&gt;',
      '\/': '&#47;',
      '\\': '&#x5c;',
    }[match];
  });
}

// サブ関数、ファイル名に使えない文字を全角に変更 //
function filenamesafestr (instr) {
  var str = instr;
  if(typeof str !== 'string') return str;
  str = str.replace(/&amp;/g,'＆');
  return str.replace(/[\\\/&'`"<>:\*\?\|]/g, function(match) {
    return {
      '\\': '￥',
      '\/': '／',
      '&': '＆',
      "'": '’',
      '`': '´',
      '"': '”',
      '<': '＜',
      '>': '＞',
      ':': '：',
      '\*': '＊',
      '\?': '？',
      '\|': '｜',
    }[match];
  });
}

// サブ関数、タイトルからお馴染みの記載を削除 //
function simplifystr (instr) {
  var str = instr;
  if(typeof str !== 'string') return str;
  str = str.replace(/　/g,' '); // 全角空白
  str = str.replace(/[mMＭ]{2}[dDＤ]/g,''); // 「MMD」等
  str = str.replace(/[ \-]*[rRＲ] ?\-? ?[1１][5５8８]/g,''); // 「R-18」等
  str = str.replace(/[ \-]*[1１][5５8８] ?\-? ?[rRＲ]/g,''); // 「18R」等
  str = str.replace(/[0-9]{2,}[fF][pP][sS]/g,''); // 「60fps」等
  str = str.replace(/[0-9]{3,}[pPｐＰ]/g,''); // 「1080p」等
  str = str.replace(/Full\-HD/g,''); // Full-HD
  str = str.replace(/紳士向け/g,''); // 紳士向け
  str = str.replace(/紳士動画/g,''); // 紳士動画
  str = str.replace(/&[a-z0-9#]+;([a-z0-9#]+);/g,'&$1;'); // エスケープ文字エラー修正
  str = str.replace(/([\[\(「【＜])[ _\/]/g,'$1'); // 括弧内先頭空白削除
  str = str.replace(/[ _\/]([\]\)」】＞])/g,'$1'); // 括弧内末尾空白削除
  str = str.replace(/\[[ \-_\/:：]*\]/g,''); // 削除後の残った[]
  str = str.replace(/\([ \-_\/:：]*\)/g,''); // 削除後の残った()
  str = str.replace(/【[ \-_\/:：]*】/g,''); // 削除後の残った【】
  str = str.replace(/「[ \-_\/:：]*」/g,''); // 削除後の残った「」
  str = str.replace(/（[ \-_\/:：]*）/g,''); // 削除後の残った（）
  str = str.replace(/＜[ \-_\/:：]*＞/g,''); // 削除後の残った＜＞
  str = str.replace(/^[ _\/]+/g,''); // 先頭の空白
  str = str.replace(/[ _\/]+$/g,''); // 末尾の空白
  str = str.replace(/[ ]{2,}/g,' '); // 2個以上の空白
  return str;
}

// サブ関数、文字列から指定された長さ以上を省略 //
function trimstr (instr,maxlen) {
  var twobytelen = 1.3; // 2バイト文字の幅の倍率
  var str = instr;
  if(typeof str !== 'string') return str;
  var i = 0;
  var char = '';
  var charue = '';
  var count = 0;
  var trimidx = str.length;
  var isover = false;
  var isescaping = false;
  for (i = 0; i < str.length ; i++) {
    char = str.charAt(i);
    if (char == '&'){
      isescaping = true;
    } else if (char == ';') {
      isescaping = false;
    }
    if (!isescaping) {
      charue = escape(char);
      if (charue.length < 4) {
          count++;
      } else {
          count+=twobytelen;
      }
      if (count > maxlen) {
        trimidx = i;
        isover = true;
        i = str.length;
      }
    }
  }
  if (isover) {
    str = str.substr(0,trimidx);
    str += '...';
  }
  return str;
}

//// 動画一覧ページ用 ////
function listmanip () {
  
  // 初期化
  var likes = null;
  var disps = null;
  var likebarstr = '';
  var ratiobarstr = '';
  var dispnum = 0;
  var likenum = 0;
  var ratio = 0;
  var likewidth = 0;
  var ratiowidth = 0;
  var likenR = 0;
  var rationB = 0;
  var likeRGB = '255,0,0';
  var ratioRGBA = '0,0,255,1';
  var dummy,dummy2 = null;
  var elem = '';
  var nghit = false;
  var ngword = '';
  var emword = '';
  var elems = null;
  var title = '';
  var titleshort = '';
  var author = '';
  var switchstr = '';
  var i,j = 0;
  
  // オリジナル復帰
  document.body.innerHTML = origdocs;
  
  // グローバル設定読み込み
  var GMmode = GM_getValue('mode');
  if (isNaN(GMmode)) {
    GMmode = 1;
    GM_setValue('mode', GMmode);
  }
  var GMdoNG = GM_getValue('doNG');
  if (GMdoNG === null) {
    GMdoNG = true;
    GM_setValue('doNG', GMdoNG);
  }
  var GMdoEM = GM_getValue('doEM');
  if (GMdoEM === null) {
    GMdoEM = true;
    GM_setValue('doEM', GMdoEM);
  }
  var GMdoRatio = GM_getValue('doRatio');
  if (GMdoRatio === null) {
    GMdoRatio = true;
    GM_setValue('doRatio', GMdoRatio);
  }
  var GMdoStitle = GM_getValue('doStitle');
  if (GMdoStitle === null) {
    GMdoStitle = true;
    GM_setValue('doStitle', GMdoStitle);
  }
    
  
  // スイッチ
  elems = document.body.getElementsByClassName('menu nav nav-pills pull-left');
  if(elems.length > 0) {
      switchstr = '$&<li class="leaf"><button type="button" id="exttoggle"';
    if (GMmode === 0) {
      switchstr += '>Ext Off<\/botton><\/li>\n';
    } else if (GMmode === 1) {
      switchstr += ' style="background-color:#ee0000;color:white">Ext On (Red)';
    } else {
      switchstr += ' style="background-color:#00dd00;color:white">Ext On (Green)';
    }
      switchstr += '<\/botton><\/li>\n';
    if (GMmode > 0) {
      switchstr += '<li class="leaf"><button type="button" id="ngtoggle"';
      if (GMdoNG) {
        switchstr += ' style="background-color:#ee0000;color:white"';
      }
      switchstr += '>NG<\/botton><\/li>\n';
      switchstr += '<li class="leaf"><button type="button" id="emtoggle"';
      if (GMdoEM) {
        switchstr += ' style="background-color:#00bb00;color:white"';
      }
      switchstr += '>EM<\/botton><\/li>\n';
      switchstr += '<li class="leaf"><button type="button" id="ratiotoggle"';
      if (GMdoRatio) {
        switchstr += ' style="background-color:#0000ff;color:white"';
      }
      switchstr += '>Ratio<\/botton><\/li>\n';
      switchstr += '<li class="leaf"><button type="button" id="stitletoggle"';
      if (GMdoStitle) {
        switchstr += ' style="background-color:#a52a2a;color:white"';
      }
      switchstr += '>S-Title<\/botton><\/li>\n';
    }
    elem = elems[0].innerHTML;
    elem = elem.replace(/\n<li title=""><a href="\/forum" title="">フォーラム<\/a><\/li>\n/, switchstr);
    elems[0].innerHTML = elem;
  }
document.body.innerHTML = document.body.innerHTML;
  
  // スイッチ押された時
  elems = document.getElementById('exttoggle');
  if (elems !== null) {
    elems.onclick = function () {
      if (GMmode > 1) { GMmode = 0;} else {GMmode++;}
      GM_setValue('mode',GMmode);
      listmanip();
    };
  }
  elems = document.getElementById('ngtoggle');
    if (elems !== null) {
      elems.onclick = function () {
      GMdoNG  = !GMdoNG;
      GM_setValue('doNG',GMdoNG);
      listmanip();
    };
  }
  elems = document.getElementById('emtoggle');
    if (elems !== null) {
      elems.onclick = function () {
      GMdoEM  = !GMdoEM;
      GM_setValue('doEM',GMdoEM);
      listmanip();
    };
  }
  elems = document.getElementById('ratiotoggle');
    if (elems !== null) {
      elems.onclick = function () {
      GMdoRatio  = !GMdoRatio;
      GM_setValue('doRatio',GMdoRatio);
      listmanip();
    };
  }
  elems = document.getElementById('stitletoggle');
    if (elems !== null) {
      elems.onclick = function () {
      GMdoStitle  = !GMdoStitle;
      GM_setValue('doStitle',GMdoStitle);
      listmanip();
    };
  }
  
  // 設定オフ時引き返す
  if (GMmode === 0) {
    return;
  }
  
  // 動画リストアイテム用
  elems = document.body.getElementsByClassName('node node-video node-teaser node-teaser clearfix');
  for (i = 0; i < elems.length; i++) {
    elem = elems[i].innerHTML;
    
    // タイトル取得
    dummy = elem.match(/<img src=".+ title="([^"]+)".+>/);
    if (dummy !== null) {
      title = dummy[1];
      if (GMdoStitle) {title = simplifystr(title);}
      title = trimstr(title,listitlelength);
    } else {
      dummy = elem.match(/<h3 class="title"><a href=".*">(.*)<\/a><\/h3>/);
      if (dummy !== null) {
        title = dummy[1];
        if (GMdoStitle) {title = simplifystr(title);}
      } else {
        title = '';
      }
    }
    
    // 作者取得
    dummy = elem.match(/class="username">(.*)<\/a>/);
    if (dummy !== null) {
      author = dummy[1];
    } else {
      author = '';
    }
    
    // NG機能
    nghit = false;
    if (GMdoNG) {
      for (j = 0; j < NGWords.length; j++) {
        dummy = elem.match(NGWords[j]);
        if (dummy !== null) {
          ngword = htmlsafestr(dummy[0]);
          title = title.replace(ngword,'<span style="background-color:orangered;color:white">'+ngword+'<\/span>');
          author = author.replace(ngword,'<span style="background-color:orangered;color:white">'+ngword+'<\/span>');
          elems[i].setAttribute('style','opacity:' + NGopacity);
          if (showNGword) {
            elem = elem.replace(/(<\/div>\n)(\n\t+<\/div>)/,'$1<br><div class="left-icon likes-icon" style="color:red; background:rgba(255,255,255,0.5)"> NG:'+ngword+'<\/div>\n$2');
          }
          nghit = true;
          j = NGWords.length;
        }
      }
    }
    
    // 強調機能
    if (GMdoEM) {
      for (j = 0; j < EMWords.length; j++) {
        dummy = elem.match(EMWords[j]);
        if (dummy !== null) {
          emword = dummy[0];
          title = title.replace(emword,'<span style="background-color:#aaffaa">'+emword+'<\/span>');
          author = author.replace(emword,'<span style="background-color:#aaffaa">'+emword+'<\/span>');
          elems[i].setAttribute('style','background-color:#' + emRGB);
          if (showEMword) {
            elem = elem.replace(/(<\/div>\n)(\n\t+<\/div>)/,'$1<br><div class="left-icon likes-icon" style="color:green; background:rgba(255,255,255,0.5)"> EM:'+emword+'<\/div>\n$2');
          }
          j = EMWords.length;
        }
      }
    }
    
    elem = elem.replace(/(<h3 class="title"><a href=".*">).+(<\/a><\/h3>)/,'$1'+title+'$2');
    elem = elem.replace(/(class="username">).*(<\/a>)/,'$1'+author+'$2');
    
    // バー表示機能
    if (NGdispstat || !nghit) {
      likes = elem.match(/heart\"><\/i> (\d+)/);
      disps = elem.match(/open\"><\/i> ([0-9\.]+)k/);
      if (disps !== null) {
        dispnum = parseFloat(disps[1]) * 1000;
      } else {
        disps = elem.match(/open\"><\/i> ([0-9]+)/);
        dispnum = parseFloat(disps[1]);
      }
      if (likes !== null) {
        likenum = parseInt(likes[1]);
        likewidth = Math.min(Math.floor(likenum * 70 / likemax + 40), 110);
        likenR = 255 - Math.min(Math.floor(likenum * 205 / likemax + 50), 255);
        if (GMmode === 1) {
          likeRGB = '255,' + likenR.toString()+ ',' + likenR.toString(); // red
        } else {
          likeRGB = likenR.toString()+ ',240,' + likenR.toString(); // green
        }
        likebarstr = 'right-icon likes-icon" align="right" style="width:' + likewidth.toString() + 'px; background-color:rgba\(' + likeRGB + ',' + likebaropacity + '\)"';
        elem = elem.replace(/right-icon likes-icon\"/, likebarstr);
        // Like率
        if (GMdoRatio) {
          ratio = 100 * likenum / dispnum;
          ratiowidth = Math.min(Math.floor(ratio * 70 / ratiomax + 40), 110);
          rationB = 255 - Math.min(Math.floor(ratio * 205 / ratiomax + 50), 255);
          ratioRGBA = rationB.toString()+ ',' + rationB.toString() + ',255,' + ratiobaropacity;
          ratiobarstr = '$&<br>\n\t\t\t<div class="right-icon likes-icon" align="right" style="width:' + ratiowidth.toString() + 'px; background:rgba\(' + ratioRGBA + '\)"><span style="opacity:' + ratiotextopacity + '">' + (ratio.toFixed(1)).toString() + '%</span></div>';
          elem = elem.replace(/open.*div>/, ratiobarstr);
        }
        elem = elem.replace(/height=\"150\"/, 'height="150" style="border:solid ' + borderthickness + 'px rgba\(' + likeRGB + ',' + borderopacity + '\)"');
      }
    }
    elems[i].innerHTML = elem;
  }
  
  // 静画エントリ用
  if (doforimage) {
    elems = document.body.getElementsByClassName('node node-image node-teaser node-teaser clearfix');
    for (i = 0; i < elems.length; i++) {
      elem = elems[i].innerHTML;
      
      // タイトル取得
      dummy = elem.match(/<h3 class="title"><a href=".*">(.*)<\/a><\/h3>/);
      if (dummy !== null) {
        title = dummy[1];
        if (GMdoStitle) {title = simplifystr(title);}
      } else {
        title = '';
      }

      // 作者取得
      dummy = elem.match(/class="username">(.*)<\/a>/);
      if (dummy !== null) {
        author = dummy[1];
      } else {
        author = '';
      }

      // NG機能
      nghit = false;
      if (GMdoNG) {
        for (j = 0; j < NGWords.length; j++) {
          dummy = elem.match(NGWords[j]);
          if (dummy !== null) {
            ngword = htmlsafestr(dummy[0]);
            title = title.replace(ngword,'<span style="background-color:orangered;color:white">'+ngword+'<\/span>');
            author = author.replace(ngword,'<span style="background-color:orangered;color:white">'+ngword+'<\/span>');
            elems[i].setAttribute('style','opacity:' + NGopacity);
            if (showNGword) {
              elem = elem.replace(/(<\/div>\n)(\t+<\/div>)/,'$1<br><div class="left-icon likes-icon" style="color:red; background:rgba(255,255,255,0.5)"> NG:'+NGWords[j]+'<\/div>\n$2');
            }
            nghit = true;
            j = NGWords.length;
          }
        }
      }

      // 強調機能
      if (GMdoEM) {
        for (j = 0; j < EMWords.length; j++) {
          dummy = null;
          dummy = elem.match(EMWords[j]);
          if (dummy !== null) {
            emword = dummy[0];
            title = title.replace(emword,'<span style="background-color:#aaffaa">'+emword+'<\/span>');
            author = author.replace(emword,'<span style="background-color:#aaffaa">'+emword+'<\/span>');
            elems[i].setAttribute('style','background-color:#' + emRGB);
            if (showEMword) {
              elem = elem.replace(/(<\/div>\n)(\t+<\/div>)/,'$1<br><div class="left-icon likes-icon" style="color:green; background:rgba(255,255,255,0.5)"> EM:'+EMWords[j]+'<\/div>\n$2');
            }
            j = EMWords.length;
          }
        }
      }
      
      elem = elem.replace(/(<h3 class="title"><a href=".*">).*(<\/a><\/h3>)/,'$1'+title+'$2');
      elem = elem.replace(/(class="username">).*(<\/a>)/,'$1'+author+'$2');
      
      // バー表示機能
      if (NGdispstat || !nghit) {
        likes = elem.match(/heart\"><\/i> (\d+)/);
        disps = elem.match(/open\"><\/i> ([0-9\.]+)k/);
        if (disps !== null) {
          dispnum = parseFloat(disps[1]) * 1000;
        } else {
          disps = elem.match(/open\"><\/i> ([0-9]+)/);
          dispnum = parseFloat(disps[1]);
        }
        if (likes !== null) {
          likenum = parseInt(likes[1]);
          likewidth = Math.min(Math.floor(likenum * 70 / likemaxi + 40), 110);
          likenR = 255 - Math.min(Math.floor(likenum * 205 / likemaxi + 50), 255);
          if (GMmode === 1) {
            likeRGB = '255,' + likenR.toString()+ ',' + likenR.toString(); // red
          } else {
            likeRGB = likenR.toString()+ ',240,' + likenR.toString(); // green
          }
          likebarstr = 'right-icon likes-icon" align="right" style="width:' + likewidth.toString() + 'px; background-color:rgba\(' + likeRGB + ',' + likebaropacity + '\)"';
          elem = elem.replace(/right-icon likes-icon\"/, likebarstr);
          // Like率
          if (GMdoRatio) {
            ratio = 100 * likenum / dispnum;
            ratiowidth = Math.min(Math.floor(ratio * 70 / ratiomax + 40), 110);
            rationB = 255 - Math.min(Math.floor(ratio * 205 / ratiomax + 50), 255);
            ratioRGBA = rationB.toString()+ ',' + rationB.toString() + ',255,' + ratiobaropacity;
            ratiobarstr = '$&<br>\n\t\t\t<div class="right-icon likes-icon" align="right" style="width:' + ratiowidth.toString() + 'px; background:rgba\(' + ratioRGBA + '\)"><span style="opacity:' + ratiotextopacity + '">' + (ratio.toFixed(1)).toString() + '%</span></div>';
            elem = elem.replace(/open.*div>/, ratiobarstr);
          }
          elem = elem.replace(/height=\"150\"/, 'height="150" style="border:solid ' + borderthickness + 'px rgba\(' + likeRGB + ',' + borderopacity + '\)"');
        }
      }
      elems[i].innerHTML = elem;
    }
  }
}

//// 視聴ページ用 ////
function watchpagemanip(type) {
  // タイトル変更
  var GMdoStitle = GM_getValue('doStitle');
  if (GMdoStitle === null) GMdoStitle = false;
  if (GMdoStitle && titlearrangeatwatchpage) {
    dummy = document.body.getElementsByClassName('node-info');
    var nodeinfo = dummy[0].innerHTML;
    dummy = nodeinfo.match(/<h1 class="title">(.*)<\/h1>/);
    var title = dummy[1];
    title = simplifystr(title);
    dummy = nodeinfo.match(/class="username">(.*)<\/a>/);
    var username = dummy[1];
    var datestamp = nodeinfo.match(/20[0-9]{2}-[0-9]{2}-[0-9]{2}/);
    var newtitle = '\('+datestamp+'\)['+username+'] '+title;
    newtitle = filenamesafestr(newtitle);
    document.title = newtitle;
  }
}

//// メイン関数 ////
function main() {
  var currenturl = location.href;
  dummy = currenturl.match(/\.iwara\.tv\/videos\//);
  if (dummy !== null) { // 動画視聴ページ
    watchpagemanip('video');
  } else {
    dummy = currenturl.match(/\.iwara\.tv\/images\//);
    if (dummy !== null) { // 静画視聴ページ
      watchpagemanip('image');
    } else { // その他
      origdocs = document.body.innerHTML;
      listmanip();
    }
  }
}

//// ここから生スクリプト ////
main();