4 stable releases
1.0.3 | Jan 7, 2023 |
---|---|
1.0.2 | Oct 13, 2022 |
1.0.1 | Oct 4, 2022 |
1.0.0 | Oct 1, 2022 |
#2085 in Web programming
18KB
183 lines
semester
Semester is a declarative CSS conditional class name joiner, in the style of React's classnames. It's intended for use in web frameworks (like Yew) and HTML template engines (like horrorshow) as an efficient and compile-time checked way to conditionally activate or deactivate CSS classes on HTML elements.
Semester provides two similar macros, classes
and static_classes
, for creating sets of classes. Each one has a slightly different mode of operation, but they both use the same simple syntax and perform the same checks and guarantees:
- The macro takes a list of CSS classes as input, and returns an
impl Classes
:
use semester::{classes, Classes as _};
let classes = classes!(
"class1",
"class2",
"class3"
);
assert_eq!(classes.render(), "class1 class2 class3");
- Each class may optionally include a condition:
use semester::{classes, Classes as _};
let classes = classes!(
"always",
"yup": 10 == 10,
"nope": 10 == 15,
);
assert_eq!(classes.render(), "always yup");
semester
will render all of the enabled classes in declaration order, separated by a single space. It will do its best to pre-compute parts of the output (for instance, by concatenating all the consecutive unconditional classes), and you can go further and use static_classes
, which pre-computes every possible combination of classes at compile time.
Besides render
, semester
provides several other ways to access the class set, so you can use whichever one makes the most sense for your use case. See the Classes
and StaticClasses
traits for details. semester
is no_std
and will generally only allocate on specific methods like render
and to_string
.
Additionally, semester
performs several compile time correctness checks on your classes:
- Classes must be made up of ascii printable characters:
// This does not compile
use semester::classes;
classes!("null\0class")
- Classes must not have any whitespace:
// This does not compile
use semester::classes;
classes!("class pair")
- Classes must not be empty:
// This does not compile
use semester::classes;
classes!("")
- Classes should exclude the HTML unsafe characters:
<
>
&
'
"
// This does not compile
use semester::classes;
classes!("<injected-class>")
- Classes may not duplicate. Note that
semester
can't detect mutually exclusive conditions, so it prevents duplicates unconditionally.
// This does not compile
use semester::classes;
let x = 10;
classes!(
"class1": x == 10,
"class1": x != 10,
);
License: MPL-2.0
Dependencies
~2MB
~45K SLoC