feat: add sveltekit example

[userquin]

This PR also includes:

• autoUpdate examples for all frameworks using injectManifest strategy
• updated examples cli to include behaviors for injectManifest strategy, also includes sveltekit framework
• initial pwa docs for sveltekit

This PR will be on draft until I update the docs for sveltekit.

@antfu Once merge you should add sveltekit to the project tags.

closes #124

[netlify]

✔️ Deploy Preview for vite-plugin-pwa ready!

🔨 Explore the source changes: 0b1fbd1

🔍 Inspect the deploy log: https://app.netlify.com/sites/vite-plugin-pwa/deploys/61a6c0f75f89f40007504862

😎 Browse the preview: https://deploy-preview-176--vite-plugin-pwa.netlify.app

[userquin]

@antfu you should also add vitepress to project tags.

[userquin]

@antfu I'm talking with Dominik and Ben trying to do a small review on the docs so don't merge yet.

[userquin]

@benmccann also removed mode: development from pwa-configuration.js, will use from process.env.NODE_ENV

[userquin]

I need to update all injectManifest entries on pwa docs to include the new behaviors added in this PR, working on it...

[userquin]

@antfu @benmccann Since we're using here @antfu/eslint-config, the tabs and spaces for sveltekit example project (on md files no problem) will differ and so anyone touching any file on the sveltekit example project will reformat the code. In my case, I have ESLint + TSLint configured on IntelliJ to lint on save.

any ideas to make it working?

[FunMiles]

@userquin @benmccann I read the docs for sveltekit and am a bit scared. I have been running my own version of a PWA with sveltekit (@userquin knows it) and am interested in leveraging your work here. However, I have two deployment options: vercel and the node-based adapter. I am not yet clear what I need to do to have those working? The docs says it is complex 😄
I am bit overwhelmed with other work before I can dip my toe in that endeavor. Any hints?

[userquin]

@userquin @benmccann I read the docs for sveltekit and am a bit scared. I have been running my own version of a PWA with sveltekit (@userquin knows it) and am interested in leveraging your work here. However, I have two deployment options: vercel and the node-based adapter. I am not yet clear what I need to do to have those working? The docs says it is complex 😄 I am bit overwhelmed with other work before I can dip my toe in that endeavor. Any hints?

Hi @FunMiles , how long no news from you, take a look at the example in this repo, I think you are using the static-adapter.

EDIT: just remove the claims part. If you need some hint, see this repo https://github.com/userquin/sveltesociety.dev and checkout the pwa branch.

The pwa.js and pwa-configuration.js are on scripts folder.

[FunMiles]

@userquin @benmccann I read the docs for sveltekit and am a bit scared. I have been running my own version of a PWA with sveltekit (@userquin knows it) and am interested in leveraging your work here. However, I have two deployment options: vercel and the node-based adapter. I am not yet clear what I need to do to have those working? The docs says it is complex 😄 I am bit overwhelmed with other work before I can dip my toe in that endeavor. Any hints?

Hi @FunMiles , how long no news from you, take a look at the example in this repo, I think you are using the static-adapter.

EDIT: just remove the claims part. If you need some hint, see this repo https://github.com/userquin/sveltesociety.dev and checkout the pwa branch.

The pwa.js and pwa-configuration.js are on scripts folder.

For vercel deployment, I am using the vercel-adapter. I am also looking at another deployment option and they would need the node-adapter. Hence my question.

[userquin]

can we go to Discord?

[FunMiles]

sure. I am on.

[userquin]

I don't see you on ViteLand server.

[FunMiles]

I wad in svelte-kit one. Opened the ViteLand.

[rogueyoshi]

@userquin How does one cache external assets for offline use? Do I need to pass a rule to cache everything from my CDN's URLs?