mirror of
https://github.com/kevinveenbirkenbach/computer-playbook.git
synced 2025-08-15 08:30:46 +02:00
- Added vars/main.yml to define iframe-handler.js file name and destination - Implemented 01_deploy.yml to deploy iframe-handler.js to CDN and set mtime-based version fact - Split original iframe logic into: • iframe-handler.js (full logic, served from CDN) • iframe-init_one_liner.js.j2 (small inline bootstrap, CSP-hashed) - Updated head_sub.j2 to load script from CDN instead of embedding full code - Added body_sub.j2 for inline init code - Updated iframe-handler.js.j2 with initIframeHandler() function and global exposure - Activated role earlier in inj-compose with public: true so vars are available for templates - Included 'port-ui-desktop' in body_snippets loop in location.lua.j2 - Disabled 'port-ui-desktop' feature in web-svc-cdn config by default https://chatgpt.com/share/689d03a8-4c28-800f-8b06-58ce2807b075
58 lines
1.7 KiB
Django/Jinja
58 lines
1.7 KiB
Django/Jinja
(function (global) {
|
|
/**
|
|
* Initializes the iframe sync & external link forcing logic.
|
|
* @param {string} primary_domain
|
|
* @param {string} current_domain
|
|
* @param {string} allowedOrigin - Parent origin for postMessage
|
|
*/
|
|
function initIframeHandler(primary_domain, current_domain, allowedOrigin) {
|
|
function notifyParent() {
|
|
if (window.self !== window.top) {
|
|
try {
|
|
window.parent.postMessage(
|
|
{ type: "iframeLocationChange", href: window.location.href },
|
|
allowedOrigin
|
|
);
|
|
} catch (e) {}
|
|
}
|
|
}
|
|
|
|
function forceExternalLinks() {
|
|
Array.prototype.forEach.call(document.querySelectorAll("a[href]"), function (a) {
|
|
try {
|
|
var url = new URL(a.href, location);
|
|
// open new tab if link goes outside our primary OR current domain
|
|
if (!(url.hostname.endsWith(primary_domain) || url.hostname.endsWith(current_domain))) {
|
|
a.target = "_blank";
|
|
a.rel = "noopener";
|
|
}
|
|
} catch (e) {}
|
|
});
|
|
}
|
|
|
|
window.addEventListener("load", function () {
|
|
notifyParent();
|
|
forceExternalLinks();
|
|
});
|
|
window.addEventListener("popstate", function () {
|
|
notifyParent();
|
|
forceExternalLinks();
|
|
});
|
|
|
|
// SPA support
|
|
var _pushState = history.pushState;
|
|
history.pushState = function () {
|
|
_pushState.apply(history, arguments);
|
|
notifyParent();
|
|
forceExternalLinks();
|
|
};
|
|
|
|
{% if MODE_DEBUG | bool %}
|
|
try { console.log("[iframe-sync] initIframeHandler installed."); } catch (e) {}
|
|
{% endif %}
|
|
}
|
|
|
|
// expose for inline bootstrap
|
|
global.initIframeHandler = initIframeHandler;
|
|
})(window);
|