@miyagi/core/frontend/assets/js/iframe.js

miyagi is a component development tool for JavaScript template engines.

import "./_accordion-tabs.js";
import "./_socket.js";
import {
	goto as gotoIsTriggered,
	search as searchIsTriggered,
} from "./_is-triggered.js";

if (
	window.location.pathname.startsWith("/component?") &&
	window.location.href.indexOf("&embedded=true") >= 0 &&
	window.self === window.top
) {
	window.location = new URL(window.location).replace("&embedded=true", "");
}

document.addEventListener("DOMContentLoaded", function () {
	const links = Array.from(document.querySelectorAll(".Component-file"));
	const styleguide = document.querySelector(".Styleguide");

	if (links.length > 0) {
		import("./_iframe-links.js")
			.then((module) => {
				module.default(links);
			})
			.catch((err) => console.error(err));
	}

	if (document.querySelector(".Code")) {
		import("./_prism.js");
	}

	if (styleguide) {
		import("./styleguide/index.js")
			.then((Styleguide) => new Styleguide.default(styleguide))
			.catch((err) => console.error(err));
	}

	if (document.querySelector(".js-openMockData")) {
		import("./_mock-data.js");
	}
});

document.addEventListener("keyup", (e) => {
	const { path, originalTarget, target, key } = e;
	const el = path ? path[0] : originalTarget || target;

	if (searchIsTriggered(el, key)) {
		parent.window.dispatchEvent(new CustomEvent("searchTriggered"));
	} else if (gotoIsTriggered(el, key)) {
		parent.window.dispatchEvent(new CustomEvent("gotoTriggered"));
	}
});