react-grab 0.1.29 → 0.1.30

package/dist/extract-element-css-Di9hCigW.js

@@ -0,0 +1,319 @@
+/**
+ * @license MIT
+ *
+ * Copyright (c) 2025 Aiden Bai
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { U as MAX_SELECTOR_COMBINATIONS, nt as RELEVANT_CSS_PROPERTIES } from "./freeze-updates-BdnJ5RrP.js";
+
+//#region src/utils/find-unique-selector.ts
+const SEED_MIN_LENGTH = 3;
+const ATTR_VALUE_MAX_LENGTH_CHARS = 100;
+const PENALTY_ID = 0;
+const PENALTY_CLASS = 1;
+const PENALTY_ATTR = 2;
+const PENALTY_TAG = 5;
+const PENALTY_NTH_OF_TYPE = 10;
+const PENALTY_NTH_CHILD = 50;
+const ACCEPTED_ATTR_NAMES = new Set([
+	"role",
+	"name",
+	"aria-label",
+	"rel",
+	"href"
+]);
+const isWordLike = (text) => {
+	if (!/^[a-z\-]{3,}$/i.test(text)) return false;
+	const segments = text.split(/-|[A-Z]/);
+	for (const segment of segments) {
+		if (segment.length <= 2) return false;
+		if (/[^aeiou]{4,}/i.test(segment)) return false;
+	}
+	return true;
+};
+const isAcceptedAttr = (attributeName, attributeValue) => {
+	const nameIsAccepted = ACCEPTED_ATTR_NAMES.has(attributeName) || attributeName.startsWith("data-") && isWordLike(attributeName);
+	const valueIsAccepted = isWordLike(attributeValue) && attributeValue.length < ATTR_VALUE_MAX_LENGTH_CHARS || attributeValue.startsWith("#") && isWordLike(attributeValue.slice(1));
+	return nameIsAccepted && valueIsAccepted;
+};
+const buildSelectorString = (path) => {
+	let result = path[0].name;
+	for (let index = 1; index < path.length; index++) result = `${path[index].name} > ${result}`;
+	return result;
+};
+const calculatePenalty = (path) => {
+	let total = 0;
+	for (const selectorNode of path) total += selectorNode.penalty;
+	return total;
+};
+const comparePenalty = (pathA, pathB) => calculatePenalty(pathA) - calculatePenalty(pathB);
+const getChildIndex = (element, filterTagName) => {
+	const parentNode = element.parentNode;
+	if (!parentNode) return void 0;
+	let sibling = parentNode.firstChild;
+	if (!sibling) return void 0;
+	let position = 0;
+	while (sibling) {
+		if (sibling.nodeType === Node.ELEMENT_NODE && (filterTagName === void 0 || sibling.tagName.toLowerCase() === filterTagName)) position++;
+		if (sibling === element) break;
+		sibling = sibling.nextSibling;
+	}
+	return position;
+};
+const formatNthChild = (tagName, childPosition) => tagName === "html" ? "html" : `${tagName}:nth-child(${childPosition})`;
+const formatNthOfType = (tagName, typePosition) => tagName === "html" ? "html" : `${tagName}:nth-of-type(${typePosition})`;
+const collectCandidateNodes = (element, attrFilter) => {
+	const candidates = [];
+	const elementId = element.getAttribute("id");
+	const elementTagName = element.tagName.toLowerCase();
+	if (elementId && isWordLike(elementId)) candidates.push({
+		name: `#${CSS.escape(elementId)}`,
+		penalty: PENALTY_ID
+	});
+	for (const className of element.classList) if (isWordLike(className)) candidates.push({
+		name: `.${CSS.escape(className)}`,
+		penalty: PENALTY_CLASS
+	});
+	for (const attribute of element.attributes) if (attrFilter(attribute.name, attribute.value)) candidates.push({
+		name: `[${CSS.escape(attribute.name)}="${CSS.escape(attribute.value)}"]`,
+		penalty: PENALTY_ATTR
+	});
+	candidates.push({
+		name: elementTagName,
+		penalty: PENALTY_TAG
+	});
+	const typePosition = getChildIndex(element, elementTagName);
+	if (typePosition !== void 0) candidates.push({
+		name: formatNthOfType(elementTagName, typePosition),
+		penalty: PENALTY_NTH_OF_TYPE
+	});
+	const childPosition = getChildIndex(element);
+	if (childPosition !== void 0) candidates.push({
+		name: formatNthChild(elementTagName, childPosition),
+		penalty: PENALTY_NTH_CHILD
+	});
+	return candidates;
+};
+const collectCombinations = (stack, budget = MAX_SELECTOR_COMBINATIONS, currentPath = []) => {
+	if (budget <= 0) return [];
+	if (stack.length === 0) return [currentPath];
+	const results = [];
+	for (const selectorNode of stack[0]) {
+		const remainingBudget = budget - results.length;
+		if (remainingBudget <= 0) break;
+		results.push(...collectCombinations(stack.slice(1), remainingBudget, [...currentPath, selectorNode]));
+	}
+	return results;
+};
+const resolveRootDocument = (rootNode, targetElement) => {
+	const attachedRoot = targetElement.getRootNode?.();
+	if (attachedRoot instanceof ShadowRoot) return attachedRoot;
+	if (rootNode.nodeType === Node.DOCUMENT_NODE) return rootNode;
+	return rootNode.ownerDocument;
+};
+const isSelectorUnique = (selectorPath, rootDocument) => rootDocument.querySelectorAll(buildSelectorString(selectorPath)).length === 1;
+const buildFallbackPath = (targetElement, rootDocument) => {
+	let currentElement = targetElement;
+	const path = [];
+	while (currentElement && currentElement !== rootDocument) {
+		const currentTagName = currentElement.tagName.toLowerCase();
+		const typePosition = getChildIndex(currentElement, currentTagName);
+		if (typePosition === void 0) return void 0;
+		path.push({
+			name: formatNthOfType(currentTagName, typePosition),
+			penalty: PENALTY_NTH_OF_TYPE
+		});
+		currentElement = currentElement.parentElement;
+	}
+	return isSelectorUnique(path, rootDocument) ? path : void 0;
+};
+const findUniqueSelector = (targetElement, root, timeoutMs, attrFilter) => {
+	if (targetElement.nodeType !== Node.ELEMENT_NODE) throw new Error("Can't generate CSS selector for non-element node type.");
+	if (targetElement.tagName.toLowerCase() === "html") return "html";
+	const rootDocument = resolveRootDocument(root, targetElement);
+	const startTime = Date.now();
+	const ancestorStack = [];
+	let currentElement = targetElement;
+	let depth = 0;
+	let foundPath;
+	while (currentElement && currentElement !== rootDocument && !foundPath) {
+		ancestorStack.push(collectCandidateNodes(currentElement, attrFilter));
+		currentElement = currentElement.parentElement;
+		depth++;
+		if (depth >= SEED_MIN_LENGTH) {
+			const candidatePaths = collectCombinations(ancestorStack);
+			candidatePaths.sort(comparePenalty);
+			for (const candidatePath of candidatePaths) {
+				if (Date.now() - startTime > timeoutMs) {
+					const fallbackPath = buildFallbackPath(targetElement, rootDocument);
+					if (!fallbackPath) throw new Error(`Timeout: Can't find a unique selector after ${timeoutMs}ms`);
+					return buildSelectorString(fallbackPath);
+				}
+				if (isSelectorUnique(candidatePath, rootDocument)) {
+					foundPath = candidatePath;
+					break;
+				}
+			}
+		}
+	}
+	if (!foundPath && depth < SEED_MIN_LENGTH) {
+		const remainingPaths = collectCombinations(ancestorStack);
+		remainingPaths.sort(comparePenalty);
+		for (const candidatePath of remainingPaths) {
+			if (Date.now() - startTime > timeoutMs) break;
+			if (isSelectorUnique(candidatePath, rootDocument)) {
+				foundPath = candidatePath;
+				break;
+			}
+		}
+	}
+	if (!foundPath) throw new Error("Selector was not found.");
+	return buildSelectorString(foundPath);
+};
+
+//#endregion
+//#region src/utils/create-element-selector.ts
+const escapeCssIdentifier = (value) => {
+	if (typeof CSS !== "undefined" && typeof CSS.escape === "function") return CSS.escape(value);
+	return value.replace(/[^a-zA-Z0-9_-]/g, (character) => `\\${character}`);
+};
+const getFinderRoot = (element) => element.ownerDocument.body ?? element.ownerDocument.documentElement;
+const PREFERRED_SELECTOR_ATTRIBUTE_NAMES = new Set([
+	"data-testid",
+	"data-test-id",
+	"data-test",
+	"data-cy",
+	"data-qa",
+	"aria-label",
+	"role",
+	"name",
+	"title",
+	"alt"
+]);
+const isPreferredAttributeValueSafe = (value) => value.length > 0 && value.length <= 120;
+const isSelectorUniqueForElement = (element, selector) => {
+	try {
+		const matchingElements = element.ownerDocument.querySelectorAll(selector);
+		return matchingElements.length === 1 && matchingElements[0] === element;
+	} catch {
+		return false;
+	}
+};
+const createFastElementSelector = (element) => {
+	if (element instanceof HTMLElement && element.id) {
+		const idSelector = `#${escapeCssIdentifier(element.id)}`;
+		if (isSelectorUniqueForElement(element, idSelector)) return idSelector;
+	}
+	for (const attributeName of PREFERRED_SELECTOR_ATTRIBUTE_NAMES) {
+		const attributeValue = element.getAttribute(attributeName);
+		if (!attributeValue) continue;
+		if (!isPreferredAttributeValueSafe(attributeValue)) continue;
+		const attributeOnlySelector = `[${attributeName}=${JSON.stringify(attributeValue)}]`;
+		if (isSelectorUniqueForElement(element, attributeOnlySelector)) return attributeOnlySelector;
+		const tagSelector = `${element.tagName.toLowerCase()}${attributeOnlySelector}`;
+		if (isSelectorUniqueForElement(element, tagSelector)) return tagSelector;
+	}
+	return null;
+};
+const createNthChildSelector = (element) => {
+	const segments = [];
+	const root = getFinderRoot(element);
+	let currentElement = element;
+	while (currentElement) {
+		if (currentElement instanceof HTMLElement && currentElement.id) {
+			segments.unshift(`#${escapeCssIdentifier(currentElement.id)}`);
+			break;
+		}
+		const parentElement = currentElement.parentElement;
+		if (!parentElement) {
+			segments.unshift(currentElement.tagName.toLowerCase());
+			break;
+		}
+		const siblingIndex = Array.from(parentElement.children).indexOf(currentElement);
+		const nthChild = siblingIndex >= 0 ? siblingIndex + 1 : 1;
+		segments.unshift(`${currentElement.tagName.toLowerCase()}:nth-child(${nthChild})`);
+		if (parentElement === root) {
+			segments.unshift(root.tagName.toLowerCase());
+			break;
+		}
+		currentElement = parentElement;
+	}
+	return segments.join(" > ");
+};
+const createElementSelector = (element, shouldUseFinder = true) => {
+	const fastSelector = createFastElementSelector(element);
+	if (fastSelector) return fastSelector;
+	if (shouldUseFinder) try {
+		const selector = findUniqueSelector(element, getFinderRoot(element), 200, (attributeName, attributeValue) => isAcceptedAttr(attributeName, attributeValue) || PREFERRED_SELECTOR_ATTRIBUTE_NAMES.has(attributeName) && isPreferredAttributeValueSafe(attributeValue));
+		if (selector) return selector;
+	} catch {}
+	return createNthChildSelector(element);
+};
+
+//#endregion
+//#region src/utils/extract-element-css.ts
+const BORDER_FILTER_SIDE_MAP = new Map([
+	"top",
+	"right",
+	"bottom",
+	"left"
+].flatMap((side) => [[`border-${side}-style`, side], [`border-${side}-color`, side]]));
+let baselineIframe = null;
+const defaultStylesByTag = /* @__PURE__ */ new Map();
+const ensureBaselineIframe = () => {
+	if (baselineIframe) return baselineIframe;
+	baselineIframe = document.createElement("iframe");
+	baselineIframe.style.cssText = "position:fixed;left:-9999px;width:0;height:0;border:none;visibility:hidden;";
+	document.body.appendChild(baselineIframe);
+	return baselineIframe;
+};
+const getDefaultStylesForTag = (tagName) => {
+	const cached = defaultStylesByTag.get(tagName);
+	if (cached) return cached;
+	const iframe = ensureBaselineIframe();
+	const iframeDocument = iframe.contentDocument;
+	const baselineElement = iframeDocument.createElement(tagName);
+	iframeDocument.body.appendChild(baselineElement);
+	const baselineComputed = iframe.contentWindow.getComputedStyle(baselineElement);
+	const defaultStyles = /* @__PURE__ */ new Map();
+	for (const propertyName of RELEVANT_CSS_PROPERTIES) {
+		const propertyValue = baselineComputed.getPropertyValue(propertyName);
+		if (propertyValue) defaultStyles.set(propertyName, propertyValue);
+	}
+	baselineElement.remove();
+	defaultStylesByTag.set(tagName, defaultStyles);
+	return defaultStyles;
+};
+const isBorderPropertyWithoutWidth = (propertyName, computedStyle) => {
+	const side = BORDER_FILTER_SIDE_MAP.get(propertyName);
+	if (!side) return false;
+	const widthValue = computedStyle.getPropertyValue(`border-${side}-width`);
+	return widthValue === "0px" || widthValue === "0";
+};
+const extractElementCss = (element) => {
+	const defaultStyles = getDefaultStylesForTag(element.tagName.toLowerCase());
+	const computedStyle = getComputedStyle(element);
+	const declarations = [];
+	for (const propertyName of RELEVANT_CSS_PROPERTIES) {
+		const propertyValue = computedStyle.getPropertyValue(propertyName);
+		if (!propertyValue) continue;
+		if (propertyValue === defaultStyles.get(propertyName)) continue;
+		if (isBorderPropertyWithoutWidth(propertyName, computedStyle)) continue;
+		declarations.push(`${propertyName}: ${propertyValue};`);
+	}
+	const classAttribute = element.getAttribute("class")?.trim();
+	const cssBlock = declarations.join("\n");
+	if (!classAttribute) return cssBlock;
+	if (!cssBlock) return `className: ${classAttribute}`;
+	return `className: ${classAttribute}\n\n${cssBlock}`;
+};
+const disposeBaselineStyles = () => {
+	baselineIframe?.remove();
+	baselineIframe = null;
+	defaultStylesByTag.clear();
+};
+
+//#endregion
+export { extractElementCss as n, createElementSelector as r, disposeBaselineStyles as t };

package/dist/extract-element-css-DivFxCRt.js

@@ -0,0 +1,319 @@
+/**
+ * @license MIT
+ *
+ * Copyright (c) 2025 Aiden Bai
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { G as MAX_SELECTOR_COMBINATIONS, it as RELEVANT_CSS_PROPERTIES } from "./freeze-updates-BVDrqUzf.js";
+
+//#region src/utils/find-unique-selector.ts
+const SEED_MIN_LENGTH = 3;
+const ATTR_VALUE_MAX_LENGTH_CHARS = 100;
+const PENALTY_ID = 0;
+const PENALTY_CLASS = 1;
+const PENALTY_ATTR = 2;
+const PENALTY_TAG = 5;
+const PENALTY_NTH_OF_TYPE = 10;
+const PENALTY_NTH_CHILD = 50;
+const ACCEPTED_ATTR_NAMES = new Set([
+	"role",
+	"name",
+	"aria-label",
+	"rel",
+	"href"
+]);
+const isWordLike = (text) => {
+	if (!/^[a-z\-]{3,}$/i.test(text)) return false;
+	const segments = text.split(/-|[A-Z]/);
+	for (const segment of segments) {
+		if (segment.length <= 2) return false;
+		if (/[^aeiou]{4,}/i.test(segment)) return false;
+	}
+	return true;
+};
+const isAcceptedAttr = (attributeName, attributeValue) => {
+	const nameIsAccepted = ACCEPTED_ATTR_NAMES.has(attributeName) || attributeName.startsWith("data-") && isWordLike(attributeName);
+	const valueIsAccepted = isWordLike(attributeValue) && attributeValue.length < ATTR_VALUE_MAX_LENGTH_CHARS || attributeValue.startsWith("#") && isWordLike(attributeValue.slice(1));
+	return nameIsAccepted && valueIsAccepted;
+};
+const buildSelectorString = (path) => {
+	let result = path[0].name;
+	for (let index = 1; index < path.length; index++) result = `${path[index].name} > ${result}`;
+	return result;
+};
+const calculatePenalty = (path) => {
+	let total = 0;
+	for (const selectorNode of path) total += selectorNode.penalty;
+	return total;
+};
+const comparePenalty = (pathA, pathB) => calculatePenalty(pathA) - calculatePenalty(pathB);
+const getChildIndex = (element, filterTagName) => {
+	const parentNode = element.parentNode;
+	if (!parentNode) return void 0;
+	let sibling = parentNode.firstChild;
+	if (!sibling) return void 0;
+	let position = 0;
+	while (sibling) {
+		if (sibling.nodeType === Node.ELEMENT_NODE && (filterTagName === void 0 || sibling.tagName.toLowerCase() === filterTagName)) position++;
+		if (sibling === element) break;
+		sibling = sibling.nextSibling;
+	}
+	return position;
+};
+const formatNthChild = (tagName, childPosition) => tagName === "html" ? "html" : `${tagName}:nth-child(${childPosition})`;
+const formatNthOfType = (tagName, typePosition) => tagName === "html" ? "html" : `${tagName}:nth-of-type(${typePosition})`;
+const collectCandidateNodes = (element, attrFilter) => {
+	const candidates = [];
+	const elementId = element.getAttribute("id");
+	const elementTagName = element.tagName.toLowerCase();
+	if (elementId && isWordLike(elementId)) candidates.push({
+		name: `#${CSS.escape(elementId)}`,
+		penalty: PENALTY_ID
+	});
+	for (const className of element.classList) if (isWordLike(className)) candidates.push({
+		name: `.${CSS.escape(className)}`,
+		penalty: PENALTY_CLASS
+	});
+	for (const attribute of element.attributes) if (attrFilter(attribute.name, attribute.value)) candidates.push({
+		name: `[${CSS.escape(attribute.name)}="${CSS.escape(attribute.value)}"]`,
+		penalty: PENALTY_ATTR
+	});
+	candidates.push({
+		name: elementTagName,
+		penalty: PENALTY_TAG
+	});
+	const typePosition = getChildIndex(element, elementTagName);
+	if (typePosition !== void 0) candidates.push({
+		name: formatNthOfType(elementTagName, typePosition),
+		penalty: PENALTY_NTH_OF_TYPE
+	});
+	const childPosition = getChildIndex(element);
+	if (childPosition !== void 0) candidates.push({
+		name: formatNthChild(elementTagName, childPosition),
+		penalty: PENALTY_NTH_CHILD
+	});
+	return candidates;
+};
+const collectCombinations = (stack, budget = MAX_SELECTOR_COMBINATIONS, currentPath = []) => {
+	if (budget <= 0) return [];
+	if (stack.length === 0) return [currentPath];
+	const results = [];
+	for (const selectorNode of stack[0]) {
+		const remainingBudget = budget - results.length;
+		if (remainingBudget <= 0) break;
+		results.push(...collectCombinations(stack.slice(1), remainingBudget, [...currentPath, selectorNode]));
+	}
+	return results;
+};
+const resolveRootDocument = (rootNode, targetElement) => {
+	const attachedRoot = targetElement.getRootNode?.();
+	if (attachedRoot instanceof ShadowRoot) return attachedRoot;
+	if (rootNode.nodeType === Node.DOCUMENT_NODE) return rootNode;
+	return rootNode.ownerDocument;
+};
+const isSelectorUnique = (selectorPath, rootDocument) => rootDocument.querySelectorAll(buildSelectorString(selectorPath)).length === 1;
+const buildFallbackPath = (targetElement, rootDocument) => {
+	let currentElement = targetElement;
+	const path = [];
+	while (currentElement && currentElement !== rootDocument) {
+		const currentTagName = currentElement.tagName.toLowerCase();
+		const typePosition = getChildIndex(currentElement, currentTagName);
+		if (typePosition === void 0) return void 0;
+		path.push({
+			name: formatNthOfType(currentTagName, typePosition),
+			penalty: PENALTY_NTH_OF_TYPE
+		});
+		currentElement = currentElement.parentElement;
+	}
+	return isSelectorUnique(path, rootDocument) ? path : void 0;
+};
+const findUniqueSelector = (targetElement, root, timeoutMs, attrFilter) => {
+	if (targetElement.nodeType !== Node.ELEMENT_NODE) throw new Error("Can't generate CSS selector for non-element node type.");
+	if (targetElement.tagName.toLowerCase() === "html") return "html";
+	const rootDocument = resolveRootDocument(root, targetElement);
+	const startTime = Date.now();
+	const ancestorStack = [];
+	let currentElement = targetElement;
+	let depth = 0;
+	let foundPath;
+	while (currentElement && currentElement !== rootDocument && !foundPath) {
+		ancestorStack.push(collectCandidateNodes(currentElement, attrFilter));
+		currentElement = currentElement.parentElement;
+		depth++;
+		if (depth >= SEED_MIN_LENGTH) {
+			const candidatePaths = collectCombinations(ancestorStack);
+			candidatePaths.sort(comparePenalty);
+			for (const candidatePath of candidatePaths) {
+				if (Date.now() - startTime > timeoutMs) {
+					const fallbackPath = buildFallbackPath(targetElement, rootDocument);
+					if (!fallbackPath) throw new Error(`Timeout: Can't find a unique selector after ${timeoutMs}ms`);
+					return buildSelectorString(fallbackPath);
+				}
+				if (isSelectorUnique(candidatePath, rootDocument)) {
+					foundPath = candidatePath;
+					break;
+				}
+			}
+		}
+	}
+	if (!foundPath && depth < SEED_MIN_LENGTH) {
+		const remainingPaths = collectCombinations(ancestorStack);
+		remainingPaths.sort(comparePenalty);
+		for (const candidatePath of remainingPaths) {
+			if (Date.now() - startTime > timeoutMs) break;
+			if (isSelectorUnique(candidatePath, rootDocument)) {
+				foundPath = candidatePath;
+				break;
+			}
+		}
+	}
+	if (!foundPath) throw new Error("Selector was not found.");
+	return buildSelectorString(foundPath);
+};
+
+//#endregion
+//#region src/utils/create-element-selector.ts
+const escapeCssIdentifier = (value) => {
+	if (typeof CSS !== "undefined" && typeof CSS.escape === "function") return CSS.escape(value);
+	return value.replace(/[^a-zA-Z0-9_-]/g, (character) => `\\${character}`);
+};
+const getFinderRoot = (element) => element.ownerDocument.body ?? element.ownerDocument.documentElement;
+const PREFERRED_SELECTOR_ATTRIBUTE_NAMES = new Set([
+	"data-testid",
+	"data-test-id",
+	"data-test",
+	"data-cy",
+	"data-qa",
+	"aria-label",
+	"role",
+	"name",
+	"title",
+	"alt"
+]);
+const isPreferredAttributeValueSafe = (value) => value.length > 0 && value.length <= 120;
+const isSelectorUniqueForElement = (element, selector) => {
+	try {
+		const matchingElements = element.ownerDocument.querySelectorAll(selector);
+		return matchingElements.length === 1 && matchingElements[0] === element;
+	} catch {
+		return false;
+	}
+};
+const createFastElementSelector = (element) => {
+	if (element instanceof HTMLElement && element.id) {
+		const idSelector = `#${escapeCssIdentifier(element.id)}`;
+		if (isSelectorUniqueForElement(element, idSelector)) return idSelector;
+	}
+	for (const attributeName of PREFERRED_SELECTOR_ATTRIBUTE_NAMES) {
+		const attributeValue = element.getAttribute(attributeName);
+		if (!attributeValue) continue;
+		if (!isPreferredAttributeValueSafe(attributeValue)) continue;
+		const attributeOnlySelector = `[${attributeName}=${JSON.stringify(attributeValue)}]`;
+		if (isSelectorUniqueForElement(element, attributeOnlySelector)) return attributeOnlySelector;
+		const tagSelector = `${element.tagName.toLowerCase()}${attributeOnlySelector}`;
+		if (isSelectorUniqueForElement(element, tagSelector)) return tagSelector;
+	}
+	return null;
+};
+const createNthChildSelector = (element) => {
+	const segments = [];
+	const root = getFinderRoot(element);
+	let currentElement = element;
+	while (currentElement) {
+		if (currentElement instanceof HTMLElement && currentElement.id) {
+			segments.unshift(`#${escapeCssIdentifier(currentElement.id)}`);
+			break;
+		}
+		const parentElement = currentElement.parentElement;
+		if (!parentElement) {
+			segments.unshift(currentElement.tagName.toLowerCase());
+			break;
+		}
+		const siblingIndex = Array.from(parentElement.children).indexOf(currentElement);
+		const nthChild = siblingIndex >= 0 ? siblingIndex + 1 : 1;
+		segments.unshift(`${currentElement.tagName.toLowerCase()}:nth-child(${nthChild})`);
+		if (parentElement === root) {
+			segments.unshift(root.tagName.toLowerCase());
+			break;
+		}
+		currentElement = parentElement;
+	}
+	return segments.join(" > ");
+};
+const createElementSelector = (element, shouldUseFinder = true) => {
+	const fastSelector = createFastElementSelector(element);
+	if (fastSelector) return fastSelector;
+	if (shouldUseFinder) try {
+		const selector = findUniqueSelector(element, getFinderRoot(element), 200, (attributeName, attributeValue) => isAcceptedAttr(attributeName, attributeValue) || PREFERRED_SELECTOR_ATTRIBUTE_NAMES.has(attributeName) && isPreferredAttributeValueSafe(attributeValue));
+		if (selector) return selector;
+	} catch {}
+	return createNthChildSelector(element);
+};
+
+//#endregion
+//#region src/utils/extract-element-css.ts
+const BORDER_FILTER_SIDE_MAP = new Map([
+	"top",
+	"right",
+	"bottom",
+	"left"
+].flatMap((side) => [[`border-${side}-style`, side], [`border-${side}-color`, side]]));
+let baselineIframe = null;
+const defaultStylesByTag = /* @__PURE__ */ new Map();
+const ensureBaselineIframe = () => {
+	if (baselineIframe) return baselineIframe;
+	baselineIframe = document.createElement("iframe");
+	baselineIframe.style.cssText = "position:fixed;left:-9999px;width:0;height:0;border:none;visibility:hidden;";
+	document.body.appendChild(baselineIframe);
+	return baselineIframe;
+};
+const getDefaultStylesForTag = (tagName) => {
+	const cached = defaultStylesByTag.get(tagName);
+	if (cached) return cached;
+	const iframe = ensureBaselineIframe();
+	const iframeDocument = iframe.contentDocument;
+	const baselineElement = iframeDocument.createElement(tagName);
+	iframeDocument.body.appendChild(baselineElement);
+	const baselineComputed = iframe.contentWindow.getComputedStyle(baselineElement);
+	const defaultStyles = /* @__PURE__ */ new Map();
+	for (const propertyName of RELEVANT_CSS_PROPERTIES) {
+		const propertyValue = baselineComputed.getPropertyValue(propertyName);
+		if (propertyValue) defaultStyles.set(propertyName, propertyValue);
+	}
+	baselineElement.remove();
+	defaultStylesByTag.set(tagName, defaultStyles);
+	return defaultStyles;
+};
+const isBorderPropertyWithoutWidth = (propertyName, computedStyle) => {
+	const side = BORDER_FILTER_SIDE_MAP.get(propertyName);
+	if (!side) return false;
+	const widthValue = computedStyle.getPropertyValue(`border-${side}-width`);
+	return widthValue === "0px" || widthValue === "0";
+};
+const extractElementCss = (element) => {
+	const defaultStyles = getDefaultStylesForTag(element.tagName.toLowerCase());
+	const computedStyle = getComputedStyle(element);
+	const declarations = [];
+	for (const propertyName of RELEVANT_CSS_PROPERTIES) {
+		const propertyValue = computedStyle.getPropertyValue(propertyName);
+		if (!propertyValue) continue;
+		if (propertyValue === defaultStyles.get(propertyName)) continue;
+		if (isBorderPropertyWithoutWidth(propertyName, computedStyle)) continue;
+		declarations.push(`${propertyName}: ${propertyValue};`);
+	}
+	const classAttribute = element.getAttribute("class")?.trim();
+	const cssBlock = declarations.join("\n");
+	if (!classAttribute) return cssBlock;
+	if (!cssBlock) return `className: ${classAttribute}`;
+	return `className: ${classAttribute}\n\n${cssBlock}`;
+};
+const disposeBaselineStyles = () => {
+	baselineIframe?.remove();
+	baselineIframe = null;
+	defaultStylesByTag.clear();
+};
+
+//#endregion
+export { extractElementCss as n, createElementSelector as r, disposeBaselineStyles as t };

package/dist/extract-element-css-DlDbU4YM.cjs

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ *
+ * Copyright (c) 2025 Aiden Bai
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const e=require(`./freeze-updates-DnAA3QYp.cjs`),t=new Set([`role`,`name`,`aria-label`,`rel`,`href`]),n=e=>{if(!/^[a-z\-]{3,}$/i.test(e))return!1;let t=e.split(/-|[A-Z]/);for(let e of t)if(e.length<=2||/[^aeiou]{4,}/i.test(e))return!1;return!0},r=(e,r)=>{let i=t.has(e)||e.startsWith(`data-`)&&n(e),a=n(r)&&r.length<100||r.startsWith(`#`)&&n(r.slice(1));return i&&a},i=e=>{let t=e[0].name;for(let n=1;n<e.length;n++)t=`${e[n].name} > ${t}`;return t},a=e=>{let t=0;for(let n of e)t+=n.penalty;return t},o=(e,t)=>a(e)-a(t),s=(e,t)=>{let n=e.parentNode;if(!n)return;let r=n.firstChild;if(!r)return;let i=0;for(;r&&(r.nodeType===Node.ELEMENT_NODE&&(t===void 0||r.tagName.toLowerCase()===t)&&i++,r!==e);)r=r.nextSibling;return i},c=(e,t)=>e===`html`?`html`:`${e}:nth-child(${t})`,l=(e,t)=>e===`html`?`html`:`${e}:nth-of-type(${t})`,u=(e,t)=>{let r=[],i=e.getAttribute(`id`),a=e.tagName.toLowerCase();i&&n(i)&&r.push({name:`#${CSS.escape(i)}`,penalty:0});for(let t of e.classList)n(t)&&r.push({name:`.${CSS.escape(t)}`,penalty:1});for(let n of e.attributes)t(n.name,n.value)&&r.push({name:`[${CSS.escape(n.name)}="${CSS.escape(n.value)}"]`,penalty:2});r.push({name:a,penalty:5});let o=s(e,a);o!==void 0&&r.push({name:l(a,o),penalty:10});let u=s(e);return u!==void 0&&r.push({name:c(a,u),penalty:50}),r},d=(t,n=e.U,r=[])=>{if(n<=0)return[];if(t.length===0)return[r];let i=[];for(let e of t[0]){let a=n-i.length;if(a<=0)break;i.push(...d(t.slice(1),a,[...r,e]))}return i},f=(e,t)=>{let n=t.getRootNode?.();return n instanceof ShadowRoot?n:e.nodeType===Node.DOCUMENT_NODE?e:e.ownerDocument},p=(e,t)=>t.querySelectorAll(i(e)).length===1,m=(e,t)=>{let n=e,r=[];for(;n&&n!==t;){let e=n.tagName.toLowerCase(),t=s(n,e);if(t===void 0)return;r.push({name:l(e,t),penalty:10}),n=n.parentElement}return p(r,t)?r:void 0},h=(e,t,n,r)=>{if(e.nodeType!==Node.ELEMENT_NODE)throw Error(`Can't generate CSS selector for non-element node type.`);if(e.tagName.toLowerCase()===`html`)return`html`;let a=f(t,e),s=Date.now(),c=[],l=e,h=0,g;for(;l&&l!==a&&!g;)if(c.push(u(l,r)),l=l.parentElement,h++,h>=3){let t=d(c);t.sort(o);for(let r of t){if(Date.now()-s>n){let t=m(e,a);if(!t)throw Error(`Timeout: Can't find a unique selector after ${n}ms`);return i(t)}if(p(r,a)){g=r;break}}}if(!g&&h<3){let e=d(c);e.sort(o);for(let t of e){if(Date.now()-s>n)break;if(p(t,a)){g=t;break}}}if(!g)throw Error(`Selector was not found.`);return i(g)},g=e=>typeof CSS<`u`&&typeof CSS.escape==`function`?CSS.escape(e):e.replace(/[^a-zA-Z0-9_-]/g,e=>`\\${e}`),_=e=>e.ownerDocument.body??e.ownerDocument.documentElement,v=new Set([`data-testid`,`data-test-id`,`data-test`,`data-cy`,`data-qa`,`aria-label`,`role`,`name`,`title`,`alt`]),y=e=>e.length>0&&e.length<=120,b=(e,t)=>{try{let n=e.ownerDocument.querySelectorAll(t);return n.length===1&&n[0]===e}catch{return!1}},x=e=>{if(e instanceof HTMLElement&&e.id){let t=`#${g(e.id)}`;if(b(e,t))return t}for(let t of v){let n=e.getAttribute(t);if(!n||!y(n))continue;let r=`[${t}=${JSON.stringify(n)}]`;if(b(e,r))return r;let i=`${e.tagName.toLowerCase()}${r}`;if(b(e,i))return i}return null},S=e=>{let t=[],n=_(e),r=e;for(;r;){if(r instanceof HTMLElement&&r.id){t.unshift(`#${g(r.id)}`);break}let e=r.parentElement;if(!e){t.unshift(r.tagName.toLowerCase());break}let i=Array.from(e.children).indexOf(r),a=i>=0?i+1:1;if(t.unshift(`${r.tagName.toLowerCase()}:nth-child(${a})`),e===n){t.unshift(n.tagName.toLowerCase());break}r=e}return t.join(` > `)},C=(e,t=!0)=>{let n=x(e);if(n)return n;if(t)try{let t=h(e,_(e),200,(e,t)=>r(e,t)||v.has(e)&&y(t));if(t)return t}catch{}return S(e)},w=new Map([`top`,`right`,`bottom`,`left`].flatMap(e=>[[`border-${e}-style`,e],[`border-${e}-color`,e]]));let T=null;const E=new Map,D=()=>T||(T=document.createElement(`iframe`),T.style.cssText=`position:fixed;left:-9999px;width:0;height:0;border:none;visibility:hidden;`,document.body.appendChild(T),T),O=t=>{let n=E.get(t);if(n)return n;let r=D(),i=r.contentDocument,a=i.createElement(t);i.body.appendChild(a);let o=r.contentWindow.getComputedStyle(a),s=new Map;for(let t of e.nt){let e=o.getPropertyValue(t);e&&s.set(t,e)}return a.remove(),E.set(t,s),s},k=(e,t)=>{let n=w.get(e);if(!n)return!1;let r=t.getPropertyValue(`border-${n}-width`);return r===`0px`||r===`0`},A=t=>{let n=O(t.tagName.toLowerCase()),r=getComputedStyle(t),i=[];for(let t of e.nt){let e=r.getPropertyValue(t);e&&e!==n.get(t)&&(k(t,r)||i.push(`${t}: ${e};`))}let a=t.getAttribute(`class`)?.trim(),o=i.join(`
+`);return a?o?`className: ${a}\n\n${o}`:`className: ${a}`:o},j=()=>{T?.remove(),T=null,E.clear()};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return j}});

package/dist/extract-element-css-DsssOqcQ.cjs

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ *
+ * Copyright (c) 2025 Aiden Bai
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const e=require(`./freeze-updates-HHyWtz8f.cjs`),t=new Set([`role`,`name`,`aria-label`,`rel`,`href`]),n=e=>{if(!/^[a-z\-]{3,}$/i.test(e))return!1;let t=e.split(/-|[A-Z]/);for(let e of t)if(e.length<=2||/[^aeiou]{4,}/i.test(e))return!1;return!0},r=(e,r)=>{let i=t.has(e)||e.startsWith(`data-`)&&n(e),a=n(r)&&r.length<100||r.startsWith(`#`)&&n(r.slice(1));return i&&a},i=e=>{let t=e[0].name;for(let n=1;n<e.length;n++)t=`${e[n].name} > ${t}`;return t},a=e=>{let t=0;for(let n of e)t+=n.penalty;return t},o=(e,t)=>a(e)-a(t),s=(e,t)=>{let n=e.parentNode;if(!n)return;let r=n.firstChild;if(!r)return;let i=0;for(;r&&(r.nodeType===Node.ELEMENT_NODE&&(t===void 0||r.tagName.toLowerCase()===t)&&i++,r!==e);)r=r.nextSibling;return i},c=(e,t)=>e===`html`?`html`:`${e}:nth-child(${t})`,l=(e,t)=>e===`html`?`html`:`${e}:nth-of-type(${t})`,u=(e,t)=>{let r=[],i=e.getAttribute(`id`),a=e.tagName.toLowerCase();i&&n(i)&&r.push({name:`#${CSS.escape(i)}`,penalty:0});for(let t of e.classList)n(t)&&r.push({name:`.${CSS.escape(t)}`,penalty:1});for(let n of e.attributes)t(n.name,n.value)&&r.push({name:`[${CSS.escape(n.name)}="${CSS.escape(n.value)}"]`,penalty:2});r.push({name:a,penalty:5});let o=s(e,a);o!==void 0&&r.push({name:l(a,o),penalty:10});let u=s(e);return u!==void 0&&r.push({name:c(a,u),penalty:50}),r},d=(t,n=e.G,r=[])=>{if(n<=0)return[];if(t.length===0)return[r];let i=[];for(let e of t[0]){let a=n-i.length;if(a<=0)break;i.push(...d(t.slice(1),a,[...r,e]))}return i},f=(e,t)=>{let n=t.getRootNode?.();return n instanceof ShadowRoot?n:e.nodeType===Node.DOCUMENT_NODE?e:e.ownerDocument},p=(e,t)=>t.querySelectorAll(i(e)).length===1,m=(e,t)=>{let n=e,r=[];for(;n&&n!==t;){let e=n.tagName.toLowerCase(),t=s(n,e);if(t===void 0)return;r.push({name:l(e,t),penalty:10}),n=n.parentElement}return p(r,t)?r:void 0},h=(e,t,n,r)=>{if(e.nodeType!==Node.ELEMENT_NODE)throw Error(`Can't generate CSS selector for non-element node type.`);if(e.tagName.toLowerCase()===`html`)return`html`;let a=f(t,e),s=Date.now(),c=[],l=e,h=0,g;for(;l&&l!==a&&!g;)if(c.push(u(l,r)),l=l.parentElement,h++,h>=3){let t=d(c);t.sort(o);for(let r of t){if(Date.now()-s>n){let t=m(e,a);if(!t)throw Error(`Timeout: Can't find a unique selector after ${n}ms`);return i(t)}if(p(r,a)){g=r;break}}}if(!g&&h<3){let e=d(c);e.sort(o);for(let t of e){if(Date.now()-s>n)break;if(p(t,a)){g=t;break}}}if(!g)throw Error(`Selector was not found.`);return i(g)},g=e=>typeof CSS<`u`&&typeof CSS.escape==`function`?CSS.escape(e):e.replace(/[^a-zA-Z0-9_-]/g,e=>`\\${e}`),_=e=>e.ownerDocument.body??e.ownerDocument.documentElement,v=new Set([`data-testid`,`data-test-id`,`data-test`,`data-cy`,`data-qa`,`aria-label`,`role`,`name`,`title`,`alt`]),y=e=>e.length>0&&e.length<=120,b=(e,t)=>{try{let n=e.ownerDocument.querySelectorAll(t);return n.length===1&&n[0]===e}catch{return!1}},x=e=>{if(e instanceof HTMLElement&&e.id){let t=`#${g(e.id)}`;if(b(e,t))return t}for(let t of v){let n=e.getAttribute(t);if(!n||!y(n))continue;let r=`[${t}=${JSON.stringify(n)}]`;if(b(e,r))return r;let i=`${e.tagName.toLowerCase()}${r}`;if(b(e,i))return i}return null},S=e=>{let t=[],n=_(e),r=e;for(;r;){if(r instanceof HTMLElement&&r.id){t.unshift(`#${g(r.id)}`);break}let e=r.parentElement;if(!e){t.unshift(r.tagName.toLowerCase());break}let i=Array.from(e.children).indexOf(r),a=i>=0?i+1:1;if(t.unshift(`${r.tagName.toLowerCase()}:nth-child(${a})`),e===n){t.unshift(n.tagName.toLowerCase());break}r=e}return t.join(` > `)},C=(e,t=!0)=>{let n=x(e);if(n)return n;if(t)try{let t=h(e,_(e),200,(e,t)=>r(e,t)||v.has(e)&&y(t));if(t)return t}catch{}return S(e)},w=new Map([`top`,`right`,`bottom`,`left`].flatMap(e=>[[`border-${e}-style`,e],[`border-${e}-color`,e]]));let T=null;const E=new Map,D=()=>T||(T=document.createElement(`iframe`),T.style.cssText=`position:fixed;left:-9999px;width:0;height:0;border:none;visibility:hidden;`,document.body.appendChild(T),T),O=t=>{let n=E.get(t);if(n)return n;let r=D(),i=r.contentDocument,a=i.createElement(t);i.body.appendChild(a);let o=r.contentWindow.getComputedStyle(a),s=new Map;for(let t of e.it){let e=o.getPropertyValue(t);e&&s.set(t,e)}return a.remove(),E.set(t,s),s},k=(e,t)=>{let n=w.get(e);if(!n)return!1;let r=t.getPropertyValue(`border-${n}-width`);return r===`0px`||r===`0`},A=t=>{let n=O(t.tagName.toLowerCase()),r=getComputedStyle(t),i=[];for(let t of e.it){let e=r.getPropertyValue(t);e&&e!==n.get(t)&&(k(t,r)||i.push(`${t}: ${e};`))}let a=t.getAttribute(`class`)?.trim(),o=i.join(`
+`);return a?o?`className: ${a}\n\n${o}`:`className: ${a}`:o},j=()=>{T?.remove(),T=null,E.clear()};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return j}});