"Let's Call The Whole Thing Off" 🎶🎵 github.com/WebReflectio...

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...

so ... TOON is basically JSONH but 14 years later? ... cool 🙄 medium.com/medialesson/... github.com/WebReflectio...

I guess the idea that a customer might be away from home isn't intuitive to A FUCKING AIRLINE

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

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...

brainstorming uhtml v5 and if you have hints/ideas/comments you are more than welcome to chime in 🙏 github.com/WebReflectio...

a quick introduction to regurlator 😇 www.youtube.com/watch?v=BJKm...

regurlator is out 🥳 chromewebstore.google.com/detail/regur...

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...

this bug is the reason I am trying to provide a basic utility that would take care of everything out of the box as the dance to persist users' choice on local FileSystem access is nearly unbearable and convoluted in branches and operations to do ... 🥲 issues.chromium.org/issues/45453...

watch out developer.mozilla.org/en-US/docs/W... returns true while live-debugging because typing in devtools automatically activate transient mode. This might be a huge source of confusion and WYSI-NOT-WYG 👋

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?

Davie504 is suing Suno AI and for very valid and good reasons: www.youtube.com/watch?v=RNHx...

TIL: event.intercept(...) after navigation.addEventListener('navigate', ...) 🤯 developer.mozilla.org/en-US/docs/W...

best honest video I've seen around Linux as developer: www.youtube.com/watch?v=GQJZ...

in which I've found a way to have "protected" properties only the class owner can handle. these can also be orchestrated as accessor: static a(self, ..._) { if (_.length) [self.#a] = _; return self.#a; }

Web extensions can query tabs and each tab can have a unique identifier that persist across refreshes but it's unique per tab (just like sessionStorage) if you need similar unique identifier on the server (uid per tab persistent on refreshes) here a demo: webreflection.github.io/session/

I need to ask this: how is it possible that `sessionStorage` cannot be replicated, as unique tab identity, on the server? My exploration tells me is entirely a browsers’ fault and nothing else … who has a reliable solution out there? (Nobody to my understanding) 🤦

A Service Worker nightmare used as fallback to sync blocking POST messages to circumvent the absence of SharedArrayBuffer, it needs hacks to resurrect such SW on occasions (open/close devtools, as example). On iOS / iPadOS devices that SW dies and there's nothing one can do 🤦

TIL ... WebNN (Neural Network) API ... I feel like this is needed "yesterday" already, hope to see it implemented soon in all relevant browsers www.w3.org/TR/webnn/

I've lost the count of times I've written: el.append( Object.assign( document.createElement('div'), { textContent: '...', className: '...', onclick: ... } ) ) so I've written a minimalistic helper that does just that and very little more 😇 github.com/WebReflectio...

mixed feelings around JS prototype pollution ability: it has been playing really well for polyfills to date but it allows any malicious code to observe/intercept everything the env does, especially `await` operations via Promise.prototype.then pollution Any other PL like that? 🤔

is this a @TauriApps alternative that actually just needs node/bun ffi and for some reason I had no idea about it? 🤔 github.com/saucer/saucer

highly inspired by Geist UI File-Tree a made a <file-tree /> custom element that should "just work" with minimal size and zero tooling needed! demo: webreflection.github.io/file-tree/te... project: github.com/WebReflectio...

in other news, uhtml v5 is ready: * it's nearly as fast as v4 for keyed results except it doesn't need specialized URLs or buils: <el key=${k} /> it is * it's faster in non-keyed scenarios * it has components backed into core * components have (alien) signals reactivity * it's 5K

iframe.src = `data:text/html;charset=utf-8,${yourStuff}` is *NOT* the way to go as it loses all privileges granted from the page creating such iframe. const blob = new Blob([yourStuff], {type: 'text/html'}); iframe.src = URL.createObjectURL(blob); though works like a charm 😇

another day in "Proxy land", about the time to publish this: webreflection.medium.com/taming-js-pr...

TIL: import.meta.resolve('./relative/path') Goodbye: new URL('./relative/path', import.meta.url).href 🥳 developer.mozilla.org/en-US/docs/W...

MessageChannel, BroadcastChannel, synchronous XHR are all broken in @firefox workers: it literally blocks that worker until whatever blocking operation happens between a send data and such data returned 🤦 Only global postData works in there, watch out your advanced logic 🤷

that's a wrap for today (around this topic) webreflection.medium.com/some-service...

Biggest milestone? A round trip worker to main and back of 2MB ArrayBuffer inside F32 went down from 150ms to just 2ms 🤯 Everything else is 0.x time 🍻 github.com/WebReflectio...

I am factoring out coincident/window (soon to be updated) to fully separate concerns and provide a standalone sub-project to nail that part of the stack. If interested, I started explaining what's behind the scene here 👋 github.com/WebReflectio...

If you load this page it contacts 82 IP addresses executing 256 separate HTTP transactions to download 18MB of data writing 64 cookies to your device to tell you “no”

nice and clean via Explicit Resource Management 🥳 v8.dev/features/exp...

… and just like that, turns out that Error cause is cloned in Chromium and ignored in WebKit (or at least Bun) 🤦 It’s always the same: I find a cool/elegant way to solve issues via native APIs … native APIs are not the same across engines 😭 Here is WHATWG specs to blame 😢

hopefully I've explained it all in this post ... please help me out landing this proposal, the polyfill is already code-covered 100% and it works shamelessly workers to NodeJS or main thread context 🥳 webreflection.medium.com/surviving-th...

for the time being this proposal landed in my own repo but if it lands in WHATWG and TC39 it would be **HUGE** 🥳 github.com/WebReflectio...

a utility to safely invoke? before 2016: const { call } = Function; const apply = call.bind(call, Function.apply); apply(callback, context, args); after 2016: const { apply } = Reflect; apply(callback, context, args); I often forget myself I can just trap Reflect utilities🤦

there is one particular dance JS engines do on structured-clone algorithm to understand if a reference is a plain object (or degraded as such) or an instance of a native class (also degraded, but less so) and I wonder where on earth is that API to know if an object is "literal" !

I am tired of working around this simple requirement that is mandatory for anyone dealing with proxies and `postMessage` related dances so that, at least until Symbol.toStructuredClone won't exist on the JS/Web platform, here's my solution: github.com/WebReflectio...

this is just beautiful ... goodbye clunky JS based carousels 🥳 chrome.dev/carousel-con...

Game On: join us for a special event on May 6th, 5pm Zürich time We came to play www.youtube.com/watch?v=t9t-...

TIL Atomics.pause() ... which erased 10 seconds (!!!) from CI in testing PyScript and Pyodide from a worker 😱 the feature detected fast-path landed already in coincident, works with sabayon polyfill around, forces Firefox to not use it or it dies forever🤦but it's a good news 🥳

a few good hints here for what SSR could look like … hard to do all of this without tools yet handy to keep in mind 👍

is *I* can polyfill SAB, Atomics.wait and Atomics.waitAsync for all browsers I wonder what is it that's holding Browsers' vendors to actually ship something able to provide that same SharedArrayBuffer feature w/out Spectre and Meltdown paranoia behind 🤔 github.com/WebReflectio...

I can see already every single npm module being updated with //# allFunctionsCalledOnLoad on top of it 😅 v8.dev/blog/explici...

every time the same story: create a unique identifier and hold it while returning a promise that will be resolved later on elsewhere through such unique identifier ... enough? I'm already using this and I'll use it even more from no on 😇 github.com/WebReflectio...

if you like Preact signals API but you want alien-signals performance & you need signal/computed brand check in your logic, have a look at this easy-peasy wrapper: github.com/WebReflectio...

what is GroupNode? The ability to ship on the DOM components that have more than a node in it, similar to JSX <>...</> concept. The latter is well known/understood but apparently at WHATWG various people have hard time imagining that so I've created a Pen: codepen.io/WebReflectio...