Mercurial > ec-userscripts

annotate tweetdeck-large-image.user.js @ 55:19c391840d4a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Rewrite the whole thing to use observer instead And holy crap plain javascript is stupid. Doesn't help I'm not using smarter loop method.
author nanaya <me@nanaya.pro>
date Sat, 07 Jul 2018 01:29:36 +0900
parents 2e1cae72a63e
children 09f735548b2c
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
24
Edho Arief <me@myconan.net>
parents:
diff changeset
1 // ==UserScript==
Edho Arief <me@myconan.net>
parents:
diff changeset
2 // @name Tweetdeck large image
Edho Arief <me@myconan.net>
parents:
diff changeset
3 // @namespace https://myconan.net
55
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
4 // @version 2.0.0
24
Edho Arief <me@myconan.net>
parents:
diff changeset
5 // @description No more stupid link for images in tweetdeck
Edho Arief <me@myconan.net>
parents:
diff changeset
6 // @author nanaya
Edho Arief <me@myconan.net>
parents:
diff changeset
7 // @match https://tweetdeck.twitter.com/*
Edho Arief <me@myconan.net>
parents:
diff changeset
8 // @grant none
35
32a213717e6a Update update url
nanaya <me@nanaya.pro>
parents: 33
diff changeset
9 // @downloadURL https://bitbucket.org/!api/2.0/snippets/nanayapro/TK64/tip/files/tweetdeck-large-image.user.js
24
Edho Arief <me@myconan.net>
parents:
diff changeset
10 // ==/UserScript==
Edho Arief <me@myconan.net>
parents:
diff changeset
11
Edho Arief <me@myconan.net>
parents:
diff changeset
12 ;(function() {
33
Edho Arief <me@myconan.net>
parents: 28
diff changeset
13 "use strict";
Edho Arief <me@myconan.net>
parents: 28
diff changeset
14
55
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
15 // loop through passed nodes (or body if called without arguments)
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
16 var run = function(nodes) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
17 if (nodes === undefined) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
18 nodes = [document.body];
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
19 }
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
20
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
21 for (var i = 0; i < nodes.length; i++) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
22 // first try fixing itself
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
23 fix(nodes[i]);
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
24
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
25 // and then find all the links inside
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
26 var links = nodes[i].querySelectorAll(".js-media-image-link");
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
27
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
28 for (var j = 0; j < links.length; j++) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
29 fix(links[j]);
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
30 }
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
31 }
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
32 };
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
33
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
34 var fix = function(link) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
35 // basic sanity check
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
36 if (!link.classList.contains("js-media-image-link")) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
37 return;
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
38 }
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
39
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
40 // don't run again if already run on passed link
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
41 if (link._ecUserscript) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
42 return;
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
43 }
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
44 link._ecUserscript = true;
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
45
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
46 var image = link.querySelector(".media-img");
49
2e1cae72a63e Semicolons
nanaya <me@nanaya.pro>
parents: 35
diff changeset
47 var url;
55
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
48
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
49 if (image === null) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
50 // sometimes the image is just background image of the link.
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
51 // strip all query strings and original :size suffix
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
52 url = getComputedStyle(link).backgroundImage.replace(/^url\(('|")?(.+?)(?::small)?(?:\?.*)?\1\)$/, "$2");
28
Edho Arief <me@myconan.net>
parents: 26
diff changeset
53 } else {
55
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
54 url = image.src.replace(/:[a-z0-9]+(?:\?.*)?$/, "");
28
Edho Arief <me@myconan.net>
parents: 26
diff changeset
55 }
55
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
56
49
2e1cae72a63e Semicolons
nanaya <me@nanaya.pro>
parents: 35
diff changeset
57 link.setAttribute("href", url + ":orig");
55
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
58
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
59 };
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
60
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
61 var onMutate = function(mutations) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
62 for (var mutation in mutations) {
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
63 run(mutation.addedNodes);
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
64 }
49
2e1cae72a63e Semicolons
nanaya <me@nanaya.pro>
parents: 35
diff changeset
65 };
55
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
66
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
67 // the observer
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
68 var observer = new MutationObserver(onMutate);
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
69
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
70 // start the observer
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
71 observer.observe(document, { childList: true, subtree: true});
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
72 // initial run on existing document
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
73 run();
19c391840d4a Rewrite the whole thing to use observer instead
nanaya <me@nanaya.pro>
parents: 49
diff changeset
74 }).call();