31 lines
1.6 KiB
JavaScript
31 lines
1.6 KiB
JavaScript
|
// Content values are plain text. A line break is content, not injected markup.
|
||
|
|
export function contentValue(content, path) {
|
||
|
|
return path.split('.').reduce((value,key)=>value!=null && Object.hasOwn(value,key)?value[key]:undefined,content);
|
||
|
|
}
|
||
|
|
function url(value, image=false) {
|
||
|
|
if(typeof value!=='string' || !value.trim())return null;
|
||
|
|
try {
|
||
|
|
const protocol=new URL(value,document.baseURI).protocol;
|
||
|
|
if(['http:','https:','file:'].includes(protocol) || (!image && ['mailto:','tel:'].includes(protocol)) || (image && (protocol==='blob:' || /^data:image\/(png|jpeg|webp|gif|svg\+xml)[;,]/i.test(value))))return value;
|
||
|
|
} catch {}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
export function applyContent(element, content={}) {
|
||
|
|
if(!content || typeof content!=='object')return;
|
||
|
|
for(const node of element.querySelectorAll('[data-text]')) {
|
||
|
|
const value=contentValue(content,node.dataset.text);
|
||
|
|
if(value!==undefined && value!==null)node.textContent=Array.isArray(value)?value.join('\n'):String(value);
|
||
|
|
}
|
||
|
|
for(const node of [element,...element.querySelectorAll('[data-href]')]) {
|
||
|
|
if(!node.hasAttribute('data-href'))continue;
|
||
|
|
const value=contentValue(content,node.dataset.href);
|
||
|
|
if(value===undefined)continue;
|
||
|
|
const href=url(value);if(href)node.setAttribute('href',href);else node.removeAttribute('href');
|
||
|
|
}
|
||
|
|
for(const node of element.querySelectorAll('[data-image]')) {
|
||
|
|
const value=contentValue(content,node.dataset.image);
|
||
|
|
if(!value)continue;
|
||
|
|
const src=url(typeof value==='string'?value:value.src,true);
|
||
|
|
if(src){node.src=src;if(typeof value==='object' && value.alt!==undefined)node.alt=String(value.alt);}
|
||
|
|
}
|
||
|
|
}
|