"We are so so sorry to see you go #63876" - some random unsubscribe newsletter page probably
S1 | Developer | https://sveltelab.dev | Fat guy | Svelte Ambassador 🔶 | Svelte maintainer 🧡 | JavaScript Bender
1,356 followers 429 following 1,678 posts
view profile on Bluesky
"We are so so sorry to see you go #63876" - some random unsubscribe newsletter page probably
You can technically update the path with css but that doesn't work in Firefox and safari unfortunately (and it doesn't work in the bad way...it completely breaks and doesn't update at all). I guess updating with JS might be fine because for a video to be controlled by a button you still need it
If you are using svelte you are probably safe in this pretty big supply chain attack that's going on since we don't use those dependencies in the browser but please check to see if YOU included them in your client dependencies and promptly update to the safe version!
I was always fascinated by the play pause animation on youtube...so I replicated it! It was actually way simpler than i was expecting and it works on all browsers! Check it out here: svelte.dev/playground/7...
Formisch for @svelte.dev will probably drop in the next few days! 🔥 @sveltesociety.dev @rich-harris.dev @paolo.ricciuti.me
Oh my god this is literally github.com/paoloricciut... I had the same repulsion to all the extra dependencies, express, zod V3 etc so I created this. I also have a tooooon of extra packages to simplify the conversion to JSON schema and deploying them to serverless. Would love your opinion 🧡
Even tho I did change my mind on better auth in general...implementing with express was a bit annoying but with sveltekit was a breeze
Uh this is interesting...I wonder I didn't notice the server tag, might have to take a second look 🤔
The thing it really messed with me is how the entirety of the docs focus on the client side client for auth. To be auth is 100% to progressively enhance and it doesn't make sense to have a JS api for it.
I was thinking: since it's just a checkbox...you could store it in a cookie rather than local storage. This way you could even SSR the value and fix the hydration problem (and you could potentially also progressive enhance that setting the cookie with JS It available and on the server if not)
I first tried better auth with express to try the MCP plugin and it was literal nightmare especially to create a progressive enhanced experience. With sveltekit it's like 1000 times better and the MCP plugin is very cool but I don't think there's a db adapter for convex which I can see be a problem
Shareability is a byproduct of that...the real winner imho is that it works before JS loads...but I guess for svelte-changelog is less important. I also found it easier to code in general.
without any JS with a link or a form AND you also get a shareable url for free. Local storage give you nothing of this. Also you have to write an utility for local storage while with the url you get that for free from sveltekit
Correct...the point is that just as any other reactive value you need to wrap it in a closure of some sort. For objects that closure is handled by svelte in a proxy so you can mutate properties (but not reassign the whole object). The advantage of state in the url is that you can modify that
If you NEED to go with client side state I would go with context as this way you know you are not leaking in any way. But if possible I would just use the URL and store the info there by navigating
That file was veeeeery big. This happened during the migration with Claude lol bsky.app/profile/paol...
I just love valibot so when I tried the codemod with a huge file, found some issues I knew I had to fix them 🧡 Having something I can remorseless ship to the client is just chef kiss 😘👌🏻
I've been bugging him a lot with tmcp lol
@joyofcode.xyz as usual doing god work 🧡 watch this is your are learning svelte 🤟🏻🤟🏻🤟🏻
Join me for this week instalment of This week in Svelte...live in 17 minutes or so! youtube.com/live/PHk7YFA...
`.well-known` 🧡
Just learned something new in sveltekit: if you have a route that starts with `.` the tsconfig will automatically exclude it and you can't import from `$lib` for example. To fix this you can use `kit.typescript.config` in your svelte config to add the path to the tsconfig `include` field. 🧡
I have to say I'm pretty excited about this workshop...if you want to go from 0 to typescript maestro check out this workshop 🤟🏻🤟🏻🤟🏻
While preparing an MCP workshop (👀) I got a chance to play with better-auth. The library seem solid but I can't believe nobody is pissed by the fact that unless you want to do it manually there's no way to progressively enhance things. I feel like Don Quixote 😔 The MCP plugin is interesting tho 🤔
@dominikg.dev is also there and it's a svelte maintainer (also I'm available to join you in case you need it 👀👀👀)
I honestly don't understand why conference websites don't have a clear CFP section 100% of the times. I always have to scout around to find them in the most hidden angle of the second tab.
Kraft/Heintz uses sveltekit 👀👀👀
I always use animotion from @joyofcode.xyz ...a svelte component per slide 🧡
Wanna learn about brand new Sveltekit remote functions from the man, the legend, the goat himself @dummdidumm.bsky.social ? Then watch this video asap, thank me later 🧡
Excited about this 🔥🔥🔥
The power it gives me: if I need something I can just build it. Also in general every thing I need to solve is like a small puzzle, fixing a bug or building a feature is like solving that puzzle.
It could take me literally 0 runs to go from couch to Marathon...if I lived here maps.app.goo.gl/REaXhr4RCavz...
is not what a newcomer should have to it's side. Writing code that might seem to work until it doesn't it's the worst possible start for a student. And writing tests is a non solution because that also requires expertise. This might be solved in 1 year but for now we are not there yet imho
It is definitely a good thing...however at least for the moment it needs to be approached with the right amount of skepticism. I use ai and I've had success with it but that's because I have experience and I can recognize a bad pattern. A robot holding your hand while you learn but writing bad code
Join me live for a quick episode of This Week in Svelte...live in 9 minutes or so! youtube.com/live/FnUWuLQ...
Whenever I'm testing stuff I always pack things...it takes just a second but you get the actual experience and remove any variable from the game. Glad you sorted this out 🧡
include that by default. I can't wait to implement the auto fixers because I think we can really make good use of our expertise with svelte to guide the LLM into writing good code. The idea would be that the LLM would send the code to the MCP and we return a list of tips to make it better.
Yeah one of the problems with the MCP is that the AI needs to be smart enough to use it and even to know how to use it, especially if it's just looking up docs. @khromov.se recently added the docs also as resources so if you need your task needs a specific portion of the svelte docs you can also
We are working on the official Svelte MCP which will likely stem from the awesome work @khromov.se did
We are also working on tools for AI for svelte...we will likely build an official MCP server that should help and direct AI not only with docs but also with fixers to signal various issues to the llm through static analysis.
Literally the same...I've had positive experiences with AI but nothing really to the level of what I've heard. I've heard people saying claude rewrote the Linux kernel in JS or un-minified a 10k JS file and all i can think is: I'm sure it's just garbage but on the surface it looks like it worked!
@trueadm.dev as usually pushing further and further...it's basically svelte with JSX (while fixing some of the problems with JSX)...veeeeeeery interested to take a look at the runtime 😋
Are you sure about that? I've also created a library in another folder that exports the `.d.ts` and it also seems to work. If i remove the import it goes back to be just `string`. Also if i remove the export, re-package the application, remove and reinstall it goes back to be just `string`
svelte.dev/docs/kit to read the documentation ``` on the right /lib/index.ts module ```ts // place files you want to import through the `$lib` alias in this folder. declare module 'svelte/elements' { interface SvelteHTMLElements { 'file-pond': { animations?: 'auto' | 'always' | 'never'; }; } } export {}; ``` the hover on `animations` shows ```ts (property) animations?: "auto" | "always" | "never" | undefined ``` which is the expected behaviour" title="Click to view full size" style="vertical-align: middle;"> 
svelte.dev/docs/kit to read the documentation ``` on the right /lib/index.ts module ```ts // place files you want to import through the `$lib` alias in this folder. declare module 'svelte/elements' { interface SvelteHTMLElements { 'file-pond': { animations?: 'auto' | 'always' | 'never'; }; } } // export {}; ``` notice the extra commented export {} the hover on `animations` shows ```ts (property) "animations": string ``` which is not the expected behaviour" title="Click to view full size" style="vertical-align: middle;">
This is a local module but it seems the same behaviour
svelte.dev/docs/kit to read the documentation ``` on the right /lib/index.ts module ```ts // place files you want to import through the `$lib` alias in this folder. declare module 'svelte/elements' { interface SvelteHTMLElements { 'file-pond': { animations?: 'auto' | 'always' | 'never'; }; } } export {}; ``` the hover on `animations` shows ```ts (property) animations?: "auto" | "always" | "never" | undefined ``` which is the expected behaviour" title="Click to view full size" style="vertical-align: middle;"> 
svelte.dev/docs/kit to read the documentation ``` on the right /lib/index.ts module ```ts // place files you want to import through the `$lib` alias in this folder. declare module 'svelte/elements' { interface SvelteHTMLElements { 'file-pond': { animations?: 'auto' | 'always' | 'never'; }; } } // export {}; ``` notice the extra commented export {} the hover on `animations` shows ```ts (property) "animations": string ``` which is not the expected behaviour" title="Click to view full size" style="vertical-align: middle;">
Are you also doing an `export {}` outside the declare module? Otherwise it will not work to do interface merging
Testing #Svelte and #SvelteKit apps can be challenging. Join our 2 day remote workshop next week to learn from Svelte Maintainer @paolo.ricciuti.me how to write tests that are fast, stable, and easy to maintain! Get your ticket now for only 476€ 👉 ti.to/mainmatter/t...
Hey guys, here's a brand new blog post on how to mock your db in end to end tests in sveltekit...this is something that always annoyed me so I've decided to give it a proper thought and I think i found a decent solution! Give it a read!
Are you following the svelte tutorial? If you open the playground there's literally a counter app built...if you send me the error I can definitely help you (and if docs are not good in that place fix them)
This kinda reminds me of this www.cve.org/CVERecord?id... Some bugs are just so frickin weird it's incredible people actually find out about them
Pace of Svelte|Kit is 🚀 so I wrote down a list of resources that help me stay up-to-date. Let me know if I missed something: fubits.dev/notes/how-to...
What do you mean it doesn't have a client side version? Svelte is primarily a client side UI framework, SSR is baked in as a first class citizen and you can get it easily with sveltekit but it absolutely has client side reactivity
I was stoked to see you there...congrats 🧡
This time's for real...join me and @reinhold.is live for This week in Svelte...live in 19 minutes or so! youtube.com/live/h0MHSpL...
rcc.im/30min pick your time 🧡
Mmm that seems weird...wanna hop on a call?
Uh you can? I mean at the very lowest level you can just import compile from "svelte/compiler"...but `@sveltejs/vite-plugin-svelte` it's the vite plugin used to compile them in vite and there's a parallel one for rollup and webpack.
I think a bit of opinions don't hurt...that said we are working on allowing community adders for the official svelte cli. That will bring more variety to the game.
We are discussing if Sveltekit Remote Functions should include a form of form validation (pun intended) and as usual we want your input 🧡
We are proposing our workshops again...learn the ins and outs of svelte 5, learn how to test your fullstack sveltekit apps and a brand new Typescript workshop that will bring you from "WTF is this colon thing" to "I'm a branded type connoisseur U_U" 🧡 Join me on September!
Ooooooohhhhh maaaaaaan! @khromov.se upping his svelte AI game every second! 🧡
Just had the weirdest bug...11ty was taking 500sec to rebuild on our designer mac for every change. Me and @chris.manson.ie bisected the problem but it was a very innocuous commit...turns out the slowness was caused by the author name being uppercase...lowercasing it produced a x6 reduction 🤯🤯🤯 wtf
If you are using Laravel with Svelte now it's time to speak up! It would be very cool to have an official integration 🧡
Congrats to @gruntled.bsky.social and @svelte.dev for becoming leaders in o11y support in ESM frameworks! Super happy to see what I talked about at Svelte Summit becoming reality. Thanks for letting me help out out a bit along the way! Full @sentry.io support is already WIP and will ship soon!
This is a real bummer...I learned a lot from @trueadm.dev ...lucky whoever gets to work with him, thanks for all you've done for svelte 🧡
Open telemetry is now as easy as 1, 2, 3 in sveltekit...incredible work done by @gruntled.bsky.social and @stracke.tech 🧡
Can @theetrain.ca remove this svelte post?
We keep seeing continuous growth in @svelte.dev usage in @storybook.js.org, and it warms my heart. ❤️
It's this plugin...it's added automatically by vite-plugin-svelte and you just need to enable it just like Rich did in his presentation.
Honestly I don't think there's anything missing, there might be some different way of doing different things but you will definitely not feel out by yourself by picking svelte 🧡
@benmccann.com should be able to remove this svelte post
Matia once again doing god works for the svelte community 🧡 Show him some love and learn svelte in the meantime 🧡
Oh for sure, will also do that just wanted to know how you wanted it to work
Wouldn't this be better? You have information about the node already so you don't need a type argument no? tsplay.dev/W4YyOw
It's not my blog [goes to change the db entry]
and you are guaranteed to find a blog post...why? Well if it's not there yet an AI will generate one on the fly (and stored for future use). Built with Sveltekit (obviously), Sqlite as the db with @drizzle.team, partially Tailwind it was hella fun to make and it's yours to use. 🧡
I can finally show y'all my latest dummy side project: The Blog of Alexandria. Much like the Library this blog is full of knowledge. Inspired by the incredible proficiency of @tkdodo.eu I've built a truly infinite blog. You can just visit the-blog-of-alexandria.ricciuti.app/blog/whateve...
I'll take a stab at it later
fix it you need to explicitly add a `Cache-Control` header...you can do it in your sveltekit load function using the following code ```ts export function load({ setHeaders }){ setHeaders({ 'Cache-Control': 'no-cache, no-transform' }); } ``` just lost 1hr for this.
PSA for whoever uses Cloudflare to manage their DNS and it's using streaming with Sveltekit. Last week Cloudflare randomly decided to remove the `Transfer-Encoding: chunking` header that is required to actually stream your HTML...without it will SSR the streamed page but still load in one chunk...to
I have and my browser actually won...but I'm exploring 👀
Anybody has a Comet invitation by any chance? 👀
Yeah that should be fine...hit me up on discord
I think it would be easier if we jump on a call to chit chat about it...would you be available?
What are you struggling with?
And all of this is to say that we care A LOT about bundle size.
I think you are vastly exaggerating the runtime cost of svelte..here you can see that the total size if you are using EVERYTHING from svelte (there's no treeshake in action) it's 42kb gzipped). For most applications this will be way way less because you are not using everything in every single page
it's a reminder that is not "just a function". Even today actions and loads are kinda magic and yet they can still be called outside your sveltekit application. I really don't see how we could make this different (at least not without compromising DX) {await DANGEROUSLY_CALL_QUERY(get_likes)}
But what's the difference there? You are still exposing a way to do something on your system. If your concern is "I will forgot that people can call this function from the outside and I will not do validation" i don't see how sveltekit can help you rather than forcing you to pass validation so that
Build time reactivity was awesome but it had a lot of problems unfortunately...most people tries runes and are flabbergasted by the extra possibilities it entail. And again, I'm curious, what you plan to switch to, as far as I know svelte is still one of the smallest and fastest out there.
anyway. And again, it you think the sveltekit runtime is too big for your needs you can use svelte as is.
The runtime grew a bit since we moved from pure compile time reactivity to runtime reactivity. But it's still one of the smallest runtimes out there so I'm curious what you are switching to. Also most of the dependencies of svelte are just for the compiler and are generally under the svelte org
install a separate router to navigate from there. So, if the real problem is the docs that gets intermingled with the sveltekit ones I think we could definitely be a better job there (and ironically AI could really help here with llm.txt). But for the rest most seem non issues. Sorry for the 🧵
compatible and you can run them just fine and even migrate most of them automatically. So, if you want to use svelte just as svelte you can use the vite preset, I would still suggest you to use sveltekit and simply not use any feature you don't like, heck you can even have a single +page.svelte and
LLM need without eating your tokens with html tags that means nothing for the objective of writing code. The syntax did change for svelte 5 and that's why unfortunately a lot of repl are "outdated". Look at the quotes tho: they are not really outdated because svelte 5 was completely back
solid but had to build one anyway cause people wanted it). The llm.txt are not there because it's complicated: llms train on existing code and there's simply not enough available sveltekit code out there for them to be good with it. We could say. llm.txt is a way for you to give all the context an
This sounds more like a documentation issue than a svelte issue. Sveltekit uses svelte but it's not mandatory to use svelte (even tho it's recommended) and saying that nobody asked for a meta framework for svelte is just wrong. Nowadays a metaframework is basically expected (Ryan didn't want one for
Side projects are THE best way to learn. I always approach them with a mix of "Do whatever nobody will visit them" and "Do it properly" For my latest one I wanted to have a redirect-to-random page, since it takes time, I wanted to show the user a "loading" that worked without JS Here's what I did!
How is svelte getting more bloated? What can we do to make it more svelte?
If this change would cause problems for you, please pipe up github.com/sveltejs/kit.... We'd like to remove these options altogether in SvelteKit 3
Sorry guys, i had to run...see you in two fridays 🧡