/, mirroring the Shaer render.
+export function emojiHtml(html, json) {
+ const map = emojiMap(json);
+ if (!html || !Object.keys(map).length) return html || '';
+ let out = '';
+ let i = 0;
+ let code = 0;
+ while (i < html.length) {
+ if (html[i] === '<') {
+ const close = html.indexOf('>', i);
+ if (close < 0) { out += html.slice(i); break; }
+ const raw = html.slice(i + 1, close);
+ const name = raw.replace(/^\//, '').split(/[\s/>]/)[0].toLowerCase();
+ if (name === 'code' || name === 'pre') code = Math.max(0, code + (raw[0] === '/' ? -1 : 1));
+ out += html.slice(i, close + 1); // copy the tag verbatim
+ i = close + 1;
+ } else {
+ const next = html.indexOf('<', i);
+ const end = next < 0 ? html.length : next;
+ const text = html.slice(i, end);
+ out += code > 0 ? text : substitute(text, map);
+ i = end;
+ }
+ }
+ return out;
+}
+
+// A plain-text display name with custom emojis → safe HTML. The name is HTML-
+// escaped first; shortcode characters ([A-Za-z0-9_+-]) survive escaping, so the
+// image substitution stays correct.
+export function emojiName(text, json) {
+ const esc = escapeHtml(text);
+ const map = emojiMap(json);
+ if (!Object.keys(map).length) return esc;
+ return substitute(esc, map);
+}
+
+// The resolved quoted-post snapshot Klonkt stored (quote_json), or null.
+export function parseQuote(json) {
+ try {
+ const q = json == null ? null : (typeof json === 'string' ? JSON.parse(json) : json);
+ return (q && typeof q === 'object' && q.url) ? q : null;
+ } catch { return null; }
+}
+
+export default { escapeHtml, emojiMap, emojiHtml, emojiName, parseQuote };
Index: src/views/pages/news.ejs
===================================================================
--- src/views/pages/news.ejs (revision b5c2538d199fb16a6685aa4a0abfc688075b7fd3)
+++ src/views/pages/news.ejs (revision 3597763ebd5304800443a7a6c9ae0473d1e00272)
@@ -137,4 +137,24 @@
.tl-readmore:hover { text-decoration: underline; }
+ /* FEP-9098 custom emojis: small inline images, never treated as media. */
+ img.emoji { height: 1.35em; width: auto; margin: 0 .04em; vertical-align: -0.22em;
+ display: inline-block; border-radius: 0; background: none; box-shadow: none; }
+ .tl-content img.emoji, .tl-quote-body img.emoji { max-width: none; }
+
+ /* FEP-044f embedded quote card (mirror of the Shaer QuoteCard). */
+ .tl-quote { margin: .75rem 0 0; padding: .6rem .7rem; border-radius: 12px;
+ border: 1px solid color-mix(in srgb, var(--ink, #000) 12%, transparent);
+ background: color-mix(in srgb, var(--ink, #000) 3.5%, transparent); }
+ .tl-quote-head { display: flex; align-items: center; gap: .4rem; margin: 0 0 .35rem; min-width: 0; }
+ .tl-quote-avatar { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; object-fit: cover; background: #fff; }
+ .tl-quote-name { font-weight: 700; font-size: .85rem; color: var(--ink, inherit); white-space: nowrap; }
+ .tl-quote-handle { color: var(--ink-soft, #888); font-size: .78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
+ .tl-quote-body { line-height: 1.5; font-size: .92rem; color: var(--ink-soft, #555);
+ overflow-wrap: anywhere; max-height: 16em; overflow: hidden; }
+ .tl-quote-body p { margin: .3rem 0; } .tl-quote-body p:first-child { margin-top: 0; } .tl-quote-body p:last-child { margin-bottom: 0; }
+ .tl-quote-body a { color: var(--accent, #06c); }
+ .tl-quote-media { display: block; margin: .45rem 0 0; }
+ .tl-quote-media img { max-width: 100%; height: auto; border-radius: 8px; }
+
/* Always show the FULL image at its natural ratio — never cropped, no letterbox. */
.tl-media { display: flex; flex-direction: column; gap: .4rem; margin: .75rem 0 0; }
Index: src/views/partials/quote-card.ejs
===================================================================
--- src/views/partials/quote-card.ejs (revision 3597763ebd5304800443a7a6c9ae0473d1e00272)
+++ src/views/partials/quote-card.ejs (revision 3597763ebd5304800443a7a6c9ae0473d1e00272)
@@ -0,0 +1,16 @@
+<%
+ // FEP-044f embedded quote card: the quoted post itself (author + content +
+ // first image), nested under a note — the web mirror of the Shaer QuoteCard.
+ // `q` is the resolved snapshot from noteQuote(p.quote_json).
+ var _qa = q.author || {};
+ var _qm = Array.isArray(q.media) ? q.media.filter(function (m) { return m && m.url && (!m.type || /^image\//.test(m.type)); }) : [];
+%>
+
+
+ <% if (_qa.icon) { %>
 %>)
<% } %>
+
<%- emojiName(_qa.name || _qa.handle || '', _qa.emojis) %>
+ <% if (_qa.handle) { %>
<%= _qa.handle %><% } %>
+
+ <% if (q.content) { %>
<%- emojiHtml(q.content, q.emojis) %>
<% } %>
+ <% if (_qm.length) { %>
 %>)
<% } %>
+
- <% if (p.reblog_name) { %> <%= p.reblog_name %> <%= t('tl.boosted') %>
<% } %>
+ <% if (p.reblog_name) { %> <%- emojiName(p.reblog_name, p.reblog_emoji_json) %> <%= t('tl.boosted') %>
<% } %>
<% if (p.author_icon) { %> %>)
<% } else { %><%= (p.author_name || '?').charAt(0).toUpperCase() %><% } %>
- <%= p.author_name %>
+ <%- emojiName(p.author_name, p.author_emoji_json) %>
<%= p.author_handle %>
@@ -19,8 +19,9 @@
%>
<% if (_nsfwText) { %>
-
<%- include('../partials/nsfw-veil', { cw: p.cw }) %><%- p.content %>
+
<%- include('../partials/nsfw-veil', { cw: p.cw }) %><%- emojiHtml(p.content, p.emoji_json) %>
<% } else { %>
-
<%- p.content %>
+
<%- emojiHtml(p.content, p.emoji_json) %>
<% } %>
+ <% var _quote = noteQuote(p.quote_json); if (_quote) { %><%- include('../partials/quote-card', { q: _quote }) %><% } %>
<% if (_nsfwVisual) { %>
<% } %>
<% if (imgs.length) { %>