hast-util-parse-selector

import { parseSelector } from 'hast-util-parse-selector'; import type { Element } from 'hast'; // Import for type definition // Create a HAST element from a complex class/id selector const complexSelectorElement: Element = parseSelector('.quux#bar.baz.qux'); console.log('Complex Selector Result:', complexSelectorElement); // Expected: { type: 'element', tagName: 'div', properties: { id: 'bar', className: [ 'quux', 'baz', 'qux' ] }, children: [] } // Create a HAST element with a specific tag name and ID const spanElement: Element = parseSelector('span#foo'); console.log('Span with ID Result:', spanElement); // Expected: { type: 'element', tagName: 'span', properties: { id: 'foo' }, children: [] } // Create an element with a default tag name when no selector is provided const defaultElement: Element = parseSelector(undefined, 'p'); console.log('Default Tag Name Result:', defaultElement); // Expected: { type: 'element', tagName: 'p', properties: {}, children: [] } // Using an empty string selector also results in the default tag name const emptySelectorElement: Element = parseSelector(''); console.log('Empty Selector Result:', emptySelectorElement); // Expected: { type: 'element', tagName: 'div', properties: {}, children: [] } // Example with a different default tag name const customDefaultElement: Element = parseSelector('.my-class', 'section'); console.log('Custom Default Tag Name Result:', customDefaultElement); // Expected: { type: 'element', tagName: 'section', properties: { className: [ 'my-class' ] }, children: [] }