1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
/**
* Context menu for links
* Largely mimics click_a.js
*/
(function () {
let longClick = false;
/**
* Given event and target, return true if handled and false otherwise.
*/
type EventHandler = (e: Event, target: HTMLElement) => Boolean
const _frostCopyComment: EventHandler = (e, target) => {
if (!target.hasAttribute('data-commentid')) {
return false;
}
const text = target.innerText;
console.log(`Copy comment ${text}`);
Frost.contextMenu(null, text);
return true;
};
/**
* Posts should click a tag, with two parents up being div.story_body_container
*/
const _frostCopyPost: EventHandler = (e, target) => {
if (target.tagName !== 'A') {
return false;
}
const parent1 = target.parentElement;
if (!parent1 || parent1.tagName !== 'DIV') {
return false;
}
const parent2 = parent1.parentElement;
if (!parent2 || !parent2.classList.contains('story_body_container')) {
return false;
}
const url = target.getAttribute('href');
const text = parent1.innerText;
console.log(`Copy post ${url} ${text}`);
Frost.contextMenu(url, text);
return true;
};
const _getImageStyleUrl = (el: Element): string | null => {
const img = el.querySelector("[style*=\"background-image: url(\"]");
if (!img) {
return null
}
return (<String>window.getComputedStyle(img, null).backgroundImage).trim().slice(4, -1);
};
/**
* Opens image activity for posts with just one image
*/
const _frostImage: EventHandler = (e, target) => {
let element: Element = target;
// Notifications are two layers under
for (let i = 0; i < 2; i++) {
if (element.tagName !== 'A') {
element = <Element>element.parentElement;
} else {
break
}
}
if (element.tagName !== 'A') {
return false;
}
const url = element.getAttribute('href');
if (!url || url === '#') {
return false;
}
const text = (<HTMLElement>element.parentElement).innerText;
// Check if image item exists, first in children and then in parent
const imageUrl = _getImageStyleUrl(element) || _getImageStyleUrl(<Element>element.parentElement);
if (imageUrl) {
console.log(`Context image: ${imageUrl}`);
Frost.loadImage(imageUrl, text);
return true;
}
// Check if true img exists
const img = element.querySelector("img[src*=scontent]");
if (img instanceof HTMLMediaElement) {
const imgUrl = img.src;
console.log(`Context img: ${imgUrl}`);
Frost.loadImage(imgUrl, text);
return true;
}
console.log(`Context content ${url} ${text}`);
Frost.contextMenu(url, text);
return true;
};
const handlers = [_frostImage, _frostCopyComment, _frostCopyPost];
const _frostAContext = (e: Event) => {
Frost.longClick(true);
longClick = true;
/*
* Commonality; check for valid target
*/
const target = e.target || e.currentTarget || e.srcElement;
if (!(target instanceof HTMLElement)) {
console.log("No element found");
return
}
for (const h of handlers) {
if (h(e, target)) {
e.stopPropagation();
e.preventDefault();
return
}
}
};
document.addEventListener('contextmenu', _frostAContext, true);
document.addEventListener('touchend', () => {
if (longClick) {
Frost.longClick(false);
longClick = false
}
}, true);
}).call(undefined);
|
