@hexclave/next 1.0.13 → 1.0.15

package/dist/esm/components-page/team-creation.js

@@ -1,8 +1,8 @@
 'use client';
 
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { yupObject, yupString } from "@hexclave/shared/dist/schema-fields";
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, Label, Typography } from "@hexclave/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

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":";;;iBA6yEgB,aAAA,CAAc,GAAA,EAAK,cAAA"}
+{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBAkxEgB,aAAA,CAAc,GAAA,EAAK,cAAA"}

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

@@ -1,4 +1,6 @@
+import { DEV_TOOL_ROOT_ID } from "@hexclave/shared/dist/utils/dev-tool";
 import { runAsynchronously } 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";
 import { getPagePrompt } from "../lib/hexclave-app/url-targets.js";
@@ -10,7 +12,7 @@ import { clampTriggerPosition, getSnappedTriggerPlacement, resolveTriggerPositio
 //#region src/dev-tool/dev-tool-core.ts
 const STORAGE_KEY = "__hexclave-dev-tool-state";
 const TRIGGER_POS_KEY = "hexclave-devtool-trigger-position";
-const ROOT_ID = "__hexclave-dev-tool-root";
+const ROOT_ID = DEV_TOOL_ROOT_ID;
 const GLOBAL_INSTANCE_KEY = "__hexclave-dev-tool-instance";
 const MAX_LOG_ENTRIES = 500;
 const CONSOLE_LOG_BATCH_SIZE = 100;
@@ -100,19 +102,6 @@ function createStateStore() {
 		}
 	};
 }
-function isDevToolGlobalInstance(value) {
-	return typeof value === "object" && value !== null && typeof Reflect.get(value, "cleanup") === "function";
-}
-function getGlobalDevToolInstance() {
-	if (typeof window === "undefined") return null;
-	const value = Reflect.get(window, GLOBAL_INSTANCE_KEY);
-	return isDevToolGlobalInstance(value) ? value : null;
-}
-function setGlobalDevToolInstance(instance) {
-	if (typeof window === "undefined") return;
-	if (instance === null) Reflect.deleteProperty(window, GLOBAL_INSTANCE_KEY);
-	else Reflect.set(window, GLOBAL_INSTANCE_KEY, instance);
-}
 function getGlobalLogStore() {
 	const g = globalThis;
 	if (!g.__STACK_DEV_TOOL_LOG_STORE__) g.__STACK_DEV_TOOL_LOG_STORE__ = {
@@ -192,27 +181,6 @@ function generateRandomEmail() {
 	for (let i = 0; i < 8; i++) id += chars[Math.floor(Math.random() * 36)];
 	return `dev-${id}@test.hexclave.com`;
 }
-function h(tag, attrs, ...children) {
-	const el = document.createElement(tag);
-	if (attrs) for (const [k, v] of Object.entries(attrs)) {
-		if (v == null) continue;
-		if (k === "className") el.className = v;
-		else if (k === "style" && typeof v === "object") Object.assign(el.style, v);
-		else if (k.startsWith("on") && typeof v === "function") el.addEventListener(k.slice(2).toLowerCase(), v);
-		else el.setAttribute(k, String(v));
-	}
-	for (const child of children) {
-		if (child == null) continue;
-		el.appendChild(typeof child === "string" ? document.createTextNode(child) : child);
-	}
-	return el;
-}
-function setHtml(el, html) {
-	el.innerHTML = html;
-}
-function hasAppendChild(value) {
-	return typeof value === "object" && value !== null && typeof Reflect.get(value, "appendChild") === "function";
-}
 function appendInlineMarkdown(container, text) {
 	const tokenPattern = /(\[[^\]]+\]\([^)]+\)|`[^`\n]+`|\*\*[^*\n]+\*\*|__[^_\n]+__|\*[^*\n]+\*|_[^_\n]+_)/g;
 	let lastIndex = 0;
@@ -509,8 +477,12 @@ function createIframeTab(src, title, loadingMsg = "Loading…", errorMsg = "Unab
 	container.appendChild(iframe);
 	return container;
 }
+function hasPersistentTokenStoreForDevTool(app) {
+	return app[hexclaveAppInternalsSymbol].getConstructorOptions().tokenStore !== null;
+}
 function createOverviewTab(app) {
 	const container = h("div", { className: "sdt-ov" });
+	const hasPersistentTokenStore = hasPersistentTokenStoreForDevTool(app);
 	const heroCard = h("div", { className: "sdt-ov-card sdt-ov-card-hero" });
 	heroCard.appendChild(h("div", { className: "sdt-ov-label" }, "Identity"));
 	const userRow = h("div", { className: "sdt-ov-user-row" });
@@ -556,6 +528,15 @@ function createOverviewTab(app) {
 	let loading = false;
 	function rebuildActions() {
 		actions.innerHTML = "";
+		if (!hasPersistentTokenStore) {
+			userName.textContent = "Current user unavailable";
+			userEmail.textContent = "This app was initialized without a token store";
+			actions.appendChild(h("button", {
+				className: "sdt-ov-btn sdt-ov-btn-wide",
+				disabled: "true"
+			}, "Session actions unavailable"));
+			return;
+		}
 		if (currentUser) {
 			const signOutBtn = h("button", { className: "sdt-ov-btn sdt-ov-btn-danger" }, "Sign Out");
 			signOutBtn.disabled = loading;
@@ -744,10 +725,14 @@ function createOverviewTab(app) {
 				label: "Auth method active",
 				hint: hasActiveAuthMethod === null ? "Still checking project config" : null
 			},
-			{
+			hasPersistentTokenStore ? {
 				ok: !!currentUser,
 				label: "Sign in a test user",
 				hint: "Use “Quick Sign In” above →"
+			} : {
+				ok: true,
+				label: "Current-user tools unavailable",
+				hint: null
 			}
 		];
 		const passCount = checks.filter((c) => c.ok).length;
@@ -787,6 +772,17 @@ function createOverviewTab(app) {
 		}
 	}
 	async function refreshUser() {
+		if (!hasPersistentTokenStore) {
+			avatar.className = "sdt-ov-avatar";
+			avatar.textContent = "?";
+			userName.textContent = "Current user unavailable";
+			userEmail.textContent = "This app was initialized without a token store";
+			authIndicator.style.display = "none";
+			currentUser = null;
+			rebuildActions();
+			buildChecklist();
+			return;
+		}
 		try {
 			currentUser = await app.getUser();
 			if (currentUser) {
@@ -2023,7 +2019,7 @@ function createDevTool(app) {
 	if (typeof document === "undefined" || typeof document.createElement !== "function") return () => {};
 	const body = Reflect.get(document, "body");
 	if (!hasAppendChild(body)) return () => {};
-	getGlobalDevToolInstance()?.cleanup();
+	getGlobalUiInstance(GLOBAL_INSTANCE_KEY)?.cleanup();
 	let existingRoot = document.getElementById(ROOT_ID);
 	while (existingRoot !== null) {
 		existingRoot.remove();
@@ -2097,13 +2093,13 @@ function createDevTool(app) {
 	const instance = { cleanup: () => {
 		if (didCleanup) return;
 		didCleanup = true;
-		if (getGlobalDevToolInstance() === instance) setGlobalDevToolInstance(null);
+		if (getGlobalUiInstance(GLOBAL_INSTANCE_KEY) === instance) setGlobalUiInstance(GLOBAL_INSTANCE_KEY, null);
 		trigger.cleanup();
 		removeRequestListener();
 		panel?.cleanup();
 		if (root.parentNode) root.parentNode.removeChild(root);
 	} };
-	setGlobalDevToolInstance(instance);
+	setGlobalUiInstance(GLOBAL_INSTANCE_KEY, instance);
 	return () => {
 		instance.cleanup();
 	};