Created
March 3, 2018 12:51
-
-
Save theoria24/a368921151f86e3f83374bdcf91dacd4 to your computer and use it in GitHub Desktop.
mastodonのTLにOGPを表示するやつ
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ==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); | |
| })(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
https://github.com/theoria24/MstdnTimelinePreviewCard に移動します