feat: Gitpod ready code(almost)

apps/ui/src/app.d.ts

@@ -19,3 +19,6 @@ declare namespace App {
 		privatePort: string;
 	}
 }
+
+declare const GITPOD_WORKSPACE_URL: string
+  

apps/ui/src/lib/api.ts

@@ -1,8 +1,12 @@
 import { browser, dev } from '$app/env';
 import Cookies from 'js-cookie';
-import { toast } from '@zerodevx/svelte-toast';
 
 export function getAPIUrl() {
+	if (GITPOD_WORKSPACE_URL) {
+		const {href} = new URL(GITPOD_WORKSPACE_URL)
+		const newURL = href.replace('https://','https://3001-').replace(/\/$/,'')
+		return newURL
+	}
 	return dev ? 'http://localhost:3001' : 'http://localhost:3000';
 }
 async function send({
@@ -52,7 +56,7 @@ async function send({
 	}
 
 	if (dev && !path.startsWith('https://')) {
-		path = `http://localhost:3001${path}`;
+		path = `${getAPIUrl()}${path}`;
 	}
 
 	const response = await fetch(`${path}`, opts);

apps/ui/vite.config.js

@@ -3,7 +3,20 @@ import { sveltekit } from '@sveltejs/kit/vite';
 /** @type {import('vite').UserConfig} */
 export default {
     plugins: [sveltekit()],
+    define: {
+        'GITPOD_WORKSPACE_URL': JSON.stringify(process.env.GITPOD_WORKSPACE_URL)
+    },
     server: {
+        hmr: process.env.GITPOD_WORKSPACE_URL
+        ? {
+            // Due to port fowarding, we have to replace
+            // 'https' with the forwarded port, as this
+            // is the URI created by Gitpod.
+            host: process.env.GITPOD_WORKSPACE_URL.replace("https://", "3000-"),
+            protocol: "wss",
+            clientPort: 443
+          }
+        : true,
         fs: {
             allow: ['./src/lib/locales/']
         }