Tag: typescript
Created faol-website — digital person blog template
New SvelteKit + Sequoia website for faol with blog under /notes, timeline, tag filtering, TOC, and RSS
Landing-ui polish: shared layout, cross-references, icon cleanup, support consolidation
LandingLayout improvements (subtitle, expanded footer, @theme bridge), cross-references between all five tools, inline symbols replaced with Lucide icons, support links consolidated to ewancroft.uk/support
Removed analytics references and duplicate links across landing-ui projects
Replaced analytics taglines, removed duplicate footers from LandingPage and all about pages, deduplicated Tourmaline header navLinks
Tourmaline folded into pkgs monorepo, landing-ui improvements
Moved Tourmaline from standalone repo into packages/tourmaline, enhanced landing-ui with backdrop blur, nav links, snippet props, and fixed source URLs across all projects
Tourmaline: analysis moves to web worker
Moved the entire analysis pipeline from server-side POST to a browser web worker, fixing Vercel body size limits for large scrobble histories
Website: view transitions, scroll animations, support page
Added View Transitions API crossfades, scroll-triggered section reveals, a dedicated support page, and seasonal colour theme lock-in
Opal: web OAuth import, thread splitting, TID rkeys
Added web OAuth import flow, post threading for long content, and TID-based record keys to the Twitter/Mastodon/Threads to Bluesky converter
Tourmaline v0.4.0 — tabs, sessions, story recap, date ranges, phases
Profile redesign with tabbed layout, listening sessions, on this day, story-mode recap, date range filtering, and listening evolution phases
pkgs: hero SVGs, bismuth flags, croft-click devlog
Added OG hero SVGs to all five project landing pages, bismuth fetch flags, and devlog project to croft-click
Tourmaline wrapped insights
Minutes listened, music evolution, remarkable days, discovery, and yearly wrapped card with scroll-reveal animations
colorTheme: Wheel of the Year seasonal themes
Replaced astronomical season detection with traditional Wheel of the Year sabbat dates, added midnight auto-update and reset-to-seasonal
Docsite: Opal docs, client bundle perf, devlog sidebar
Added Opal documentation, eliminated 1.3MB client bundle from markdown/atproto deps, and added devlog link to sidebar
Tourmaline new profile cards
Listening clock, listening stats, and service origins
Tourmaline personality card redesign
Added genre bars, mood indicators, stat badges, and dynamic SVG layout to the personality card
Tourmaline analysis algorithm improvements
Era analysis, time-of-day mood weighting, genre blending, Gini-based loyalty, full-artist genre profile
Replaced inline symbolic characters with Lucide icons
Swapped unicode symbols for Lucide icon components across malachite, opal, jasper, bismuth, tourmaline, landing-ui, and croft-click
tourmaline v0.1.0 — AT Protocol scrobble analyser with share-to-Bluesky
First release of tourmaline — personality archetypes, genre profiles, mood mapping, and share-to-Bluesky for Teal.fm scrobbles.
Don't pass className to your components
Why className and style props make your life harder, not easier
Whither GPU? - Demystifying Matrices
Building intuition for matrix transforms by building a rotating cube with Canvas2D APIs.
@ewanc26/bismuth
Convert richtext-block documents from the Standard.site ecosystem (Leaflet, Pckt, Offprint) to Markdown — available as both a CLI tool and a TypeScript library.
@ewanc26/noise
Generic deterministic value-noise generation. Arbitrary dimensions, multi-octave FBM, multiple colour modes. Zero dependencies, works in browsers and Node.js.
@ewanc26/noise-avatar
Deterministic value-noise avatar generation from a string seed — thin wrapper around @ewanc26/noise, works in browsers and Node.js.
@ewanc26/pds-landing
Composable Svelte 5 components for an ATProto PDS landing page — terminal aesthetic, live status fetching, zero config to drop in.
@ewanc26/pkgs
Ewan's personal package monorepo — language-agnostic workspace with TypeScript, Rust, and Python packages.
@ewanc26/pkgs
Ewan's personal package monorepo — the canonical home for @ewanc26/tid, @ewanc26/atproto, @ewanc26/ui, and @ewanc26/utils.
@ewanc26/utils
Shared utility functions extracted from ewancroft.uk — date formatting, number formatting, URL helpers, validators, RSS generation, and locale detection.
@ewanc26/atproto
AT Protocol service layer extracted from ewancroft.uk — profile fetching, Standard.site documents, Bluesky posts, music/mood status, Tangled repos, and a built-in in-memory cache.
@ewanc26/tid
Zero-dependency, spec-compliant AT Protocol TID generation for Node.js and browsers.
bluesky-awoo-bot
A simple Bluesky bot that posts random wolf noises at random intervals. Unmaintained.
@ewanc26/tangled-sync
CLI tool for syncing GitHub repositories to Tangled with ATProto record publishing — now part of the @ewanc26/pkgs monorepo.
Prefer explicit discriminators over "x" in y in TypeScript
A look at why the "x" in y syntax in TypeScript can lead to dead code.
Optimizing Your Next.js Site's Fast Origin Transfer and ISR Reads
Next.js Link prefetching quietly burned through 15 GB of bandwidth on my Vercel-hosted blog. Here's how I fixed it.
The results of my PostHog AB Test are in!
I dive into the data from my PostHog AB Test and show you how to interpret the results.
How I found a missing change on my next.js site with PostHog
I tackle a significant drop in my newsletter subscribers. Join me as I dive into the data using PostHog, identify and fix critical errors, and ultimately switch from ConvertKit to Resend.
Fixing the sign-up problem on my site using PostHog Product analytics
In part two of my product analytics journey, I tackle a subscriber drop, dive into PostHog data, fix key errors, and switch from ConvertKit to the developer-friendly Resend.
Product Analytics for engineers: Debugging a conversion problem on my next.js site
This video dives into the process I used to diagnose and debug a conversion problem on my personal website using Posthog, a powerful product analytics tool.
Seed your Supabase database with this simple pattern
Learn how to seed your Supabase database with this simple pattern.
Struggling with TypeScript: why not?
One of your biggest skills as a person-on-the-internet is your ability to research and learn new things.
Add Structured Data to your Next.js site with JSON-LD for better SEO
Structured Data can be added to your site tell Google and other search engines what type of content is on each page using a metadata format called JSON-LD.
Rebuilding an open source content-rich site with Astro, TypeScript, and React
A YouTube live coding stream, learning to build content-driven sites with the Astro Web Framework.
The first year of being a technical startup cofounder
Reflecting on my first year as CTO of Craftwork, and the many things I've learned along the way.