ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: dedupe mentions

Browse source
This commit is contained in:
Ayo Ayco 2025-03-01 21:29:45 +01:00
parent 4d10889ebc
commit 821f4d01e7
1 changed files with 24 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
assets/js/webmention-utils.mjs
View file

@ -54,19 +54,25 @@ function createRepliesBlock(replies, heading) {
repliesWrapper.append(repliesHeader); repliesWrapper.append(repliesHeader);
const frag = document.createDocumentFragment(); const frag = document.createDocumentFragment();
const cards = []
replies.forEach((reply) => { replies.forEach((reply) => {
const author = document.createElement("p"); const author = document.createElement("p");
author.className = "author-wrapper"; author.className = "author-wrapper";
author.innerHTML = `<a href="${reply.author.url}"><minidenticon-svg username="${reply.author.url}" alt="Avatar for ${ author.innerHTML = `
<a href="${reply.author.url}">
<minidenticon-svg username="${reply.author.url}" alt="Avatar for ${
reply.author.name reply.author.name
}" class="reply-photo" src="${ }" class="reply-photo" src="${reply.author.photo}">
reply.author.photo </minidenticon-svg>
}"></minidenticon-svg></a> <span class="reply-name">${reply.author.name}</span><a href="${ </a>
reply.url
}" class="reply-date">${new Date( <span class="reply-name">${reply.author.name}</span>
<a href="${reply.url}" class="reply-date">${new Date(
reply.published reply.published
).toLocaleDateString()}</a><div class="clear-both"></div>`; ).toLocaleDateString()}</a>
<div class="clear-both"></div>`;
const card = document.createElement("div"); const card = document.createElement("div");
card.className = "reply-card"; card.className = "reply-card";
if (typeof Sanitizer !== "undefined") { if (typeof Sanitizer !== "undefined") {
@ -100,7 +106,7 @@ function createAvatarBlock(mentions, headingText) {
mentions.forEach((mention) => { mentions.forEach((mention) => {
const identicon = document.createElement("minidenticon-svg"); const identicon = document.createElement("minidenticon-svg");
identicon.setAttribute('username', mention.author.url) identicon.setAttribute("username", mention.author.url);
const link = document.createElement("a"); const link = document.createElement("a");
link.href = mention.author.url; link.href = mention.author.url;
@ -117,7 +123,7 @@ export async function getMentions(url) {
let mentions = []; let mentions = [];
let page = 0; let page = 0;
let perPage = 100; let perPage = 100;
// strip search params // strip search params
url = url.split(/[?#]/)[0]; url = url.split(/[?#]/)[0];
@ -126,7 +132,14 @@ export async function getMentions(url) {
`https://webmention.io/api/mentions.jf2?target=${url}&per-page=${perPage}&page=${page}` `https://webmention.io/api/mentions.jf2?target=${url}&per-page=${perPage}&page=${page}`
).then((r) => r.json()); ).then((r) => r.json());
mentions = mentions.concat(results.children); // dedupe depending on URL
mentions = mentions.concat(results.children).filter((obj, index, array) => {
const found = array.find((item) => item.url === obj.url);
const foundIndex = array.indexOf(found);
return foundIndex === index;
});
console.log(mentions.map((a) => a.url));
if (results.children.length < perPage) { if (results.children.length < perPage) {
break; break;