Mastodon - Auto CW opener

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

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

@@ -17,4 +17,17 @@
         $(nodes).find('.status__content:has(> :nth-child(3)) .status__content__spoiler-link span').click();
         // open media spoiler
         // $(nodes).find('.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();
+    });
+
+*/

• /*
   * @title Mastodon - Auto CW opener
   * @description CWを自動で開きます。まる。
   * @include http://*/web/*
   * @license MIT License
   * @javascript_url
   */
  
  /*
    .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 => {
          // open CW
          $(nodes).find('.status__content:has(> :nth-child(3)) .status__content__spoiler-link span').click();
          // open media spoiler
          // $(nodes).find('.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 です。