mirror of
https://github.com/chylex/TweetDuck.git
synced 2025-04-28 18:15:47 +02:00
175 lines
4.8 KiB
JavaScript
175 lines
4.8 KiB
JavaScript
(function($,$TD){
|
|
//
|
|
// Constant: List of valid font size classes.
|
|
//
|
|
var fontSizeClasses = [ "txt-base-smallest", "txt-base-small", "txt-base-medium", "txt-base-large", "txt-base-largest" ];
|
|
|
|
//
|
|
// Variable: Says whether TweetDick events was initialized.
|
|
//
|
|
var isInitialized = false;
|
|
|
|
//
|
|
// Variable: Previous font size class in the <html> tag.
|
|
//
|
|
var prevFontSizeClass;
|
|
|
|
//
|
|
// Function: Initializes TweetDick events. Called after the website app is loaded.
|
|
//
|
|
var initializeTweetDick = function(){
|
|
// Settings button hook
|
|
$("[data-action='settings-menu']").click(function(){
|
|
setTimeout(function(){
|
|
var menu = $(".js-dropdown-content").children("ul").first();
|
|
if (menu.length == 0)return;
|
|
|
|
menu.children(".drp-h-divider").last().after('<li class="is-selectable" data-tweetdick><a href="#" data-action>TweetDick</a></li><li class="drp-h-divider"></li>');
|
|
|
|
var tweetDickBtn = menu.children("[data-tweetdick]").first();
|
|
|
|
tweetDickBtn.on("click","a",function(){
|
|
$TD.openSettingsMenu();
|
|
});
|
|
|
|
tweetDickBtn.hover(function(){
|
|
$(this).addClass("is-selected");
|
|
},function(){
|
|
$(this).removeClass("is-selected");
|
|
});
|
|
},0);
|
|
});
|
|
|
|
// Tweet notifications
|
|
(function(){
|
|
var columns = $(".js-app-columns").first();
|
|
|
|
var refreshColumnObservers = function(){
|
|
columns.children().each(function(){
|
|
registerTweetObserverForColumn($(this));
|
|
});
|
|
};
|
|
|
|
new MutationObserver(refreshColumnObservers).observe(columns[0],{
|
|
childList: true
|
|
});
|
|
|
|
refreshColumnObservers();
|
|
})();
|
|
|
|
isInitialized = true;
|
|
};
|
|
|
|
//
|
|
// Function: Registers an observer to a TweetDeck column, which reports new tweets.
|
|
//
|
|
var registerTweetObserverForColumn = function(column){
|
|
if (column[0].hasAttribute("data-tweetdick-observed"))return;
|
|
|
|
var mid = column;
|
|
mid = mid.children().first();
|
|
mid = mid.children().first();
|
|
mid = mid.children(".js-column-content").first();
|
|
mid = mid.children(".js-column-scroller").first();
|
|
|
|
var container = mid.children(".js-chirp-container").first();
|
|
if (container.length == 0)return;
|
|
|
|
new MutationObserver(function(mutations){
|
|
// TODO check if popups are enabled first
|
|
|
|
Array.prototype.forEach.call(mutations,function(mutation){
|
|
Array.prototype.forEach.call(mutation.addedNodes,function(node){
|
|
if (node.tagName != "ARTICLE")return;
|
|
|
|
onNewTweet(column,node);
|
|
});
|
|
});
|
|
}).observe(container[0],{
|
|
childList: true
|
|
});
|
|
|
|
column[0].setAttribute("data-tweetdick-observed","");
|
|
};
|
|
|
|
//
|
|
// Function: Event callback for a new tweet.
|
|
//
|
|
var onNewTweet = function(column, tweet){
|
|
var html = $(tweet.outerHTML);
|
|
html.find("footer:first").remove();
|
|
|
|
$TD.onTweetPopup(html.html(),""); // TODO
|
|
};
|
|
|
|
//
|
|
// Function: Retrieves the font size using <html> class attribute.
|
|
//
|
|
var getFontSizeClass = function(){
|
|
for(var index = 0; index < fontSizeClasses.length; index++){
|
|
if (document.documentElement.classList.contains(fontSizeClasses[index])){
|
|
return fontSizeClasses[index];
|
|
}
|
|
}
|
|
|
|
return fontSizeClasses[0];
|
|
};
|
|
|
|
//
|
|
// Function: Retrieves the tags to be put into <head> for notification HTML code.
|
|
//
|
|
var getNotificationHeadContents = function(){
|
|
var tags = [];
|
|
|
|
$(document.head).children("link[rel='stylesheet'],meta[charset],meta[http-equiv]").each(function(){
|
|
tags.push($(this)[0].outerHTML);
|
|
});
|
|
|
|
return tags.join("");
|
|
};
|
|
|
|
//
|
|
// Block: Observe the app <div> element and initialize TweetDick whenever possible.
|
|
//
|
|
var app = $("body").children(".js-app");
|
|
|
|
new MutationObserver(function(mutations){
|
|
if (isInitialized && app.hasClass("is-hidden")){
|
|
isInitialized = false;
|
|
}
|
|
else if (!isInitialized && !app.hasClass("is-hidden")){
|
|
initializeTweetDick();
|
|
}
|
|
}).observe(app[0],{
|
|
attributes: true,
|
|
attributeFilter: [ "class" ]
|
|
});
|
|
|
|
//
|
|
// Block: Observe changes in <html> class to update font size.
|
|
//
|
|
new MutationObserver(function(mutations){
|
|
var fsClass = getFontSizeClass();
|
|
|
|
if (fsClass != prevFontSizeClass){
|
|
prevFontSizeClass = fsClass;
|
|
$TD.loadFontSizeClass(fsClass);
|
|
}
|
|
}).observe(document.documentElement,{
|
|
attributes: true,
|
|
attributeFilter: [ "class" ]
|
|
});
|
|
|
|
//
|
|
// Block: Observe stylesheet swapping.
|
|
//
|
|
new MutationObserver(function(mutations){
|
|
$TD.loadNotificationHeadContents(getNotificationHeadContents());
|
|
}).observe(document.head.querySelector("[http-equiv='Default-Style']"),{
|
|
attributes: true,
|
|
attributeFilter: [ "content" ]
|
|
});
|
|
|
|
$TD.loadNotificationHeadContents(getNotificationHeadContents());
|
|
})($,$TD);
|