svelte-attach-key - npmx A Svelte attachment for binding keys to DOM elements

A Svelte attachment for binding keyboard shortcuts to DOM elements.

npmx.dev/package/svel...

This looks very similar to astros `transition:name="..."`

I love Attachments btw. they are so underrated.

The left panel is titled AI - MASTER OF ENGINE & CREATION and features a sophisticated, human-like android robot with detailed internal circuits and a glowing brain. Floating text around the robot says - REWRITING GAME ENGINES with a small video screen, GENERATING REALISTIC VIDEO/IMAGES with code on a screen, and CONFIDENCE - 100%. The right panel is titled AI - FRONT-END CSS FAIL and shows a cluttered desk with a distressed small robot next to a frustrated human man pointing aggressively at a computer screen. The computer displays a chaotic webpage full of broken layout elements and a giant black void called a gaping hole. The small robot has a speech bubble that says - I'M DONE! THE FEATURE IS COMPLETE. Floating text phrases on the right side are - BESPOKE INTERACTION NIGHTMARE, CSS IS HARD, YOU'RE ABSOLUTELY RIGHT, CAN'T RENDER, LLM CAN'T MATH. The human has a mug with </> and nerdy.dev written on it.

Why does AI suck at front-end?

🗑️ trained on garbage
👀 it can't see
❓ it doesn't know why
🏞️ no environmental control

there's no human v20.2.1 to target. we're a LLM combinatorial explosion

⤷ nerdy.dev/why-ai-sucks...

vert is awesome

`uv` may also be suggested

Add viteplus as a package manager · Issue #2418 · npmx-dev/npmx.dev Describe the feature Currently the get started widget shows a wide variety of installation methods for different package managers. With "vp add " it is possible to install a package in a viteplus p...

Soon having viteplus on @npmx.dev 🥳
@thealexlichter.com

github.com/npmx-dev/npm...

Great answer, I also settled with Pathname :]

This is incredibly simple 😀

Wow, didn't think about that 😅 Thanks!

Typing issues in `resolve()` from `$app/paths` I'm using a piece of code to generate breadcrumb navigation on my SvelteKit app. I found the inspiration for the code here. The current setup looks like this: &lt;!-- ./breadcrumbs.svelte --&gt; &lt;

Thanks Rich! Just found an answer on StackOverflow, which does something similar, but with a naughty `as any` cast
stackoverflow.com/a/79902788

Argument of type '[string]' is not assignable to parameter of type '[route: "/(auth)"] |

{#each navItems as item}
<a href={resolve(item.href)}>{item.label}</a>
{/each}

const navItems: NavItem[] = [
{ label: "Dashboard", href: "/", icon: Home, current: true },
{ label: "Team", href: "/", icon: Users, current: false },
];

$app/paths • SvelteKit Docs $app/paths • SvelteKit documentation

svelte.dev/docs/kit/$ap... (nice) I just wanted to resolvify my entire SvelteKit app, but how can I use this with my sidebar, where I have a list of objects { label: string, href: string}[] and then create an each loop with an <a href={resolve(item.href)}> (This yields a type error rn)

$lib/remote also works good for remote functions

Oh damn, had it on my list to try SailKit out :( Will probably still give it a shot for an idea I had :)

This is me rn ngl ^^

How do you structure SvelteKit components/ directory?
I really like the structure in astro with src/{assets,components,layouts,etc.}.
But in svelte I seem to always dump everything into components/ without further structure.

Did you build it on emdash? I can't figure if this cms is an aprils fool or not 😂

you mean building pdfs in svelte?

Time to rewrite CC in svelte instead of react @anthropic.com 😂

The 2.0 sounds amazing!

I recently watched a talk of Rich Harris about Svelte remote functions and somewhere near the end I remember he mentioned using them with pglite.
Does anyone know thr talk and what the idea behind this is? Probably some local copy of the db so no network is needed?

Awesome! Lately you've been building cool stuff for astro, the SEO lib too :)

Didn't know that :/

I recommend @zed.dev . It has extensions for rust-analyzer (it's written in rust) and svelte and also an AI "killswitch"

I don't exactly understand what it is, but it looks cool 😅

GitHub - joknoll/svelte-attach-sound: Add sound effects to svelte components. Add sound effects to svelte components. Contribute to joknoll/svelte-attach-sound development by creating an account on GitHub.

I just migrated my svelte library to vite plus and it was really easy (used tsdown previously). For anyone who might be interested in migrating too: github.com/joknoll/svel...

Already use it for a Ts library, and it's sooo fast :)
But would love to have Svelte and Astro support.

GitHub - joknoll/svelte-attach-sound: Add sound effects to svelte components. Add sound effects to svelte components. Contribute to joknoll/svelte-attach-sound development by creating an account on GitHub.

Building a svelte library with tsdown from @voidzero.dev is really a breeze :)

With some minor tweaks I got the bundle size of my library down from 4.88kB to 2.60 kB, which is *very* lightweigt compared to svelte-sound.
npmx.dev/compare?pack...

github.com/joknoll/svel...