@hexclave/shared 1.0.13 → 1.0.15

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.13",
+  "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,

package/src/hexclave-config-file.ts

@@ -100,11 +100,100 @@ function evaluateStaticConfigExpression(expression: t.Expression): unknown {
   throw new Error(`Unsupported config expression: ${unwrapped.type}`);
 }
 
+/**
+ * Like {@link parseHexclaveConfigFileContent}, but returns `null` instead of
+ * throwing when the file is not a plain static config (e.g. it wraps the config
+ * in a helper call, references imported values, or has a syntax error). Useful
+ * for deciding whether a config file can be safely regenerated deterministically
+ * or whether it has custom structure that must be preserved.
+ */
+export function tryParseHexclaveConfigFileContent(content: string, filePath: string): ParsedStackConfig | null {
+  try {
+    return parseHexclaveConfigFileContent(content, filePath);
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Returns whether `content` parses as a module that exports a `config` binding.
+ * Used as a lightweight structural sanity check after editing config files whose
+ * values can't be evaluated by our loader (e.g. they import external text
+ * files), where a full semantic comparison isn't possible.
+ */
+export function hexclaveConfigFileExportsConfig(content: string, filePath: string): boolean {
+  let ast: parser.ParseResult<t.File>;
+  try {
+    ast = parser.parse(content, {
+      sourceType: "module",
+      sourceFilename: filePath,
+      plugins: ["typescript", "importAttributes"],
+    });
+  } catch {
+    return false;
+  }
+  for (const statement of ast.program.body) {
+    if (!t.isExportNamedDeclaration(statement)) {
+      continue;
+    }
+    // Ignore type-only exports (`export type { config }`): they don't produce a
+    // runtime `config` value, so they must not satisfy the structural check.
+    if (statement.exportKind === "type") {
+      continue;
+    }
+    if (t.isVariableDeclaration(statement.declaration)) {
+      for (const declaration of statement.declaration.declarations) {
+        if (t.isIdentifier(declaration.id) && declaration.id.name === "config" && declaration.init != null) {
+          return true;
+        }
+      }
+    }
+    for (const specifier of statement.specifiers) {
+      if (t.isExportSpecifier(specifier) && specifier.exportKind !== "type") {
+        const exportedName = t.isIdentifier(specifier.exported) ? specifier.exported.name : specifier.exported.value;
+        if (exportedName === "config") {
+          return true;
+        }
+      }
+    }
+  }
+  return false;
+}
+
+/**
+ * Returns the relative import sources (those starting with `./` or `../`)
+ * declared in `content`. Used to discover the external files a config update may
+ * touch — e.g. `import x from "./welcome-email.tsx" with { type: "text" }` — so
+ * they can be snapshotted and rolled back if an in-place update fails. Returns
+ * an empty array if the file can't be parsed.
+ */
+export function getRelativeImportSpecifiers(content: string): string[] {
+  let ast: parser.ParseResult<t.File>;
+  try {
+    ast = parser.parse(content, {
+      sourceType: "module",
+      plugins: ["typescript", "importAttributes"],
+    });
+  } catch {
+    return [];
+  }
+  const sources: string[] = [];
+  for (const statement of ast.program.body) {
+    if (t.isImportDeclaration(statement)) {
+      const source = statement.source.value;
+      if (source.startsWith("./") || source.startsWith("../")) {
+        sources.push(source);
+      }
+    }
+  }
+  return sources;
+}
+
 export function parseHexclaveConfigFileContent(content: string, filePath: string): ParsedStackConfig {
   if (content.trim() === "") return {};
   const ast = parser.parse(content, {
     sourceType: "module",
-    plugins: ["typescript"],
+    plugins: ["typescript", "importAttributes"],
   });
 
   for (const statement of ast.program.body) {

package/src/interface/admin-interface.ts

@@ -6,7 +6,7 @@ import type { MoneyAmount } from "../utils/currency-constants";
 import type { Json } from "../utils/json";
 import { Result } from "../utils/results";
 import { urlString } from "../utils/urls";
-import type { MetricsResponse, MetricsUserCounts, UserActivityResponse } from "./admin-metrics";
+import type { AnalyticsClickmapDevice, AnalyticsClickmapKind, AnalyticsClickmapResponse, AnalyticsClickmapTokenResponse, MetricsResponse, MetricsUserCounts, UserActivityResponse } from "./admin-metrics";
 import type { AnalyticsQueryOptions, AnalyticsQueryResponse } from "./crud/analytics";
 import { EmailOutboxCrud } from "./crud/email-outbox";
 import { InternalEmailsCrud } from "./crud/emails";
@@ -435,6 +435,48 @@ export class HexclaveAdminInterface extends HexclaveServerInterface {
     return (await response.json()) as UserActivityResponse;
   }
 
+  async getAnalyticsClickmap(options: {
+    kind: AnalyticsClickmapKind,
+    member_user_ids?: string[],
+    route_path?: string,
+    route_regex?: string,
+    url_pattern?: string,
+    user_id?: string,
+    replay_id?: string,
+    device?: AnalyticsClickmapDevice,
+    viewport_width_min?: number,
+    viewport_width_max?: number,
+    sampling?: number,
+    since: string,
+    until: string,
+  }): Promise<AnalyticsClickmapResponse> {
+    const response = await this.sendAdminRequest(
+      "/internal/analytics/clickmap",
+      {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(options),
+      },
+      null,
+    );
+    return (await response.json()) as AnalyticsClickmapResponse;
+  }
+
+  async createAnalyticsClickmapToken(options: {
+    origin: string,
+  }): Promise<AnalyticsClickmapTokenResponse> {
+    const response = await this.sendAdminRequest(
+      "/internal/analytics/clickmap-token",
+      {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(options),
+      },
+      null,
+    );
+    return (await response.json()) as AnalyticsClickmapTokenResponse;
+  }
+
   async getMetricsUserCounts(): Promise<MetricsUserCounts> {
     const response = await this.sendAdminRequest(
       "/internal/metrics/user-counts",