DM保存スクリプト（旧）

※ツイッターのバージョンアップで動かなくなることが予測されるので、気づいたらりしゃるまでよろしっく！
※2019年春夏現在ツイッター公式が混ぜ始めた新UIにはまだ未対応
※2019年7月15日あたりに全アカウント新UIに強制移行になったもよう、対策としてhttps://twitter.com/i/directory/profilesにジャンプすると旧レイアウトに戻せるので、そこからのDMボタンならまだ利用可能（7月19日現在）
※2019/4/4：ガッツリバージョンアップ、軽量なテキストモードへの変換機能、後から表示期間を絞る機能
ツイッターのDMを自動でさかのぼって軽量化しつつ表示してくれるスクリプトです。
※PC用です、利用する場合は以下の操作をおこないます。
※以下、要するにコピペして実行するだけです
①ツイッターを開く~~https: //twitter.com/~~https://twitter.com/i/directory/profiles/
　②DMを開く（「メッセージ」をクリック）
　　③開いた一覧から保存したい相手をクリック
④コンソールの表示
・Chromeの場合→Ctrl+Shift+J
・Firefoxの場合→Ctrl+Shift+K
⑤コードの実行
・パターンＡ：下記からコピーしたものをコンソールの入力欄にペーストしてEnter！
・パターンＢ※：コンソールの入力欄で「↑」キーを押してEnter！(※コンソールは過去に実行したコードの履歴を呼び出す機能があり、このプログラムコードを実行した直後などは、「↑」キーを押せばコピペすること無くコードを呼び出せます。
⑥いつからいつまでの期間のDMを保存するか指定（ダイアログに入力、デフォルトではすべての期間が対象なのでそのままOKで良い）
⑦放置（完了するとメッセージがポップするので、それまではほっといてyoutubeでも眺めて暇を潰そう（）
⑧保存（「Ctrl+S」を押しPC上の任意の場所に名前をつけて保存。）
⑨以上。後で閲覧したい場合は、⑧で保存した場所からファイルをダブルクリックなどで開けば良い。
※続けて別の相手の分もやりたい場合は、一旦ページの更新(F5)を行い状態をリセットする必要があります。
※リミッターとして約７分（約400秒）のタイマーを設けており、そこで一旦停止します。この間６０００件程度のメッセージを取得できますが、足りない場合は継続も可能。
※上記継続をする場合は取得件数も増え、より負荷も上がり、フリーズなどのリスクが高くなるため本スクリプトの利用も含め、ご使用は自己責任でお願いします。
※↓コピーポタン押下、またはBOX内をクリック後、[Ctrl+A]で全て選択、[Ctrl+C]でコピーが完了します。

//DM REVOLVING LOADER v20190404ris
(function (){
  //"jquery設定
  if(document.getElementById('jqsave')==null)
    document.head.innerHTML+='<script id="jqsave" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>'
  //"コンソール復活
  window.console = $('<iframe />').appendTo('body').hide()[0].contentWindow.console;//コンソール復活

//"対象のDMを開けているかチェック
  let dmlog_isopen = (($('#dm_dialog').css('display')!="none")
    && $('.DMConversation').eq(0).hasClass('DMActivity--open'))
  if(dmlog_isopen==false) return alert("DMのログを開いてから実行して下さい。") 
  
  //"期間確認・設定パート//
  function get_range(){
    let today = new Date();
    today=today.getFullYear()+"-"+(101+today.getMonth()+"-").slice(-3)+("0"+today.getDate()).slice(-2)

let prompt_text = "DMの取得期間を入力してください。\n"
    +"変更なし、あるいは書き方が正しくない場合、全ての期間が対象になります。\n\n"
    +"時間の表現書式：yyyy-M-d T hh:mm:ss （年-月-日 T 時:分:秒）"
    +"\n※より小さい時間単位の方（右側）から↑省略可能\n"
    +"書式例↓\n2017年以降(1月1日0時0分0秒は省略可)： 2017~ \n"
    +"2018年以前(省略同上、実質2017年末まで)： ~2018 \n"
    +"2017年のみ： 2017~2018 \n2017年4月から1年間： 2017-4~2018-4 \n"
    +"2018年8月： 2018-8~2018-9 \n2018年9月1日： 2018-9-1~2018-9-2 \n"
    +"（★時間例↓）\n2018年9月1日12時~13時：\n 2018-9-1 T12:00 ~ 2018-9-1 T13:00 "
    +"※時間部分は00や01のように10の位も0詰めをし2桁で記載"
    let defaultrange = "2006-03-22 T 00:00:00 ~ "+today+" T 23:59:59"
    let timerange = window.prompt(prompt_text, defaultrange)

if(timerange==null);// return;//"キャンセル処理
    else timerange=timerange.replace(/\s+/g, "")

function date_parse_c(timerangestr){
      if(timerangestr.length<4) timerangestr=""
      else if(timerangestr.length==4) timerangestr+='-1-1'
      else if(timerangestr.length<=7) timerangestr+='-1'
      else if(timerangestr.length>=10){
        let split_T = timerangestr.split("T")
        timerangestr=split_T[0].split('-')[0]
          +"-"+("0"+split_T[0].split('-')[1]).slice(-2)
          +"-"+("0"+split_T[0].split('-')[2]).slice(-2)
        if(split_T.length==1) timerangestr+="T00:00"
        else{
          timerangestr+="T"+split_T[1]
          if(split_T[1].length<=5) timerangestr+=":00"
        }
      }
      return Date.parse(timerangestr);
    }
    var since_msec = date_parse_c(timerange.split("~")[0])
    var until_msec = date_parse_c(timerange.split("~")[1])
    if(Number.isNaN(since_msec)) since_msec = Date.parse("2006-03-22T00:00:00")
    if(Number.isNaN(until_msec)) until_msec = Date.parse(today+"T23:59:59")

//"タイトル設定
    let timerange_str
    if(timerange==defaultrange.replace(/\s+/g, "")){ timerange_str = today;}
    else timerange_str = timerange.replace('~','-');
    timerange_str = timerange_str.replace(/[-:]/g,"").replace(/~/,"-")
    //"保存名・タイトル文字列の設定//{
    $("title").text($(".DMUpdateName-name")[0].textContent+"-DM保存-"+timerange_str)
    //              +makedtstr().replace(/[^0-9^\.]/g,"").slice(0,8))
    return {since_msec:since_msec,until_msec:until_msec};
  }
  
  var range = get_range();
  const since = range.since_msec, until = range.until_msec

////init////

//"不要なHTMLコード削減//{
  //"主に<body>内のクリーン
  $('#page-outer').remove()//"主要な無用コンテナの削除
  $('.DMActivity-notice, .DMActivity-footer, .DMSpinner').remove()
  $('.hidden, .u-emptyHide').remove()
  $('body').children().each( function(){
    if( ($(this).attr('id')=='doc') //"消さずに残すやつを指定
       ||($(this).attr('id')=='dm_dialog')
       ||($(this).hasClass('dm-media-container'))
       ||(this.tagName=='IFRAME')
      ) return true;//each内におけるcontinueの代わり
    else $(this).remove(); //"上記以外を削除
  } );
  //"主に<head>内のクリーン
  $('script').each( function(){if($(this).attr('id')=='jqsave') return true; $(this).remove();} )
  $('meta').each( function(index){if(index==0) return true; $(this).remove();} )
  $('link').each( function(){if($(this).attr('rel')=='stylesheet') return true; $(this).remove();} )
  //}

//"DMを一旦非表示に。（描画軽量化及び自動スクロール誘発）
  $('body').append('<style id="li_none">.dm-convo>li{display:none!important}</stile>')//li_none
  //$('#li_none').remove();//li_display

//"進行ログ表示系
  $('body').append('<div id="plog_base" style="background:rgba(0,0,0,0); position:fixed;width:50%;height:20px;top:50%;left:50%;margin:-10px 0 0 -25%;text-align:center;z-index:9999;"><span id="plog" style="background:rgba(255,255,255,0.5);padding:0 10px;">log</span></div>')
  let logtext = $('#plog')
  function console_log_p(logmessage){console.log(logmessage);logtext.text(logmessage);}
  
  
  
  ////メイン処理////
  var lmcount = 0; var lmcountlim=2000; //"<-リミッターの数値はここで調整（数値は独自単位）

var fincheck_msec = 10000; //"終点到達判定の時間（初期：10秒間新規読み込みが無ければ終了）
  var interval_msec = 200; //"処理間隔
  var onelot = 5; //"一処理当たりの消化件数
  //"※メモ：今の所1200ms前後が読み込み間隔、一度の読み込みで20件ずつの読み込み。
  var skipcount=0; var skiplim = fincheck_msec/interval_msec;//"終点判定
  var loopman = setInterval(function(){ dmrevoloop(); },interval_msec);
  var dmlength = 0; var dmgetcount = 0; var dmdelcount = 0; var dmlihtmls = "";

var logstate=""
  var mestext=""

//"最終表示用メニュー
  let deskmenuhtml='<div id="deskmenu" style="z-index:9999;'
  +'line-height:46px;height:46px;overflow: hidden;">'
  +'　<a onclick="location.href=' +"'./'"
  +'" title="一つ上の階層へ移動">フォルダへ戻る</a>'
  +'　<a id="ar" onclick="afteranger()"'
  +'   title="期間を絞り込んで表示">期間指定</a>'
  +'　<a id="ct" onclick="convertext()"'
  +'   title="簡易表示に変換">簡易表示</a>'
  +'　　　　　タイトル：<b style="font-size:18px;font-weight:bold"'
  +' title="'+$("title").text()+'">'+$("title").text()+'</b>'
  +'</div><style>.topbar{z-index:9999}</style>'
  +'<script>'+convertext.toString()+'\n'
  +get_range.toString()+'\n'
  +afteranger.toString()+'</script>'
  
  
  //"以下メインの関数
  function dmrevoloop(){//スクロールの代わりに要素を消して天井を晒していくスタイル
    //"リミッターによる一時停止//{
    if(++lmcount >= lmcountlim)
    {
      mestext = '【一時停止】および【再開の確認】\n'
        +'タイマーが作動しました。現在まで'+dmgetcount+'件のメッセージを取得しました。'
        +'メッセージ数が増えるとより重くなることが予測されますので、'
        +'再開するかどうかはご自身で判断ください。【再開する場合はOKを押して下さい】'
      if(window.confirm(mestext)) lmcountlim+=2000;//"延長
      else skiplim=0;//"中断

}
    
    //"読み込み完了時停止
    if(skipcount >= skiplim) {
      clearInterval(loopman);
      console_log_p("stoped");//20190331console.log->p
      //"期間外削除
      $('.dm-convo ._timestamp').each( function(i){
        if( parseInt(this.dataset.time)*1000 > until
           || parseInt(this.dataset.time)*1000 < since )
        { this.closest('li').remove(); dmdelcount++;}
      } )
      
      //"クラス名スリム化ダメ押し
      $(".dm-convo>li, .DirectMessage-message").each( function(){
        this.className = this.className.replace(/\s+/g," ");
      } )
      
      //"メッセージ生成
      if(skiplim==0) mestext = 'ログの取得を中断しました。\n現時点までで取得できた';
      else mestext = '全ログの取得が完了しました。\n取得したすべての';
      mestext += 'ログを表示します（とても重い処理になるかも）\n'+(dmgetcount-dmdelcount)+'件ありまｓ'
      
      //"最終表示処理
      if(window.confirm(mestext)) {
        $(".dm-convo").append(dmlihtmls);//"変数からの取り出し
        $('#li_none').remove();//"再表示
        alert('保存するには：ctrl+sで名前をつけて保存')//}
        //"オフライン用、保存フォルダに移動
//        if(document.getElementById('deskmenu')==null)
        $('.global-nav-inner').html(deskmenuhtml)//"旧版メニューでも上書きできる
      }
      document.getElementById('ct').onclick = ()=>convertext();
      document.getElementById('ar').onclick = ()=>afteranger();

return $('#plog_base').remove();
    }//}

//"指定期間外に到達時
    logstate=""
    if(parseInt($('.dm-convo ._timestamp')[0].dataset.time)*1000 < since )
    {$(".dm-convo").removeAttr('data-thread-id');logstate+="-oderstop"}
    if($('.willdel').length>1) logstate+="-willdel:"+$('.willdel').length;

//"タイムスタンプ処理
    $('.dm-convo ._timestamp').each( function(i){
      //"削除予約済みスキップ
      if( $(this.closest('li')).hasClass('willdel') ) return true;
      //"指定期間外の削除予約
      if( parseInt(this.dataset.time)*1000 > until
         || parseInt(this.dataset.time)*1000 < since )
      { $(this.closest('li')).addClass('willdel');dmdelcount++;}
      //"処理済みスキップ
      if( $(this).hasClass('timeok') ) return true;
      //"処理済みマーキング
      $(this).removeClass('js-relative-timestamp').addClass('timeok')
      //"詳細日時埋め込み
      this.textContent = makedtstr(parseInt(this.dataset.time)*1000);
    } )

//"メッセージHTMLコード削減ダイエット//{
    $('.DirectMessage-actions').remove()
    $('.DMReadReceiptUserList').parent().remove()
    $('.u-hiddenVisually, .u-hidden').remove()
    $('.DMReadReceipt-check').remove()
    //}

//"要素数取得
    dmlength = $(".dm-convo>li").length 
    dmsysmeslength = $(".dm-convo>div").length 
    //"最低数以下ならスキップ
    if(dmlength <= onelot) {console.log("skip"+logstate);
      logtext.text("waiting... "+skipcount++); return;}//20190331console.log->p
    else skipcount=0;
    
    //"一時格納・投棄処理//{
    let E_dm_li
    for(let i=1; i<=onelot; i++)
    {
      E_dm_li = $(".dm-convo>li,.dm-convo>div")[dmlength+dmsysmeslength-i]

//長いクラス名の無駄をカット
      E_dm_li.className=E_dm_li.className.replace(/\s+/g," ")
      $(".DirectMessage-message")[dmlength-i].className
        = $(".DirectMessage-message")[dmlength-i].className.replace(/\s+/g," ")
      //"変数に格納しつつ一旦消去
      if($(E_dm_li).hasClass('willdel')==false)
        dmlihtmls=E_dm_li.outerHTML+dmlihtmls;

E_dm_li.remove()
    }//}

//"日付更新
    let E_dm_tstamp = $('.dm-convo ._timestamp')[dmlength-onelot-1]
    datetxt = makedtstr(parseInt(E_dm_tstamp.dataset.time)*1000);

//"カウント系
    dmgetcount+=onelot;

console_log_p(dmlength+"->"+$(".dm-convo>li").length
                +"["+dmgetcount+"]"+datetxt+logstate) //"要素数取得  
  }//20190331console.log->p
  //"endof dmrevoloop()
  
  //"日付文字列作成
  function makedtstr(newdatemsec=null)
  {
    if(newdatemsec==null) newdatemsec = Date.now()
    let d = new Date(newdatemsec);
    return d.getFullYear()+"年"
      +(d.getMonth()+101+"").slice(-2)+"月"
      +("0"+d.getDate()).slice(-2)+"日"
      +("0"+d.getHours()).slice(-2)+":"
      +("0"+d.getMinutes()).slice(-2)+":"
      +("0"+d.getSeconds()).slice(-2);
  }
  
  //"テキストに変換
  function convertext(){
    if(window.confirm('表示中の内容をテキストに変換しようとしています。変換を実行しますか？')==false) return; 
    let name,timestamp,tweettext,imgs,links,afterhtml="";
    $('body').css('display','none')
    $(".dm-convo>li").each((i,li)=>{
      tweettext = $('.tweet-text',li).text()
      timestamp = $('._timestamp',li).data('time')
      imgs = links = "";
      //"全てのliに必ずiconがある前提
      $('img',li).each((i,img)=>{
        if($(img).hasClass('DMAvatar-image')) name = $(img).attr('alt') 
        else imgs+='[<a href="'+$(img).attr('src')
          +'" target="_blank">img</a>]'
      })
      $('a',li).each((i,a)=>{
        if($(a).hasClass('js-user-profile-link')||$(a).hasClass('dm-attached-media')) return true;
        else links+='[<a href="'+$(a).attr('href')
          +'" target="_blank">url</a>]'
      })
      $('.js-macaw-cards-iframe-container',li).each((i,card)=>{
        links+='[<a href="'+$(card).data('card-url')
          +'" target="_blank">url</a>]'
      })

afterhtml+="<p title='"+timestamp + "'>"+ timestamp +'|<b>'+ name +'</b>|'
        + tweettext + imgs + links + '</p>'
    })
    $('head').html('<style>a,b{font-weight:600;}p{margin:0;}</style>'
                   +'<title>'+$('title').text()+'-TextEdition</title>')
    $('body').html(afterhtml).css('display','block')
  }
  
  //"DMを一旦非表示に。（描画軽量化及び自動スクロール誘発）
  function afteranger(){
    let range = get_range();
    const since = range.since_msec, until = range.until_msec;
    $('body').append('<style id="li_none">.dm-convo>li{display:none!important}</stile>')

alert('読み込みが終わるまでお待ち下さい')
    var loopman = setInterval(function(){ console.log('load:'+$('.dm-convo>li').length); },1000);

$(document).ready(function(){
      $('.dm-convo ._timestamp').each( function(i){
        if( parseInt(this.dataset.time)*1000 > until
           || parseInt(this.dataset.time)*1000 < since )
        { this.closest('li').remove(); }
      } )
      clearInterval(loopman);
      let text = $('.dm-convo>li').length+'件ありまｓ\n'
      alert(text+'保存するには：ctrl+sで名前をつけて保存')//}
      $('#li_none').remove();//"再表示
    });
  }
}())