mirror of
https://github.com/kevinveenbirkenbach/homepage.veen.world.git
synced 2026-09-23 19:03:18 +00:00
fix(iframe): stop an absent iframe parameter from framing the page in itself
An empty value resolved against window.location.href, so a page without an iframe parameter passed both the scheme check and the origin allowlist carrying its own URL. Every load entered fullscreen and framed the page inside itself, and the navigation observer wrote that URL back into the parameter, nesting it deeper on every poll until the URL ran to kilometres. safeUrl now rejects a missing value, the caller tests the parameter before validating it, and the history entry keeps the URL it was given rather than the resolved one. The regression spec covers the four properties a page without the parameter must have, and fails on each of them when the defect is put back. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
31
app/cypress/e2e/iframe_param_absent.spec.js
Normal file
31
app/cypress/e2e/iframe_param_absent.spec.js
Normal file
@@ -0,0 +1,31 @@
|
||||
describe('A page without an iframe parameter', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('/');
|
||||
});
|
||||
|
||||
it('stays out of fullscreen', () => {
|
||||
cy.get('body').should('not.have.class', 'fullscreen');
|
||||
});
|
||||
|
||||
it('frames nothing', () => {
|
||||
cy.get('#main').find('iframe').should('not.exist');
|
||||
cy.url().should('not.include', 'iframe=');
|
||||
});
|
||||
|
||||
it('never grows an iframe parameter out of its own URL', () => {
|
||||
cy.wait(2000);
|
||||
|
||||
cy.url().then((url) => {
|
||||
expect((url.match(/iframe/g) || []).length, 'iframe parameters').to.equal(0);
|
||||
});
|
||||
});
|
||||
|
||||
it('treats an absent URL as unsafe', () => {
|
||||
cy.window().then((win) => {
|
||||
expect(win.safeUrl(null), 'null').to.equal(null);
|
||||
expect(win.safeUrl(''), 'empty string').to.equal(null);
|
||||
expect(win.safeUrl('javascript:alert(1)'), 'script URL').to.equal(null);
|
||||
expect(win.safeUrl('/de/'), 'relative path').to.equal(`${win.location.origin}/de/`);
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -14,8 +14,8 @@ function allowedIframeUrl(url) {
|
||||
|
||||
// === Auto-open iframe if URL parameter is present ===
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
const paramUrl = allowedIframeUrl(new URLSearchParams(window.location.search).get('iframe'));
|
||||
if (paramUrl) {
|
||||
const paramUrl = new URLSearchParams(window.location.search).get('iframe');
|
||||
if (paramUrl && allowedIframeUrl(paramUrl)) {
|
||||
currentIframeUrl = paramUrl;
|
||||
enterFullscreen();
|
||||
openIframe(paramUrl);
|
||||
@@ -83,8 +83,8 @@ function openIframe(url) {
|
||||
|
||||
// URL-State pushen
|
||||
var newUrl = new URL(window.location);
|
||||
newUrl.searchParams.set('iframe', target);
|
||||
window.history.pushState({ iframe: target }, '', newUrl);
|
||||
newUrl.searchParams.set('iframe', url);
|
||||
window.history.pushState({ iframe: url }, '', newUrl);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@@ -8,8 +8,11 @@ function t(source) {
|
||||
const SAFE_URL_SCHEMES = ['http:', 'https:', 'mailto:'];
|
||||
|
||||
function safeUrl(url) {
|
||||
if (url == null || String(url) === '') {
|
||||
return null;
|
||||
}
|
||||
try {
|
||||
const parsed = new URL(String(url == null ? '' : url), window.location.href);
|
||||
const parsed = new URL(String(url), window.location.href);
|
||||
return SAFE_URL_SCHEMES.includes(parsed.protocol) ? parsed.href : null;
|
||||
} catch (error) {
|
||||
return null;
|
||||
|
||||
Reference in New Issue
Block a user