Andrea Giammarchi

Andrea Giammarchi

@webreflection.bsky.social

942 followers32 following201 posts

Andrea Giammarchi
@webreflection.bsky.social

ProcessingInstruction is coming back (for good!) so who am I for not providing already a polyfill? github.com/ungap/proces... see merged issue from @WHATWG at the top of the README to know more or follow up, if interest 👋

github.comGitHub - ungap/processing-instruction: A polyfill for ProcessingInstruction attributesA polyfill for ProcessingInstruction attributes. Contribute to ungap/processing-instruction development by creating an account on GitHub.
Andrea Giammarchi
@webreflection.bsky.social

TFW you are tired of reusing always the same pattern to enable/disable debugging and you'd like to have some tiny tool to deal with it ... because it's an awesome pattern 🥰 github.com/WebReflectio...

github.comGitHub - WebReflection/devbugger: A tree-shaking friendly D&&BUG pattern with a tiny CLI helper to toggle the debugging flag on or off.A tree-shaking friendly D&&BUG pattern with a tiny CLI helper to toggle the debugging flag on or off. - WebReflection/devbugger
Andrea Giammarchi
@webreflection.bsky.social

oh ... sometimes AI really delivers ... I am working on a pure Python wheel that provides exact same contract around the whole API, that took *ONE MINUTE* because 100% code coverage was in there and JS can translate easily to Python 🥳 github.com/WebReflectio...

github.comAdded a pure Python port of this library by WebReflection · Pull Request #2 · WebReflection/signalsWhat the description states, this is still a WIP but I want to check CI. This might be published as PyPI package under my name but, most importantly, I want this to be consumable by PyScript and it...
Andrea Giammarchi
@webreflection.bsky.social

if you are wondering why this is "as fast as it can be" it's pretty simple: ref.has(k) ? ref.get(k) : (ref.set(k, v), v) checks the map twice for k. This polyfill checks the map twice only if get returned undefined, then it sets anyway so it's 1 check for known keys VS usually 2!

Andrea Giammarchi
@webreflection.bsky.social

if you have any interest in a possible future where JSON can serialize and deserialize more than just 5 types, follow this space/proposal 👋 es.discourse.group/t/jsonregist...

es.discourse.groupJSONRegistry - Allows branded instances in regular JSONI've written so many serializer/encoder/decoder but I feel like going back to basics every single time, although this time I think I've nailed a prototype that works well with both native JSON API and...
Andrea Giammarchi
@webreflection.bsky.social

getOrInsertComputed in Map/WeakMap is actually pretty cool, it simplifies caching a lot and it's not limited to synchronous values, example: const cache = new Map; const asText = async page => fetch(page).then(r => r.text()); await cache.getOrInsertComputed('index', asText);

Andrea Giammarchi
@webreflection.bsky.social

whenever I read posts like "don't us JS Array reduce" I'm like: const gcd = (a, b) => (b ? gcd(b, a % b) : a); const lcm = (a, b) => (a * b) / gcd(a, b); [2, 3, 4, 5].reduce((p, c) => lcm(p, c)); // 60 [12, 18, 36].reduce((p, c) => gcd(p, c)); // 6 I mean ... 🤷

Andrea Giammarchi
@webreflection.bsky.social

apparently my account has been compromised on bsky ... it's honestly the only service out there that never offered me (until today), or enforced, 2FA, it was kinda inevitable, yet my deepest apologies if my account spam/scammed you by any mean 🙏

Andrea Giammarchi
@webreflection.bsky.social

in case anyone is interested, I am documenting what I am working on regularly (each week) with links and every other detail needed to understand where I come from and where I am heading. This is OSS to me, nobody can blame me for not being transparent 😇 github.com/WebReflectio...

github.comGitHub - WebReflection/standup: Updates around my OSS contributions.Updates around my OSS contributions. Contribute to WebReflection/standup development by creating an account on GitHub.
Andrea Giammarchi
@webreflection.bsky.social

in today "nobody asked for it, thanks!" news, the recent issue filed against flatted module (333M downloads per months) kinda "scared" me to the point I rewrote the whole thing in a binary friendly format: flatted-view: please test it, thank you 🙏 github.com/WebReflectio...

github.comGitHub - WebReflection/flatted-view: Flatted like approach brought to Uint8Array compatible values.Flatted like approach brought to Uint8Array compatible values. - WebReflection/flatted-view
Andrea Giammarchi
@webreflection.bsky.social

flatted is out with a tiny yet important update for the JS variant: if you stringify 50K objects that point to each other you no longer have call stack recursion error on parse, it just works 🥳

Andrea Giammarchi
@webreflection.bsky.social

in today "good morning OSS" news, @golang receives its first *flatted* implementation, making flatted now usable in JS, TS, Python, PHP and, ultimately Go 🥳 Huge thank to Harald Fielker for helping out (writing everything), lets' go beyond 300M Downloads! github.com/WebReflectio...

github.comGitHub - WebReflection/flatted: A fast and minimal circular JSON parser.A fast and minimal circular JSON parser. Contribute to WebReflection/flatted development by creating an account on GitHub.
Andrea Giammarchi
@webreflection.bsky.social

if the channel is *message*, you're all good, if it's *broadcast* you're still good! if it's *xhr* you are on the slow path but it should still work, if it states *async* please let me know what platform/target/OS/device is it so I can investigate/rule that out of the project: 🙏

Andrea Giammarchi
@webreflection.bsky.social

today I’ve quickly glued together two libraries that makes custom elements without shadow dom as fast and as simple as it can get and for every browsers … after reading the N post about ShadowDOM issues with CSS. You can stop that madness already 👋 github.com/WebReflectio...

github.comGitHub - WebReflection/elements: HTML & SVG Custom Elements.HTML & SVG Custom Elements. Contribute to WebReflection/elements development by creating an account on GitHub.
Andrea Giammarchi
@webreflection.bsky.social

I’ve fixed a few hiccups here and there, mostly related to the ability to style [is=“ce-name”] even if created at runtime + ability to automatically create regular custom elements that extend HTML.Element. The /auto variant on CDN lazy load for Safari in less than blink too 🥳

Andrea Giammarchi
@webreflection.bsky.social

JS Proxy are wonderful, penalized by TS inability to actually understand/deal with these but the things that these unlock are incredible! It might be a niche use case but if you need cached results, here my next go-to library: github.com/WebReflectio...

github.comGitHub - WebReflection/cached-proxy: A cached Proxy with optional timeouts per property to simplify complex remote scenarios.A cached Proxy with optional timeouts per property to simplify complex remote scenarios. - WebReflection/cached-proxy
Andrea Giammarchi
@webreflection.bsky.social

if you use Proxies and you bind methods returned on `get` trap, please read carefully why that's a bad idea and how to avoid doing that: es.discourse.group/t/reflect-se...

es.discourse.groupReflect.set(...args, receiver) throwing for no reasonI swear I read binding before and because that’s a delicate topic I’d like to explain to future readers how not to bind methods because: obj.method === obj.method should always be true obj.method in...

Andrea Giammarchi reposted

Jake Archibald
@jakearchibald.com

Great, so www.britishairways.com 🎉 Displays in geo language rather than user language 🎉 The language picker is at the bottom of a long page 🎉 The language picker is in the current language, so in order to select "United Kingdom", I need to know what that is in German

Andrea Giammarchi
@webreflection.bsky.social

cleaning up signals effects automatically on vanilla DOM cases might be tricky ... the fact an inner node contains references to its parent makes it hard to do so via FinalizationRegistry but thanks to Proxy/WeakRef it's possible to make it easy: weaky 🥳 github.com/WebReflectio...

github.comGitHub - WebReflection/weaky: An easy way to avoid leaks.An easy way to avoid leaks. Contribute to WebReflection/weaky development by creating an account on GitHub.
Andrea Giammarchi
@webreflection.bsky.social

tired of looking for "Open in Browser" links ??? I did create WebJeans and Woom (local only) but the pattern is always the same so I've put an end to this pointless struggle and published regurlator extension: you are in charge, you can redirect anything! github.com/WebReflectio...

github.comGitHub - WebReflection/regurlator: A RegExp URL Redirector.A RegExp URL Redirector. Contribute to WebReflection/regurlator development by creating an account on GitHub.
Andrea Giammarchi
@webreflection.bsky.social

TIL: if you store in IndexedDB a granted FileSystemX handler you should als store with it options because if you close and reopen the browser, or create a new session, that handler will not work unless you check again against its permissions. Only then it prompts: once or always?

Andrea Giammarchi
@webreflection.bsky.social

... aaaaand it's gone! Chromium Version 141.0.7390.108 (Official Build) (64-bit) works like a charm (and so does Edge) Chromium Version 141.0.7390.123 (Official Build) (64-bit) wants permissions granted via a resilient user action to reuse a handler it had permissions already 🤦