@schalkneethling/miyagi-core 4.0.2

package/frontend/assets/js/main.build.js

@@ -0,0 +1,40 @@
+import Main from "./_main.js";
+
+class MainBuild extends Main {
+	/**
+	 *
+	 */
+	constructor() {
+		super();
+
+		this.paths = {
+			embedded: "component-",
+			container: "show-",
+		};
+
+		this.indexPath = "component-all-embedded.html";
+		this.embeddedParam = "-embedded";
+	}
+
+	/**
+	 * @returns {void}
+	 */
+	onPopState() {
+		let path;
+
+		if (document.location.pathname.startsWith("/design-tokens")) {
+			path = document.location.pathname.replace("/", "/iframe-");
+		} else if (document.location.pathname !== "/") {
+			path = document.location.pathname
+				.replace(this.paths.container, this.paths.embedded)
+				.replace(/\.html$/, `${this.embeddedParam}.html`)
+				.slice(1);
+		} else {
+			path = `${this.paths.embedded}all-embedded.html`;
+		}
+
+		super.onPopState(path);
+	}
+}
+
+document.addEventListener("DOMContentLoaded", () => new MainBuild());

package/frontend/assets/js/main.js

@@ -0,0 +1,42 @@
+import Main from "./_main.js";
+
+class MainDev extends Main {
+	/**
+	 *
+	 */
+	constructor() {
+		super();
+
+		this.paths = {
+			embedded: "component?",
+			container: "show?",
+		};
+
+		this.embeddedParam = "&embedded=true";
+		this.indexPath = `/${this.paths.embedded}file=all${this.embeddedParam}`;
+	}
+
+	/**
+	 *
+	 */
+	onPopState() {
+		let path;
+
+		if (document.location.pathname.startsWith("/design-tokens")) {
+			path = `/iframe${document.location.pathname}`;
+		} else if (document.location.search !== "") {
+			path = `${document.location.href.replace(
+				this.paths.container,
+				this.paths.embedded,
+			)}${this.embeddedParam}`;
+			path = path.replace(document.location.origin, "");
+		} else {
+			path = this.indexPath;
+			path = path.replace(document.location.origin, "");
+		}
+
+		super.onPopState(path);
+	}
+}
+
+document.addEventListener("DOMContentLoaded", () => new MainDev());