Mailspring/internal_packages/message-list/lib/autolinker.es6

67 lines
2.1 KiB
JavaScript

import {RegExpUtils, DOMUtils} from 'nylas-exports';
function _runOnTextNode(node, matchers) {
if (node.parentElement) {
const withinScript = node.parentElement.tagName === "SCRIPT";
const withinStyle = node.parentElement.tagName === "STYLE";
const withinA = (node.parentElement.closest('a') !== null);
if (withinScript || withinA || withinStyle) {
return;
}
}
if (node.textContent.trim().length < 4) {
return;
}
for (const [prefix, regex] of matchers) {
regex.lastIndex = 0;
const match = regex.exec(node.textContent);
if (match !== null) {
const href = `${prefix}${match[0]}`;
const range = document.createRange();
range.setStart(node, match.index);
range.setEnd(node, match.index + match[0].length);
const aTag = DOMUtils.wrap(range, 'A');
aTag.href = href;
aTag.title = href;
return;
}
}
}
export function autolink(doc, {async} = {}) {
// Traverse the new DOM tree and make things that look like links clickable,
// and ensure anything with an href has a title attribute.
const textWalker = document.createTreeWalker(doc.body, NodeFilter.SHOW_TEXT);
const matchers = [
['mailto:', RegExpUtils.emailRegex()],
['tel:', RegExpUtils.phoneRegex()],
['', RegExpUtils.urlRegex({matchEntireString: false})],
];
if (async) {
const fn = (deadline) => {
while (textWalker.nextNode()) {
_runOnTextNode(textWalker.currentNode, matchers);
if (deadline.timeRemaining() <= 0) {
window.requestIdleCallback(fn, {timeout: 500});
return;
}
}
};
window.requestIdleCallback(fn, {timeout: 500});
} else {
while (textWalker.nextNode()) {
_runOnTextNode(textWalker.currentNode, matchers);
}
}
// Traverse the new DOM tree and make sure everything with an href has a title.
const aTagWalker = document.createTreeWalker(doc.body, NodeFilter.SHOW_ELEMENT, {
acceptNode: (node) =>
(node.href && !node.title) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
,
});
while (aTagWalker.nextNode()) {
aTagWalker.currentNode.title = aTagWalker.currentNode.href;
}
}