Neighbourhood.omg.lol/Components/ExternalPageComponent.razor

@inject IJSRuntime JS
@inject State State
@inject ApiService api
@if(Html != null) {
	<iframe id="@id" frameborder="0" scrolling="no" srcdoc="@Html" onload="() => iframeResize({ license: 'GPLv3' })"></iframe>
}

@code {
	[Parameter]
	public string? Url { get; set; }
	[Parameter]
	public string? id { get; set; }
	[Parameter]
	public string? SrcString { get; set; }
	public MarkupString? Html { get; set; }

	protected override async Task OnAfterRenderAsync(bool firstRender) {
		if(firstRender){
			await Reload();
		}
	}

	public async Task Reload() {
		if (Url != null){
			Html = await api.GetHtml(Url);
			SrcString = Html?.ToString();
		}
		if(SrcString != null) {
			SrcString = SrcString?.Replace("</head>", "<base target='_blank'></head>");
			SrcString = SrcString?.Replace("</body>", "<script src='https://cdn.jsdelivr.net/npm/@iframe-resizer/child@5.1.5'></script></body>");
			Html = (MarkupString)(SrcString ?? string.Empty);
		}
		await InvokeAsync(StateHasChanged);
		await IframeResize();
	}

	public async Task IframeResize() {
		await JS.InvokeVoidAsync("iframeResize", new { license = "GPLv3" });
	}
}