I need to find a way to track these stops with an id so {#each} can use proper keys and I should not lose focus 🤔

Making progress...

- keystroke trigger onchange(15 + 1 = 16) through props
- value changes the order of inputs, so I'm losing focus
- onblur evaluates event.currentTarget.value (which is still 15) as a number and trigger onchange(15)

→ last value changes is not applied, focus is lost

Interesting! I tried but after further investigation, it's not exactly freezed. I'm losing focus because order changes so stopIndex too, messing around the keys used by Svelte in the each loop. I think I need to have consistant ids per stop and used that as keys so I can keep focus

I would love to but then it breaks logical order when tabbing through inputs (and I want to be able to navigate through it with keyboard only)

No one 😢 ?

fragment/src/client/app/ui/fields/GradientInput.svelte at fra-303-gradientinput · raphaelameaume/fragment [alpha] A web development environment for creative coding - raphaelameaume/fragment

I guess it has to do with how Svelte reconciles my list when order changes? 🤔

Code is here:
github.com/raphaelameau...

Svelte help needed 👋

I'm building a Gradient input for Fragment and I'm running into issues.
When in focus of an input in a list, I want to reorder that list based on gradients stops but when two stops have the same values, the UI freezes if I'm in focus. See how it breaks at the end?

oooh beautiful!

Absolute blasphemy 🤔 ?

Looking good! What's Nalee? 👀

the audacity david

Also thanks to @varun.ca for sharing with me how he renders the voxels in a canvas 2D context!

Playing with sphere and scales using heerich.js

#madewithfragment

Rendering @meodai.bsky.social heerich library with Fragment

the npmx landing page with a Transgender Pride Flag based kawaii logo built on March 31, 2026

today and always ./🏳️‍⚧️

Amazing, thanks for sharing!

Hello! Are you rendering heerich to a canvas in order to do a proper screenshot like this? I'm trying to build a Heerich renderer for my creative coding environment Fragment, curious how you're doing it :)

Looks amazing, can't wait to try it out!

Heerich Website Demo YouTube video by David

Just released heerich.js, a tiny voxel engine that renders 3D scenes to SVG

╬ Boolean ops
◮ Oblique & perspective
𝑥 Zero dependencies
◌ Pure vector output, infinite scaling

Named after Erwin Heerich's geometric cardboard sculptures.

meodai.github.io/heerich/

www.youtube.com/watch?v=jndl...

npm left-pad incident On March 22, 2016, programmer Azer Koçulu took down the left-pad package that he had published to npm (a JavaScript package manager). Koçulu deleted all his packages after a dispute with Kik Messenger, in which the company forcibly took control of the package name kik. As a result, thousands of software projects that used left-pad as a dependency, including the Babel transcompiler and the React web framework, were unable to be built or installed. This caused widespread disruption, as technology corporations small and large, including Facebook, PayPal, Netflix, and Spotify, used left-pad in their software products.

Happy ten year anniversary to the npm left-pad incident to those who celebrate 🥂

Bombshell - Open Collective Bombshell builds open-source tools for developers, with a focus on improving the ergonomics, composability, and sustainability of command-line and tooling in the JavaScript ecosystem.

we have not been acquired by openai! we believe independence is fundamental to a healthy open source ecosystem where we can just build things

if you enjoy using clack and want to help make our upcoming cli framework a reality, consider supporting us on open collective!

bomb.sh/donate

Evergreen article by @lukeplunkett.com

Using Svelte in Zed?

Please upvote 👇

Great article! It reminds me of the time I was hacking around the family computer, trying to make Windows XP looks like Mac by installing obscure packages and themes and having absolutely zero idea on how to undo it. Good times 🥲

Announcing Vite+ Alpha Introducing Vite+, an open-source CLI that unifies your runtime, package manager, and frontend toolchain into one fast, simple development experience.

Announcing Vite+ Alpha.
Now open source.

To make JavaScript developers more productive than ever before.

A single binary that:

◆ Unifies your frontend toolchain
◆ Manages your runtime & pkg manager
◆ Caching & monorepo support

Works with every framework and meta framework in the Vite ecosystem.

Fantastic article, thanks for sharing! Fyi the first codepen link is broken, seems like some of the following text ended up in the href

Full write-up with the maths and the SVG details. CodePen is live, and the points are draggable.

www.surface-detail.com/posts/arc-pl...

I like how in 2026 a common security paradigm is writing a strongly worded letter to the guy in your computer

love this 43081j.com/npm-xkcd/?q=...