prehistoric-systems/itty-bitty
1
0
Fork 0
mirror of https://github.com/arfct/itty-bitty.git synced 2026-03-11 08:54:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Start to handle html overwrite, add download sandbox dynamically

Browse source
This commit is contained in:
Nicholas Jitkoff 2022-12-27 23:44:40 -08:00
parent f379e9be5d
commit 381534ee97
1 changed files with 24 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
docs/index.js
View file

@ -352,10 +352,11 @@
let dataContent = durl.rawData;
if (!dataURL) return;
iframe.sandbox = "allow-same-origin allow-downloads allow-scripts allow-forms allow-top-navigation allow-popups allow-modals allow-popups-to-escape-sandbox";
iframe.sandbox = "allow-same-origin allow-scripts allow-forms allow-top-navigation allow-popups allow-modals allow-popups-to-escape-sandbox";
if (iframe.sandbox.supports('allow-downloads')) iframe.sandbox.add('allow-downloads');
if (isIE && renderMode == "data") renderMode = "frame";
let overwriteSelf = isWatch;
let overwriteSelf = isWatch && !params.script.endsWith(".html");
console.log("🖋 Rendering mode: " + "\x1B[1m" + renderMode, {url:durl})
@ -406,14 +407,27 @@
if (params.script.indexOf("/") == -1) params.script = location.origin + '/render/' + params.script + '.js'
if (params.overwrite) {
// Overwrite the current page with the script. Dangerous, but required for browsers on apple watch to scroll.
let scriptEl = document.createElement("script")
scriptEl.src = "/render.js"
scriptEl.addEventListener('load', function(e) {
console.log("Loaded script", scriptEl.src);
renderScriptContent(params, "*");
});
document.head.appendChild(scriptEl);
if (params.script.endsWith(".html")) {
fetch(params.script, /*, options */)
.then((response) => response.text())
.then((html) => {
console.log("html", html)
document.documentElement.innerHTML = html;
})
.catch((error) => {
console.warn(error);
});
} else {
// Overwrite the current page with the script. Dangerous, but required for browsers on apple watch to scroll.
let scriptEl = document.createElement("script")
scriptEl.src = "/render.js"
scriptEl.addEventListener('load', function(e) {
console.log("Loaded script", scriptEl.src);
renderScriptContent(params, "*");
});
document.head.appendChild(scriptEl);
}
} else {
// Render in an iframe, either via sandboxed subdomain or a data url (disables storage APIs)
iframe.onload = (() => {