mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-12 04:25:31 +08:00
67 lines
2.1 KiB
JavaScript
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;
|
|
}
|
|
}
|