Mastodon - Auto CW opener

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

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

@@ -14,19 +14,18 @@
 ((target, proc) => (new MutationObserver(m => m.forEach(r => proc(r.addedNodes))).observe(target, { childList: 1, subtree: 1　}), proc([target])))(
   document.querySelector('.columns-area'),
   nodes => {
-    // open CW
-    [...nodes]
+    Array.from(nodes)
       .filter(n => n.nodeType === Node.ELEMENT_NODE)
-      .reduce((p, c) => p.concat([...c.querySelectorAll('.status__content')]), [])
+      .reduce((p, c) => p.concat(Array.from(c.querySelectorAll('.status__content'))), [])
       .forEach(n => {
-        if (n.children.length === 3) n.querySelector('.status__content__spoiler-link span').click();
+        // open CW
+        if (n.lastElementChild.style.display === 'none') 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})))(

• /*
   * @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.style.display === 'none') 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 です。