Revert "Add Locale URL"

This reverts commit d910b21185.
2026-01-29 12:34:38 +00:00 · 2022-04-02 19:29:22 +02:00
parent 92d1f5aa55
commit 943300509b
187 changed files with 539 additions and 690 deletions
--- a/src/routes/applications/[id]/logs/build/_BuildLog.svelte
+++ b/src/routes/applications/[id]/logs/build/_BuildLog.svelte
@@ -0,0 +1,124 @@
+<script lang="ts">
+	export let buildId;
+
+	import { createEventDispatcher, onDestroy, onMount } from 'svelte';
+	const dispatch = createEventDispatcher();
+
+	import { page } from '$app/stores';
+
+	import Loading from '$lib/components/Loading.svelte';
+	import LoadingLogs from '../_Loading.svelte';
+	import { get } from '$lib/api';
+	import { errorNotification } from '$lib/form';
+
+	let logs = [];
+	let loading = true;
+	let currentStatus;
+	let streamInterval;
+	let followingBuild;
+	let followingInterval;
+	let logsEl;
+
+	const { id } = $page.params;
+
+	const cleanAnsiCodes = (str: string) => str.replace(/\x1B\[(\d+)m/g, '');
+
+	function followBuild() {
+		followingBuild = !followingBuild;
+		if (followingBuild) {
+			followingInterval = setInterval(() => {
+				logsEl.scrollTop = logsEl.scrollHeight;
+				window.scrollTo(0, document.body.scrollHeight);
+			}, 100);
+		} else {
+			window.clearInterval(followingInterval);
+		}
+	}
+	async function streamLogs(sequence = 0) {
+		try {
+			let { logs: responseLogs, status } = await get(
+				`/applications/${id}/logs/build/build.json?buildId=${buildId}&sequence=${sequence}`
+			);
+			currentStatus = status;
+			logs = logs.concat(responseLogs.map((log) => ({ ...log, line: cleanAnsiCodes(log.line) })));
+			loading = false;
+			streamInterval = setInterval(async () => {
+				if (status !== 'running' && status !== 'queued') {
+					clearInterval(streamInterval);
+					return;
+				}
+				const nextSequence = logs[logs.length - 1]?.time || 0;
+				try {
+					const data = await get(
+						`/applications/${id}/logs/build/build.json?buildId=${buildId}&sequence=${nextSequence}`
+					);
+					status = data.status;
+					currentStatus = status;
+
+					logs = logs.concat(data.logs.map((log) => ({ ...log, line: cleanAnsiCodes(log.line) })));
+					dispatch('updateBuildStatus', { status });
+				} catch ({ error }) {
+					return errorNotification(error);
+				}
+			}, 1000);
+		} catch ({ error }) {
+			console.log(error);
+			return errorNotification(error);
+		}
+	}
+	onDestroy(() => {
+		clearInterval(streamInterval);
+		clearInterval(followingInterval);
+	});
+	onMount(async () => {
+		window.scrollTo(0, 0);
+		await streamLogs();
+	});
+</script>
+
+{#if loading}
+	<Loading />
+{:else}
+	<div class="relative ">
+		{#if currentStatus === 'running'}
+			<LoadingLogs />
+		{/if}
+		{#if currentStatus === 'queued'}
+			<div class="text-center font-bold text-xl">Queued and waiting for execution.</div>
+		{:else}
+			<div class="flex justify-end sticky top-0 p-2">
+				<button
+					on:click={followBuild}
+					class="bg-transparent"
+					data-tooltip="Follow logs"
+					class:text-green-500={followingBuild}
+				>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="w-6 h-6"
+						viewBox="0 0 24 24"
+						stroke-width="1.5"
+						stroke="currentColor"
+						fill="none"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+					>
+						<path stroke="none" d="M0 0h24v24H0z" fill="none" />
+						<circle cx="12" cy="12" r="9" />
+						<line x1="8" y1="12" x2="12" y2="16" />
+						<line x1="12" y1="8" x2="12" y2="16" />
+						<line x1="16" y1="12" x2="12" y2="16" />
+					</svg>
+				</button>
+			</div>
+			<div
+				class="font-mono leading-6 text-left text-md tracking-tighter rounded bg-coolgray-200 py-5 px-6 whitespace-pre-wrap break-words overflow-auto max-h-[80vh] -mt-12 overflow-y-scroll scrollbar-w-1 scrollbar-thumb-coollabs scrollbar-track-coolgray-200"
+				bind:this={logsEl}
+			>
+				{#each logs as log}
+					<div>{log.line + '\n'}</div>
+				{/each}
+			</div>
+		{/if}
+	</div>
+{/if}