Andrea Giammarchi WebReflection

Create a $HOME/.config/systemd/user/speakers.service file with the following content:

[Unit]
Description=Force Speakers Audio
After=pulseaudio.service

[Service]
Type=oneshot
ExecStart=/usr/bin/pactl set-card-profile alsa_card.pci-0000_bd_00.6 "output:analog-stereo"

TextEncoder & TextDecoder shenanigans

This gist is to remind developers that resizable or growable buffers don't play nice with TextEncoder or TextDecoder instances.

Setup

// setup
const ref = new TextEncoder().encode("hello");

LVGL Micropython on the Waveshare ESP32-C6-LCD-1.47

This is some notes/scripts/etc that I've put together with the hopes of saving someone else a bunch of time if they ever want to get this thing running. I'm sure there's a better way to do this with custom board files and stuff but for the time being, this will at least serve as a starting point.

With the esp32c6 only somewhat recently getting official micropython support and the forked lv_micropython seemingly not rebasing anytime soon, kdschlosser has created a spinoff project to get things working with mainline micropython. It works great for this!

Helpful Links

Waveshare Wiki for ESP32-C6-LCD-1.74 - a useful reference. I was able to utilize the demos and documentation to determine which pins to fiddle with to get the screen working
[kdschlo

This is a simple demo of how latest Bun could've implemented .as(Class) instead of using the quite jurassic Object.create which is slow, bloated due descriptors logic, if used at all, and incapable to play nicely with features introduced after Object.create was even specified.

// what `as(Class)` should return
const { assign } = Object;
const asClass = new WeakMap;
const setAsClass = Class => {
  class As extends Class {
    constructor(fields) {
      assign(super(), fields);

Proxy Traps Cheat Sheet

There are various shenanigans around the Proxy API, including issues with Array.isArray and Object.ownKeys so that this gits purpose is to describe all the undocummented caveats to help anyone dealing with all possibilities this half-doomed API offers.

The 3 + 1 Proxy Types

object: any non primitive value can be proxied but apply and construct traps won't work with it. If the object somehow wants to represent an array without being one, it's impossible to survive Array.isArray brand check (it will be false) and with ownKeys the target needs to have a non configurable length property or it will also fails once reached
array: it's like object but it survives the `

I've saved this file as /usr/local/bin/new-tab but I think there is a way to configure it as Ctrl+Shift+T shortcut somehow, yet I really wanted to write this down as I've lost 20 minutes of my life to have WSL behaving just like any regular Linux distro in a console/terminal.

#!/usr/bin/env sh

cmd.exe /c wt.exe wt -w 0 nt -d "$(pwd)" -p "$WSL_DISTRO_NAME"

If you have better tips, hints, or follow ups, you're more than welcome to share, thank you!

This gist is a simple no-brainer description of the 3 ways (actually 2.5) the Web handle events.

`<tag onclick />`

The declarative inline HTML event listener is mostly an indirection of DOM Level 0 events, meaning this simply uses the equivalent of tag.onclick = listener behind the scene.

Example

click me

Builtin Extends Only

This gist simply lists all elements that can't be extended on "the platform" if not through the Custom Elements builtin extends feature.

This list does not focus on the "why would you?" rather on the "why can't you?" (on Safari) question out there, using the Permitted Parent section out of MDN Element Reference.

About

Highly Experimental

If you are using this already, consider changes soon due the discussion around current ESX proposal.

Feel free to keep an eye on udomsay as that will be the implementation reference for consumers.

	let p = 0;
	const fetchp = (url, ..._) => {
	const { promise, resolve, reject } = Promise.withResolvers();
	const src = new URL(url);
	const callback = `__json${p++}`;
	src.searchParams.set('callback', callback);
	document.head.appendChild(Object.assign(
	document.createElement('script'),
	{ async: true, onerror: reject, src }
	));