import { toCss } from './ast'
import { parseCandidate, parseVariant, type Candidate, type Variant } from './candidate'
import { compileAstNodes, compileCandidates } from './compile'
import { getClassList, getVariants, type ClassEntry, type VariantEntry } from './intellisense'
import { getClassOrder } from './sort'
import type { Theme, ThemeKey } from './theme'
import { Utilities, createUtilities, withAlpha } from './utilities'
import { DefaultMap } from './utils/default-map'
import { Variants, createVariants } from './variants'
export type DesignSystem = {
theme: Theme
utilities: Utilities
variants: Variants
invalidCandidates: Set<string>
important: boolean
getClassOrder(classes: string[]): [string, bigint | null][]
getClassList(): ClassEntry[]
getVariants(): VariantEntry[]
parseCandidate(candidate: string): Readonly<Candidate>[]
parseVariant(variant: string): Readonly<Variant> | null
compileAstNodes(candidate: Candidate): ReturnType<typeof compileAstNodes>
getVariantOrder(): Map<Variant, number>
resolveThemeValue(path: string): string | undefined
candidatesToCss(classes: string[]): (string | null)[]
}
export function buildDesignSystem(theme: Theme): DesignSystem {
let utilities = createUtilities(theme)
let variants = createVariants(theme)
let parsedVariants = new DefaultMap((variant) => parseVariant(variant, designSystem))
let parsedCandidates = new DefaultMap((candidate) =>
Array.from(parseCandidate(candidate, designSystem)),
)
let compiledAstNodes = new DefaultMap<Candidate>((candidate) =>
compileAstNodes(candidate, designSystem),
)
let designSystem: DesignSystem = {
theme,
utilities,
variants,
invalidCandidates: new Set(),
important: false,
candidatesToCss(classes: string[]) {
let result: (string | null)[] = []
for (let className of classes) {
let wasInvalid = false
let { astNodes } = compileCandidates([className], this, {
onInvalidCandidate(candidate) {
wasInvalid = true
},
})
if (astNodes.length === 0 || wasInvalid) {
result.push(null)
} else {
result.push(toCss(astNodes))
}
}
return result
},
getClassOrder(classes) {
return getClassOrder(this, classes)
},
getClassList() {
return getClassList(this)
},
getVariants() {
return getVariants(this)
},
parseCandidate(candidate: string) {
return parsedCandidates.get(candidate)
},
parseVariant(variant: string) {
return parsedVariants.get(variant)
},
compileAstNodes(candidate: Candidate) {
return compiledAstNodes.get(candidate)
},
getVariantOrder() {
let variants = Array.from(parsedVariants.values())
variants.sort((a, z) => this.variants.compare(a, z))
let order = new Map<Variant, number>()
let prevVariant: Variant | undefined = undefined
let index: number = 0
for (let variant of variants) {
if (variant === null) {
continue
}
if (prevVariant !== undefined && this.variants.compare(prevVariant, variant) !== 0) {
index++
}
order.set(variant, index)
prevVariant = variant
}
return order
},
resolveThemeValue(path: `${ThemeKey}` | `${ThemeKey}${string}`) {
let lastSlash = path.lastIndexOf('/')
let modifier: string | null = null
if (lastSlash !== -1) {
modifier = path.slice(lastSlash + 1).trim()
path = path.slice(0, lastSlash).trim() as ThemeKey
}
let themeValue = theme.get([path]) ?? undefined
if (modifier && themeValue) {
return withAlpha(themeValue, modifier)
}
return themeValue
},
}
return designSystem
}