mirror of https://github.com/cheeaun/phanpy
80 lines
2.6 KiB
JavaScript
80 lines
2.6 KiB
JavaScript
import states from './states';
|
|
|
|
function handleContentLinks(opts) {
|
|
const { mentions = [], instance, previewMode, statusURL } = opts || {};
|
|
return (e) => {
|
|
let { target } = e;
|
|
target = target.closest('a');
|
|
if (!target) return;
|
|
|
|
// If cmd/ctrl/shift/alt key is pressed or middle-click, let the browser handle it
|
|
if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.which === 2) {
|
|
return;
|
|
}
|
|
|
|
const prevText = target.previousSibling?.textContent;
|
|
const textBeforeLinkIsAt = prevText?.endsWith('@');
|
|
const textStartsWithAt = target.innerText.startsWith('@');
|
|
if (
|
|
((target.classList.contains('u-url') ||
|
|
target.classList.contains('mention')) &&
|
|
textStartsWithAt) ||
|
|
(textBeforeLinkIsAt && !textStartsWithAt)
|
|
) {
|
|
const targetText = (
|
|
target.querySelector('span') || target
|
|
).innerText.trim();
|
|
const username = targetText.replace(/^@/, '');
|
|
const url = target.getAttribute('href');
|
|
// Only fallback to acct/username check if url doesn't match
|
|
const mention =
|
|
mentions.find((mention) => mention.url === url) ||
|
|
mentions.find(
|
|
(mention) =>
|
|
mention.acct === username || mention.username === username,
|
|
);
|
|
console.warn('MENTION', mention, url);
|
|
if (mention) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
states.showAccount = {
|
|
account: mention.acct,
|
|
instance,
|
|
};
|
|
} else if (!/^http/i.test(targetText)) {
|
|
console.log('mention not found', targetText);
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
const href = target.getAttribute('href');
|
|
states.showAccount = {
|
|
account: href,
|
|
instance,
|
|
};
|
|
}
|
|
} else if (!previewMode) {
|
|
const textBeforeLinkIsHash = prevText?.endsWith('#');
|
|
if (target.classList.contains('hashtag') || textBeforeLinkIsHash) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
const tag = target.innerText.replace(/^#/, '').trim();
|
|
const hashURL = instance ? `#/${instance}/t/${tag}` : `#/t/${tag}`;
|
|
console.log({ hashURL });
|
|
location.hash = hashURL;
|
|
} else if (
|
|
states.unfurledLinks[target.href]?.url &&
|
|
statusURL !== target.href
|
|
) {
|
|
// If unfurled AND not self-referential
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
states.prevLocation = {
|
|
pathname: location.hash.replace(/^#/, ''),
|
|
};
|
|
location.hash = `#${states.unfurledLinks[target.href].url}`;
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
export default handleContentLinks;
|