sitewide.js

(function($){

if (!self.document) {
	// We're in a service worker! Oh man, we’re living in the future! 🌈🦄
	if (location.hostname === "localhost") {
		// We're testing locally, use local URLs for Mavo
		self.addEventListener("fetch", function(evt) {
			var url = evt.request.url;

			if (url.indexOf("get.mavo.io/mavo.") > -1 || url.indexOf("dev.mavo.io/dist/mavo.") > -1) {
				var newURL = url.replace(/.+?(get|dev)\.mavo\.io\/(dist\/)?/, "http://localhost:8000/dist/") + "?" + Date.now();
				    newURL = newURL.replace(".es5.js", ".js")
				var response = fetch(new Request(newURL), evt.request)
					.then(r => r.status < 400? r : Promise.reject())
					.catch(err => fetch(evt.request)); // if that fails, return original request

				evt.respondWith(response);
			}
		});
	}

	return;
}

var src = document.currentScript ? document.currentScript.src : "sitewide.js";

if ("serviceWorker" in navigator && location.hostname == "localhost") {
	// Register this script as a service worker
	addEventListener("load", function() {
		navigator.serviceWorker.register(src);
	});
}

if (parent && parent !== window && new URL(location).searchParams.get("full") === null || new URL(location).searchParams.get("lite") !== null) {
	document.documentElement.classList.add("lite")
}

// Resize iframes to fit
$$(".example-container > iframe").forEach(iframe => {
	$.events(iframe, "DOMFrameContentLoaded load", () => {
		var root = iframe.contentDocument.documentElement;

		$.style(root, {
			"font-size": "85%",
			"box-sizing": "border-box"
		});

		//iframe.style.height = root.offsetHeight - 29 + "px";

		var height = 0;
		Mavo.observeResize(root, e => {
			if (height != root.offsetHeight) {
				iframe.style.height = root.offsetHeight + "px";
				height = root.offsetHeight
			}

		});
	});
});

$$("pre > code a[aria-label]").forEach(a => a.target = "_blank");

// Add notice to advanced sections
$.events(document, "DOMContentLoaded mv-load", function(evt) {
	$$("section.advanced").forEach(section => {
		var heading = $("h1, h2", section);

		if (!heading.nextElementSibling.matches("p.notice.warning")) {
			var thing = section.getAttribute("data-required") || "JavaScript";

			$.create("p", {
				className: "notice warning",
				textContent: `This section requires an understanding of ${thing}. It is aimed at advanced users and plugin developers. You do not need to understand ${thing} to use Mavo!`,
				after: heading
			});
		}
	});
})

})(self.Bliss)