// =============================================================================
// Selector Index for Fast CSS Matching
// =============================================================================
// Indexes rules by their rightmost selector (head) for O(1) candidate lookup
///|
/// Index for fast rule lookup
/// Rules are indexed by the rightmost compound selector's:
/// - ID selectors
/// - Class selectors
/// - Tag name
/// - Universal selectors (matched against all elements)
pub(all) struct SelectorIndex {
/// Rules indexed by ID (rightmost ID in head)
by_id : Map[String, Array[Int]]
/// Rules indexed by class (rightmost class in head)
by_class : Map[String, Array[Int]]
/// Rules indexed by tag name (rightmost type in head)
by_tag : Map[String, Array[Int]]
/// Rules with universal selector (*) or no specific key
universal : Array[Int]
}
///|
pub fn SelectorIndex::new() -> SelectorIndex {
{ by_id: Map([]), by_class: Map([]), by_tag: Map([]), universal: [] }
}
///|
/// Extract a single primary indexing key from a CompoundSelector's head.
/// Choose the most selective stable key to avoid duplicate candidates.
fn extract_primary_index_key(
selector : @selector.CompoundSelector,
) -> (String?, String?, String?) {
let mut id : String? = None
let mut class_name : String? = None
let mut tag : String? = None
// Check type selector
match selector.type_selector {
Some(Type(name)) => tag = Some(name.to_lower())
Some(Universal) => () // Universal doesn't narrow down
Some(_) => () // Other selector types (shouldn't be in type_selector position)
None => ()
}
// Check subclasses
for sub in selector.subclasses {
match sub {
Id(name) => if id is None { id = Some(name) }
Class(name) => if class_name is None { class_name = Some(name) }
_ => ()
}
}
match id {
Some(value) => (Some(value), None, None)
None =>
match class_name {
Some(value) => (None, Some(value), None)
None =>
match tag {
Some(value) => (None, None, Some(value))
None => (None, None, None)
}
}
}
}
///|
/// Build index for a stylesheet
pub fn SelectorIndex::from_stylesheet(stylesheet : Stylesheet) -> SelectorIndex {
let index = SelectorIndex::new()
for i, rule in stylesheet.rules {
// Extract a single key from the head (rightmost compound selector).
let (id, class_name, tag) = extract_primary_index_key(rule.selector.head)
match id {
Some(id_val) =>
match index.by_id.get(id_val) {
Some(arr) => arr.push(i)
None => index.by_id.set(id_val, [i])
}
None =>
match class_name {
Some(cls) =>
match index.by_class.get(cls) {
Some(arr) => arr.push(i)
None => index.by_class.set(cls, [i])
}
None =>
match tag {
Some(tag_val) =>
match index.by_tag.get(tag_val) {
Some(arr) => arr.push(i)
None => index.by_tag.set(tag_val, [i])
}
None => index.universal.push(i)
}
}
}
}
index
}
///|
/// Get candidate rule indices for an element
/// Returns indices of rules that might match (need full selector check)
pub fn SelectorIndex::get_candidates(
self : SelectorIndex,
element : @selector.Element,
) -> Array[Int] {
let candidates : Array[Int] = []
// Check ID index
match element.id {
Some(id) =>
match self.by_id.get(id) {
Some(arr) =>
for i in arr {
candidates.push(i)
}
None => ()
}
None => ()
}
// Check class indices. Each rule is stored under a single class bucket,
// so duplicate candidates do not occur here.
for cls in element.classes {
match self.by_class.get(cls) {
Some(arr) =>
for i in arr {
candidates.push(i)
}
None => ()
}
}
// Check tag index
let tag = element.tag_name.to_lower()
match self.by_tag.get(tag) {
Some(arr) =>
for i in arr {
candidates.push(i)
}
None => ()
}
// Always include universal rules
for i in self.universal {
candidates.push(i)
}
candidates
}
///|
/// Indexed stylesheet for fast matching
pub struct IndexedStylesheet {
/// The underlying stylesheet
stylesheet : Stylesheet
/// Selector index for fast lookup
index : SelectorIndex
}
///|
pub fn IndexedStylesheet::new(stylesheet : Stylesheet) -> IndexedStylesheet {
let index = SelectorIndex::from_stylesheet(stylesheet)
{ stylesheet, index }
}
///|
/// Match all rules against an element using the index
pub fn IndexedStylesheet::match_element(
self : IndexedStylesheet,
element : @selector.Element,
) -> Array[RuleMatch] {
self.match_element_with_media(element, None)
}
///|
/// Match all rules against an element with media query evaluation using the index
pub fn IndexedStylesheet::match_element_with_media(
self : IndexedStylesheet,
element : @selector.Element,
media_env : @media.MediaEnvironment?,
) -> Array[RuleMatch] {
let matches : Array[RuleMatch] = []
let candidates = self.index.get_candidates(element)
for rule_idx in candidates {
let rule = self.stylesheet.rules[rule_idx]
push_rule_match(matches, rule, element, self.stylesheet.origin, media_env)
}
matches
}
///|
fn cascade_indexed_stylesheet_matches_into(
result : CascadedValues,
stylesheet : IndexedStylesheet,
element : @selector.Element,
media_env : @media.MediaEnvironment?,
source_order_offset : Int,
) -> Int {
let mut max_so = source_order_offset - 1
let candidates = stylesheet.index.get_candidates(element)
for rule_idx in candidates {
let rule = stylesheet.stylesheet.rules[rule_idx]
max_so = cascade_rule_into(
result,
rule,
element,
stylesheet.stylesheet.origin,
media_env,
source_order_offset,
max_so,
@selector.matches_complex,
fn(_property, _value) { true },
)
}
max_so
}
///|
/// Cascade styles using indexed stylesheets for better performance
pub fn cascade_element_indexed(
element : @selector.Element,
stylesheets : Array[IndexedStylesheet],
inline_style : Array[Declaration],
media_env : @media.MediaEnvironment?,
) -> CascadedValues {
let result = CascadedValues::new()
let mut source_order_offset = 0
for stylesheet in stylesheets {
let max_source_order_in_sheet = cascade_indexed_stylesheet_matches_into(
result, stylesheet, element, media_env, source_order_offset,
)
if max_source_order_in_sheet >= source_order_offset {
source_order_offset = max_source_order_in_sheet + 1
}
}
for decl in inline_style {
accumulate_inline_declaration(result, decl, source_order_offset)
}
result
}