Function classifyRules

apps/builder/app/shared/html.ts:197–244

(
  decls: ParsedStyleDecl[]
)

 * descendant/child combinators) go into nestedClassRules for tree matching.
 */
const classifyRules = (
  decls: ParsedStyleDecl[]
): {
  classRules: Map<string, ParsedStyleDecl[]>;
  nestedClassRules: Map<string, NestedClassRule>;
  rootRules: ParsedStyleDecl[];
  hasNonClassRules: boolean;
} => {
  const classRules = new Map<string, ParsedStyleDecl[]>();
  const nestedClassRules = new Map<string, NestedClassRule>();
  const rootRules: ParsedStyleDecl[] = [];
  let hasNonClassRules = false;

  for (const decl of decls) {
    if (decl.selector === ":root") {
      rootRules.push(decl);
      continue;
    }
    const parsed = parseClassBasedSelector(decl.selector);
    if (parsed !== undefined) {
      const selectorState = parsed.states?.[0];
      const effectiveDecl = selectorState
        ? { ...decl, state: decl.state ?? selectorState }
        : decl;

      if (parsed.ancestors && parsed.ancestors.length > 0) {
        // Nested selector — needs tree matching
        let entry = nestedClassRules.get(parsed.tokenName);
        if (!entry) {
          entry = { parsed, decls: [], selector: decl.selector };
          nestedClassRules.set(parsed.tokenName, entry);
        }
        entry.decls.push(effectiveDecl);
      } else {
        // Simple class selector
        let rules = classRules.get(parsed.tokenName);
        if (!rules) {
          rules = [];
          classRules.set(parsed.tokenName, rules);
        }
        rules.push(effectiveDecl);
      }
    } else {
      hasNonClassRules = true;
    }
  }
  return { classRules, nestedClassRules, rootRules, hasNonClassRules };
};

/**
 * Build the leftover CSS (non-class rules) from the original style text.