69 lines
1.8 KiB
JavaScript
69 lines
1.8 KiB
JavaScript
|
/**
|
||
|
|
* @typedef {import('hast').Properties} Properties
|
||
|
|
* @typedef {import('hast').Element} Element
|
||
|
|
*/
|
||
|
|
|
||
|
|
const search = /[#.]/g
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Create a hast element from a simple CSS selector.
|
||
|
|
*
|
||
|
|
* @template {string} Selector
|
||
|
|
* Type of selector.
|
||
|
|
* @template {string} [DefaultTagName='div']
|
||
|
|
* Type of default tag name.
|
||
|
|
* @param {Selector | null | undefined} [selector]
|
||
|
|
* Simple CSS selector.
|
||
|
|
*
|
||
|
|
* Can contain a tag name (`foo`), classes (`.bar`), and an ID (`#baz`).
|
||
|
|
* Multiple classes are allowed.
|
||
|
|
* Uses the last ID if multiple IDs are found.
|
||
|
|
* @param {DefaultTagName | null | undefined} [defaultTagName='div']
|
||
|
|
* Tag name to use if `selector` does not specify one (default: `'div'`).
|
||
|
|
* @returns {Element & {tagName: import('./extract.js').ExtractTagName<Selector, DefaultTagName>}}
|
||
|
|
* Built element.
|
||
|
|
*/
|
||
|
|
export function parseSelector(selector, defaultTagName) {
|
||
|
|
const value = selector || ''
|
||
|
|
/** @type {Properties} */
|
||
|
|
const props = {}
|
||
|
|
let start = 0
|
||
|
|
/** @type {string | undefined} */
|
||
|
|
let previous
|
||
|
|
/** @type {string | undefined} */
|
||
|
|
let tagName
|
||
|
|
|
||
|
|
while (start < value.length) {
|
||
|
|
search.lastIndex = start
|
||
|
|
const match = search.exec(value)
|
||
|
|
const subvalue = value.slice(start, match ? match.index : value.length)
|
||
|
|
|
||
|
|
if (subvalue) {
|
||
|
|
if (!previous) {
|
||
|
|
tagName = subvalue
|
||
|
|
} else if (previous === '#') {
|
||
|
|
props.id = subvalue
|
||
|
|
} else if (Array.isArray(props.className)) {
|
||
|
|
props.className.push(subvalue)
|
||
|
|
} else {
|
||
|
|
props.className = [subvalue]
|
||
|
|
}
|
||
|
|
|
||
|
|
start += subvalue.length
|
||
|
|
}
|
||
|
|
|
||
|
|
if (match) {
|
||
|
|
previous = match[0]
|
||
|
|
start++
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
type: 'element',
|
||
|
|
// @ts-expect-error: fine.
|
||
|
|
tagName: tagName || defaultTagName || 'div',
|
||
|
|
properties: props,
|
||
|
|
children: []
|
||
|
|
}
|
||
|
|
}
|