完成図

mastodonのローカルタイムラインではトゥートのお気に入り数を確認することができなかったので、確認できるようにした。
個人的な備忘録です。
さくらのスタートアップスクリプトを利用した非docker環境、mastodon v3.0.0です。

やり方は簡単2ステップ

1.コードを書き換える

mastodon/app/javascript/mastodon/components/
内の、
status_action_bar.js
の一部をを書き換える。

変更前

<IconButton className='status__action-bar-button star-icon' animate active={status.get('favourited')} pressed={status.get('favourited')} title={intl.formatMessage(messages.favourite)} icon='star' onClick={this.handleFavouriteClick} />

変更後

 <div className='status__action-bar__fav__counter'><IconButton className='status__action-bar-button star-icon' animate active={status.get('favourited')} pressed={status.get('favourited')} title={intl.formatMessage(messages.favourite)} icon='star' onClick={this.handleFavouriteClick} /><span className='detailed-status__favourites' >{status.get('favourites_count')}</span></div>

2. プリコンパイル、再起動を行う

コードを書き換えた後にはプリコンパイルをする。
https://tatesuke.github.io/KanTanMarkdown/syntax.html
で紹介されている方法ををそっくりそのまま実行する。

yama-k 2017-07-05 14:58
こちらを参考にさせていただきました。ありがとうございます。
最後のプリコンパイルですが、さくらのスタートアップスクリプト利用の場合、
・ユーザーを変更（su mastodon）
・変更したCSSや画像の位置までカレントフォルダをcdで移動
・RAILS_ENV=production bundle exec rails assets:precompile　を実行
・rootユーザーに戻って、systemctl restart mastodon*　でmastodonを再起動
でうまくいきました。

これにて終了。

※Rubyのバージョンによっては、RAILS_ENV=production bundle exec rails assets:precompileが使用できない場合がある。
以下の記事を参考にバージョン変更を行う。
https://qiita.com/inouet/items/478f4228dbbcd442bfe8

※環境変数PATHに毎回rbenvを追加してから実行している。
　接続するたびにPATHはリセットされるらしい。

アップデートをした感想

目的通りタイムライン上でお気に入り数を確認できてよかった。
お気に入り数の位置と色が気に食わないので、調整したい。
あと、お気に入り数が多いトゥートは色を変えて強調表示させたい。

参考にしたサイト

https://tatesuke.github.io/KanTanMarkdown/syntax.html
https://qiita.com/inouet/items/478f4228dbbcd442bfe8