/g, '>').replace(/"/g, '"');
}
Readers.register({
name: 'iframe-region',
priority: 10,
claims: function(r) { return r.tagName() === 'iframe-region'; },
read: async function(r) {
return {
type: 'mount',
mount: async function(target) {
const source = findChild(r, 'source');
const snapshot = findChild(r, 'snapshot');
const render = findChild(r, 'render');
const provenance = findChild(r, 'provenance');
const title = findChildText(r, 'title');
const description = findChildText(r, 'description');
const url = source ? findChildText(source, 'url') : '';
const capturedAt = source ? findChildText(source, 'captured-at') : '';
const capturedHashRaw = source ? findChildText(source, 'captured-hash') : '';
const capturedHashHex = capturedHashRaw.replace(/^sha256:/i, '');
const width = (render ? findChildText(render, 'width') : '') || '100%';
const height = (render ? findChildText(render, 'height') : '') || '360px';
const sandbox = render ? findChildText(render, 'sandbox') : '';
const referrer = render ? findChildText(render, 'referrer-policy') : '';
const prefer = (render ? findChildText(render, 'prefer') : '') || (snapshot ? 'snapshot' : 'live');
const capturedBy = provenance ? findChildText(provenance, 'captured-by') : '';
const purpose = provenance ? findChildText(provenance, 'purpose') : '';
const snapshotContent = snapshot ? directTextWithCdata(snapshot) : '';
let hashStatus = '';
if (snapshotContent && capturedHashHex) {
const computed = await sha256Hex(snapshotContent);
if (computed === capturedHashHex.toLowerCase()) {
hashStatus = '✓ matches embedded snapshot';
} else {
hashStatus = '✗ MISMATCH (computed ' + esc(computed.slice(0, 16)) + '…)';
}
} else if (snapshotContent && !capturedHashHex) {
hashStatus = 'snapshot present but no captured-hash';
} else if (!snapshotContent && capturedHashHex) {
hashStatus = 'recorded; no embedded snapshot to verify against locally';
}
const useSnapshot = prefer === 'snapshot' && snapshotContent;
const useLive = !useSnapshot && url;
target.innerHTML = '';
target.style.whiteSpace = 'normal';
target.style.fontFamily = 'inherit';
const wrap = document.createElement('div');
wrap.style.cssText = 'font-family:var(--mono);font-size:12px;color:var(--ink);';
if (title) {
const t = document.createElement('div');
t.style.cssText = 'font-family:Georgia,serif;font-size:15px;color:var(--accent,#d4a574);font-style:italic;margin-bottom:6px;';
t.textContent = title;
wrap.appendChild(t);
}
if (description) {
const d = document.createElement('div');
d.style.cssText = 'font-family:Georgia,serif;font-size:13px;color:var(--ink-soft,#a8b0bb);margin-bottom:10px;line-height:1.5;';
d.textContent = description;
wrap.appendChild(d);
}
const meta = document.createElement('div');
meta.style.cssText = 'font-family:var(--mono);font-size:10px;line-height:1.6;color:var(--ink-soft,#a8b0bb);border-left:2px solid var(--rule,#232930);padding:6px 10px;margin-bottom:10px;';
const rows = [];
if (url) rows.push(['source', '' + esc(url) + '']);
if (capturedAt) rows.push(['captured-at', esc(capturedAt)]);
if (capturedHashRaw) rows.push(['captured-hash', 'sha256:' + esc(capturedHashHex.slice(0, 24)) + '… ' + hashStatus]);
if (capturedBy) rows.push(['captured-by', esc(capturedBy)]);
if (purpose) rows.push(['purpose', esc(purpose)]);
rows.push(['render', useSnapshot ? 'srcdoc · embedded snapshot · no network' : (useLive ? 'src · live URL · network fetch' : '— no render —')]);
rows.push(['sandbox', sandbox ? esc(sandbox) : '(strict — empty)']);
meta.innerHTML = rows.map(function(row) {
return '' + row[0] + ': ' + row[1] + '
';
}).join('');
wrap.appendChild(meta);
if (useSnapshot || useLive) {
const iframe = document.createElement('iframe');
iframe.style.cssText = 'width:' + width + ';height:' + height + ';border:1px solid #232930;display:block;background:white;';
iframe.setAttribute('sandbox', sandbox);
if (referrer) iframe.referrerPolicy = referrer;
if (useSnapshot) iframe.srcdoc = snapshotContent;
else iframe.src = url;
wrap.appendChild(iframe);
} else {
const empty = document.createElement('div');
empty.style.cssText = 'color:#5e6770;font-style:italic;padding:20px;text-align:center;';
empty.textContent = '— no renderable content —';
wrap.appendChild(empty);
}
target.appendChild(wrap);
}
};
}
});
MR.console.log('READER-REG iframe-region (priority 10)', 'info');
]]>