${this.openInLinks(t)}
`;
});
}
/**
* Replace [[album:]] shortcodes with a v9-style album block.
* Caller passes a lookup function (name) -> { title, artist, cover, tracks: [{url,title,artist,cover}, ...] }
* Tracks must already have signed URLs. Unknown albums → left as-is.
* The wrapper carries the full album JSON so audio-player.js can queue it
* when any track or the album play button is clicked.
*/
static embedAlbumShortcodes(html, albumLookup) {
if (!html || typeof albumLookup !== 'function') return html;
return html.replace(/\[\[album:([^\]]+)\]\]/g, (match, rawName) => {
const name = rawName.trim();
const album = albumLookup(name);
if (!album || !album.tracks || !album.tracks.length) return match;
// Stable DOM id for this rendering — used as data-pcms-album-id on tracks
const albumDomId = 'album-' + Math.random().toString(36).slice(2, 10);
// Alleen afspeelbare tracks (met url) in de queue; link-only tracks staan
// wel in de lijst maar niet in de afspeel-JSON.
const albumJson = JSON.stringify(album.tracks.filter((t) => t.url))
.replace(/&/g, '&').replace(/'/g, ''').replace(/ {
const tTitle = this.escape(t.title || ('Track ' + (i + 1)));
const tArtist = this.escape(t.artist || '');
// Link-only track: geen afspeelknop, wel nummer + info + open-in.
if (!t.url) {
return `
`;
});
}
/**
* Replace [[playlist:]] shortcodes with a v9-style album block.
* Caller passes a lookup function (id) -> hydrated playlist object from
* PlaylistService.get(), or null. Unknown playlists render an inline
* "niet gevonden" placeholder so the post still validates as HTML.
*
* Shape returned by lookup:
* { id, title, artist, year, cover, kind, tracks: [{url,title,artist,cover,duration}, ...] }
*
* `kind` is honored:
* - 'album' → ordered list with track numbers
* - 'playlist' → list with per-track cover thumbnails (mixtape feel)
*
* opts: { isAdmin: boolean } — when true, an edit/delete action overlay
* is rendered top-right of each card. The handlers are wired up in
* audio-player.js via event delegation on data-pcms-playlist-delete.
*/
static embedPlaylistShortcodes(html, playlistLookup, opts = {}) {
if (!html || typeof playlistLookup !== 'function') return html;
const isAdmin = !!opts.isAdmin;
return html.replace(/\[\[playlist:([a-z0-9][a-z0-9-]*)\]\]/gi, (match, rawId) => {
const id = rawId.toLowerCase();
const pl = playlistLookup(id);
if (!pl) {
return `
Playlist "${this.escape(id)}" niet gevonden.
`;
}
if (!pl.tracks || !pl.tracks.length) {
return `
Playlist "${this.escape(pl.title)}" heeft geen beschikbare tracks.
`;
}
const albumDomId = 'album-' + id;
const kind = (pl.kind === 'playlist') ? 'playlist' : 'album';
const kindLabel = kind === 'playlist' ? '📃 Playlist' : '💿 Album';
const titleH = this.escape(pl.title || 'Naamloos');
const artistH = this.escape(pl.artist || '');
const coverH = pl.cover ? this.escape(pl.cover) : '';
// Audio-player.js reads data-pcms-album for queue. Same shape as
// embedAlbumShortcodes — keep both in sync.
// Alleen afspeelbare tracks in de queue; link-only tracks staan wel in de
// lijst maar niet in de afspeel-JSON.
const tracksData = pl.tracks.filter(t => t.url).map(t => ({
id: t.id,
url: t.url,
title: t.title,
artist: t.artist || pl.artist || '',
cover: t.cover || pl.cover || '',
}));
const albumJson = JSON.stringify(tracksData)
.replace(/&/g, '&').replace(/'/g, ''').replace(/ s + (t.duration || 0), 0);
const metaParts = [];
if (pl.year) metaParts.push(String(pl.year));
metaParts.push(pl.tracks.length + (pl.tracks.length === 1 ? ' track' : ' tracks'));
if (totalSec > 0) {
const h = Math.floor(totalSec / 3600);
const m = Math.floor((totalSec % 3600) / 60);
if (h > 0) metaParts.push(`${h}h ${m}m`);
else metaParts.push(`${Math.max(1, m)} min`);
}
const metaLine = this.escape(metaParts.join(' · '));
const firstUrl = this.escape((pl.tracks.find(t => t.url) || {}).url || '');
// Track items — playlist-kind shows per-track cover thumbs, album-kind shows numbers
const trackItems = pl.tracks.map((t, i) => {
const tTitleH = this.escape(t.title || ('Track ' + (i + 1)));
const tArtistH = this.escape(t.artist || '');
const tUrl = this.escape(t.url);
const showArtist = tArtistH && tArtistH !== artistH;
// Duration cell — render even when 0 for consistent column layout
const durHtml = t.duration > 0
? `${Math.floor(t.duration / 60)}:${String(t.duration % 60).padStart(2, '0')}`
: `—:—`;
// Leader cell — number for albums, cover thumb for playlists
const leader = (kind === 'playlist' && t.cover)
? ``
: `${i + 1}`;
// Link-only track: geen klikbare afspeel-rij (statische div), wel open-in.
if (!t.url) {
return `