svemagie.net/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

fix: decode HTML entities in podroll episode and podcast titles

Browse Source 
RSS feeds encode special characters as HTML entities; the backend
serves them raw, causing " etc. to appear literally in the UI.
Decode titles client-side using the browser's HTML parser.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
svemagie
2026-03-24 07:01:16 +01:00
parent e4ea707c9e
commit 8eaf56fb71
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
podroll.njk
+19 -4
View File
@@ -286,10 +286,10 @@ function podrollApp() {
fetch('/podrollapi/api/status').then(r => r.json()) fetch('/podrollapi/api/status').then(r => r.json())
]); ]);
this.episodes = episodesRes.items || []; this.episodes = (episodesRes.items || []).map(ep => this.decodeEpisode(ep));
this.hasMore = episodesRes.hasMore || false; this.hasMore = episodesRes.hasMore || false;
this.offset = 0; this.offset = 0;
this.sources = sourcesRes.items || []; this.sources = (sourcesRes.items || []).map(s => ({ ...s, title: this.decodeHtml(s.title) }));
this.status = statusRes; this.status = statusRes;
} catch (err) { } catch (err) {
this.error = 'Failed to load podcasts: ' + err.message; this.error = 'Failed to load podcasts: ' + err.message;
@@ -310,7 +310,7 @@ function podrollApp() {
url += `&source=${encodeURIComponent(this.filterPodcast)}`; url += `&source=${encodeURIComponent(this.filterPodcast)}`;
} }
const res = await fetch(url).then(r => r.json()); const res = await fetch(url).then(r => r.json());
this.episodes = res.items || []; this.episodes = (res.items || []).map(ep => this.decodeEpisode(ep));
this.hasMore = res.hasMore || false; this.hasMore = res.hasMore || false;
} catch (err) { } catch (err) {
this.error = 'Failed to load episodes: ' + err.message; this.error = 'Failed to load episodes: ' + err.message;
@@ -329,7 +329,7 @@ function podrollApp() {
url += `&source=${encodeURIComponent(this.filterPodcast)}`; url += `&source=${encodeURIComponent(this.filterPodcast)}`;
} }
const res = await fetch(url).then(r => r.json()); const res = await fetch(url).then(r => r.json());
this.episodes = [...this.episodes, ...(res.items || [])]; this.episodes = [...this.episodes, ...(res.items || []).map(ep => this.decodeEpisode(ep))];
this.hasMore = res.hasMore || false; this.hasMore = res.hasMore || false;
this.offset = newOffset; this.offset = newOffset;
} catch (err) { } catch (err) {
@@ -374,6 +374,21 @@ function podrollApp() {
return mb.toFixed(1) + ' MB'; return mb.toFixed(1) + ' MB';
}, },
decodeHtml(str) {
if (!str) return str;
const div = document.createElement('div');
div.innerHTML = str;
return div.textContent;
},
decodeEpisode(ep) {
return {
...ep,
title: this.decodeHtml(ep.title),
podcast: ep.podcast ? { ...ep.podcast, title: this.decodeHtml(ep.podcast.title) } : ep.podcast
};
},
stripHtml(html) { stripHtml(html) {
if (!html) return ''; if (!html) return '';
// Use textContent to safely extract text without executing HTML // Use textContent to safely extract text without executing HTML