Mastodon - Auto CW opener

by unarist 2018-10-04 [2018/10/04 22:51:19]

CWを自動で開きます。まる。

@@ -19,7 +19,8 @@
       .reduce((p, c) => p.concat(Array.from(c.querySelectorAll('.status__content'))), [])
       .forEach(n => {
         // open CW
-        if (n.lastElementChild.style.display === 'none') n.querySelector('.status__content__spoiler-link span').click();
+        if (n.lastElementChild.matches('.status__content__text:not(.status__content__text--visible'))
+          n.querySelector('.status__content__spoiler-link span').click();
         
         // open media spoiler
         // n.querySelector('.media-spoiler').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.querySelector('.media-spoiler').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 LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。