Kevin Veen-Birkenbach a40d48bb03
Refactor srv-web-7-7-inj-port-ui-desktop to use CDN-served JS file with inline initializer
- 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
2025-08-13 23:29:32 +02:00

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);