Integrating Svelte?

[levitabris]

Svelte is gaining popularity among people who appreciate simplicity and easy composability. Since its functionality is not based on a js import, would you consider making Civet compatible with .svelte components?

I would recommend a syntax like the following:

<script lang="civet"> 'hello world!' |> console.log </script>

[edemaine]

Sounds like a great idea! Perhaps we can mimic svelte-add/coffeescript? Or is svelte-add still active / the right approach?

Let us know if you'd like to work on this; it doesn't look too difficult.

[STRd6]

We'll need to add support for $: labels too. Should be straightforward.

[edemaine]

Looking at Svelte's TypeScript support, the transpilation may be possible now with our existing Vite plugin which should also work as a Rollup plugin. But obviously this needs testing.

[levitabris]

Sounds like a great idea! Perhaps we can mimic svelte-add/coffeescript? Or is svelte-add still active / the right approach?

Let us know if you'd like to work on this; it doesn't look too difficult.

Not sure if it is the right approach. But I can experiment with mimicing the svelte-add coffeescript and see what happens.

[edemaine]

Great! Feel free to suggest a better approach as well if you find one.

FYI, we've added support for $: to Civet already.

[levitabris]

There is a bit learning curve here. My WIP version:

https://github.com/levitabris/svelte-add

[levitabris]

Update:
It seems that svelte-add coffee script support is just a wrapper around svelte-proprocess(feel free to correct me if wrong), which implemets the original coffee support for svelte. I'm looking into how it was done in the svelte-preprocess.

BTW, the svelte-preprocess seems to be straight forward to config itself🦦

[STRd6]

@levitabris Have you taken a look at our new Rollup and Vite plugins? https://github.com/DanielXMoore/Civet/tree/main/integration/unplugin/examples please try them out and let us know if you have any questions or encounter any errors, thanks!

[adam2am]

Hey, any updates or use-cases with svelte? All I found is an attempt https://github.com/moka-ayumu/svelte-civet 2 years ago

[adam2am]

@edemaine, could you explain the reason for the dislike reaction? I saw that others have also attempted to make the svelte-preprocess work with Civet dependencies (as seen in sveltejs/svelte-preprocess#627 and sveltejs/svelte-preprocess#600). Could you shed some light on your perspective?

[edemaine]

Sorry, I was being too concise. By 👎 I just meant "no, there haven't been any updates". It's still very much of interest, but we haven't heard any news since the last on this thread. It'd be great if you (or anyone) would be willing to try pushing this forward!