cas_gift_checker

※ツイキャスのバージョンアップで動かなくなることが予測されるので、気づいたらりしゃるまでよろしっく！
※2022/01/04 「CAS_GIFT_CHECKS」および「CAS_GIFT_CHECKS_AUTO」から打ち直し。

概要
・ツイキャスでサポートしてる放送者がレベルアップするとコンティニューコインなどで使えるポイントのプレゼントがもらえます。
・このプレゼントページへのリンクをサポートリストのページ上に追加してくれるスクリプトです。※PC用です。

仕組みや制作意図など
・プレゼントページへのリンクは「お知らせ」からしか無く、この「お知らせ」は一定期間がすぎると表示されなくなるため、
　リンクが消失してしまってもらえるはずのプレゼントが受け取れない、といった状況がしばしば発生します。
　さらにそのまま次のレベルアップがあると、新しいプレゼントで上書きされ、古い方のプレゼントが受け取れないまま消滅、
　という事もうこともあります。
・プレゼントリンクのURLのパターンは決まっているので、このスクリプトではそれを利用し、
　サポートリストのページ内の、それぞれの放送者名の横にプレゼントページへのリンクを表示します。
・プレゼントリンクをクリックすると、同じページ内にプレゼントページが表示されるようになっています。
　（プレゼントがない場合はその旨の表示になります。）
・現在のバージョンではプレゼントがあるかどうかはページに行ってみるまでわからないので、
　まだ受け取っていないプレゼントがあるかどうかは総当たりで見に行く必要があります。
　（※20人以上サポートしている人は本来複数ページに分かれますが、２ページ目以降も繋げて読み込むようになっています
　　ので、スクリプトの実行は１ページ目から１回実行していただくだけで全員分の表示が完了します。）
★自動チェックのスクリプトの作成も検討していますが、頻繁に使用するものではありませんし、今の状態でもわりかし
　テンポよくチェックはできるので、下手にごちゃごちゃとスクリプト膨張させるよりは、このままでもいいのかなとｗ

使い方（逆順になってます）
※PC用です、利用する場合は以下の操作をおこないます。
③これでみんなのプレゼントリンクが表示されるので、それぞれ残ってるプレゼントが無いか調べられるようになります。
②⓪でブックマークバーにできたショートカットボタンをクリック。
①ツイキャスのサポートリストのページへ飛ぶ：サポートリスト
　※⓪は初回だけで大丈夫です。（修正のあった場合などは適宜差し替えてください。）
⓪以下の「オレンジ色のボタン」をブックマークバーにドラッグ＆ドロップ（ショートカットボタンになります）
twitcas🎁ﾘﾝｸ

//CAS_GIFT_CHECKER 20220104ris 1/18 navigationをmainwrapperに書き換え
//CAS_GIFT_CHECKS 及び CAS_GIFT_CHECKS_AUTO から打ち直し

function cas_gift_checker(){
  //ここじゃ使えませんアラート
  let ismybacks = (~document.location.href.indexOf('mybacks'));
  if(ismybacks==false) return alert('サポートリストを開いてから実行して下さい。');
    
  let page_base_url = '/mypage/mybacks/';
  let page_count = 0;
  let page_count_lim=1;
  let next_page_url = '';
  let $work_elm;
  let next_list_html ='not yet';
  let $work_space;
  let container_selector='.tw-support-list';
  let $main_box;
  
  //"サイトによって都度適宜書き換え
  function CHANGE_URL_NEXT(){
    return (next_page_url=page_base_url+(++page_count));
  }
  function ON_LOAD(){ console.log('ON_LOAD');
    //"iframe読み込み完了後の処理
    if(page_count>page_count_lim) return END_PROC();

$work_elm=get_work_elm();
  
    //PROC(){
    len=(a=$work_elm.getElementsByTagName('a')).length;
    for(i=0;i<len;i++){a[i].setAttribute('target','_blank');}
    
    const target_query='.tw-user-name-icon';
    len=(a=$work_elm.querySelectorAll(target_query)).length;
    for(i=0;i<len;i++){ a[i].insertAdjacentHTML('afterend',mk_html(a[i].href)); }
    //}
    next_list_html=$work_elm.innerHTML;
  
    attach_next_list();
    load_next_work();
///    if(page_count<page_count_lim) load_next_work();
///    else END_PROC();
  }

function SET_LIMIT(){
    q='.tw-pager>a';
    page_count_lim=document.querySelectorAll(q).length-1;
    if(page_count_lim==-1) alert(`'${q}' was not found.`);
  }

function END_PROC(){
    document.body.insertAdjacentHTML('beforeend',
      `<iframe id='giftpage' name='giftpage' `
      +`style='position:fixed;bottom:0;right:0;width:75%;height:75%;`
      +` opacity:0.9; outline:4px solid #AAFFAAaa;' />`
    );
    $work_space.remove();
    alert('プレゼントリンクをクリックするとプレゼントページが右側に表示されます。');
  }

function INIT(){
    len=(a=document.getElementsByTagName('a')).length;
    for(i=0;i<len;i++){a[i].setAttribute('target','_blank');}
  
    $main_box = document.querySelector(container_selector);
    
    const target_query='.tw-user-name-icon';
    len=(a=$main_box.querySelectorAll(target_query)).length;
    for(i=0;i<len;i++){ a[i].insertAdjacentHTML('afterend',mk_html(a[i].href)); }
    
    SET_LIMIT();//"ページ数把握

//"work space
    ($work_space = document.createElement('iframe')).style.display='none';
    document.body.appendChild($work_space);
    ($work_space).addEventListener('load', ON_LOAD );
    load_next_work();

}INIT();
  
  function load_next_work(){
    console.log(`change url from : ${next_page_url} to ${CHANGE_URL_NEXT()}`);
    $work_space.src=next_page_url;
    console.log('load next work');
  }
  function get_work_elm(){
    return ($work_space.contentWindow).document.querySelector(container_selector);
  }
  function attach_next_list(){
    $main_box.insertAdjacentHTML('beforeend',next_list_html);
  }

}cas_gift_checker();