@hexclave/shared 1.0.14 → 1.0.15

package/dist/utils/analytics-clickmap-overlay.js

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/utils/analytics-clickmap-overlay.tsx
+/**
+* Wire protocol for handing a clickmap overlay token from the dashboard to the
+* in-page dev tool via `sessionStorage` + a window event.
+*
+* The token is a self-describing JWT: its payload already carries the
+* `project_id` and `origin` it was minted for, so the reader derives both from
+* the token itself and the writer only has to hand over a single value. The
+* dashboard (writer) and the dev tool (reader) live in different packages but
+* must agree on these exact names — this module is the single source of truth so
+* they can never silently desync.
+*/
+const CLICKMAP_OVERLAY_TOKEN_STORAGE_KEY = "hexclave-clickmap-token";
+const CLICKMAP_OVERLAY_RESUME_STORAGE_KEY = "hexclave-clickmap-resume";
+const CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT = "hexclave:clickmap-token-updated";
+
+//#endregion
+exports.CLICKMAP_OVERLAY_RESUME_STORAGE_KEY = CLICKMAP_OVERLAY_RESUME_STORAGE_KEY;
+exports.CLICKMAP_OVERLAY_TOKEN_STORAGE_KEY = CLICKMAP_OVERLAY_TOKEN_STORAGE_KEY;
+exports.CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT = CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT;
+//# sourceMappingURL=analytics-clickmap-overlay.js.map

package/dist/utils/analytics-clickmap-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics-clickmap-overlay.js","names":[],"sources":["../../src/utils/analytics-clickmap-overlay.tsx"],"sourcesContent":["/**\n * Wire protocol for handing a clickmap overlay token from the dashboard to the\n * in-page dev tool via `sessionStorage` + a window event.\n *\n * The token is a self-describing JWT: its payload already carries the\n * `project_id` and `origin` it was minted for, so the reader derives both from\n * the token itself and the writer only has to hand over a single value. The\n * dashboard (writer) and the dev tool (reader) live in different packages but\n * must agree on these exact names — this module is the single source of truth so\n * they can never silently desync.\n */\n\nexport const CLICKMAP_OVERLAY_TOKEN_STORAGE_KEY = \"hexclave-clickmap-token\";\nexport const CLICKMAP_OVERLAY_RESUME_STORAGE_KEY = \"hexclave-clickmap-resume\";\nexport const CLICKMAP_OVERLAY_TOKEN_UPDATED_EVENT = \"hexclave:clickmap-token-updated\";\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAa,qCAAqC;AAClD,MAAa,sCAAsC;AACnD,MAAa,uCAAuC"}

package/dist/utils/dev-tool.d.ts

@@ -0,0 +1,31 @@
+//#region src/utils/dev-tool.d.ts
+/**
+ * Shared identity of the Hexclave in-page dev tool / clickmap overlay.
+ *
+ * These constants are the single source of truth for "is this DOM / event /
+ * stored click part of the dev tool itself?". They are consumed across package
+ * boundaries:
+ *  - the dev tool mounts its root element with {@link DEV_TOOL_ROOT_ID} and
+ *    prefixes every generated class with {@link DEV_TOOL_CLASS_PREFIX};
+ *  - the event tracker uses them to skip self-clicks at ingest;
+ *  - the backend clickmap query uses them to filter dev-tool clicks out of
+ *    aggregate clickmaps server-side.
+ *
+ * Keep them here so a rename can never silently desync the SQL filter from the
+ * actual DOM identity.
+ */
+declare const DEV_TOOL_ROOT_ID = "__hexclave-dev-tool-root";
+/**
+ * Root element id of the standalone clickmap overlay. The clickmap is an
+ * independent feature with its own mount (it must survive the dev tool being
+ * removed), so it gets its own root — but its self-clicks need the exact same
+ * ingest/query exclusions as the dev tool's.
+ */
+declare const CLICKMAP_ROOT_ID = "__hexclave-clickmap-root";
+/** Prefix applied to every class/generated id the dev tool renders. */
+declare const DEV_TOOL_CLASS_PREFIX = "sdt-";
+/** Legacy class marker still present on older dev-tool builds. */
+declare const DEV_TOOL_LEGACY_CLASS = "stack-devtool";
+//#endregion
+export { CLICKMAP_ROOT_ID, DEV_TOOL_CLASS_PREFIX, DEV_TOOL_LEGACY_CLASS, DEV_TOOL_ROOT_ID };
+//# sourceMappingURL=dev-tool.d.ts.map

package/dist/utils/dev-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-tool.d.ts","names":[],"sources":["../../src/utils/dev-tool.tsx"],"mappings":";;AAeA;;;;;AAQA;;;;;AAGA;;;;cAXa,gBAAA;AAcb;;;;;;AAAA,cANa,gBAAA;;cAGA,qBAAA;;cAGA,qBAAA"}

package/dist/utils/dev-tool.js

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/utils/dev-tool.tsx
+/**
+* Shared identity of the Hexclave in-page dev tool / clickmap overlay.
+*
+* These constants are the single source of truth for "is this DOM / event /
+* stored click part of the dev tool itself?". They are consumed across package
+* boundaries:
+*  - the dev tool mounts its root element with {@link DEV_TOOL_ROOT_ID} and
+*    prefixes every generated class with {@link DEV_TOOL_CLASS_PREFIX};
+*  - the event tracker uses them to skip self-clicks at ingest;
+*  - the backend clickmap query uses them to filter dev-tool clicks out of
+*    aggregate clickmaps server-side.
+*
+* Keep them here so a rename can never silently desync the SQL filter from the
+* actual DOM identity.
+*/
+const DEV_TOOL_ROOT_ID = "__hexclave-dev-tool-root";
+/**
+* Root element id of the standalone clickmap overlay. The clickmap is an
+* independent feature with its own mount (it must survive the dev tool being
+* removed), so it gets its own root — but its self-clicks need the exact same
+* ingest/query exclusions as the dev tool's.
+*/
+const CLICKMAP_ROOT_ID = "__hexclave-clickmap-root";
+/** Prefix applied to every class/generated id the dev tool renders. */
+const DEV_TOOL_CLASS_PREFIX = "sdt-";
+/** Legacy class marker still present on older dev-tool builds. */
+const DEV_TOOL_LEGACY_CLASS = "stack-devtool";
+
+//#endregion
+exports.CLICKMAP_ROOT_ID = CLICKMAP_ROOT_ID;
+exports.DEV_TOOL_CLASS_PREFIX = DEV_TOOL_CLASS_PREFIX;
+exports.DEV_TOOL_LEGACY_CLASS = DEV_TOOL_LEGACY_CLASS;
+exports.DEV_TOOL_ROOT_ID = DEV_TOOL_ROOT_ID;
+//# sourceMappingURL=dev-tool.js.map

package/dist/utils/dev-tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-tool.js","names":[],"sources":["../../src/utils/dev-tool.tsx"],"sourcesContent":["/**\n * Shared identity of the Hexclave in-page dev tool / clickmap overlay.\n *\n * These constants are the single source of truth for \"is this DOM / event /\n * stored click part of the dev tool itself?\". They are consumed across package\n * boundaries:\n *  - the dev tool mounts its root element with {@link DEV_TOOL_ROOT_ID} and\n *    prefixes every generated class with {@link DEV_TOOL_CLASS_PREFIX};\n *  - the event tracker uses them to skip self-clicks at ingest;\n *  - the backend clickmap query uses them to filter dev-tool clicks out of\n *    aggregate clickmaps server-side.\n *\n * Keep them here so a rename can never silently desync the SQL filter from the\n * actual DOM identity.\n */\nexport const DEV_TOOL_ROOT_ID = \"__hexclave-dev-tool-root\";\n\n/**\n * Root element id of the standalone clickmap overlay. The clickmap is an\n * independent feature with its own mount (it must survive the dev tool being\n * removed), so it gets its own root — but its self-clicks need the exact same\n * ingest/query exclusions as the dev tool's.\n */\nexport const CLICKMAP_ROOT_ID = \"__hexclave-clickmap-root\";\n\n/** Prefix applied to every class/generated id the dev tool renders. */\nexport const DEV_TOOL_CLASS_PREFIX = \"sdt-\";\n\n/** Legacy class marker still present on older dev-tool builds. */\nexport const DEV_TOOL_LEGACY_CLASS = \"stack-devtool\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAa,mBAAmB;;;;;;;AAQhC,MAAa,mBAAmB;;AAGhC,MAAa,wBAAwB;;AAGrC,MAAa,wBAAwB"}

package/dist/utils/dom.d.ts

@@ -1,5 +1,11 @@
 //#region src/utils/dom.d.ts
 declare function hasClickableParent(element: HTMLElement): boolean;
+/**
+ * Escape a string so it is safe to use as a CSS identifier (id/class) inside a selector.
+ * Prefers the native `CSS.escape` when available, falling back to a conservative
+ * backslash-escape for non-DOM environments (SSR, tests, older runtimes).
+ */
+declare function cssEscapeIdent(value: string): string;
 //#endregion
-export { hasClickableParent };
+export { cssEscapeIdent, hasClickableParent };
 //# sourceMappingURL=dom.d.ts.map

package/dist/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","names":[],"sources":["../../src/utils/dom.tsx"],"mappings":";iBAAgB,kBAAA,CAAmB,OAAA,EAAS,WAAA"}
+{"version":3,"file":"dom.d.ts","names":[],"sources":["../../src/utils/dom.tsx"],"mappings":";iBAAgB,kBAAA,CAAmB,OAAA,EAAS,WAAA;AAA5C;;;;;AAAA,iBAagB,cAAA,CAAe,KAAA"}

package/dist/utils/dom.js

@@ -7,7 +7,27 @@ function hasClickableParent(element) {
 	if (parent.dataset.n2Clickable) return true;
 	return hasClickableParent(element.parentElement);
 }
+/**
+* Escape a string so it is safe to use as a CSS identifier (id/class) inside a selector.
+* Prefers the native `CSS.escape` when available, falling back to a conservative
+* backslash-escape for non-DOM environments (SSR, tests, older runtimes).
+*/
+function cssEscapeIdent(value) {
+	if (typeof CSS !== "undefined" && typeof CSS.escape === "function") return CSS.escape(value);
+	let escaped = "";
+	for (let i = 0; i < value.length; i += 1) {
+		const char = value.charAt(i);
+		const codeUnit = value.charCodeAt(i);
+		if (codeUnit === 0) escaped += "�";
+		else if (codeUnit >= 1 && codeUnit <= 31 || codeUnit === 127 || i === 0 && codeUnit >= 48 && codeUnit <= 57 || i === 1 && codeUnit >= 48 && codeUnit <= 57 && value.charCodeAt(0) === 45) escaped += `\\${codeUnit.toString(16)} `;
+		else if (i === 0 && codeUnit === 45 && value.length === 1) escaped += "\\-";
+		else if (codeUnit >= 128 || codeUnit === 45 || codeUnit === 95 || codeUnit >= 48 && codeUnit <= 57 || codeUnit >= 65 && codeUnit <= 90 || codeUnit >= 97 && codeUnit <= 122) escaped += char;
+		else escaped += `\\${char}`;
+	}
+	return escaped;
+}
 
 //#endregion
+exports.cssEscapeIdent = cssEscapeIdent;
 exports.hasClickableParent = hasClickableParent;
 //# sourceMappingURL=dom.js.map

package/dist/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","names":[],"sources":["../../src/utils/dom.tsx"],"sourcesContent":["export function hasClickableParent(element: HTMLElement): boolean {\n  const parent = element.parentElement;\n  if (!parent) return false;\n  if (parent.dataset.n2Clickable) return true;\n\n  return hasClickableParent(element.parentElement);\n}\n"],"mappings":";;;AAAA,SAAgB,mBAAmB,SAA+B;CAChE,MAAM,SAAS,QAAQ;AACvB,KAAI,CAAC,OAAQ,QAAO;AACpB,KAAI,OAAO,QAAQ,YAAa,QAAO;AAEvC,QAAO,mBAAmB,QAAQ,cAAc"}
+{"version":3,"file":"dom.js","names":[],"sources":["../../src/utils/dom.tsx"],"sourcesContent":["export function hasClickableParent(element: HTMLElement): boolean {\n  const parent = element.parentElement;\n  if (!parent) return false;\n  if (parent.dataset.n2Clickable) return true;\n\n  return hasClickableParent(element.parentElement);\n}\n\n/**\n * Escape a string so it is safe to use as a CSS identifier (id/class) inside a selector.\n * Prefers the native `CSS.escape` when available, falling back to a conservative\n * backslash-escape for non-DOM environments (SSR, tests, older runtimes).\n */\nexport function cssEscapeIdent(value: string): string {\n  if (typeof CSS !== \"undefined\" && typeof CSS.escape === \"function\") {\n    return CSS.escape(value);\n  }\n\n  let escaped = \"\";\n  for (let i = 0; i < value.length; i += 1) {\n    const char = value.charAt(i);\n    const codeUnit = value.charCodeAt(i);\n\n    if (codeUnit === 0x0000) {\n      escaped += \"\\uFFFD\";\n    } else if (\n      (codeUnit >= 0x0001 && codeUnit <= 0x001f) ||\n      codeUnit === 0x007f ||\n      (i === 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) ||\n      (i === 1 && codeUnit >= 0x0030 && codeUnit <= 0x0039 && value.charCodeAt(0) === 0x002d)\n    ) {\n      escaped += `\\\\${codeUnit.toString(16)} `;\n    } else if (i === 0 && codeUnit === 0x002d && value.length === 1) {\n      escaped += \"\\\\-\";\n    } else if (\n      codeUnit >= 0x0080 ||\n      codeUnit === 0x002d ||\n      codeUnit === 0x005f ||\n      (codeUnit >= 0x0030 && codeUnit <= 0x0039) ||\n      (codeUnit >= 0x0041 && codeUnit <= 0x005a) ||\n      (codeUnit >= 0x0061 && codeUnit <= 0x007a)\n    ) {\n      escaped += char;\n    } else {\n      escaped += `\\\\${char}`;\n    }\n  }\n  return escaped;\n}\n"],"mappings":";;;AAAA,SAAgB,mBAAmB,SAA+B;CAChE,MAAM,SAAS,QAAQ;AACvB,KAAI,CAAC,OAAQ,QAAO;AACpB,KAAI,OAAO,QAAQ,YAAa,QAAO;AAEvC,QAAO,mBAAmB,QAAQ,cAAc;;;;;;;AAQlD,SAAgB,eAAe,OAAuB;AACpD,KAAI,OAAO,QAAQ,eAAe,OAAO,IAAI,WAAW,WACtD,QAAO,IAAI,OAAO,MAAM;CAG1B,IAAI,UAAU;AACd,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxC,MAAM,OAAO,MAAM,OAAO,EAAE;EAC5B,MAAM,WAAW,MAAM,WAAW,EAAE;AAEpC,MAAI,aAAa,EACf,YAAW;WAEV,YAAY,KAAU,YAAY,MACnC,aAAa,OACZ,MAAM,KAAK,YAAY,MAAU,YAAY,MAC7C,MAAM,KAAK,YAAY,MAAU,YAAY,MAAU,MAAM,WAAW,EAAE,KAAK,GAEhF,YAAW,KAAK,SAAS,SAAS,GAAG,CAAC;WAC7B,MAAM,KAAK,aAAa,MAAU,MAAM,WAAW,EAC5D,YAAW;WAEX,YAAY,OACZ,aAAa,MACb,aAAa,MACZ,YAAY,MAAU,YAAY,MAClC,YAAY,MAAU,YAAY,MAClC,YAAY,MAAU,YAAY,IAEnC,YAAW;MAEX,YAAW,KAAK;;AAGpB,QAAO"}

package/dist/utils/elements-chain.d.ts

@@ -0,0 +1,38 @@
+//#region src/utils/elements-chain.d.ts
+/**
+ * PostHog-style `elements_chain` format — the single owner of both halves of the
+ * contract. The event tracker {@link buildElementsChain serializes} a clicked
+ * element (and its ancestors) into a string; the clickmap overlay
+ * {@link parseElementsChain parses} that string back into structured segments so
+ * it can re-locate the element in a live DOM.
+ *
+ * Encode and decode MUST round-trip exactly, which is why they live together:
+ * the escaping applied here on the write side is reversed by the parser below,
+ * and a single round-trip test in `elements-chain.test.tsx` guards the pair.
+ *
+ * Segment shape (leaf-first, joined by `;`):
+ *   tag.class1.class2:nth-child="2":nth-of-type="1":text="Save":attr__id="x":href="..."
+ */
+type ElementsChainSegment = {
+  tag: string;
+  classes: string[];
+  attrs: Record<string, string>;
+  text: string | null;
+  nthChild: number | null;
+  nthOfType: number | null;
+  href: string | null;
+};
+declare const ELEMENTS_CHAIN_MAX_DEPTH = 8;
+declare const ELEMENTS_CHAIN_TEXT_MAX = 80;
+declare const ELEMENTS_CHAIN_ATTR_MAX = 200;
+declare const ELEMENTS_CHAIN_ATTRS: readonly ["id", "data-testid", "data-test-id", "data-hexclave-id", "name", "type", "role", "aria-label", "placeholder", "title"];
+/**
+ * Serialise a clicked element and up to {@link ELEMENTS_CHAIN_MAX_DEPTH}
+ * ancestors (leaf-first) into an `elements_chain` string.
+ */
+declare function buildElementsChain(element: Element): string;
+/** Parse an `elements_chain` string into structured, leaf-first segments. */
+declare function parseElementsChain(chain: string): ElementsChainSegment[];
+//#endregion
+export { ELEMENTS_CHAIN_ATTRS, ELEMENTS_CHAIN_ATTR_MAX, ELEMENTS_CHAIN_MAX_DEPTH, ELEMENTS_CHAIN_TEXT_MAX, ElementsChainSegment, buildElementsChain, parseElementsChain };
+//# sourceMappingURL=elements-chain.d.ts.map

package/dist/utils/elements-chain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements-chain.d.ts","names":[],"sources":["../../src/utils/elements-chain.tsx"],"mappings":";;AAeA;;;;;;;;;;;;;KAAY,oBAAA;EACV,GAAA;EACA,OAAA;EACA,KAAA,EAAO,MAAA;EACP,IAAA;EACA,QAAA;EACA,SAAA;EACA,IAAA;AAAA;AAAA,cAGW,wBAAA;AAAA,cACA,uBAAA;AAAA,cACA,uBAAA;AAAA,cAKA,oBAAA;;;;AAAb;iBAyFgB,kBAAA,CAAmB,OAAA,EAAS,OAAA;;iBA0K5B,kBAAA,CAAmB,KAAA,WAAgB,oBAAA"}

package/dist/utils/elements-chain.js

@@ -0,0 +1,304 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/utils/elements-chain.tsx
+const ELEMENTS_CHAIN_MAX_DEPTH = 8;
+const ELEMENTS_CHAIN_TEXT_MAX = 80;
+const ELEMENTS_CHAIN_ATTR_MAX = 200;
+const ELEMENTS_CHAIN_ATTRS = [
+	"id",
+	"data-testid",
+	"data-test-id",
+	"data-hexclave-id",
+	"name",
+	"type",
+	"role",
+	"aria-label",
+	"placeholder",
+	"title"
+];
+function escapeElementsChainValue(value) {
+	return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
+}
+function escapeElementsChainClass(value) {
+	return value.replace(/\\/g, "\\\\").replace(/\./g, "\\.").replace(/:/g, "\\:");
+}
+function getElementClasses(element) {
+	const className = element.className;
+	if (typeof className !== "string" || className.trim() === "") return [];
+	return className.trim().split(/\s+/).filter(Boolean).slice(0, 4);
+}
+function getNthChildIndex(element) {
+	const parent = element.parentElement;
+	if (parent == null) return null;
+	const index = Array.prototype.indexOf.call(parent.children, element);
+	return index >= 0 ? index + 1 : null;
+}
+function getNthOfTypeIndex(element) {
+	const parent = element.parentElement;
+	if (parent == null) return null;
+	const tagName = element.tagName;
+	const siblings = Array.from(parent.children).filter((child) => child.tagName === tagName);
+	if (siblings.length <= 1) return null;
+	const index = siblings.indexOf(element);
+	return index >= 0 ? index + 1 : null;
+}
+function serializeElementsChainSegment(element) {
+	const parts = [];
+	parts.push(element.tagName.toLowerCase());
+	const classes = getElementClasses(element);
+	if (classes.length > 0) parts.push(`.${classes.map(escapeElementsChainClass).join(".")}`);
+	const text = element.textContent.trim().replace(/\s+/g, " ").slice(0, ELEMENTS_CHAIN_TEXT_MAX);
+	const nthChild = getNthChildIndex(element);
+	const nthOfType = getNthOfTypeIndex(element);
+	const attrPairs = [];
+	if (nthChild != null) attrPairs.push(`nth-child="${nthChild}"`);
+	if (nthOfType != null) attrPairs.push(`nth-of-type="${nthOfType}"`);
+	if (text !== "") attrPairs.push(`text="${escapeElementsChainValue(text)}"`);
+	for (const attrName of ELEMENTS_CHAIN_ATTRS) {
+		const value = element.getAttribute(attrName);
+		if (value == null || value === "") continue;
+		attrPairs.push(`attr__${attrName}="${escapeElementsChainValue(value.slice(0, ELEMENTS_CHAIN_ATTR_MAX))}"`);
+	}
+	if (element.tagName === "A") {
+		const href = element.getAttribute("href");
+		if (href != null && href !== "") attrPairs.push(`href="${escapeElementsChainValue(href.slice(0, ELEMENTS_CHAIN_ATTR_MAX))}"`);
+	}
+	if (attrPairs.length > 0) parts.push(`:${attrPairs.join(":")}`);
+	return parts.join("");
+}
+/**
+* Serialise a clicked element and up to {@link ELEMENTS_CHAIN_MAX_DEPTH}
+* ancestors (leaf-first) into an `elements_chain` string.
+*/
+function buildElementsChain(element) {
+	const segments = [];
+	let current = element;
+	let depth = 0;
+	while (current != null && depth < ELEMENTS_CHAIN_MAX_DEPTH && current !== document.documentElement) {
+		segments.push(serializeElementsChainSegment(current));
+		current = current.parentElement;
+		depth += 1;
+	}
+	return segments.join(";");
+}
+function splitEscapedDots(input) {
+	const out = [];
+	let cur = "";
+	for (let i = 0; i < input.length; i++) {
+		const ch = input[i];
+		if (ch === "\\" && i + 1 < input.length) {
+			cur += input[i + 1];
+			i += 1;
+			continue;
+		}
+		if (ch === ".") {
+			out.push(cur);
+			cur = "";
+			continue;
+		}
+		cur += ch;
+	}
+	out.push(cur);
+	return out;
+}
+function applyElementsChainAttr(key, value) {
+	if (key === "nth-child") {
+		const n = Number.parseInt(value, 10);
+		return Number.isFinite(n) ? { nthChild: n } : {};
+	}
+	if (key === "nth-of-type") {
+		const n = Number.parseInt(value, 10);
+		return Number.isFinite(n) ? { nthOfType: n } : {};
+	}
+	if (key === "text") return { text: value };
+	if (key === "href") return {
+		href: value,
+		attrKey: key,
+		attrValue: value
+	};
+	if (key.startsWith("attr__")) return {
+		attrKey: key.slice(6),
+		attrValue: value
+	};
+	return {
+		attrKey: key,
+		attrValue: value
+	};
+}
+function parseElementsChainSegment(segment) {
+	const trimmed = segment.trim();
+	if (trimmed === "") return null;
+	let prefixEnd = trimmed.length;
+	let inQuotes = false;
+	for (let i = 0; i < trimmed.length; i++) {
+		const ch = trimmed[i];
+		if (ch === "\\" && i + 1 < trimmed.length) {
+			i += 1;
+			continue;
+		}
+		if (ch === "\"") {
+			inQuotes = !inQuotes;
+			continue;
+		}
+		if (ch === ":" && !inQuotes) {
+			prefixEnd = i;
+			break;
+		}
+	}
+	const prefix = trimmed.slice(0, prefixEnd);
+	const rest = trimmed.slice(prefixEnd);
+	const prefixParts = splitEscapedDots(prefix);
+	const tag = prefixParts[0].trim().toLowerCase();
+	if (tag === "") return null;
+	const classes = prefixParts.slice(1).map((c) => c.trim()).filter((c) => c !== "");
+	const attrs = {};
+	let nthChild = null;
+	let nthOfType = null;
+	let text = null;
+	let href = null;
+	let i = 0;
+	while (i < rest.length) {
+		if (rest[i] !== ":") {
+			i += 1;
+			continue;
+		}
+		i += 1;
+		let keyEnd = i;
+		while (keyEnd < rest.length && rest[keyEnd] !== "=" && rest[keyEnd] !== ":") keyEnd += 1;
+		const key = rest.slice(i, keyEnd).trim();
+		if (keyEnd >= rest.length || rest[keyEnd] !== "=") {
+			i = keyEnd;
+			continue;
+		}
+		let valStart = keyEnd + 1;
+		if (rest[valStart] !== "\"") {
+			let end = valStart;
+			while (end < rest.length && rest[end] !== ":") end += 1;
+			const result = applyElementsChainAttr(key, rest.slice(valStart, end));
+			if (result.nthChild != null) nthChild = result.nthChild;
+			if (result.nthOfType != null) nthOfType = result.nthOfType;
+			if (result.text != null) text = result.text;
+			if (result.href != null) href = result.href;
+			if (result.attrKey != null) attrs[result.attrKey] = result.attrValue ?? "";
+			i = end;
+			continue;
+		}
+		valStart += 1;
+		let end = valStart;
+		let value = "";
+		while (end < rest.length) {
+			const ch = rest[end];
+			if (ch === "\\" && end + 1 < rest.length) {
+				const next = rest[end + 1];
+				if (next === "\"" || next === "\\") {
+					value += next;
+					end += 2;
+					continue;
+				}
+				value += ch;
+				end += 1;
+				continue;
+			}
+			if (ch === "\"") break;
+			value += ch;
+			end += 1;
+		}
+		const result = applyElementsChainAttr(key, value);
+		if (result.nthChild != null) nthChild = result.nthChild;
+		if (result.nthOfType != null) nthOfType = result.nthOfType;
+		if (result.text != null) text = result.text;
+		if (result.href != null) href = result.href;
+		if (result.attrKey != null) attrs[result.attrKey] = result.attrValue ?? "";
+		i = end + 1;
+	}
+	return {
+		tag,
+		classes,
+		attrs,
+		text,
+		nthChild,
+		nthOfType,
+		href
+	};
+}
+/** Parse an `elements_chain` string into structured, leaf-first segments. */
+function parseElementsChain(chain) {
+	const segments = [];
+	let current = "";
+	let inQuotes = false;
+	for (let i = 0; i < chain.length; i++) {
+		const ch = chain[i];
+		if (ch === "\\" && i + 1 < chain.length) {
+			current += ch + chain[i + 1];
+			i += 1;
+			continue;
+		}
+		if (ch === "\"") {
+			inQuotes = !inQuotes;
+			current += ch;
+			continue;
+		}
+		if (ch === ";" && !inQuotes) {
+			segments.push(current);
+			current = "";
+			continue;
+		}
+		current += ch;
+	}
+	if (current.length > 0) segments.push(current);
+	return segments.map(parseElementsChainSegment).filter((segment) => segment != null);
+}
+(void 0)?.test("parseElementsChain parses a simple leaf+ancestor chain", ({ expect }) => {
+	expect(parseElementsChain("button.btn.btn-primary:nth-of-type=\"1\":text=\"Save\":attr__id=\"save-btn\";div.container")).toEqual([{
+		tag: "button",
+		classes: ["btn", "btn-primary"],
+		attrs: { id: "save-btn" },
+		text: "Save",
+		nthChild: null,
+		nthOfType: 1,
+		href: null
+	}, {
+		tag: "div",
+		classes: ["container"],
+		attrs: {},
+		text: null,
+		nthChild: null,
+		nthOfType: null,
+		href: null
+	}]);
+});
+(void 0)?.test("parseElementsChain reverses class escaping for Tailwind-style tokens", ({ expect }) => {
+	expect(parseElementsChain("a.md\\:hover\\:bg-blue-500.w-\\[1\\.5rem\\]:href=\"/p?a=1\"")).toEqual([{
+		tag: "a",
+		classes: ["md:hover:bg-blue-500", "w-[1.5rem]"],
+		attrs: { href: "/p?a=1" },
+		text: null,
+		nthChild: null,
+		nthOfType: null,
+		href: "/p?a=1"
+	}]);
+});
+(void 0)?.test("parseElementsChain unescapes quotes/backslashes and ignores ';' inside quoted values", ({ expect }) => {
+	expect(parseElementsChain("span:text=\"a \\\"b\\\"; c \\\\ d\"")).toEqual([{
+		tag: "span",
+		classes: [],
+		attrs: {},
+		text: "a \"b\"; c \\ d",
+		nthChild: null,
+		nthOfType: null,
+		href: null
+	}]);
+});
+(void 0)?.test("parseElementsChain drops empty/tagless segments", ({ expect }) => {
+	expect(parseElementsChain("")).toEqual([]);
+	expect(parseElementsChain(";;")).toEqual([]);
+});
+
+//#endregion
+exports.ELEMENTS_CHAIN_ATTRS = ELEMENTS_CHAIN_ATTRS;
+exports.ELEMENTS_CHAIN_ATTR_MAX = ELEMENTS_CHAIN_ATTR_MAX;
+exports.ELEMENTS_CHAIN_MAX_DEPTH = ELEMENTS_CHAIN_MAX_DEPTH;
+exports.ELEMENTS_CHAIN_TEXT_MAX = ELEMENTS_CHAIN_TEXT_MAX;
+exports.buildElementsChain = buildElementsChain;
+exports.parseElementsChain = parseElementsChain;
+//# sourceMappingURL=elements-chain.js.map

package/dist/utils/elements-chain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements-chain.js","names":[],"sources":["../../src/utils/elements-chain.tsx"],"sourcesContent":["/**\n * PostHog-style `elements_chain` format — the single owner of both halves of the\n * contract. The event tracker {@link buildElementsChain serializes} a clicked\n * element (and its ancestors) into a string; the clickmap overlay\n * {@link parseElementsChain parses} that string back into structured segments so\n * it can re-locate the element in a live DOM.\n *\n * Encode and decode MUST round-trip exactly, which is why they live together:\n * the escaping applied here on the write side is reversed by the parser below,\n * and a single round-trip test in `elements-chain.test.tsx` guards the pair.\n *\n * Segment shape (leaf-first, joined by `;`):\n *   tag.class1.class2:nth-child=\"2\":nth-of-type=\"1\":text=\"Save\":attr__id=\"x\":href=\"...\"\n */\n\nexport type ElementsChainSegment = {\n  tag: string,\n  classes: string[],\n  attrs: Record<string, string>,\n  text: string | null,\n  nthChild: number | null,\n  nthOfType: number | null,\n  href: string | null,\n};\n\nexport const ELEMENTS_CHAIN_MAX_DEPTH = 8;\nexport const ELEMENTS_CHAIN_TEXT_MAX = 80;\nexport const ELEMENTS_CHAIN_ATTR_MAX = 200;\n\n// Attributes we serialise into elements_chain. Mirrors the set PostHog persists:\n// stable identifiers (id, data-testid), semantics (role, type, name, aria-label),\n// and a few we expect downstream tooling to want to match against.\nexport const ELEMENTS_CHAIN_ATTRS = [\n  \"id\",\n  \"data-testid\",\n  \"data-test-id\",\n  \"data-hexclave-id\",\n  \"name\",\n  \"type\",\n  \"role\",\n  \"aria-label\",\n  \"placeholder\",\n  \"title\",\n] as const;\n\n// ---------------------------------------------------------------------------\n// Serialization (DOM element -> elements_chain string)\n// ---------------------------------------------------------------------------\n\nfunction escapeElementsChainValue(value: string): string {\n  return value.replace(/\\\\/g, \"\\\\\\\\\").replace(/\"/g, '\\\\\"');\n}\n\n// Class tokens are written into the unquoted, dot-joined prefix of a segment, so\n// any \".\" or \":\" inside a class (e.g. Tailwind variants like `md:hover:bg-blue-500`\n// or arbitrary values like `w-[1.5rem]`) must be escaped to round-trip through the\n// parser, which splits the prefix on unescaped \".\" and the segment on unescaped \":\".\nfunction escapeElementsChainClass(value: string): string {\n  return value.replace(/\\\\/g, \"\\\\\\\\\").replace(/\\./g, \"\\\\.\").replace(/:/g, \"\\\\:\");\n}\n\nfunction getElementClasses(element: Element): string[] {\n  const className = (element as HTMLElement).className;\n  if (typeof className !== \"string\" || className.trim() === \"\") {\n    return [];\n  }\n  return className.trim().split(/\\s+/).filter(Boolean).slice(0, 4);\n}\n\nfunction getNthChildIndex(element: Element): number | null {\n  const parent = element.parentElement;\n  if (parent == null) return null;\n  const index = Array.prototype.indexOf.call(parent.children, element);\n  return index >= 0 ? index + 1 : null;\n}\n\nfunction getNthOfTypeIndex(element: Element): number | null {\n  const parent = element.parentElement;\n  if (parent == null) return null;\n  const tagName = element.tagName;\n  const siblings = Array.from(parent.children).filter((child) => child.tagName === tagName);\n  if (siblings.length <= 1) return null;\n  const index = siblings.indexOf(element);\n  return index >= 0 ? index + 1 : null;\n}\n\nfunction serializeElementsChainSegment(element: Element): string {\n  const parts: string[] = [];\n  parts.push(element.tagName.toLowerCase());\n  const classes = getElementClasses(element);\n  if (classes.length > 0) {\n    parts.push(`.${classes.map(escapeElementsChainClass).join(\".\")}`);\n  }\n  const text = element.textContent.trim().replace(/\\s+/g, \" \").slice(0, ELEMENTS_CHAIN_TEXT_MAX);\n  const nthChild = getNthChildIndex(element);\n  const nthOfType = getNthOfTypeIndex(element);\n  const attrPairs: string[] = [];\n  if (nthChild != null) attrPairs.push(`nth-child=\"${nthChild}\"`);\n  if (nthOfType != null) attrPairs.push(`nth-of-type=\"${nthOfType}\"`);\n  if (text !== \"\") attrPairs.push(`text=\"${escapeElementsChainValue(text)}\"`);\n  for (const attrName of ELEMENTS_CHAIN_ATTRS) {\n    const value = element.getAttribute(attrName);\n    if (value == null || value === \"\") continue;\n    attrPairs.push(`attr__${attrName}=\"${escapeElementsChainValue(value.slice(0, ELEMENTS_CHAIN_ATTR_MAX))}\"`);\n  }\n  if (element.tagName === \"A\") {\n    const href = element.getAttribute(\"href\");\n    if (href != null && href !== \"\") {\n      attrPairs.push(`href=\"${escapeElementsChainValue(href.slice(0, ELEMENTS_CHAIN_ATTR_MAX))}\"`);\n    }\n  }\n  if (attrPairs.length > 0) {\n    parts.push(`:${attrPairs.join(\":\")}`);\n  }\n  return parts.join(\"\");\n}\n\n/**\n * Serialise a clicked element and up to {@link ELEMENTS_CHAIN_MAX_DEPTH}\n * ancestors (leaf-first) into an `elements_chain` string.\n */\nexport function buildElementsChain(element: Element): string {\n  const segments: string[] = [];\n  let current: Element | null = element;\n  let depth = 0;\n  while (current != null && depth < ELEMENTS_CHAIN_MAX_DEPTH && current !== document.documentElement) {\n    segments.push(serializeElementsChainSegment(current));\n    current = current.parentElement;\n    depth += 1;\n  }\n  return segments.join(\";\");\n}\n\n// ---------------------------------------------------------------------------\n// Parsing (elements_chain string -> structured segments)\n// ---------------------------------------------------------------------------\n\n// Split a string on unescaped occurrences of `.`, unescaping `\\.`, `\\:` and `\\\\`\n// back to their literal characters. Reverses `escapeElementsChainClass`.\nfunction splitEscapedDots(input: string): string[] {\n  const out: string[] = [];\n  let cur = '';\n  for (let i = 0; i < input.length; i++) {\n    const ch = input[i];\n    if (ch === '\\\\' && i + 1 < input.length) {\n      cur += input[i + 1];\n      i += 1;\n      continue;\n    }\n    if (ch === '.') {\n      out.push(cur);\n      cur = '';\n      continue;\n    }\n    cur += ch;\n  }\n  out.push(cur);\n  return out;\n}\n\ntype ElementsChainAttrResult = {\n  nthChild?: number,\n  nthOfType?: number,\n  text?: string,\n  href?: string,\n  attrKey?: string,\n  attrValue?: string,\n};\n\nfunction applyElementsChainAttr(key: string, value: string): ElementsChainAttrResult {\n  if (key === 'nth-child') {\n    const n = Number.parseInt(value, 10);\n    return Number.isFinite(n) ? { nthChild: n } : {};\n  }\n  if (key === 'nth-of-type') {\n    const n = Number.parseInt(value, 10);\n    return Number.isFinite(n) ? { nthOfType: n } : {};\n  }\n  if (key === 'text') {\n    return { text: value };\n  }\n  if (key === 'href') {\n    return { href: value, attrKey: key, attrValue: value };\n  }\n  if (key.startsWith('attr__')) {\n    return { attrKey: key.slice('attr__'.length), attrValue: value };\n  }\n  return { attrKey: key, attrValue: value };\n}\n\nfunction parseElementsChainSegment(segment: string): ElementsChainSegment | null {\n  const trimmed = segment.trim();\n  if (trimmed === '') return null;\n\n  // Find first ':' at top level — separates tag/classes prefix from attribute pairs.\n  let prefixEnd = trimmed.length;\n  let inQuotes = false;\n  for (let i = 0; i < trimmed.length; i++) {\n    const ch = trimmed[i];\n    if (ch === '\\\\' && i + 1 < trimmed.length) {\n      i += 1;\n      continue;\n    }\n    if (ch === '\"') {\n      inQuotes = !inQuotes;\n      continue;\n    }\n    if (ch === ':' && !inQuotes) {\n      prefixEnd = i;\n      break;\n    }\n  }\n\n  const prefix = trimmed.slice(0, prefixEnd);\n  const rest = trimmed.slice(prefixEnd);\n  const prefixParts = splitEscapedDots(prefix);\n  const tag = prefixParts[0].trim().toLowerCase();\n  if (tag === '') return null;\n  const classes = prefixParts.slice(1).map((c) => c.trim()).filter((c) => c !== '');\n\n  const attrs: Record<string, string> = {};\n  let nthChild: number | null = null;\n  let nthOfType: number | null = null;\n  let text: string | null = null;\n  let href: string | null = null;\n\n  // Parse :key=\"value\" pairs from rest.\n  let i = 0;\n  while (i < rest.length) {\n    if (rest[i] !== ':') {\n      i += 1;\n      continue;\n    }\n    i += 1; // skip ':'\n    // read key up to '='\n    let keyEnd = i;\n    while (keyEnd < rest.length && rest[keyEnd] !== '=' && rest[keyEnd] !== ':') keyEnd += 1;\n    const key = rest.slice(i, keyEnd).trim();\n    if (keyEnd >= rest.length || rest[keyEnd] !== '=') {\n      i = keyEnd;\n      continue;\n    }\n    let valStart = keyEnd + 1;\n    if (rest[valStart] !== '\"') {\n      // unquoted — read until next ':' at top level\n      let end = valStart;\n      while (end < rest.length && rest[end] !== ':') end += 1;\n      const value = rest.slice(valStart, end);\n      const result = applyElementsChainAttr(key, value);\n      if (result.nthChild != null) nthChild = result.nthChild;\n      if (result.nthOfType != null) nthOfType = result.nthOfType;\n      if (result.text != null) text = result.text;\n      if (result.href != null) href = result.href;\n      if (result.attrKey != null) attrs[result.attrKey] = result.attrValue ?? '';\n      i = end;\n      continue;\n    }\n    // quoted value — find unescaped closing quote\n    valStart += 1;\n    let end = valStart;\n    let value = '';\n    while (end < rest.length) {\n      const ch = rest[end];\n      if (ch === '\\\\' && end + 1 < rest.length) {\n        const next = rest[end + 1];\n        if (next === '\"' || next === '\\\\') {\n          value += next;\n          end += 2;\n          continue;\n        }\n        value += ch;\n        end += 1;\n        continue;\n      }\n      if (ch === '\"') break;\n      value += ch;\n      end += 1;\n    }\n    const result = applyElementsChainAttr(key, value);\n    if (result.nthChild != null) nthChild = result.nthChild;\n    if (result.nthOfType != null) nthOfType = result.nthOfType;\n    if (result.text != null) text = result.text;\n    if (result.href != null) href = result.href;\n    if (result.attrKey != null) attrs[result.attrKey] = result.attrValue ?? '';\n    i = end + 1; // skip closing quote\n  }\n\n  return { tag, classes, attrs, text, nthChild, nthOfType, href };\n}\n\n/** Parse an `elements_chain` string into structured, leaf-first segments. */\nexport function parseElementsChain(chain: string): ElementsChainSegment[] {\n  // Split top-level by ';' respecting quoted strings.\n  const segments: string[] = [];\n  let current = '';\n  let inQuotes = false;\n  for (let i = 0; i < chain.length; i++) {\n    const ch = chain[i];\n    if (ch === '\\\\' && i + 1 < chain.length) {\n      current += ch + chain[i + 1];\n      i += 1;\n      continue;\n    }\n    if (ch === '\"') {\n      inQuotes = !inQuotes;\n      current += ch;\n      continue;\n    }\n    if (ch === ';' && !inQuotes) {\n      segments.push(current);\n      current = '';\n      continue;\n    }\n    current += ch;\n  }\n  if (current.length > 0) {\n    segments.push(current);\n  }\n  return segments.map(parseElementsChainSegment).filter((segment): segment is ElementsChainSegment => segment != null);\n}\n\nimport.meta.vitest?.test(\"parseElementsChain parses a simple leaf+ancestor chain\", ({ expect }) => {\n  const parsed = parseElementsChain('button.btn.btn-primary:nth-of-type=\"1\":text=\"Save\":attr__id=\"save-btn\";div.container');\n  expect(parsed).toEqual([\n    { tag: \"button\", classes: [\"btn\", \"btn-primary\"], attrs: { id: \"save-btn\" }, text: \"Save\", nthChild: null, nthOfType: 1, href: null },\n    { tag: \"div\", classes: [\"container\"], attrs: {}, text: null, nthChild: null, nthOfType: null, href: null },\n  ]);\n});\n\nimport.meta.vitest?.test(\"parseElementsChain reverses class escaping for Tailwind-style tokens\", ({ expect }) => {\n  // `md:hover:bg-blue-500` and `w-[1.5rem]` contain the prefix delimiters `:`/`.`,\n  // so the serializer escapes them; the parser must recover the literal classes.\n  const parsed = parseElementsChain('a.md\\\\:hover\\\\:bg-blue-500.w-\\\\[1\\\\.5rem\\\\]:href=\"/p?a=1\"');\n  expect(parsed).toEqual([\n    { tag: \"a\", classes: [\"md:hover:bg-blue-500\", \"w-[1.5rem]\"], attrs: { href: \"/p?a=1\" }, text: null, nthChild: null, nthOfType: null, href: \"/p?a=1\" },\n  ]);\n});\n\nimport.meta.vitest?.test(\"parseElementsChain unescapes quotes/backslashes and ignores ';' inside quoted values\", ({ expect }) => {\n  const parsed = parseElementsChain('span:text=\"a \\\\\"b\\\\\"; c \\\\\\\\ d\"');\n  expect(parsed).toEqual([\n    { tag: \"span\", classes: [], attrs: {}, text: 'a \"b\"; c \\\\ d', nthChild: null, nthOfType: null, href: null },\n  ]);\n});\n\nimport.meta.vitest?.test(\"parseElementsChain drops empty/tagless segments\", ({ expect }) => {\n  expect(parseElementsChain(\"\")).toEqual([]);\n  expect(parseElementsChain(\";;\")).toEqual([]);\n});\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexclave/shared",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "repository": "https://github.com/hexclave/hexclave",
   "files": [
     "README.md",

package/src/apps/apps-config.ts

@@ -168,6 +168,12 @@ export const ALL_APPS = {
     tags: ["developers", "operations"],
     stage: "stable",
   },
+  "clickmaps": {
+    displayName: "Clickmaps",
+    subtitle: "Visualize where users click across your app",
+    tags: ["developers", "operations"],
+    stage: "alpha",
+  },
   "session-replays": {
     displayName: "Session Replays",
     subtitle: "Watch real user sessions to understand how people use your app",

package/src/config-authoring.test.ts

@@ -1,6 +1,6 @@
 import { expect, it } from "vitest";
-import { typeAssertExtends } from "./utils/types";
 import { defineStackConfig, type StackConfig } from "./config-authoring";
+import { typeAssertExtends } from "./utils/types";
 
 const validConfig = defineStackConfig({
   payments: {

package/src/config-authoring.ts

@@ -10,16 +10,16 @@ export type HexclaveConfig = StackConfigObject | typeof showOnboardingHexclaveCo
 
 type StrictConfigShape<Actual, Expected> =
   Expected extends readonly unknown[]
-    ? Actual extends readonly unknown[]
+      ? Actual extends readonly unknown[]
       ? { [K in keyof Actual]: K extends keyof Expected ? StrictConfigShape<Actual[K], Expected[K]> : never }
-      : Actual
+        : Actual
     : Expected extends object
-      ? Actual extends object
+        ? Actual extends object
         ? Exclude<keyof Actual, keyof Expected> extends never
           ? { [K in keyof Actual]: K extends keyof Expected ? StrictConfigShape<Actual[K], Expected[K]> : never }
-          : never
-        : Actual
-      : Actual;
+            : never
+          : Actual
+        : Actual;
 
 type StrictStackConfig<T extends StackConfig> =
   T extends StackConfigObject

package/src/config-rendering.ts

@@ -1,7 +1,7 @@
 import { existsSync, readFileSync } from "fs";
 import path from "path";
-import { parseHexclaveConfigFileContent, renderConfigFileContent } from "./hexclave-config-file";
-export { parseHexclaveConfigFileContent, renderConfigFileContent };
+import { hexclaveConfigFileExportsConfig, parseHexclaveConfigFileContent, renderConfigFileContent, tryParseHexclaveConfigFileContent } from "./hexclave-config-file";
+export { hexclaveConfigFileExportsConfig, parseHexclaveConfigFileContent, renderConfigFileContent, tryParseHexclaveConfigFileContent };
 
 /**
  * Packages that export the `HexclaveConfig` type, in priority order.
@@ -106,6 +106,28 @@ import.meta.vitest?.test("parseHexclaveConfigFileContent rejects dynamic config
   expect(() => parseHexclaveConfigFileContent("export const config = makeConfig();", "stack.config.ts")).toThrow(/Unsupported config expression/);
 });
 
+import.meta.vitest?.test("tryParseHexclaveConfigFileContent returns the config for static exports", ({ expect }) => {
+  expect(tryParseHexclaveConfigFileContent("export const config = { auth: { allowSignUp: true } };", "stack.config.ts")).toEqual({
+    auth: { allowSignUp: true },
+  });
+});
+
+import.meta.vitest?.test("tryParseHexclaveConfigFileContent returns null for non-static exports", ({ expect }) => {
+  // Wrapped in a helper call (e.g. defineStackConfig) -> not a plain literal.
+  expect(tryParseHexclaveConfigFileContent("export const config = makeConfig();", "stack.config.ts")).toBeNull();
+  // References an imported value -> has structure to preserve.
+  expect(tryParseHexclaveConfigFileContent('import x from "./x.txt" with { type: "text" };\nexport const config = { a: x };', "stack.config.ts")).toBeNull();
+  // Syntax error.
+  expect(tryParseHexclaveConfigFileContent("export const config = {", "stack.config.ts")).toBeNull();
+});
+
+import.meta.vitest?.test("hexclaveConfigFileExportsConfig detects a config export", ({ expect }) => {
+  expect(hexclaveConfigFileExportsConfig("export const config = { a: 1 };", "stack.config.ts")).toBe(true);
+  expect(hexclaveConfigFileExportsConfig('import x from "./x.txt" with { type: "text" };\nexport const config = { a: x };', "stack.config.ts")).toBe(true);
+  expect(hexclaveConfigFileExportsConfig("export const notConfig = { a: 1 };", "stack.config.ts")).toBe(false);
+  expect(hexclaveConfigFileExportsConfig("export const config = {", "stack.config.ts")).toBe(false);
+});
+
 import.meta.vitest?.test("renderConfigFileContent rejects conflicting dotted keys", ({ expect }) => {
   expect(() => renderConfigFileContent({
     "a.b": 1,