fix(dev): type module and custom sw not working when not using virtual modules

[ARYX01]

Description

devOptions.type: 'module' now using it for generating inside the registerSW.js

Linked Issues

closes #359

Additional context

The dev-dist folder is unreachable when running dev vite3.

I suggest not creating this folder and instead add the files inside the ws /@vite-plugin-pwa/ like the pwa-entry-point-loaded and point there the registerPath

[netlify]

✅ Deploy Preview for vite-plugin-pwa ready!

Name	Link
🔨 Latest commit	8972c14
🔍 Latest deploy log	https://app.netlify.com/sites/vite-plugin-pwa/deploys/63049c171df2730009fdc2f1
😎 Deploy Preview	https://deploy-preview-361--vite-plugin-pwa.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[userquin]

@ARYX01 we use pnpmas package manager: please remove the package-lock-json file

[userquin]

@antfu it is weird, Vite 2 seems to work properly since it is forcing to use a base (by default /): internally the prefix is being removed and so these lines will work:

• the virtual path fot the websocket ping/pong: https://github.com/antfu/vite-plugin-pwa/blob/main/src/plugins/dev.ts#L15
• this script will have double starting slash: https://github.com/antfu/vite-plugin-pwa/blob/main/src/plugins/dev.ts#L40
• Vite 2 is working properly here: https://github.com/antfu/vite-plugin-pwa/blob/main/src/plugins/dev.ts#L63
• Vite 2 is working properly also here: https://github.com/antfu/vite-plugin-pwa/blob/main/src/plugins/dev.ts#L82

The same code with Vite 3 will not work, it seems it is not removing one slash: I think it is because the target project is not using the base entry, and so the plugin will force to use the base / , then https://github.com/antfu/vite-plugin-pwa/blob/main/src/plugins/dev.ts#L40 will have 2 slashes, and so the plugin will not resolve that url.

This PR will just remove the / from the constant, I need to check it with Vite 2: https://github.com/antfu/vite-plugin-pwa/pull/361/files#diff-8fa4b52909f895e8cda060d2035234e0a42ca2c7d3f8f8de1b35a056537bf199R11.

[userquin]

I will change the transformIndexHtml hook on dev.ts to include directly the HMR ping/pong content to the script adding a small timeout before the ping, and so we dont need to deal with the base.

EDIT: previous will not work, since we need the module to be processed by Vite.

[userquin]

@antfu should we check CORS here?

[antfu]

We could leave it for now, and bring it back if there is really a valid case.

[ARYX01]

After adding an reload prompt component that uses import { useRegisterSW } from 'virtual:pwa-register/svelte' and setting pwaOptions registerType: 'prompt', the /dev-dist/registerSW.js is not created anymore.
So before was working only with injectRegister: 'inluine', but now it works also with injectRegister: 'script'.

[userquin]

we only need to fix the SSR: #364