Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-21 13:19:22 +01:00
Code Issues Projects Releases Packages Wiki Activity

Attempt to shorten links if not shortened

Browse source 
This usually comes from non-Mastodon instances
This commit is contained in:
Lim Chee Aun 2024-02-03 20:36:25 +08:00
parent a66a4e238e
commit 36f38230c4
1 changed files with 25 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/utils/enhance-content.js
View file

@ -37,6 +37,7 @@ function _enhanceContent(content, opts = {}) {
links.forEach((link) => { links.forEach((link) => {
if (/^https?:\/\//i.test(link.textContent.trim())) { if (/^https?:\/\//i.test(link.textContent.trim())) {
link.classList.add('has-url-text'); link.classList.add('has-url-text');
shortenLink(link);
} }
}); });
} }
@ -287,6 +288,30 @@ const defaultRejectFilter = [
const defaultRejectFilterMap = Object.fromEntries( const defaultRejectFilterMap = Object.fromEntries(
defaultRejectFilter.map((nodeName) => [nodeName, true]), defaultRejectFilter.map((nodeName) => [nodeName, true]),
); );
const URL_PREFIX_REGEX = /^(https?:\/\/(www\.)?|xmpp:)/;
const URL_DISPLAY_LENGTH = 30;
// Similar to https://github.com/mastodon/mastodon/blob/1666b1955992e16f4605b414c6563ca25b3a3f18/app/lib/text_formatter.rb#L54-L69
function shortenLink(link) {
if (!link || link.querySelector?.('*')) {
return;
}
try {
const url = link.innerText.trim();
const prefix = (url.match(URL_PREFIX_REGEX) || [])[0] || '';
if (!prefix) return;
const displayURL = url.slice(
prefix.length,
prefix.length + URL_DISPLAY_LENGTH,
);
const suffix = url.slice(prefix.length + URL_DISPLAY_LENGTH);
const cutoff = url.slice(prefix.length).length > URL_DISPLAY_LENGTH;
link.innerHTML = `<span class="invisible">${prefix}</span><span class=${
cutoff ? 'ellipsis' : ''
}>${displayURL}</span><span class="invisible">${suffix}</span>`;
} catch (e) {}
}
function extractTextNodes(dom, opts = {}) { function extractTextNodes(dom, opts = {}) {
const textNodes = []; const textNodes = [];
const rejectFilterMap = Object.assign( const rejectFilterMap = Object.assign(