• Forbid using class names like .css-175oi2r in CSS selesctors.

• Added functions className, tagName, idName, and attr to simplify overriding allowed selectors.

import { finder, attr } from '@medv/finder';

finder(event.target, {
  attr: (name, value) => attr(name, value) || name.startsWith('data-my-attr-'),
});

* > *

I'm thrilled to announce a major update to Finder. I've completely rewritten the selector generator to support modern technologies like Tailwind CSS and CSS-in-JS. This improvement ensures selectors are more efficient and adaptable for today's web development needs. Give the new version a try and experience the upgrade!

• Added support for nth-of-type CSS selectors.
• Improved seed round generation for more robust CSS selectors.
• Improved CSS selector generation speed.

.blog > article:nth-of-type(3) .add-comment

What's Changed

• Add Timeout to Finder by @lapritchett in #79

New Contributors

• @lapritchett made their first contribution in #79

Full Changelog: 3.1.0...3.2.0

Replaces cssesc with CSS.escape.

The CSS Selector Generator

An example of a generated selector:

.blog > article:nth-child(3) .add-comment

In this release:

• Lots of fixes.
• Performance improvements.
• Works with duplicates of IDs on pages.
• And much more!