Leandro Facchinetti leafac

LTI

Documentation

Setting up Ubuntu Cloud virtual machine in macOS with QEMU

Install QEMU:

brew install qemu

Download Ubuntu Cloud:

$ brew uninstall --verbose --debug docker-desktop
/opt/homebrew/Library/Homebrew/brew.rb (Cask::CaskLoader::FromAPILoader): loading docker-desktop
/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/lame
/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/llhttp
/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/libtiff
/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/gmp
/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/libiconv
/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/deno
/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/ffmpeg

We use two tools to measure the performance of slow pages:

0x: Profile the application and generate flame graphs.
autocannon: Load test (send lots of requests) and measure response time (which autocannon calls “latency”) & throughput.

Here’s a step-by-step guide of how to use these tools in Courselore:

Run the application normally.

Note: Don’t use a custom HOSTNAME, because autocannon may not recognize the self-signed certificate generated by Caddy.

Similar Libraries.
- https://npm.im/morphdom
  - Transposition is only handled via ids, which are global, not scoped to siblings.
  - Doesn’t handle well the case of insertions in the middle, losing state (for example, scrolling position) of siblings, because it detaches and reattaches them.
- https://npm.im/nanomorph
  - Transposition is only handled via ids, which are global, not scoped to siblings.
    - Maybe it could be handled with data-nanomorph-component-id, but still, as far as I understand, it doesn’t do LCS, and probably detaches and reattaches elements similar to morphdom.
  - No lifecycle callbacks (though most of them are subsumed by other mechanisms, for example, .isSameNode()).
  - Transferring callback handlers seems heavy-handed (though it may be a good idea in practice).
Others

Interpolation
- What I think of as interpolation many libraries call “dynamic” properties/styles/etc.
- Astroturf
  - Allows two types of interpolation:
    - Values, using CSS variables.
    - Blocks, using extra classes.
      - Doesn’t seem to support nesting, because that requires you to parse the CSS & extract the classes nested inside.
- vanilla-extract
  - Doesn’t seem to allow for interpolation.
Linaria

	import html from "@radically-straightforward/html";

	// https://www.youtube.com/watch?v=dSK-MW-zuAc
	const order = 2;
	const viewBox = 24; /* var(--space--6) */
	// Hilbert
	// let points = [
	// [1 / 4, 1 / 4],
	// [1 / 4, 3 / 4],
	// [3 / 4, 3 / 4],

	```console
	$ brew uninstall --verbose --debug docker-desktop
	/opt/homebrew/Library/Homebrew/brew.rb (Cask::CaskLoader::FromAPILoader): loading docker-desktop
	/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/lame
	/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/llhttp
	/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/libtiff
	/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/gmp
	/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/libiconv
	/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/deno
	/opt/homebrew/Library/Homebrew/brew.rb (Formulary::FromAPILoader): loading homebrew/core/ffmpeg