GenerAI / worldmonitor /public /wm-widget-sandbox.html
amogaddy's picture
Integra World Monitor (AGPL-3.0, self-hosted) nello Space: pagina, menu, e arricchimento notizie per la AI (part 4)
ee888e1 verified
Raw
History Blame Contribute Delete
3.98 kB
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"></head>
<body>
<script>
(function () {
var params = new URLSearchParams(window.location.hash.slice(1));
var widgetId = params.get('id') || '';
var widgetToken = params.get('token') || '';
var parentOrigin = '';
var handled = false;
// Vercel preview hostnames have the shape
// worldmonitor-git-{branch-slug}-{team-slug}.vercel.app (git-branch alias)
// worldmonitor-{hash}-{team-slug}.vercel.app (deployment URL)
// The team-slug is the LAST segment before .vercel.app and is the
// load-bearing security invariant: an attacker who registers a Vercel
// project named `worldmonitor-...` under their OWN team account would get
// a different team-slug, so gating on this list rejects look-alike previews.
// The project deploys under the "eliewm" team scope. Add a teammate's Vercel
// team slug here when they need to mount PRO widgets in preview deployments;
// never widen this to a wildcard.
var ALLOWED_VERCEL_TEAM_SLUGS = ['eliewm'];
function isAllowedVercelPreview(hostname) {
for (var i = 0; i < ALLOWED_VERCEL_TEAM_SLUGS.length; i++) {
var team = ALLOWED_VERCEL_TEAM_SLUGS[i];
if (!/^[a-z0-9-]+$/.test(team)) continue;
var re = new RegExp('^worldmonitor-[a-z0-9-]+-' + team + '\\.vercel\\.app$');
if (re.test(hostname)) return true;
}
return false;
}
function isAllowedParentOrigin(origin) {
try {
var url = new URL(origin);
var isLocalhost = url.hostname === 'localhost' || url.hostname === '127.0.0.1';
if ((url.protocol === 'http:' || url.protocol === 'https:') && isLocalhost) {
return true;
}
if (url.protocol !== 'https:') {
return false;
}
if (url.hostname === 'worldmonitor.app' || url.hostname.endsWith('.worldmonitor.app')) {
return true;
}
return isAllowedVercelPreview(url.hostname);
} catch (_err) {
return false;
}
}
var nativeAddEventListener = EventTarget.prototype.addEventListener;
var nativeStopImmediatePropagation = Event.prototype.stopImmediatePropagation;
function installBeforeUnloadStopper() {
nativeAddEventListener.call(window, 'beforeunload', function (event) {
nativeStopImmediatePropagation.call(event);
}, true);
}
function installBeforeUnloadGuard() {
Object.defineProperty(window, 'onbeforeunload', {
configurable: false,
get: function () {
return null;
},
set: function () {},
});
EventTarget.prototype.addEventListener = function (type, listener, options) {
if (this === window && type === 'beforeunload') return;
return nativeAddEventListener.call(this, type, listener, options);
};
}
try {
parentOrigin = document.referrer ? new URL(document.referrer).origin : '';
} catch (_err) {
parentOrigin = '';
}
installBeforeUnloadGuard();
window.addEventListener('message', function (e) {
if (handled) return;
if (!e.data || e.data.type !== 'wm-html') return;
if (!widgetId || !widgetToken || e.data.id !== widgetId || e.data.token !== widgetToken) return;
if (e.source !== window.parent) return;
if (!parentOrigin || e.origin !== parentOrigin || !isAllowedParentOrigin(parentOrigin)) return;
if (typeof e.data.html !== 'string') return;
handled = true;
document.open();
// document.open() clears Window listeners. Reinstall through the saved
// native method before widget parsing so reflected body/frameset handlers
// and registrations through another realm are later than this stopper.
installBeforeUnloadStopper();
document.write(e.data.html);
document.close();
});
if (widgetId && widgetToken && parentOrigin && isAllowedParentOrigin(parentOrigin)) {
window.parent.postMessage(
{ type: 'wm-widget-ready', id: widgetId, token: widgetToken },
parentOrigin,
);
}
}());
</script>
</body>
</html>