804b384271
- Add npm scripts for CSS/JS compilation (build:css, build:js, build) - Create PowerShell build automation script - Document development workflow in README - Add troubleshooting guide for build issues - Specify proper file structure and compilation process Supports Tailwind CSS v3.4.0 and esbuild bundling with source maps.
34 lines
992 B
JavaScript
34 lines
992 B
JavaScript
import parser from 'postcss-selector-parser'
|
|
|
|
/**
|
|
* @template {string | import('postcss-selector-parser').Root} T
|
|
*
|
|
* Prefix all classes in the selector with the given prefix
|
|
*
|
|
* It can take either a string or a selector AST and will return the same type
|
|
*
|
|
* @param {string} prefix
|
|
* @param {T} selector
|
|
* @param {boolean} prependNegative
|
|
* @returns {T}
|
|
*/
|
|
export default function (prefix, selector, prependNegative = false) {
|
|
if (prefix === '') {
|
|
return selector
|
|
}
|
|
|
|
/** @type {import('postcss-selector-parser').Root} */
|
|
let ast = typeof selector === 'string' ? parser().astSync(selector) : selector
|
|
|
|
ast.walkClasses((classSelector) => {
|
|
let baseClass = classSelector.value
|
|
let shouldPlaceNegativeBeforePrefix = prependNegative && baseClass.startsWith('-')
|
|
|
|
classSelector.value = shouldPlaceNegativeBeforePrefix
|
|
? `-${prefix}${baseClass.slice(1)}`
|
|
: `${prefix}${baseClass}`
|
|
})
|
|
|
|
return typeof selector === 'string' ? ast.toString() : ast
|
|
}
|