baetheus / css / 26015243754

100%

push

github

feat: rewrote api to be simpler and more type driven.

While playing with this library in another project I found that it was a
difficult to implement complex selectors. It would also feel verbose for
some of the more simple nested selectors. Lastly, it was surprising to
see that some rules would end up with & selectors and some wouldn't. I
also did not like the breadth of the api surface.

I decided that a single Style type would be best, and that nesting
Styles would be done using properties directly, instead of inheriting
from existing styles (which I never did anyway). I also loosened up the
types a bit, allowing for arbitrary strings as selectors as an escape
hatch. There is still a good amount of autocomplete available. I removed
the automatic &[child] nesting, favoring the look of manually specifying
&:selector instead. Since template literals aren't autocompleted by
typescript lsp's anyway, I opted to remove most of the complicated ones.
There are some at rules that don't fit the flat structure of the new
Style, namely @keyframes. This is a blind spot, but I haven't had to
write keyframes in a long time, and if necessary could write them by
hand.

I did have claude rewrite the documentation and tests, but all else is
hand coded by me. Another example of aesthetics not being transferrable
to ai.

20 of 20 branches covered (100.0%)

Branch coverage included in aggregate %.

155 of 155 new or added lines in 4 files covered. (100.0%)

155 of 155 relevant lines covered (100.0%)

77.74 hits per line