mariusvatasoiu.com
Staff Engineer @ ING. Playing with Web Components, Deno & React.
Creator of @limette.dev.
mariusvatasoiu.com · social.cards · devs.lol · limette.dev
513 posts
337 followers
111 following
Regular Contributor
Active Commenter
comment in response to
post
I just saw one for a super-star developer. Does it count or is it not on the same level? 😅
comment in response to
post
Out of curiosity, do you feel like it shouldn't have been used in production because of these issues or because of the lack of specs?
What would have been the alternative? Adding a suffix to the tag name?
comment in response to
post
I mostly agree here. I know polyfills (or popular libs) can have an impact on the final specs and that sucks.
In this case, the initial proposal was made 5y ago with barely any progress. In order to gain some traction, web comp needed this feature. It feels like the chicken or the egg dilemma.
comment in response to
post
We have been using the polyfill for years now and the only issue was recently with Safari 18.4 (which was fixed really fast).
comment in response to
post
+1 here
comment in response to
post
That sounds similar with what I'm trying to achieve with @limette.dev.
- full stack framework based on web standards
- web components
- file system router (routes, layouts, middleware)
- islands for client side
- tailwind support
comment in response to
post
Previous version was based on a custom setup with EJS templates and Deno.
Now, it's based on Lit Web Components and Deno.
comment in response to
post
Opened a bug and after a few minutes @robinmalfait.com came with a solution. 🍺
github.com/tailwindlabs...
comment in response to
post
The main challenge here is to find a solution that works with Shadow DOM and it's based on a simple flag from Light DOM. A class or a CSS variable.
comment in response to
post
Under the hood Tailwind is just CSS. What's Tailwind specific in this code is the way you define a custom variant (set of utilities), but the selectors must be valid CSS selectors.
comment in response to
post
I was wrong, :where() doesn't seems to work with :host(). Or I'm doing something wrong.
comment in response to
post
Correction, :has() doesn't help here.
comment in response to
post
This should work only for "first-level" shadow roots, but not for nested shadow roots.
comment in response to
post
No, :where without anything (as used by default by Tailwind).
Combined with :host should work, but not for nested components.
comment in response to
post
Unfortunately, no.
comment in response to
post
Yeah, I discovered the bad news an hour ago when I opened the Firefox bug.
Until now, it seems like @container style(--dark-mode) it's the solution. Doesn't work in Firefox yet, but there is some activity, so there is hope.
comment in response to
post
In this case, the scope is to use TW. I already have the setup for TW and Web Components with my framework (@limette.dev), but I need to find a way to create custom variants that work with Shadow DOM.
I did something with :host-context(), but it's not perfect and the support is limited.
comment in response to
post
The tiny CMS is done.
The overall experience with Limette is good. Build performance will be a priority for the next releases.
Now, it's time to build the front blog.
comment in response to
post
3 years in a row, but maybe this one is the lucky one
comment in response to
post
Me hoping for Navigation API
comment in response to
post
A few hours ago I used intersection() for the first time
comment in response to
post
When you build the project, Deno installs the dependencies, but @parcel/watcher (a sub dependency) has a lifecycle script which is not executed by default.
You need to do it manually using the --allow-scripts flag.
And to do that, you need to enable the node_modules folder 🤮
comment in response to
post
I made it work, but the experience ain't great.
You need two different packages now, one for Tailwind and another one for the cli. That would be simple, I can include them when you generate a project.
BUT...
comment in response to
post
Narrator: it did not!