mastodonのTLにOGPを表示するやつ

mstdn-OGP.user.js

// ==UserScript==
// @name         mastodonのTLにOGPを表示するやつ
// @namespace    https://github.com/theoria24/
// @version      0.1
// @description  OGPをTLに表示します
// @author       theoria
// @match        https://theboss.tech/web/*
// @grant        none
// @require      http://code.jquery.com/jquery-2.2.4.min.js
// @license      MIT License
// ==/UserScript==

var INSTANCE = $(location).attr('host');

function card_formater(url,title,description,image,width,height){
    return '<a href="' + url + '" class="status-card" target="_blank" rel="noopener"><div class="status-card__image"><img src="' + image + '" alt="' + title + '" class="status-card__image-image" width="' + width + '" height="' + height + '"></div><div class="status-card__content"><strong class="status-card__title" title="' + title + '">' + title + '</strong><p class="status-card__description">' + description + '</p><span class="status-card__host">' + url.match(/^https?:\/\/(.*?)\//)[1] + '</span></div></a>';
}

(function() {
    'use strict';
    setTimeout(function(){
        $('.column > div.scrollable > div.item-list > article:not(.carded,:has(.notification))').each(function() {
            $(this).addClass("carded");
            var id = $(this);
            $.getJSON("https://"+ INSTANCE + "/api/v1/statuses/" + id.attr('data-id') + "/card").done(function(data) {
                if (data.image) {
                    $(id).find('.status__content').after(card_formater(data.url,data.title,data.description,data.image,data.width,data.height));
                }
            });
        });
        (new MutationObserver(function (MutationRecords, MutationObserver) {
            $('.column > div.scrollable > div.item-list > article:not(.carded,:has(.notification))').each(function() {
                $(this).addClass("carded");
                var id = $(this);
                $.getJSON("https://"+ INSTANCE + "/api/v1/statuses/" + id.attr('data-id') + "/card").done(function(data) {
                    if (data.image) {
                        $(id).find('.status__content').after(card_formater(data.url,data.title,data.description,data.image,data.width,data.height));
                    }
                });
            });
        })).observe($('.item-list').get(0), {
            childList: true,
        });
    },10000);
})();

https://github.com/theoria24/MstdnTimelinePreviewCard に移動します