Get CSS path of given element.

cssPath.js

/**
 * Get the CSS path of a given element.
 *
 * @param {Element} [element] Element to get the css path to.
 * @param {string} [path=""] Path so far (used in recursion).
 */
export const cssPath = (element, path = "") =>
	((tag, nth) =>
		tag
			? cssPath(
					element?.parentElement ?? undefined,
					`${
						element?.id
							? `${tag}[id="${element.id}"]`
							: `${tag}${nth > 1 ? `:nth-child(${nth})` : ""}`
					}${path !== "" ? ">" : ""}${path}`,
			  )
			: path)(
		element instanceof Element ? element.tagName.toLowerCase() : "",
		element instanceof Element && element.parentElement
			? [...element.parentElement.children].indexOf(element) + 1
			: 0,
	);