Configure HMR on Gitpod & localhost.

Author: Mike Nikles

.gitpod.yml

@@ -1,6 +1,8 @@
 tasks:
   - init: npm install
-    command: npm run dev
+    command: |
+      export HMR_HOST=`gp url 3000`
+      npm run dev
 
 ports:
   - port: 3000

svelte.config.js

@@ -11,7 +11,15 @@ const config = {
 		adapter: adapter(),
 
 		// hydrate the <div id="svelte"> element in src/app.html
-		target: '#svelte'
+		target: '#svelte',
+		vite: {
+			server: {
+				hmr: {
+					clientPort: process.env.HMR_HOST ? 443: 3000,
+					host: process.env.HMR_HOST ? process.env.HMR_HOST.substring("https://".length) : "localhost"
+				}
+			}
+		}
 	}
 };