@hexclave/react 1.0.33 → 1.0.34

package/dist/esm/dev-tool/dev-tool-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBA4tEgB,aAAA,CAAc,GAAA,EAAK,cAAA"}
+{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBAiuEgB,aAAA,CAAc,GAAA,EAAK,cAAA"}

package/dist/esm/dev-tool/dev-tool-core.js

@@ -1,5 +1,5 @@
 import { DEV_TOOL_ROOT_ID } from "@hexclave/shared/dist/utils/dev-tool";
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { runAsynchronously, runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { getGlobalUiInstance, h, hasAppendChild, setGlobalUiInstance, setHtml } from "../in-page-ui/dom.js";
 import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { isLocalhost } from "@hexclave/shared/dist/utils/urls";
@@ -1692,10 +1692,6 @@ function createComponentsTab(app) {
 			};
 		});
 	}
-	function getCompactUrl(url) {
-		const resolved = new URL(url, window.location.origin);
-		return `${resolved.pathname}${resolved.search}${resolved.hash}`;
-	}
 	const sidebar = h("div", { className: "sdt-pg-sidebar" });
 	const mainArea = h("div", { className: "sdt-pg-main" });
 	function renderSidebar() {
@@ -1733,12 +1729,6 @@ function createComponentsTab(app) {
 		const header = h("div", { className: "sdt-pg-header" });
 		const headerTop = h("div", { className: "sdt-pg-header-top" });
 		headerTop.appendChild(h("h3", { className: "sdt-pg-title" }, `${page.label} Page`));
-		headerTop.appendChild(h("a", {
-			href: page.url,
-			target: "_blank",
-			rel: "noopener noreferrer",
-			className: "sdt-pg-title-url"
-		}, getCompactUrl(page.url)));
 		if (page.versionStatus === "outdated") headerTop.appendChild(h("span", { className: "sdt-pg-badge sdt-pg-badge-outdated" }, "Outdated"));
 		header.appendChild(headerTop);
 		const redirectMethod = `hexclaveApp.redirectTo${page.key.charAt(0).toUpperCase()}${page.key.slice(1)}()`;
@@ -1747,8 +1737,14 @@ function createComponentsTab(app) {
 		const openBtn = h("button", { className: "sdt-pg-copy-btn sdt-pg-open-btn" });
 		setHtml(openBtn, "Open <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17L17 7\"/><path d=\"M7 7h10v10\"/></svg>");
 		openBtn.addEventListener("click", () => {
-			const resolved = new URL(page.url, window.location.origin);
-			window.open(resolved.toString(), "_blank", "noopener,noreferrer");
+			const openedWindow = window.open("about:blank", "_blank");
+			if (openedWindow != null) openedWindow.opener = null;
+			runAsynchronouslyWithAlert(async () => {
+				const redirectUrl = await app[hexclaveAppInternalsSymbol].getRedirectToHandlerUrl(page.key);
+				const resolved = new URL(redirectUrl, window.location.origin);
+				if (openedWindow != null) openedWindow.location.replace(resolved.toString());
+				else window.open(resolved.toString(), "_blank", "noopener,noreferrer");
+			});
 		});
 		codeRow.appendChild(openBtn);
 		header.appendChild(codeRow);