Lightnews — Scholar-powered news

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1h

Join me live in 10 minutes or so! I'm gonna talk about my latest project: a modern way to build MCP servers in TS!

Mainmatter @mainmatter.com · 1d

Tomorrow our very own @paolo.ricciuti.me will talk about how and why he built TMCP (a brand new library to build #MCP servers in TS) in The Context with @mcpdevsummit.ai! Tune in at 7pm CEST tomorrow using the link below 👇

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

The Context: Episode 18 ft. Farnell Global & Mainmatter

On Thursday, October 16th we'll be hosting our next episode of The Context - a live stream focused on the MCP ecosystem. Every episode features individuals and organizations innovating around the…

www.youtube.com

1 1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 21h

Well well well...how the turntables!

Me sending a discord message, "I still don't get how a framework can have an MPC... to inject docs?"

1 8

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

Are you using the brand new svelte MCP server?

svelte.dev/docs/mcp/ove...

Overview • Svelte MCP Docs

Overview • Svelte MCP documentation

svelte.dev

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

Mmm how does the code looks like?

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

I think you can do that with this

svelte.dev/docs/kit/con...

Configuration • SvelteKit Docs

Configuration • SvelteKit documentation

svelte.dev

2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

Types are not important if you are doing the work in a bundler, not?

I've used this in the past that also allow you to "modify" the imported SVG before transforming it in a component.

github.com/poppa/svelte...

GitHub - poppa/sveltekit-svg: SvelteKit plugin that makes it possible to import SVG files as Svelte components, inline SVG code or urls

SvelteKit plugin that makes it possible to import SVG files as Svelte components, inline SVG code or urls - poppa/sveltekit-svg

github.com

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 1d

If you were waiting for @fireship.bsky.social video to try the svelte MCP server here it is 🤟🏻🤟🏻🤟🏻

youtu.be/PLKrSVuT-Dg?...

How to make vibe coding not suck…

YouTube video by Fireship

youtu.be

1 3 18

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

Mmm this feels weird...how slow are we talking about? There no component I can throw at the svelte compiler that takes any noticeable amount of time to build

2 4

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

Not really a primitive in the sense of a rune but yeah it will be a primitive in the sense of a couple of utilities from svelte itself that allow you to fetch from an external server 🤟🏻

2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

I wanted to test the Svelte MCP with some local model, but most of them totally sucks at tool call...is there a good ollama local model that is decent at tool call? Also, what client are you using for ollama that supports MCP? I'm using @raycast.com, but I wonder if there's a better one.

2 1 3

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

We have @dummdidumm.bsky.social and @rich-harris.dev in chains secretly answering all your Svelte prompts...very slow but hella reliable!

7

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 2d

Duh probably got a bunch of people hyped

*Svelte MCP

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 3d

Did you try with the Svelte LLM?

2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 3d

He probably was using the Svelte MCP 😎😎😎

1 3

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 4d

This will technically not break the app in react if you only use count as a dependency...effect is not a good API, is a necessary evil for the one time you actually need to sync with some external system...the problem is that most of the time people use it wrong (also in svelte)

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 4d

If you can build a minimal repro I can take a look but like this is impossible to tell 😁

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 4d

Mmm that's weird? Where are you from? We have people all over the world in the maintainers team and it loads super snappy everywhere

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 5d

different in terms of philosophy, functionality and DX which is why I chose Svelte over it 😊

1 2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 5d

changes (namely await and remote functions) that we wanted to get out before creating content because they change pretty substantially how you build.

I also think that while on the surface Vue and Svelte are similar (and I would definitely use the former if I could use the latter) they are very

1 2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 5d

course is definitely something we could try to get out.

In the meantime @joyofcode.xyz definitely has the best information out there, he recently released a deep dive on svelte 5 and it's about to do the same for svelte kit.

Runes also unlocked the ability for us to do some pretty substantial

1 3

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 5d

We are trying our best to document the best that we can in the official docs. I honestly don't see an extreme level of complexity added by svelte 5 but might be because you get quickly used to it.

The frontend master tutorial is there and it's not really updatable but I think having an official

1 3

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 5d

`bind:group` actually never worked across multiple svelte component (and there's probably no way of make it work)...but overall I feel cross component experience is good...what are you missing?

1 2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 6d

Solid is clearly Noxt and svelte is clearly svext

2

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 6d

Going live in 18 minutes or so! Join me and @reinhold.is for This Week in Svelte!

youtube.com/live/P8jdPBK...

1

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 6d

I mean...just look at this. Please look at this and tell to my face svelte is not THE best framework. DO IT! 🧡

Simon H @dummdidumm.bsky.social · 6d

Fun little interaction challenge: one select changes the options of another, which needs to load data depending on the first.

This is how you do it with the new Svelte APIs. Comfortably fits into one screenshot.

showing this code:

<script>
import { getStates, getCities } from './data';

const states = await getStates();
let selectedState = $state(states[0]);

const cities = $derived(await getCities(selectedState));
let selectedCity = $derived(cities[0]);
</script>

<select bind:value={selectedState}>
{#each states as state, idx}
<option>{state}</option>
{/each}
</select>

<select bind:value={selectedCity} disabled={$effect.pending()}>
{#each cities as city}
<option>{city}</option>
{/each}
</select>

<p>Selection: {selectedCity}, {selectedState}</p>

3 1 27