Chris

https://m.webtoo.ls/@swithinbank

🖥️ Front-end engineer
:astro: Astro (npub1d33…yg52) core maintainer
:starlight: Starlight lead
🔊 Musician
👤 he/him

GitHub: https://github.com/delucis/
Starlight: https://starlight.astro.build/

Public Key

npub1lhkeq4vncmm6ja8yw0j7tzlslsmqagaduqc0mm9g9lyppkzyrydql6apve

NIP-05 Address

[email protected]

Profile Code

nprofile1qqs0mmvs2kfudaafwnj88e0930c0cdsw5wk7qv8aaj5zljqsmpzpjxsprpmhxue69uhhyetvv9ujumt0d4hhxarj9ecxjmntqyf8wumn8ghj7mmxve3ksctfdch8qatzyltfzk

Publishing to

relay.momostr.pink

offchain.pub

relay.snort.social

Author Public Key

npub1lhkeq4vncmm6ja8yw0j7tzlslsmqagaduqc0mm9g9lyppkzyrydql6apve

Show more details

Last Notes

2026-08-12 21:57:04 GMT

- reply

Oh that projection through the blinds is amazing!

2026-07-09 11:52:03 GMT

- reply

"binfluence" is genius 😄

2026-06-23 12:46:22 GMT

- reply

In case you’re curious, I went down a performance rabbit hole with noisy backgrounds a while back (we don’t use them as much now, but noise was a big part of the Astro identity for a while) and I found for large areas, the SVG approach was slow to render (I guess because the noise algorithm needs computing pixel by pixel for the whole area?). I ended up going with a transparent PNG tile instead, which performed much better. (It’s a shame to lose the SVG flexibility of course.)

2026-06-05 17:48:59 GMT

- reply

Yeah it depends on the actual outlines in the font file. And it’s a more common artifact for variable fonts because variable fonts are built using a limited number of designs (e.g. imagine a thin design and a bold design) and then interpolating the points between them. To interpolate successfully often requires breaking up the outlines into discrete forms, like you see in the horizontal and vertical rectangles making up “FEE” in your screenshot, Baldur.

2025-12-19 18:58:41 GMT

Available now from a Node Package Market near you! 🌽
https://delucis.github.io/sweetcorn/
Sweetcorn is a small Node.js library for dithering images using classic techniques. It includes 30+ algorithms and a dedicated Astro image service to make it easy to dither any image in an Astro site. (I’d love to add support for other frameworks — if you know how, let me know!)

2025-10-01 14:32:48 GMT

- reply

Weird — wonder if the fact I use pnpm for everything makes a difference to my experience?
I could see issues if you have latest Astro (asking for sharp ^0.34) and an older sharp (e.g. 0.33) maybe, but otherwise I’d expect Node to be smart enough to resolve things.

2025-10-01 13:52:54 GMT

- reply

Oh, that’s never been an issue for me!
Do you notice issues when updating or something?

2025-10-01 09:19:00 GMT

- reply

Luckily it’s not too deep!
```javascript
const baseImage = sharp('./og-background-image.png');
const { height } = await baseImage.metadata();
const productImage = sharp('./t-shirt.png')
.rotate(-3, { background: 'transparent' }) // jauntiness++
.resize({ height: height * 0.9 }); // fit image
const ogImage = baseImage.composite([{ input: await productImage.toBuffer() }]);
// Then the endpoint can respond with the image
return new Response(await ogImage.jpeg().toBuffer());
```
There’s a little bit more in my implementation for the glow, which is a copy of the product image run through a threshold filter and blurred, but that’s basically it!

2025-10-01 08:37:24 GMT

Sharp is such a neat box of tricks to have in a project.
Yesterday working on the Astro shop: I have all these product images; would be nice to give each product page a custom OG image that uses them.
Made a quick Astro endpoint using `sharp().composite()` to superimpose the product images on a background of the right dimensions and got it done in <40 LOC — including a little glow effect around the product images.
Shout out to @npub1vlu…8k6x for this invaluable package 🙌
https://sharp.pixelplumbing.com/

2025-09-08 19:43:22 GMT

- reply

😂
Might take a while, but I'm dreaming of the day they get back to the level of service from ~10 years ago — it was really great!
(But for now, yes, too cursed and they're paying for my hotel room tonight...)

2025-09-08 15:43:22 GMT

- reply

I think we're going in inverse directions: I'm currently praying my Deutsche Bahn train is not so delayed we miss the last connection to Paris 😅

2025-06-23 18:47:06 GMT

- reply

Yup, shipping shows once you enter an address. IIRC it’s a bit *slow* because those specific shirts ship from the US (most of our stock is in both EU and US locations, but not those sadly), but not too expensive?

2025-06-23 18:03:27 GMT

- reply

Very happy with how those sleeve patches turned out!
https://media.webtoo.ls/media_attachments/files/114/733/987/519/053/353/original/b72a2602282ce7f0.png

2024-12-13 18:15:29 GMT

- reply

Ah and someone else once shared this article, although I haven’t read it: https://scalabledeveloper.com/posts/llms-txt-with-astro/

2024-12-13 18:13:54 GMT

- reply

The endpoint docs are a good starting place: https://docs.astro.build/en/guides/endpoints/
They show how to generate any file format you want in the build output (so could be `.txt`, `.md`, whatever you like).
And then the content collection docs show how to load content: https://docs.astro.build/en/guides/content-collections/#querying-collections
Exactly how to load/process the content depends a bit on what you’d want to output though. Like should this be the original Markdown? Plain text? Something else?

2024-12-13 18:02:07 GMT

- reply

Yeah, you can load any of your content and render it as you like to additional formats from an Astro endpoint.

2024-11-16 20:54:25 GMT

The meme is "AI won't take your job, someone using AI will take your job" but that's the same worker-on-worker, battle-royale fantasy capital has always had.
The morale isn't "you better use AI too", the morale is "link arms with your fellow workers, because there is strength in numbers."
Solidarity is power!

2024-08-02 17:26:20 GMT

- reply

Yeah that's maybe a possibility. Not sure if it could cause issues given how big that bundled data might be. Maybe more doable if it's a first-party placeholder feature so it's only ever some smaller bit of data on the import.

2024-08-02 17:04:37 GMT

- reply

Ah yeah, sounds like you’re doing exactly what I ended up doing (`import.meta.glob()` and then some Node FS calls to load those paths). Not super fun.
Was just chatting about this with someone else. The challenge is that `getImage()` and co. don’t directly load the images — they work with references and generate URLs. The actual image processing happens later in the build process OR for on-demand rendering in SSR happens when a server request comes in. Quite a pain for placeholders though which really need to be inlined.

2024-08-02 14:24:36 GMT

- reply

Ah yeah, this is a bit tricky. Are you building a static site? If so, I’ve had luck using `import.meta.glob()` to grab a list of images and create placeholders for them. Would be very cool to add official support to Astro one day.