(marked GFM auto-link — what we get)
* Either way → ...
*/
static autoembed(html) {
if (!html) return html;
return html.replace(
/
\s*(?:]*?\shref="([^"]+)"[^>]*>[^<]*<\/a>|(https?:\/\/[^\s<>"']+))\s*<\/p>/gi,
(match, hrefUrl, bareUrl) => {
const url = hrefUrl || bareUrl;
const detected = this.detectProvider(url);
if (detected) {
const iframe = this.generateIframe(detected.provider, detected);
return iframe || match;
}
return match;
}
);
}
/**
* Replace [[embed:]] shortcodes met de platform-iframe (YouTube, Spotify,
* SoundCloud, Apple Music, Bandcamp, Vimeo). De editor-knop voegt deze
* shortcode in; losse URL-regels embedden ook automatisch via autoembed().
* Niet-ondersteunde/ongeldige URLs krijgen een nette inline-melding.
*/
static embedMediaShortcodes(html) {
if (!html) return html;
return html.replace(/\[\[embed:([^\]]+)\]\]/gi, (match, rawUrl) => {
const url = rawUrl.trim().replace(/&/g, '&');
const detected = this.detectProvider(url);
if (!detected) {
return `
Embed: niet-ondersteunde of ongeldige URL.
`;
}
return this.generateIframe(detected.provider, detected) || match;
});
}
/**
* Replace [[track:]] shortcodes with v9-style player markup.
* Caller passes a lookup function (id) -> { id, title, artist, url, cover }
* where url is already a signed /audio/stream/... URL. Unknown ids → left as-is.
*/
static embedTrackShortcodes(html, trackLookup) {
if (!html || typeof trackLookup !== 'function') return html;
return html.replace(/\[\[track:([A-Za-z0-9_-]+)\]\]/g, (match, id) => {
const t = trackLookup(id);
if (!t || !t.url) return match;
const trackJson = JSON.stringify({
url: t.url,
title: t.title || 'Untitled',
artist: t.artist || '',
cover: t.cover || '',
});
const titleH = this.escape(t.title || 'Untitled');
const artistH = this.escape(t.artist || '');
const urlH = this.escape(t.url);
const dataAttr = trackJson
.replace(/&/g, '&').replace(/'/g, ''').replace(/
${titleH}
${artistH ? `
${artistH}
` : ''}
`;
});
}
/**
* 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);
const albumJson = JSON.stringify(album.tracks)
.replace(/&/g, '&').replace(/'/g, ''').replace(/ {
const tTitle = this.escape(t.title || ('Track ' + (i + 1)));
const tArtist = this.escape(t.artist || '');
const tUrl = this.escape(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.