CloudCannon / bookshop

๐Ÿ“š A component development workflow for static websites.
MIT License
249 stars 21 forks source link

CloudCannon Bookshop Svelte ? #65

Closed jbruxelle closed 2 years ago

jbruxelle commented 3 years ago

Hi !

What is the state of art concerning Svelte Bookshop integration in CloudCannon ?

I actually found the bookshop/svelte-engine but I guess I need an additional layer to set it up in CloudCannon. Is it under development / planned / whatever ?

However, I'd like to say you guys are doing great jobs here ! ๐Ÿ”ฅ

Thanks in advance.

bglw commented 3 years ago

๐Ÿ‘‹ Hello!

Nice find โ€” we have been using the current Svelte engine internally, and we have our own Svelte-in-Jekyll approach on our current marketing site that leverages it. But the engine itself should work fine for SvelteKit as well once the other relevant packages catch up. Which is to say, yes this is planned and partially under development ๐Ÿ™‚

There isn't really much to do for SvelteKit. The component browser aspect should currently work fine, and Bookshop won't have to be involved in live editing as that can rely on our Svelte Connector.

The main task to integrate it with CloudCannon is automatically generating Structures off the bookshop.toml files. Currently I'm working through Hugo support in #60, and this will include a new package that can generate the Structures needed for (nearly) any SSG, including SvelteKit. So once that body of work is ready to go out, I think we will have feature parity with Svelte.

I'd love to hear more! I assume you're using SvelteKit? Let me know if you think anything is missing from the above.

Cheers ๐Ÿ™‚

jbruxelle commented 3 years ago

First, thanks for your answer. ๐Ÿ˜„

Actually I currently have Live Editing working with SvelteKit, but I was looking for a way to have components as "content_bloks" in the editor (so that I can add or remove pre-made components on a page) as shown here : https://cloudcannon.com/blog/introducing-bookshop/.

I'm not sure this is currently working with Svelte(Kit), maybe I missed something...

And I'm also trying to have Bookshop Live working with Tailwind... ๐Ÿคจ [EDIT] : Just add a tailwind.scss or [whatever].scss with tailwind includes in shared/styles

Anyway, that's promising ! ๐Ÿฅ‡

bglw commented 3 years ago

Perfect, yes I should have something working for adding/removing components on a page within a few weeks. I'll update you here when I've made progress ๐Ÿ™‚

matindow commented 2 years ago

I hate to just write an "is there any update?" comment without anything to add, but I am eager to use cloudcannon/bookshop with a sveltekit site so am curious what the current state/timeline is? Thanks!

bglw commented 2 years ago

Hi all!

Sorry for the delay on this work โ€” a few weeks from October has certainly taken some time.

Shipping Svelte support is firmly in my plans for this month, pending any unforeseen difficulties. I'll set a reminder to update this issue with my progress in a couple of weeks.

bglw commented 2 years ago

Hello! Long overdue, but SvelteKit support has finally shipped in v3.3.0 ๐Ÿ˜„ See the SvelteKit Reference for more.