Comments (8)
I think it's already possible to use Tailwind with Leptos, but I thought it would be great to have a kind of --tailwind
parameter to the cargo leptos watch
command to automatically run tailwindcss to watch changes without having to use two terminals. If you think it would be a good feature to add I can start working on a PR.
from cargo-leptos.
Sure. I think it would be better to add it to the config:
[package.metadata.leptos]
tailwind = true
So that the LibPackage
struct ends up with a tailwind: bool
field.
A good second step would be to add support for automatic download and installation of the tailwind binary in the Exe
enum.
The signalling part is a bit complex, but if you want I can do that. Just give me a shout once the above is done.
from cargo-leptos.
I am thinking about working on this issue. can you tell me where can I check if classes have been updates in view!
macros, because I think tailwind build command have to be called everytime a class attribute is updated. Having tailwind watch command running would probably interfere with cargo rebuild as it does when it tried it by just running both tailwind watch
and cargo leptos watch
in two terminal instances. I was getting the following error everytime I tried using a class which wasn't already cached:-
Blocking waiting for file lock on package cache
or am I misinterpreting.
I am pretty new to open source so please don't mind that I am not well versed with the open source way of doing things.
from cargo-leptos.
I have already made the neccessary changes required for adding tailwind:bool
argument to the conifig file and updating the Exe
enum as well as the ExeMeta
struct in a local branch. Shall I publish it?
from cargo-leptos.
There's a rather complex signalling system in place. See https://github.com/leptos-rs/cargo-leptos/blob/main/src/readme.md but note that it is mainly for getting an approximate understanding of it.
Let's start with what you've already done and then I'll point you to the next steps. Could you do a PR to the tailwind-support
branch? Like that, we can take it step-by-step there.
from cargo-leptos.
Created the pull request #63
from cargo-leptos.
@akesson Do you think after merging changes from #62, tailwind can be integrated into the watch
process like I mention here:-
from cargo-leptos.
Yes, you are definitely heading the right way. Better to use tailwind build
only because cargo-leptos
is already doing the fs watch. I think a good next step would be to integrate tailwind into the cargo build
step with an implementation in src/compile/tailwind.rs
. But let's finish the PR first.
from cargo-leptos.
Related Issues (20)
- Tailwind runs although it shouldn't HOT 10
- `build` command unsuable due to naming issues HOT 6
- Problem with ahash-0.8.3/src/lib.rs:99:42 - error[E0635]: unknown feature `stdsimd` HOT 2
- Warn about invalid `package.metadata.leptos` parameters
- Allow wasm-opt args to be configured
- cargo-leptos should check that the project name doesn't conflict with the names of dependencies
- `hash-files` breaks tailwind hot reloading HOT 3
- Add --target-dir Argument for Compatibility with Cargo Commands
- How to set the frontend library compile into wasm32 HOT 6
- WASM file in target/front/wasm32-unknown-unknown/debug not affected by output-name in config
- Autogenerated 'tailwind.config.js' isn't compatible with workspace paths HOT 1
- LEPTOS_HASH_FILES=true doesn't work in release mode HOT 4
- Consider compile target when placing hash.txt HOT 1
- Cargo leptos builds 'fail' when using config.toml HOT 4
- Install / compilation fails on Windows 10 | winapi error HOT 2
- Install binary error HOT 1
- 'cargo leptos serve' does not play well with RUSTFLAGS="-Awarnings"
- Setting environment variables at a project level. HOT 3
- subscribe to shutdown
- Change `new` and add `init`? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cargo-leptos.