Mastodon - Auto CW opener

    @@ -23,7 +23,7 @@ n.querySelector('.status__content__spoiler-link span').click(); // open media spoiler - // n.querySelector('.media-spoiler').click(); + // (n.closest('.status').querySelector('.media-spoiler')||{click(){}}).click(); }); });
  • /*
     * @title Mastodon - Auto CW opener
     * @description CWを自動で開きます。まる。
     * @license MIT License
     * @javascript_url
     */
    
    // jQuery依存がなくなるようなのでjQueryなしで書き直し。
    
    /*
      .status-listをtargetとして複数降ってくることが多いので、targetをそのまま反復するのは無駄が多い。
      addedNodesを見る or mutationRecordsは無視して監視対象のコンテナからquerySelector、するのがよさそう。
    */
    ((target, proc) => (new MutationObserver(m => m.forEach(r => proc(r.addedNodes))).observe(target, { childList: 1, subtree: 1 }), proc([target])))(
      document.querySelector('.columns-area'),
      nodes => {
        Array.from(nodes)
          .filter(n => n.nodeType === Node.ELEMENT_NODE)
          .reduce((p, c) => p.concat(Array.from(c.querySelectorAll('.status__content'))), [])
          .forEach(n => {
            // open CW
            if (n.lastElementChild.matches('.status__content__text:not(.status__content__text--visible'))
              n.querySelector('.status__content__spoiler-link span').click();
            
            // open media spoiler
            // (n.closest('.status').querySelector('.media-spoiler')||{click(){}}).click();
          });
      });
    
    /* でも前のがES2016活用(?)していておもしろかったので残しとく
    
    ((target, proc) => (new MutationObserver(m=>m.forEach(proc)).observe(target, {childList:1, subtree:1}), proc({target})))(
        document.querySelector('.columns-area'),
        ({target}) => {
            // open CW
            $(target).find('.status__content:has(> :nth-child(3)) .status__content__spoiler-link span').click();
            // open media spoiler
            // $(target).find('.media-spoiler').click();
        });
    
    */
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2018/10/04 22:51:19 - 2018-10-04
  2. 2018/08/24 23:52:34 - 2018-08-24
  3. 2017/05/15 00:59:34 - 2017-05-15
  4. 2017/05/14 20:58:28 - 2017-05-14
  5. 2017/05/06 21:34:26 - 2017-05-06
  6. 2017/05/06 21:23:59 - 2017-05-06
  7. 2017/05/06 21:10:23 - 2017-05-06
  8. 2017/05/06 20:27:54 - 2017-05-06
  9. 2017/05/06 20:12:43 - 2017-05-06