leafac

Setting up Ubuntu Cloud virtual machine in macOS with QEMU

Install QEMU:

brew install qemu

Download Ubuntu Cloud:

leafac

$ 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

leafac

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

leafac

• Frameworks
  • https://www.npmjs.com/package/natural
  • https://www.npmjs.com/package/compromise
  • https://www.npmjs.com/package/wink-nlp
  • https://www.npmjs.com/package/node-nlp
• Stemmers
  • https://www.npmjs.com/package/node-snowball
  • https://www.npmjs.com/package/node-stemmer

leafac

• Documentation
  • https://www.w3.org/TR/websub/
  • https://blog.superfeedr.com/howto-pubsubhubbub/
  • https://indieweb.org/How_to_publish_and_consume_WebSub
• Test
  • https://websub.rocks/
  • https://github.com/andris9/pubsubhubbub
• Hubs
  • https://websubhub.com/
• https://pubsubhubbub.appspot.com/

leafac

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],

leafac

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

1. 0x: Profile the application and generate flame graphs.
2. 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:

1. Run the application normally.

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

leafac

• 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

leafac

• 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

leafac

1. Create the tunnel. If you’re part of the Courselore team, you may request a custom Courselore tunnel address such as leafac.courselore.org, otherwise you may use services such as Localtunnel and localhost.run, for example:

   # Custom Courselore Tunnel Address
   $ ssh -NR 3000:localhost:80 root@leafac.courselore.org
   
   # Localtunnel
   $ npx localtunnel --port 80
   

localhost.run