Patrick Smith
LightNews LightNews
royalicing.com
Patrick Smith
@royalicing.com
560 followers 1K following 110 posts
webassembly in elixir: https://useorb.dev · components everywhere: https://components.guide · blog: https://royalicing.com · he/him
Posts Replies Media Videos
royalicing.com
Oh no I created a nano CSS library
Demo of the CSS Grid utility classes
June 24, 2025 at 12:37 PM
royalicing.com
When your AI agent fails the first time
Say what again. Say what again. I dare ya, I double dare ya!
May 23, 2025 at 4:41 AM
royalicing.com
https://xkcd.com/303/ for AI coding
May 23, 2025 at 3:02 AM
royalicing.com
How on earth does Google survive if their main revenue streams are dropped like the fuel tank & rocket boosters on the Space Shuttle?
techcrunch.com/2025/05/06/u...
A scientifically accurate diagram of how Google relates to its ad business
May 7, 2025 at 4:23 AM
royalicing.com
How to change Tailwind 4’s dark: variant to work with the system dark mode and data-theme="light" / data-theme="dark" attributes.

play.tailwindcss.com/hYJSmS8Zlu?f...
A Tailwind 4 recipe for overriding the dark custom variant that works with both the prefers-color-scheme media query and with data-theme attributes.
April 29, 2025 at 3:10 AM
royalicing.com
It’s very inspired by the idea of JSX, which allows composing of powerful puzzle pieces.

Rejigging the code example above and it might start to look more familiar:
Rendering HTML with a layout (set to Español), and 3 children: a theme stylesheet, a JavaScript snippet, and a primary nav.
April 27, 2025 at 11:04 AM
royalicing.com
I finally implemented the feature I dreamed of when starting Orb. Composing different WebAssembly modules into a single HTML page.

Each component can return both content and content. These interleave with body content from the layout.

#myelixirstatus
We have 4 WebAssembly modules: HTMLExample, CSSExample, JSExample, NavExample. The HTML one acts as the layout providing the base html. The CSS renders the inline stylesheet. The JS renders the inline ES module. The NavExample renders the <nav>. These interleave with body content from the layout.
April 27, 2025 at 10:42 AM
royalicing.com
I just finished the book Origins, highly recommend. It shows how geology, the earth, the seas, the winds, and minerals in the ground all caused major circumstances in history, from coal & oil through to the Mongols.
Origins book by Lewis Dartnell
April 27, 2025 at 2:32 AM
royalicing.com
The send_css/2 function is then very simple, delegating the work to the GoldenOrb.CSS protocol and the venerable Plug library.
Step 1: call GoldenOrb. Step 2: call Plug. Step 3: profit.
April 26, 2025 at 3:16 PM
royalicing.com
Under the hood GoldenOrb.CSS is an Elixir protocol, whose default implementation uses the Wasmex library to execute our WebAssembly.
The GoldenOrb.CSS protocol does the heavy lifting, using Orb to compile to a WebAssembly module definition and then executes using the Wasmex library, calling the exported text_css function and assigning any global variables it detected in the struct.
April 26, 2025 at 3:14 PM
royalicing.com
Orb lets you write WebAssembly using an Elixir DSL.

Here we render dynamic CSS depending on a theme variable in a struct.

GoldenOrb.Plug.send_css/2 executes the WebAssembly & automatically passes in the theme then assigns the resulting CSS to a Plug HTTP Conn.

#myelixirstatus
An Elixir module that uses Orb to define an Elixir struct with the theme, a WebAssembly global for the theme, exports functions to read the possible theme values, and a function that dynamically returns different CSS depending on the theme. Here we use GoldenOrb.Plug to execute the WebAssembly from our Orb module and sets the resulting CSS on a Plug.Conn, which means our WebAssembly has been executed and transformed into a HTTP response.
April 26, 2025 at 3:07 PM
royalicing.com
Sad to see Apple has fallen for the Evil Twin trope.
Icons on my Mac for Image Playground and Swift Playground
March 31, 2025 at 5:58 AM
royalicing.com
I just wrote “Infinite Bicycles for the Mind” on the levels of surprise in vibe coding.
icing.space/2025/infinit...
I think it’s helpful to know which of the two modes you are in. Are you in a familiar mode wanting to accelerate to a known destination? Or are you in an exploratory mode, in uncharted seas not knowing whether to expect a reef or safe waters over the horizon? In your familiar mode the entropy is low. You type a few keys and get lots of predictable signal out. What you see is anticipated, and if there is any code I didn’t bargain for I can fix it or generate anew. The vibe is low surprise, and you can keep rolling the dice until you get what you expect. In your exploratory mode the entropy starts high. The goal is to inform your mind or deliver the output elsewhere. It’s bespoke Wikipedia on command, with a similar risk of inaccuracies. The output is possibly wrong and you won’t know how to directly fix it, though over time you can learn what tends to break. The vibe is high surprise. From: https://icing.space/2025/infinite-bicycles-for-the-mind
March 27, 2025 at 11:02 AM
royalicing.com
I added ISO8601 parsing and formatting to my WebAssembly + Elixir library SilverOrb:

Code: github.com/RoyalIcing/S...

#MyElixirStatus
A function written in Orb, a WebAssembly DSL for Elixir, that formats a date as the YYYY-MM-DD format.
March 27, 2025 at 7:29 AM
royalicing.com
I made a SwiftUI Playground app to send the same prompt to both ChatGPT and Claude, it’s useful for seeing where they both agree or where one has deeper knowledge than the other.
A SwiftUI Playground app that asked both ChatGPT and Claude the same question, Claude on the left, ChatGPT on the right.
November 15, 2024 at 4:43 AM
royalicing.com
I wrote a new intro on the Orb site. Hopefully it explains the motivation for why I, as a front-end-developer, would create a WebAssembly compiler.
For years I’ve been a JavaScript developer. JavaScript runs everywhere: the browser where it was born, on the server, on your phone, on your laptop. But adopting JavaScript means adopting an increasingly complex and bloated suite of tools. WebAssembly offers a restart, again born in the browser and again running on the server, your phone and laptop. It takes things down to the studs, at a level even lower than JavaScript, which allows even better performance. But take an existing toolset and its WebAssembly output is often hundreds of kilobytes or more, and targets a single platform instead of running everywhere. Orb takes the lesson of components that React taught: give developers the raw ingredients and make them easily composable. Make UI components. Make state machine components. Make decoder/encoder components for common formats. And then make those run everywhere. Orb piggybacks on the existing Elixir ecosystem: it has a module system, it has a package manager, it has a test runner, it has a language server, and it has an awesome community. In fact, Orb lets you run any Elixir code when compiling your WebAssembly. It’s just like how React lets you write any JavaScript when rendering out primitive HTML. Orb is like JSX but for WebAssembly. Orb is the full power of Elixir at compile time and the portability of WebAssembly at runtime. Orb is alpha in active development. My aim is to refine the current feature set and complete a .wasm compiler (current it compiles to WebAssembly’s .wat text format) in order to get to beta. From https://useorb.dev
November 4, 2024 at 1:16 PM
royalicing.com
I’m so happy Playwright exists! Here’s checking a page redirects to its canonical URL (so it doesn’t get indexed as two distinct pages by Google). So clean and simple, yet checks all 3 main browser engines.
First we disable JavaScript so we only have server rendered HTML. The test visits with the query parameter page set to 1. It then wait for a redirect to without the query parameter. It’s written very much like if you gave a script of steps to check to a real user.
December 8, 2023 at 2:36 AM
royalicing.com
An example of how Apple dropped the ball with its software platforms. Ulysses is an amazing Markdown writing tool. It uses iCloud. Periodically it has to redownload everything. And I just have to cross my fingers and wait…
An example of Ulysses downloading all my content. Again. This has happened many times.
December 2, 2023 at 12:20 AM
royalicing.com
Working on slides for ElixirConf US
Aims of Orb: Friendly Feel like Elixir or Ruby Access to low-level WebAssembly Composable modules Dynamic compilation
August 17, 2023 at 1:08 PM