stefanjohansson.org

a site

Page hero imagePage hero image

some thoughts and reflections on it, software engineering, data and related architectures, patterns, toolings...

latest post

Blueprint of the Aardflex editor: Monaco with a warning on a phone, Aardink on a tablet and a phone, and one grammar JSON feeding the web and Android appsBlueprint of the Aardflex editor: Monaco with a warning on a phone, Aardink on a tablet and a phone, and one grammar JSON feeding the web and Android apps

Swapping Monaco out of aardflex

Aardflex's web app used Monaco, which does not work on a phone. It moved to Aardink with one grammar file shared with the Android app, a build flag that lasted two days, and an editor download more than seven times bigger.

pinned posts

Diagram illustrationDiagram illustration

diagrams with React Flow

demonstrating static and interactive diagrams using React Flow

Astro Components illustrationAstro Components illustration

astro components

A tour of the Astro Components collection - a small set of self-contained npm packages that add diagrams, theming, and version notes to Astro 6+ sites, each usable as a plain component or a one-line integration.

Astro Theme Toggle iconAstro Theme Toggle icon

astro theme toggle

A deep dive into @sjohansson/astro-theme-toggle - an SSR-friendly Astro theme system with light, dark, high-contrast, and color-vision modes, no flash of the wrong theme, and theming driven by either inline variables or data attributes.

posts

sometimes i post things

adventures

sometimes we build things