paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-10 17:07:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

postprocess: Process YouTube images in image loop.

Browse Source
This commit is contained in:
Karl Stolley
2025-09-24 13:56:30 -04:00
committed by Tim Abbott
parent c7a651da60
commit 31c49a7258
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/postprocess_content.ts
View File

@@ -98,18 +98,6 @@ export function postprocess_content(html: string): string {
); );
} }
// Update older, smaller default.jpg YouTube preview images
// with higher-quality preview images (320px wide)
if (elt.parentElement?.classList.contains("youtube-video")) {
const img = elt.querySelector("img");
assert(img instanceof HTMLImageElement);
const img_src = img.src;
if (img_src.endsWith("/default.jpg")) {
const mq_src = img_src.replace(/\/default.jpg$/, "/mqdefault.jpg");
img.src = mq_src;
}
}
// Add a class to the anchor tag on // Add a class to the anchor tag on
if (elt.parentElement?.classList.contains("message_embed_title")) { if (elt.parentElement?.classList.contains("message_embed_title")) {
elt.classList.add("message-embed-title-link"); elt.classList.add("message-embed-title-link");
@@ -134,6 +122,17 @@ export function postprocess_content(html: string): string {
message_media_link?.removeAttribute("title"); message_media_link?.removeAttribute("title");
} }
// Update older, smaller default.jpg YouTube preview images
// with higher-quality preview images (320px wide)
if (message_media_wrapper.classList.contains("youtube-video")) {
assert(message_media_image instanceof HTMLImageElement);
const img_src = message_media_image.src;
if (img_src.endsWith("/default.jpg")) {
const mq_src = img_src.replace(/\/default.jpg$/, "/mqdefault.jpg");
message_media_image.src = mq_src;
}
}
// Replace the legacy .message_inline_image class, whose // Replace the legacy .message_inline_image class, whose
// name would add confusion when Zulip supports inline // name would add confusion when Zulip supports inline
// images via standard Markdown, with dedicated classes // images via standard Markdown, with dedicated classes