Media pager: a button opens the post itself (count of replies on it)

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_011bvzKaZosXGHkigcGcSzAR

21 files changed, 26 insertions, 0 deletions

diff --git a/src/features/messages.js b/src/features/messages.js
index 8f6eb2d..9c4b50f 100644
--- a/src/features/messages.js
+++ b/src/features/messages.js
@@ -9968,6 +9968,8 @@ export function messagesFeature(ctx) {
     like.querySelector('.i').innerHTML = I_HEART(!!myReactOn(ev.id));
     like.querySelector('.n').textContent = s.likes ? String(s.likes) : '';
     zap.classList.toggle('on', sats > 0);
+    const replies = replyCount(ev.id);
+    slide.querySelector('.mp-post .n').textContent = replies ? String(replies) : '';
     zap.querySelector('.n').textContent = sats ? fmtSats(sats) : '';
   }
   function pagerSlide(it) {
@@ -9992,6 +9994,10 @@ export function messagesFeature(ctx) {
             (myReactOn(ev.id) ? unreact(ev) : reactTo(ev, '❤️')).catch(() => {}).finally(() => pagerCounts(slide));
             setTimeout(() => pagerCounts(slide), 50);
           }) }, h('span', { class: 'i', html: I_HEART(false) }), h('span', { class: 'n' })),
+          // the post itself, as the feed would open it: the whole text, the replies
+          h('button', { class: 'mp-post', type: 'button', 'aria-label': t('mediaOpenPost'), title: t('mediaOpenPost'), onClick: stop(() => {
+            leavePager(); openNoteThread(ev);
+          }) }, h('span', { class: 'i', html: I_REPLY }), h('span', { class: 'n' })),
           h('button', { class: 'mp-zap', type: 'button', 'aria-label': t('zapTitle'), onClick: stop((e) => {
             if (signinAsk()) { leavePager(); render(); return; }
             // the first zap ever asks for an amount on a page of its own
diff --git a/src/i18n.js b/src/i18n.js
index 1a27cfe..600415b 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -458,6 +458,7 @@ const STR = {
     postBlocked: 'Blocked',
     zapSending: 'Sending your zap…',
     msgReply: 'Reply',
+    mediaOpenPost: 'Open the post',
     profNewPost: 'New post',
     profYourProfile: 'Your profile',
     profComposePh: "What's on your mind?",
diff --git a/src/locales/ar.json b/src/locales/ar.json
index c6c4451..52be78b 100644
--- a/src/locales/ar.json
+++ b/src/locales/ar.json
@@ -906,6 +906,7 @@
   "relaysReload": "إعادة تحميل",
   "mediaAll": "الكل",
   "mediaImages": "الصور",
+  "mediaOpenPost": "افتح المنشور",
   "mediaVideos": "الفيديوهات",
   "mediaNoImages": "لا صور في هذه الخلاصة بعد.",
   "mediaNoVideos": "لا فيديوهات عمودية في هذه الخلاصة بعد.",
diff --git a/src/locales/bn.json b/src/locales/bn.json
index 0856b8b..0ae389a 100644
--- a/src/locales/bn.json
+++ b/src/locales/bn.json
@@ -906,6 +906,7 @@
   "relaysReload": "আবার লোড",
   "mediaAll": "সব",
   "mediaImages": "ছবি",
+  "mediaOpenPost": "পোস্টটি খুলুন",
   "mediaVideos": "ভিডিও",
   "mediaNoImages": "এই ফিডে এখনও কোনো ছবি নেই।",
   "mediaNoVideos": "এই ফিডে এখনও কোনো খাড়া ভিডিও নেই।",
diff --git a/src/locales/de.json b/src/locales/de.json
index 032bab5..796255a 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -906,6 +906,7 @@
   "relaysReload": "Neu laden",
   "mediaAll": "Alle",
   "mediaImages": "Bilder",
+  "mediaOpenPost": "Beitrag öffnen",
   "mediaVideos": "Videos",
   "mediaNoImages": "Noch keine Bilder in diesem Feed.",
   "mediaNoVideos": "Noch keine Hochkant-Videos in diesem Feed.",
diff --git a/src/locales/es.json b/src/locales/es.json
index a93e1af..c600f11 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -906,6 +906,7 @@
   "relaysReload": "Recargar",
   "mediaAll": "Todo",
   "mediaImages": "Imágenes",
+  "mediaOpenPost": "Abrir la publicación",
   "mediaVideos": "Vídeos",
   "mediaNoImages": "Aún no hay imágenes en este feed.",
   "mediaNoVideos": "Aún no hay vídeos verticales en este feed.",
diff --git a/src/locales/fr.json b/src/locales/fr.json
index e03bed9..742e450 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -906,6 +906,7 @@
   "relaysReload": "Recharger",
   "mediaAll": "Tout",
   "mediaImages": "Images",
+  "mediaOpenPost": "Ouvrir la publication",
   "mediaVideos": "Vidéos",
   "mediaNoImages": "Pas encore d’images dans ce fil.",
   "mediaNoVideos": "Pas encore de vidéos verticales dans ce fil.",
diff --git a/src/locales/hi.json b/src/locales/hi.json
index fa3fb5e..fe0ceda 100644
--- a/src/locales/hi.json
+++ b/src/locales/hi.json
@@ -906,6 +906,7 @@
   "relaysReload": "फिर से लोड करें",
   "mediaAll": "सभी",
   "mediaImages": "तस्वीरें",
+  "mediaOpenPost": "पोस्ट खोलें",
   "mediaVideos": "वीडियो",
   "mediaNoImages": "इस फ़ीड में अभी कोई तस्वीर नहीं।",
   "mediaNoVideos": "इस फ़ीड में अभी कोई वर्टिकल वीडियो नहीं।",
diff --git a/src/locales/id.json b/src/locales/id.json
index 7cd5f5f..ca050a9 100644
--- a/src/locales/id.json
+++ b/src/locales/id.json
@@ -242,6 +242,7 @@
   "relaysReload": "Muat ulang",
   "mediaAll": "Semua",
   "mediaImages": "Gambar",
+  "mediaOpenPost": "Buka postingan",
   "mediaVideos": "Video",
   "mediaNoImages": "Belum ada gambar di feed ini.",
   "mediaNoVideos": "Belum ada video vertikal di feed ini.",
diff --git a/src/locales/ja.json b/src/locales/ja.json
index bcfa7bb..e9aa821 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -906,6 +906,7 @@
   "relaysReload": "再読み込み",
   "mediaAll": "すべて",
   "mediaImages": "画像",
+  "mediaOpenPost": "投稿を開く",
   "mediaVideos": "動画",
   "mediaNoImages": "このフィードにはまだ画像がありません。",
   "mediaNoVideos": "このフィードにはまだ縦型動画がありません。",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 47a9386..c6b77e3 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -905,6 +905,7 @@
   "relaysReload": "새로고침",
   "mediaAll": "전체",
   "mediaImages": "이미지",
+  "mediaOpenPost": "게시물 열기",
   "mediaVideos": "동영상",
   "mediaNoImages": "이 피드에는 아직 이미지가 없습니다.",
   "mediaNoVideos": "이 피드에는 아직 세로 동영상이 없습니다.",
diff --git a/src/locales/mr.json b/src/locales/mr.json
index e982d98..ef64569 100644
--- a/src/locales/mr.json
+++ b/src/locales/mr.json
@@ -242,6 +242,7 @@
   "relaysReload": "पुन्हा लोड करा",
   "mediaAll": "सर्व",
   "mediaImages": "चित्रे",
+  "mediaOpenPost": "पोस्ट उघडा",
   "mediaVideos": "व्हिडिओ",
   "mediaNoImages": "या फीडमध्ये अजून चित्रे नाहीत.",
   "mediaNoVideos": "या फीडमध्ये अजून उभे व्हिडिओ नाहीत.",
diff --git a/src/locales/pt.json b/src/locales/pt.json
index 424d04e..10d1c32 100644
--- a/src/locales/pt.json
+++ b/src/locales/pt.json
@@ -906,6 +906,7 @@
   "relaysReload": "Recarregar",
   "mediaAll": "Tudo",
   "mediaImages": "Imagens",
+  "mediaOpenPost": "Abrir a publicação",
   "mediaVideos": "Vídeos",
   "mediaNoImages": "Ainda não há imagens neste feed.",
   "mediaNoVideos": "Ainda não há vídeos verticais neste feed.",
diff --git a/src/locales/ru.json b/src/locales/ru.json
index eef1a80..cc82269 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -906,6 +906,7 @@
   "relaysReload": "Обновить",
   "mediaAll": "Все",
   "mediaImages": "Фото",
+  "mediaOpenPost": "Открыть пост",
   "mediaVideos": "Видео",
   "mediaNoImages": "В этой ленте пока нет фото.",
   "mediaNoVideos": "В этой ленте пока нет вертикальных видео.",
diff --git a/src/locales/sw.json b/src/locales/sw.json
index 8901cef..bd2f671 100644
--- a/src/locales/sw.json
+++ b/src/locales/sw.json
@@ -242,6 +242,7 @@
   "relaysReload": "Pakia upya",
   "mediaAll": "Zote",
   "mediaImages": "Picha",
+  "mediaOpenPost": "Fungua chapisho",
   "mediaVideos": "Video",
   "mediaNoImages": "Bado hakuna picha kwenye mlisho huu.",
   "mediaNoVideos": "Bado hakuna video wima kwenye mlisho huu.",
diff --git a/src/locales/ta.json b/src/locales/ta.json
index e66fee5..8806d79 100644
--- a/src/locales/ta.json
+++ b/src/locales/ta.json
@@ -242,6 +242,7 @@
   "relaysReload": "மீண்டும் ஏற்று",
   "mediaAll": "அனைத்தும்",
   "mediaImages": "படங்கள்",
+  "mediaOpenPost": "பதிவைத் திற",
   "mediaVideos": "வீடியோக்கள்",
   "mediaNoImages": "இந்த ஊட்டத்தில் இன்னும் படங்கள் இல்லை.",
   "mediaNoVideos": "இந்த ஊட்டத்தில் இன்னும் செங்குத்து வீடியோக்கள் இல்லை.",
diff --git a/src/locales/te.json b/src/locales/te.json
index 0c48c6b..a95ae6b 100644
--- a/src/locales/te.json
+++ b/src/locales/te.json
@@ -240,6 +240,7 @@
   "relaysReload": "మళ్లీ లోడ్",
   "mediaAll": "అన్నీ",
   "mediaImages": "చిత్రాలు",
+  "mediaOpenPost": "పోస్ట్‌ను తెరవండి",
   "mediaVideos": "వీడియోలు",
   "mediaNoImages": "ఈ ఫీడ్‌లో ఇంకా చిత్రాలు లేవు.",
   "mediaNoVideos": "ఈ ఫీడ్‌లో ఇంకా నిలువు వీడియోలు లేవు.",
diff --git a/src/locales/tr.json b/src/locales/tr.json
index 09e5196..b2dede8 100644
--- a/src/locales/tr.json
+++ b/src/locales/tr.json
@@ -905,6 +905,7 @@
   "relaysReload": "Yenile",
   "mediaAll": "Tümü",
   "mediaImages": "Görseller",
+  "mediaOpenPost": "Gönderiyi aç",
   "mediaVideos": "Videolar",
   "mediaNoImages": "Bu akışta henüz görsel yok.",
   "mediaNoVideos": "Bu akışta henüz dikey video yok.",
diff --git a/src/locales/ur.json b/src/locales/ur.json
index 25662c7..0b0639d 100644
--- a/src/locales/ur.json
+++ b/src/locales/ur.json
@@ -242,6 +242,7 @@
   "relaysReload": "دوبارہ لوڈ کریں",
   "mediaAll": "سب",
   "mediaImages": "تصاویر",
+  "mediaOpenPost": "پوسٹ کھولیں",
   "mediaVideos": "ویڈیوز",
   "mediaNoImages": "اس فیڈ میں ابھی کوئی تصویر نہیں۔",
   "mediaNoVideos": "اس فیڈ میں ابھی کوئی عمودی ویڈیو نہیں۔",
diff --git a/src/locales/vi.json b/src/locales/vi.json
index 3a82425..379b759 100644
--- a/src/locales/vi.json
+++ b/src/locales/vi.json
@@ -242,6 +242,7 @@
   "relaysReload": "Tải lại",
   "mediaAll": "Tất cả",
   "mediaImages": "Ảnh",
+  "mediaOpenPost": "Mở bài đăng",
   "mediaVideos": "Video",
   "mediaNoImages": "Bảng tin này chưa có ảnh.",
   "mediaNoVideos": "Bảng tin này chưa có video dọc.",
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 82b37f3..5679fc4 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -906,6 +906,7 @@
   "relaysReload": "重新加载",
   "mediaAll": "全部",
   "mediaImages": "图片",
+  "mediaOpenPost": "打开帖子",
   "mediaVideos": "视频",
   "mediaNoImages": "此动态中还没有图片。",
   "mediaNoVideos": "此动态中还没有竖屏视频。",