[mastodon]いいねブーストした人を可視化

by pacochi 2018-03-31 [2018/03/31 00:02:16]

トゥートの個別ページでいいね・ブーストした人のアイコンを表示します。

• // @title [mastodon]いいねブーストした人を可視化
  // @description トゥートの個別ページでいいね・ブーストした人のアイコンを表示します。
  // @include https://*/users/*/updates/*
  // @include https://*/@*/*
  // @license MIT License
  // @javascript_url
  
  /*
  friends.nico は "アクセストークンが無効です。" ってエラー返ってくるからまた今度
  */
  
  ((d = document, l, u) => {
  
  	l = [...d.querySelectorAll('a.detailed-status__datetime, .detailed-status__meta>span')];
  	if (l.length != 3) return;
  	u = l.shift().href.match(/^(.+?\/)@.+?(\/\d+)/);
  	if (!u) return;
  
  	l.forEach((n, i) => {
  
  		if (n.textContent > 0)
  		 fetch(u[1] + 'api/v1/statuses' + u[2] + ['/reblogged_by', '/favourited_by'][i])
  		 .then(r => r.json()).then(j => (j.forEach ? j : []).forEach(a => {
  
  			n.appendChild(Object.assign(d.createElement('a'), {
  			 href: a.url, title: a.display_name
  			}))
  			.appendChild(Object.assign(d.createElement('img'), {
  			 src: a.avatar, style: 'width: 20px; height: 20px; margin: 0 2px;'
  			}));
  
  		 }));
  
  	});
  
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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