In what I’m telling myself is in no way feature creep, I just added experimental TypeScript support to Kitten in a dev branch.

I’m actually surprised how easy it was to do. Given I’m already using esbuild to create the Kitten bundle and already using a custom module loader, the change was basically making esbuild a dependency instead of a dev dependency, lazily transforming .ts files in the loader, and updating a few places in the code to ensure that you can use .ts as an extension in special Kitten extensions like .page.js, .post.js, etc. (so now you can have page.ts, post.ts, etc.)

Everything works the same way it does with TypeScript as it does with JavaScript – there’s no scaffolding or any additional workflow required.

For obvious reasons, I won’t be deploying this at end of day Friday but, hopefully, along with the major breaking change to the stateful component API, I plan to next week.

More details in the work-in-progress change log:
codeberg.org/kitten/app/src/br…

💕

#Kitten #SmallWeb #SmallTech #NodeJS #JavaScript #TypeScript #web #dev

RE: hostux.social/@defcon201/11632…

Quick #story time: I was on a team which accidentally shipped sourcemaps to production!

The production server would serve sourcemaps for local dev, and we built sourcemaps in prod to deobfuscate errors but they weren't provided to the server in the prod environment.

You might see the hazard there. An innocuous change to our #Bazel build structure accidentally pulled in sourcemaps into the server, which it then helpfully served.

This was an app in the #Google monorepo too, so we were revealing all our source code as well as all our dependencies!

#Web #JavaScript #Sourcemaps

DEFCON 201

2026-03-31 15:26:16

#Claude Code CLI Source is now public.

A misconfig .map file in their #npm package exposed a direct download link to the full unobfuscated #TypeScript codebase from #Anthropic’s own R2 bucket.

The dump is massive 1,900 files, including the complete tool system, 50+ slash commands, coordinator, Terminal UI, IDE bridge, permission engine, & unreleased features.

github.com/nirholas/claude-cod…

aired.sh/p/Zlm4dmW4ED

ccleaks.com/

pub-aea8527898604c1bbb12468b15…

#ai #llm #mastodon #fediverse

GitHub - nirholas/claude-code: Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural la

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflo...

^GitHub

You know how you’re in the middle of a process and you refresh a web page and it loses state?

So that sucks.

With Kitten¹ – when using the new state-maintaining/class-based and event model-based component model – it’s easy to have flowing interfaces that animate between states, etc., that don’t lose state if you refresh the page (or open another tab).

What you can’t do on the Web, however, is restore the state of any cross-origin iframes. (As you have no visibility into their contents to take a snapshot, etc.)

This is something I ran into with the embedded Stripe component I’m using in Catalyst². Specifically, it has a success state that I want to restore so the interface, which uses selective disclosure and has animated to that step in the sign up process, doesn’t jump if you refresh it or look different if you open it in another tab.

So what do you do if you’re obsessed with making things work as well as possible?

Apparently, this:

1. You go and manually save the Stripe iframe’s HTML and relevant CSS

2. You notice that it is ~371KB in size and you sigh

3. You use a combination of automated and manual methods to whittle that down to a 4.2KB HTML/CSS snapshot of the state.

4. You make that into a Kitten component³ so you can set the bits that are dynamic⁴

5. You make sure that it matches the original exactly using PixelSnap 2 guides⁵ (see screenshot; and yes, I told you I’m obsessed) :)

6. Et voila!

🤷‍♂️

¹ kitten.small-web.org
² catalyst.small-web.org
³ kitten.small-web.org/tutorials…
⁴ codeberg.org/project-catalyst/…
⁵ pixelsnap.com

#Catalyst #SmallWeb #design #Stripe #iframes #stateRestoration #web #dev