example_class_utilities.ts view source
string[] Array - all elements extracted
Example CSS class exports demonstrating node_modules extraction.
This module exists to verify that the Vite plugin extracts classes from dependencies in node_modules. The exports test specific extraction patterns that require being in a separate module.
Important: Variable names must match CLASS_NAME_PATTERN in css_class_extractor.ts.
Supported suffixes: class, classes, className, classNames, classList, classLists
(also snake_case variants like class_name, class_names, class_list, class_lists).
Patterns demonstrated:
- Naming patterns: All CLASS_NAME_PATTERN suffix variants
- Expression patterns: Ternary, logical AND, arrays
- Comment hints: @fuz-classes directive
Token, composite, and literal classes are demonstrated inline in the examples since they don't require special extraction testing.
18 declarations
example_class_utilities.ts view source
string[] Array - all elements extracted
example_class_utilities.ts view source
"mb_xs4" *_class suffix (snake_case)
example_class_utilities.ts view source
"mb_xs3" SCREAMING_SNAKE_CASE naming
example_class_utilities.ts view source
"mb_xl3" *class_list suffix (snake_case)
example_class_utilities.ts view source
"mb_xl5 ml_xl2" *class_lists suffix (snake_case) - plural, multiple classes
example_class_utilities.ts view source
"mb_md" *class_name suffix (snake_case)
example_class_utilities.ts view source
"mb_xl ml_lg" *class_names suffix (snake_case) - plural, multiple classes
example_class_utilities.ts view source
"mb_xs ml_sm" *_classes suffix (snake_case) - plural, multiple classes
example_class_utilities.ts view source
"mb_xs5" *Class suffix (camelCase)
example_class_utilities.ts view source
"mb_xs2 ml_xs" *Classes suffix (camelCase) - plural, multiple classes
example_class_utilities.ts view source
"mb_xl2" *ClassList suffix (camelCase)
example_class_utilities.ts view source
"mb_xl4 ml_xl" *ClassLists suffix (camelCase) - plural, multiple classes
example_class_utilities.ts view source
"mb_sm" *ClassName suffix (camelCase)
example_class_utilities.ts view source
"mb_lg ml_md" *ClassNames suffix (camelCase) - plural, multiple classes
example_class_utilities.ts view source
"shadow_lg" Comment hint - extracted via
example_class_utilities.ts view source
"mt_md" Logical AND - truthy value extracted
example_class_utilities.ts view source
{ mt_xl2: string; mt_xl3: string; } Object - keys extracted as class names
example_class_utilities.ts view source
"mt_xs" | "mt_sm" Ternary expression - both branches extracted