docs: a reminder about lepty-scoping feature flag

This commit is contained in:
Yiffy Dev 2024-11-01 05:33:23 +05:00 • committed by spushk
commit d5298ba34f
Signed by: spushk
GPG key ID: 7797B761E105E8AA
6 changed files with 31 additions and 17 deletions

View file

@ -273,7 +273,7 @@ fn component() -> impl IntoView {
}
}
```
... and have "cls1" on both `h1` and `p` auto-assigned. Isn't this cool?
... and have "cls1" on both `h1` and `p` auto-assigned. Isn't that cool?
So, if you're on leptos, and don't mind to take this approach, I'd highly recommend turning the *lepty-scoping* feature on:
@ -327,6 +327,7 @@ fn component() -> impl IntoView {
That will perform *much* better:
- All scope members - like `scope::breadcumbs` - wont contain repeating scope hash, just the original class/id selector
- So instead of scope members (which [aren't](https://github.com/yiffyrusdev/sabry/issues/2) autocompleted for sass-in-the-rust yet) you could just write bare selectors, as you do, for example, with svelte: `<li class="breadcumbs__item">`
- You will not encounter [the catch](#scoping) with nested tagname selectors
Also, this isn't really exclusive leptos-supporting feature. It just changes scoping behavour.
@ -631,10 +632,15 @@ So you still can get the scoped variant of `cls1-dark` class: `scope::_dark(scop
This isn't very handy, also isn't strict enough, and is a high-priority subject to change. wip.
#### Scope member naming rules
Not any valid CSS selector is a valid rust identifier. In general this section should not be needed, as you should receive autocompletion from the editor. *However* it doesn't seem to work properly. Check the [wip](#wip) section out.
## WIP
*(sorted by my own priority)*, "dones" are excluded
- [ ] Somehow achieve the autocompletion for scopes. The problem is explained in details [here](https://github.com/yiffyrusdev/sabry/issues/2)
- [ ] Crates of styled components - currently the only way to create them seems to be const styly.
- [ ] CSS support
- [ ] Currently the crate causes "dependency inheritance" infection. We cant get rid of it, however should be doable to at least get rid of flag inheritance

View file

@ -994,7 +994,7 @@ checksum = "f3cb5ba0dc43242ce17de99c180e96db90b235b8a9fdc9543c96d2209116bd9f"
[[package]]
name = "sabry"
version = "0.0.1"
version = "0.0.1-alpha.2"
dependencies = [
"sabry_build",
"sabry_intrnl",
@ -1003,7 +1003,7 @@ dependencies = [
[[package]]
name = "sabry_build"
version = "0.0.1"
version = "0.0.1-alpha.2"
dependencies = [
"proc-macro2",
"sabry_intrnl",
@ -1015,10 +1015,11 @@ dependencies = [
[[package]]
name = "sabry_intrnl"
version = "0.0.1"
version = "0.0.1-alpha.2"
dependencies = [
"base64",
"blake3",
"cfg-if",
"const_format",
"grass",
"lightningcss",
@ -1034,14 +1035,14 @@ dependencies = [
[[package]]
name = "sabry_procmacro"
version = "0.0.1"
version = "0.0.1-alpha.2"
dependencies = [
"sabry_procmacro_impl",
]
[[package]]
name = "sabry_procmacro_impl"
version = "0.0.1"
version = "0.0.1-alpha.2"
dependencies = [
"proc-macro2",
"quote",

View file

@ -11,8 +11,6 @@ styly!(pub const bundlemod {
}
});
styly!(pub const filemod:sass "src/main.sass");
fn main(){
println!("someth class codemod styles: {}", bundlemod::someth);
println!("someth class filemod styles: {}", filemod::someth);

View file

@ -4,5 +4,9 @@ sign-tag = true
target = "x86_64-unknown-linux-gnu"
pre-release-replacements = [
{file="README.md", search='sabry = {\s?version = "[0-9a-z\-\.]*"(?<rest>.*)\s?}', replace='sabry = { version = "{{version}}" $rest}'},
{file="README.md", search='sabry = {\s?version = "[0-9a-z\-\.]*"', replace='sabry = { version = "{{version}}"'},
]
pre-release-hook = [
"/bin/echo $NEW_VERSION"
]

View file

@ -226,7 +226,7 @@ impl HashedSelector {
Some(format!("{} {}", hash.as_str(), a.ident))
}
}
},
}
// As we dont want to use two HTML props for a single ID,
// ID scoping is done with id modification
ScopedSelector::Id(a) => {
@ -237,7 +237,7 @@ impl HashedSelector {
Some(format!("{}-{}", hash.as_str(), a.ident))
}
}
},
}
ScopedSelector::Tag(_) => None,
}
}

View file

@ -57,7 +57,12 @@ impl Parse for ArbitraryStyleBlock {
let iofile = match fs::read(&fullpath) {
Ok(bf) => bf,
Err(_) => return Err(syn::Error::new(path_tok.span(), format!("Could not read file at {fullpath:?}")))
Err(_) => {
return Err(syn::Error::new(
path_tok.span(),
format!("Could not read file at {fullpath:?}"),
))
}
};
let code = String::from_utf8_lossy(&iofile).to_string();