iiinova — where your digital self keeps evolving

Reposted by Matheus Cardoso 🇺🇦

jviide.iki.fi @jviide.iki.fi · 28/11/2024

I take no joy reporting that this optimization boosts our type validation code performance by up to 2x.

A TypeScript function that is one big switch statement, each case clause seemingly doing the same thing.

910313

Reposted by Matheus Cardoso 🇺🇦

Gabriel Vergnaud @gabrielvergnaud.com · 22/02/2025

Pro tip: Don't write your #TypeScript union types by hand, use a Type Catalog instead! Why are Type Catalogs better? Find out in the thread 🧵 👇

2274

Reposted by Matheus Cardoso 🇺🇦

Gabriel Vergnaud @gabrielvergnaud.com · 23/02/2025

Here is another reason I like Type Catalogs. They can easily be transformed with Mapped Types! Full code snippet in thread 🧵👇

1182

Reposted by Matheus Cardoso 🇺🇦

Ben Holmes @bholmes.dev · 14/03/2025

Dang if @vite.dev Plus has all this, can’t wait for Vite Plus Pro Max

Dev / Build (Vite / Rolldown)
• Test / Bench (Vitest)
• Lint / Format (Oxc)
• Documentation (Vitepress)
• Run TypeScript directly in Nodejs
• Project scaffolding / code generation
• Monorepo task orchestration / caching

61129

Reposted by Matheus Cardoso 🇺🇦

Jen Gentleman @jenmsft.bsky.social · 24/01/2025

Accessibility doesn't only help a small group of people. Accessibility helps everyone

Displaying a graphic of how it's not just people with permanent needs that can benefit from inclusive design, there are also temporary and situational needs. For example, someone who's deaf, vs has an ear infection, vs in a loud bar

The full list, with little characters representing each is:

Touch: one arm, arm injury, new parent holding a baby
See: Blind, Cataract, distracted driver
Hear: Deaf, ear infection, bartender
Speak: non-verbal, laryngitis, heavy accent (a picture of a Viking)

22763231

Reposted by Matheus Cardoso 🇺🇦

James @43081j.com · 04/03/2025

I setup my GitHub sponsors not long ago but didn't really mention it anywhere. If you appreciate what I do, these sponsorships do help a lot 🙏 My focus this year is all over like every year 😅 (e18e, chai, tinylibs, chokidar, vueuse, and much more). But I will keep on top of them all

github.com

Sponsor @43081j on GitHub Sponsors

Maintainer of chai, parse5, various eslint plugins, & more. One of the e18e.dev leads. Core contributor to lit and modernweb.

13413

Matheus Cardoso 🇺🇦 @cardo.so · 07/03/2025

Can't give much right now but love the work you're doing!

110

Matheus Cardoso 🇺🇦 @cardo.so · 06/03/2025

I appreciate it very much. I'm also curious about how to get listed as a maintainer. I'm in the package.json (linked below), but still "no maintainers found": socket.dev/npm/package/...

socket.dev

100

Matheus Cardoso 🇺🇦 @cardo.so · 06/03/2025

@socket.dev how can I fix this? 😮‍💨 It's literally vite's convention for plugins: vite.dev/guide/api-pl...

100

Reposted by Matheus Cardoso 🇺🇦

danielroe @danielroe.dev · 02/03/2025

I stand with Ukraine and the truth that Russia is an invader.

0683

Reposted by Matheus Cardoso 🇺🇦

Mike Hartington @mhartington.io · 28/02/2025

Слава Україні

1246

Reposted by Matheus Cardoso 🇺🇦

André Staltz @staltz.com · 28/02/2025

Setting hover state in React components is so 2013. You can set hover state with CSS variables and can skip all those JS re-renders. 🤓

2141

Matheus Cardoso 🇺🇦 @cardo.so · 27/02/2025

All the many other problems aside, CoderByte doesn't do any sanitization of logs before it hits their "in-browser" console. Not even HTML. Yes, it will display anything, buttons, iframes, you name it, and sometimes it will crash and burn. It's funny, but sad that it's used to evaluate candidates.

000

Matheus Cardoso 🇺🇦 @cardo.so · 26/02/2025

I was a big fan of dev.to ~4 years ago. I wrote and read great articles, tons of meaningful engagements, deep discussions that would help me learn and improve my writing (example linked). I can barely find any good content there anymore, which also makes me not want to write. Also, the bugs.

dev.to

End-to-End Encrypted Chat with the Web Crypto API

When transmitting or storing user data, especially private conversations, it's essential to consider...

010

Reposted by Matheus Cardoso 🇺🇦

Justin Fagnani @justinfagnani.com · 25/02/2025

This is nice, we should add something like this to Lit! I wonder if there's an opportunity for a WCCG community protocol to use common performance markers?

211

Matheus Cardoso 🇺🇦 @cardo.so · 25/02/2025

Oh that’s a good point . I think there is plenty of opportunity. The lifecycle is the same (in theory) for web components frameworks. And as you can imagine, naming was the “hard part” about doing theses markers haha, I think we’re still going to rename them.

010

Matheus Cardoso 🇺🇦 @cardo.so · 24/02/2025

This is why I love contributing to Open Source: My PR adding support for Chrome DevTools's Performance Panel Extensions is now GA in the Salesforce platform. ❤️⚡️ github.com/salesforce/l...

A page from the salesforce platform with chrome developer tools opened in the performance tab showing detailed metrics for lightning web components

351

Reposted by Matheus Cardoso 🇺🇦

Jamie Birch @shirakaba.bsky.social · 22/02/2025

Helping bring Node-API to React Native 🫡

0132

Matheus Cardoso 🇺🇦 @cardo.so · 22/02/2025

Yeah, similar thing, this story was Vienna to Paris, checkin was weirder and confusing at the time due to covid. I really took a chance flying to the other airport in Paris and taking a train to CDG, getting tested there in time. Boarding gate attendants look at me like I was a ghost.

000

Matheus Cardoso 🇺🇦 @cardo.so · 22/02/2025

Yeah, it varies a lot by airline and region, but in general at least calling the airline directly seems to yield the best results than talking to people at the airport. Best to try both anyway. Glad you got the refund! Enjoy Barcelona 🙏

010

Matheus Cardoso 🇺🇦 @cardo.so · 22/02/2025

People at the airport kept telling me I was screwed, would need to pay full price and wait days, so I had to try my luck and it worked perfectly. Lots of perplexed “how are you here?” looks at the second leg made me feel like a wizard.

100

Matheus Cardoso 🇺🇦 @cardo.so · 22/02/2025

If you miss the first leg of a flight you get all others cancelled, but if you manage to get a low-cost flight to get to the second leg in time, call the airline and they will uncancel them. At least it’s true for AirFrance. Dont ask any other way but by phone though.

200

Matheus Cardoso 🇺🇦 @cardo.so · 22/02/2025

My first time missing any flight at all was from Kyiv to São Paulo. Paid 350 euros to reschedule, no money, slept 3 days at the airport. I cried like a baby. It made me so good at not missing flights and finding alternatives when I inevitably did it again 😅

100

Reposted by Matheus Cardoso 🇺🇦

Bjorn Lu @bluwy.me · 21/02/2025

Got docs set up for publint today! A bit hard to get documentation frameworks to support SPA fallback, and I had to mix Svelte in Vue, but it kinda works. publint.dev/docs/

publint.dev

publint

Lint npm packages to ensure the widest compatibility across environments

0403

Matheus Cardoso 🇺🇦 @cardo.so · 21/02/2025

Just randomly discovered this gem by @bluwy.me . It's exactly what I was most missing in my workflow. I can't give much right now, but I had to become a sponsor. Thank you!

github.com

GitHub - publint/publint: Lint packaging errors

Lint packaging errors. Contribute to publint/publint development by creating an account on GitHub.

110

Matheus Cardoso 🇺🇦 @cardo.so · 20/02/2025

I believe @pnpm.io is leading the pack in terms of out-of-the-box dependency management in monorepositories and more recently supply chain risk management. Are people getting the same benefits from modern yarn or npm? How do you set those up?

010

Matheus Cardoso 🇺🇦 @cardo.so · 20/02/2025

Yeah, I believe it does the right thing. I don’t remember if there’s a lint for it, probably. Also, my understanding is that code running at the top-level of the file is also kind of a describe block with similar pitfalls, but not this one in particular since you can’t .skip easily

000

Matheus Cardoso 🇺🇦 @cardo.so · 20/02/2025

It’s the kind of mistake that’s easy to make even when you know about it. I’m starting to think running logic at the top level of describe is just a pattern to avoid in general. It seems like a footgun and treated differently depending on the runtime/testing framework.

110

Reposted by Matheus Cardoso 🇺🇦

patak @patak.cat · 20/02/2025

linking also to @bluwy.me's HMR is Easy masterpiece, that I don't know if we are doing a good job in surfacing from the vite docs

bjornlu.com

Hot Module Replacement is Easy - Bjorn Lu

If you've built projects with Vite, chances are you've also used Hot Module Replacement (HMR). HMR allows you to update your code without...

2153

Reposted by Matheus Cardoso 🇺🇦

AriPerkkio @ariperkkio.dev · 20/02/2025

tutorial-vite-plugin.pages.dev 👀 This tutorial covers some plugin APIs. Maybe one day it'll be finished.

tutorial-vite-plugin.pages.dev

YAML Plugin / Importing YAML files

A TutorialKit interactive lesson

1121

Reposted by Matheus Cardoso 🇺🇦

Kadi Kraman @kadi.bsky.social · 19/02/2025

I made an @expo.dev cli cheat sheet!

4749

Reposted by Matheus Cardoso 🇺🇦

James @43081j.com · 14/02/2025

some thoughts on bundling dependencies in libraries and dev tools. especially given the great effort from the community lately, we need to bundle less and less (in consumed packages)

e18e.dev

Bundling dependencies (and when not to do it)

A brief write up on when you should or shouldn't bundle dependencies

1339

Reposted by Matheus Cardoso 🇺🇦

patak @patak.cat · 12/02/2025

If your automated security tools flags this esbuild CVE in your Vite app, go report it to them. Vite doesn't use the esbuild dev server. Always provide a minimal repro for security issues. Kudos again to @sapphi.red for fixing the original CVE on Vite and reporting it to other affected tools.

github.com

Any websites were able to send any requests to the development server and read the response

### Summary esbuild allows any websites to send any request to the development server and read the response due to default CORS settings. ### Details esbuild sets `Access-Control-Allow-Ori...

1242

Reposted by Matheus Cardoso 🇺🇦

Large Heydon Collider @heydonworks.com · 09/02/2025

Just a note to say that I need 10K subscribers on Youtube to enable services like Teemill to integrate. www.youtube.com/watch?v=Lbjx...

youtube.com

Why is everything binary?

YouTube video by Heydon Pickering

103318

Reposted by Matheus Cardoso 🇺🇦

patak @patak.cat · 07/02/2025

@rolldown.rs wasm story is just brilliant

A slide from Evan You Vue.js Nation 2025 talk.

Rolldown - WASM build performance

Benchmark bundling 2.5k modules on StackBlitz (web containers)

rolldown 0.61s
rollup 4.52s
esbuild 22.19s

4837

Matheus Cardoso 🇺🇦 @cardo.so · 05/02/2025

I've been bitten by the bug: Added @socket.dev to my workflow, and now @pkg.pr.new . I'm much less anxious around maintaining vite-plugin-lwc and learning a ton in the process. 🧑‍🔬

github.com

chore: update deps by cardoso · Pull Request #12 · cardoso/vite-plugin-lwc

073

Matheus Cardoso 🇺🇦 @cardo.so · 01/02/2025

I just got accused of being AI on discord because, wait for it, I use paragraphs! I'm both sad and amused.

000

Matheus Cardoso 🇺🇦 @cardo.so · 27/01/2025

Oh that's pretty close to where I left my experiment, maybe better! I only remember making the brand a template literal type similar to that and experimented with unique symbol (not sure if I saw any benefit from the latter).

010

Matheus Cardoso 🇺🇦 @cardo.so · 27/01/2025

Yes, that's pretty much it in a nutshell. There are different approaches and tricks, like using an intersection (T & { __brand: ... }) instead of an interface depending on what you want to allow/disallow.

010

Matheus Cardoso 🇺🇦 @cardo.so · 27/01/2025

Cool stuff! Have you considered branded types? I experimented a bit with a similar approach to yours but using branded types. It seemed to work well, but I didn't experiment enough to find out whether it's more trouble than its worth, especially for public APIs.

100

Matheus Cardoso 🇺🇦 @cardo.so · 24/01/2025

I'm hyper-focused on JS module-graphs and I absolutely hate it.

000