sinzmise-cetastories 2.0.0-1737854173972 → 2.0.0-1737854591122

package/js/webmention/webmention-timeline.js

@@ -1 +1,53 @@
-function webmention(){const e=window.webmentionContext.webmentionsPromise;var a="";e&&e.then((function(e){const n=[...new Map(e.children.map((e=>[e.author.url,e]))).values()].sort(((e,a)=>new Date(e["wm-received"])-new Date(a["wm-received"])));a+="<div><p>",n.length>0&&(a+=GLOBAL_CONFIG.lang.webmention.likes+"</p>"),a+='<div className="webmention-avatars">',n.forEach((function(e){a+=`<a class="avatar-wrapper" href=${e.author.url} key=${e.author.name}><image class="wm-avatar" loading="lazy" src=${""!=e.author.photo?e.author.photo:"/img/avatar.png"} data-nimg="fill" sizes="(max-width: 768px) 100vw,(max-width: 1200px) 50vw, 33vw"/></a>`})),a+="</div>";const t=n.filter((e=>("in-reply-to"in e||"mention-of"in e)&&"content"in e));t&&t.length&&(a+='<div class="webmention-replies">',a+="</br><h3>"+GLOBAL_CONFIG.lang.webmention.comment+"</h3>",a+='<ul class="replies">',t.forEach((function(e){a+=`<li class="reply" key=${e["wm-id"]}>`,a+="<div>",a+=`<a class="avatar-wrapper" href=${e.author.url} key=${e.author.name}><image class="wm-avatar" loading="lazy" src=${""!=e.author.photo?e.author.photo:"/img/avatar.png"} alt=${e.author.name} data-nimg="fill" sizes="(max-width: 768px) 100vw,(max-width: 1200px) 50vw, 33vw"/></a>`,a+="</div>",a+='<div class="text">',a+=`<p class="reply-author-name"><a href=${e.url} target="_blank">${e.author.name}</a></p>`,a+=`<p class="reply-content">${e.content.text.slice(0,200)}</p>`,a+="</div>",a+="</li>"})),a+="</ul>",a+="</div>")})).catch((function(e){console.error("fetch webmention error"+e)})),document.querySelector("#webmention-timeline").innerHTML=a}window.WebMentionLoad=function(){document.querySelector("#webmention-timeline")&&webmention()},window.addEventListener("load",WebMentionLoad),document.addEventListener("pjax:complete",WebMentionLoad);
+function webmention() {
+    const webmentionsPromise = window.webmentionContext.webmentionsPromise;
+    var html = '';
+    webmentionsPromise && webmentionsPromise
+        .then(function (data) {
+            
+            const distinctMentions = [
+                ...new Map(data.children.map((item) => [item.author.url, item])).values()].sort((a, b) => new Date(a['wm-received']) - new Date(b['wm-received']));
+
+            html += `<div><p>`;
+
+            if (distinctMentions.length > 0) {
+                html += GLOBAL_CONFIG.lang.webmention.likes + `</p>`;
+            }
+            html += `<div className="webmention-avatars">`;
+            distinctMentions.forEach(function (reply) {
+                html += `<a class="avatar-wrapper" href=${reply.author.url} key=${reply.author.name}><image class="wm-avatar" loading="lazy" src=${reply.author.photo != "" ? reply.author.photo: "/img/avatar.png"} data-nimg="fill" sizes="(max-width: 768px) 100vw,(max-width: 1200px) 50vw, 33vw"/></a>`;
+            });
+            html += `</div>`;
+
+            const replies = distinctMentions.filter(
+                (mention) => ('in-reply-to' in mention || 'mention-of' in mention)&& 'content' in mention
+            );
+            if (replies && replies.length) {
+                html +=  `<div class="webmention-replies">`;
+                html += `</br><h3>` + GLOBAL_CONFIG.lang.webmention.comment + `</h3>`;
+                html += `<ul class="replies">`;
+                replies.forEach(function (reply){
+                    html += `<li class="reply" key=${reply["wm-id"]}>`;
+                    html += `<div>`;
+                    html += `<a class="avatar-wrapper" href=${reply.author.url} key=${reply.author.name}><image class="wm-avatar" loading="lazy" src=${reply.author.photo != "" ? reply.author.photo: "/img/avatar.png"} alt=${reply.author.name} data-nimg="fill" sizes="(max-width: 768px) 100vw,(max-width: 1200px) 50vw, 33vw"/></a>`;
+                    html += `</div>`;
+                    html += `<div class="text">`;
+                    html += `<p class="reply-author-name"><a href=${reply.url} target="_blank">${reply.author.name}</a></p>`;
+                    html += `<p class="reply-content">${reply.content.text.slice(0, 200)}</p>`;
+                    html += `</div>`;
+                    html += `</li>`;
+
+                });
+                html += `</ul>`;
+                html += `</div>`;
+            }
+        })
+        .catch(function (ex) {
+            console.error('fetch webmention error' + ex);
+        });
+    document.querySelector('#webmention-timeline').innerHTML = html;
+}
+window.WebMentionLoad = function () {
+	if (document.querySelector('#webmention-timeline')) webmention();
+};
+window.addEventListener("load", WebMentionLoad)
+document.addEventListener("pjax:complete", WebMentionLoad)

package/js/webmention/webmention.js

@@ -1 +1,23 @@
-window.WebMentionLoadContext=function(){document.querySelector(".webmention-timeline")&&function(e){const n=window.location.href,o="https://webmention.io";e.webmentionsPromise=fetch(o+"/api/mentions.jf2?target="+encodeURIComponent(n)).then((function(e){return console.log("sucess "+o+"/api/mentions.jf2?target="+n),e.json()})).catch((function(e){console.error("fetch webmention error"+e)}))}(window.webmentionContext)},window.addEventListener("load",WebMentionLoadContext),document.addEventListener("pjax:complete",WebMentionLoadContext);
+
+
+window.WebMentionLoadContext = function () {
+	if (document.querySelector('.webmention-timeline')) {
+        (function (webmentionContext) {
+
+            const url = window.location.href;
+            const webmentionBaseUrl = "https://webmention.io"
+            // const url = "https://www.owenyoung.com/en/blog/indieweb/"
+        
+            webmentionContext.webmentionsPromise = fetch(webmentionBaseUrl + "/api/mentions.jf2?target=" + encodeURIComponent(url))
+                .then(function (response) {
+                    console.log('sucess '  + webmentionBaseUrl + "/api/mentions.jf2?target=" + url);
+                    return response.json();
+                })
+                .catch(function (ex) {
+                    console.error('fetch webmention error' + ex);
+                });
+        })(window.webmentionContext);
+    };
+};
+window.addEventListener("load", WebMentionLoadContext)
+document.addEventListener("pjax:complete", WebMentionLoadContext)

package/package.json

@@ -1 +1 @@
-{"name":"sinzmise-cetastories","version":"2.0.0-1737854173972"}
+{"name":"sinzmise-cetastories","version":"2.0.0-1737854591122"}