v1.0.12 - Sveltekit migration (#44)

Changed the whole tech stack to SvelteKit which means:
- Typescript 
- SSR
- No fastify :(
- Beta, but it's fine!

Other changes:
- Tailwind -> Tailwind JIT
- A lot more

src/routes/service/[name]/configuration.svelte

@@ -0,0 +1,83 @@
+<script>
+	import { fade } from 'svelte/transition';
+	import { toast } from '@zerodevx/svelte-toast';
+
+	import { page, session } from '$app/stores';
+	import { request } from '$lib/api/request';
+	import { goto } from '$app/navigation';
+	import Loading from '$components/Loading.svelte';
+	import Plausible from '$components/Service/Plausible.svelte';
+	import { browser } from '$app/env';
+	let service = {};
+	async function loadServiceConfig() {
+		if ($page.params.name) {
+			try {
+				service = await request(`/api/v1/services/${$page.params.name}`, $session);
+			} catch (error) {
+				browser && toast.push(`Cannot find service ${$page.params.name}?!`);
+				goto(`/dashboard/services`, { replaceState: true });
+			}
+		}
+	}
+	async function activate() {
+		try {
+			await request(`/api/v1/services/deploy/${$page.params.name}/activate`, $session, {
+				method: 'PATCH',
+				body: {}
+			});
+			browser && toast.push(`All users are activated for Plausible.`);
+		} catch (error) {
+			console.log(error);
+			browser && toast.push(`Ooops, there was an error activating users for Plausible?!`);
+		}
+	}
+</script>
+
+{#await loadServiceConfig()}
+	<Loading />
+{:then}
+	<div class="min-h-full text-white">
+		<div class="py-5 text-left px-6 text-3xl tracking-tight font-bold flex items-center">
+			<div>{$page.params.name === 'plausible' ? 'Plausible Analytics' : $page.params.name}</div>
+			<div class="px-4">
+				{#if $page.params.name === 'plausible'}
+					<img
+						alt="plausible logo"
+						class="w-6 mx-auto"
+						src="https://cdn.coollabs.io/assets/coolify/services/plausible/logo_sm.png"
+					/>
+				{/if}
+			</div>
+			<a
+			target="_blank"
+			class="icon mx-2"
+			href={service.config.baseURL}
+		>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				class="h-6 w-6"
+				fill="none"
+				viewBox="0 0 24 24"
+				stroke="currentColor"
+			>
+				<path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="2"
+					d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+				/>
+			</svg></a
+		>
+
+
+
+		</div>
+	</div>
+	<div class="space-y-2 max-w-4xl mx-auto px-6" in:fade={{ duration: 100 }}>
+		<div class="block text-center py-4">
+			{#if $page.params.name === 'plausible'}
+				<Plausible {service} />
+			{/if}
+		</div>
+	</div>
+{/await}