-
Notifications
You must be signed in to change notification settings - Fork 1
/
utils.js
123 lines (98 loc) · 2.88 KB
/
utils.js
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
class AtURI {
/** @param {string} uri */
constructor(uri) {
if (!uri.startsWith('at://')) {
throw new URLError(`Not an at:// URI: ${uri}`);
}
let parts = uri.split('/');
if (parts.length != 5) {
throw new URLError(`Invalid at:// URI: ${uri}`);
}
this.repo = parts[2];
this.collection = parts[3];
this.rkey = parts[4];
}
}
/** @param {string} tag, @param {string | object} [params], @returns {any} */
function $tag(tag, params) {
let element;
let parts = tag.split('.');
if (parts.length > 1) {
let tagName = parts[0];
element = document.createElement(tagName);
element.className = parts.slice(1).join(' ');
} else {
element = document.createElement(tag);
}
if (typeof params === 'string') {
element.className = element.className + ' ' + params;
} else if (params) {
for (let key in params) {
if (key == 'text') {
element.innerText = params[key];
} else if (key == 'html') {
element.innerHTML = params[key];
} else {
element[key] = params[key];
}
}
}
return element;
}
/** @param {string} name, @returns {any} */
function $id(name) {
return document.getElementById(name);
}
/** @param {string} uri, @returns {AtURI} */
function atURI(uri) {
return new AtURI(uri);
}
function castToInt(value) {
if (value === undefined || value === null || typeof value == "number") {
return value;
} else {
return parseInt(value, 10);
}
}
/** @param {string} html, @returns {string} */
function escapeHTML(html) {
return html.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g,'>');
}
/** @param {string} html, @returns {string} */
function sanitizeHTML(html) {
return DOMPurify.sanitize(html, {
ALLOWED_TAGS: [
'a', 'b', 'blockquote', 'br', 'code', 'dd', 'del', 'div', 'dl', 'dt', 'em', 'font',
'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'i', 'li', 'ol', 'p', 'q', 'pre', 's', 'span', 'strong',
'sub', 'sup', 'u', 'wbr', '#text'
],
ALLOWED_ATTR: [
'align', 'alt', 'class', 'clear', 'color', 'dir', 'href', 'lang', 'rel', 'title', 'translate'
]
});
}
/** @returns {string} */
function getLocation() {
return location.origin + location.pathname;
}
/** @param {Date} date1, @param {Date} date2, @returns {boolean} */
function sameDay(date1, date2) {
return (
date1.getDate() == date2.getDate() &&
date1.getMonth() == date2.getMonth() &&
date1.getFullYear() == date2.getFullYear()
);
}
/** @param {Post} post, @returns {string} */
function linkToPostThread(post) {
return linkToPostById(post.author.handle, post.rkey);
}
/** @param {string} handle, @param {string} postId, @returns {string} */
function linkToPostById(handle, postId) {
let url = new URL(getLocation());
url.searchParams.set('author', handle);
url.searchParams.set('post', postId);
return url.toString();
}