....and that's a wrap for this year. Thanks for following along, everyone! There's a bunch of stuff that we didn't quite manage to squeeze in this month, so keep an eye out in 2025 for more good things. Merry Christmas to all who celebrate!

Day 24 — Svelte now handles `class` attributes with https://t.co/sg392L8HCj. Much more powerful than the `class:` directive, but since this is Svelte you still get dead code elimination of unused styles! 🎁 docs https://t.co/SMBZfI3CbJ 🎁 demo https://t.co/u9TdfmINvi

Day 23 — you can now download your playground creations as SvelteKit apps! It'll even include any dependencies you've imported 🎁 https://t.co/R5dbLMUonS

Day 22 — you can now use the `bundleStrategy: 'inline'` option to build an entire SvelteKit app — code, styles, fonts, images, audio, and so on — into a single `.html` file that you can share on a floppy disk 🎁 docs https://t.co/jL6j6ee9lv 🎁 demo https://t.co/0Yihvnk6bi

Day 21 — hash-based routing for SvelteKit apps, for when you don't need (or can't run) a server. You can't use any server-side logic (including SSR), but other than, it's just like any other SvelteKit app 🎁 docs https://t.co/xPc9anB05d 🎁 demo

Day 20 — Vim mode! You can enable it in the playground and tutorial and it will remember your preference between visits. Don't worry, you can always quit by turning it off again (or closing the tab) 🎁 https://t.co/uNFslMXqOw

Day 19 — single-file bundles for SvelteKit. By default, your apps use code-splitting to ensure that you only load the code for the current page. But sometimes you need a single bundle for the whole app. Introducing the `bundleStrategy` option: 🎁 docs https://t.co/jL6j6ee9lv

Day 18 — we've upgraded the playground so you can better understand how the compiler transforms your code. We plan to use this tool ourselves to improve the sourcemaps that Svelte generates 🎁 https://t.co/uNFslMXYE4

Day 17 — until today, intellisense would often fail when you were in the middle of writing components, because Svelte's parser crashed on syntax errors. We just fixed that. Install svelte@latest, make sure your extensions are up to date, and feel the wind in your hair

note: you can migrate automatically using the following command npx sv migrate app-state

Day 16 — `$app/state`, a modern Svelte 5 state-based replacement for SvelteKit's `$app/stores` module. No more clunky `$` prefix when accessing values, just fine-grained state that works everywhere 🎁 docs https://t.co/DRzyNnbIqV 🎁 tutorial

Day 15 — the new `$inspect.trace(...)` rune gives you debugging superpowers. Add it to a function that runs inside a derived or effect, and you'll see detailed information about what caused it to re-run 🎁 docs https://t.co/0XjzE8WfbW() 🎁 demo https://t.co/Ea8F54Ic7r

Day 14 — if you need to programmatically mount and unmount a component, you can now pass an `outro: true` option to `unmount` to play transitions before it is removed from the DOM 🎁 docs https://t.co/YW2C528EIY 🎁 demo https://t.co/TLOaSaPr16

Day 13 — a gift for the robot friend in your life. We now publish llms.txt files containing up-to-the-minute documentation for Svelte, SvelteKit and the CLI in AI-digestible form 🎁 docs https://t.co/hQB4YypimU 🎁 demo (a snake game made by Sonnet 3.5)

We are very excited to announce that the next Svelte Summit will finally be in-person again and happen on May 8 and 9, 2025 in Barcelona Spain! Tickets are now available and the CFP is open. Use code 'sveltmas2024' for a 20% discount until December 31.

Day 12 — send custom types across the network boundary in SvelteKit, whether it's a class containing reactive state, a class used by your database ORM library, or whatever 🎁 docs https://t.co/7Zf6uOlvnS 🎁 demo https://t.co/T38tT02DBh

Day 11 — a whole new module, for getting reactive views of window properties like innerWidth, innerHeight, scrollX, scrollY and so on. Like the bindings on <svelte:window> but with less boilerplate 🎁 docs https://t.co/kCXhAQfyl3 🎁 demo https://t.co/jUqIAv4qDa

Day 10 — a lot of you wanted a place to put async setup work that happens before your SvelteKit app starts up. You can now export an `init` function from `hooks.server.js` and `hooks.client.js` that will be awaited before any other stuff happens 🎁 docs

Day 9 — warnings and errors emitted by the compiler, or while your app is running, are now accompanied by links to the docs. Over time, we'll flesh out these docs with more details about what caused the error in question 🎁 demo https://t.co/tS74Mte2DX

Day 8 — we're calling this 'function bindings'. You know how you can do `bind:value={value}`? You can now do this... bind:value={getValue, setValue} ...which lets you transform and validate data 🎁 docs https://t.co/QoJNcUnjXT 🎁 demo https://t.co/nRF0FcIy8t