working nice. docker uses bun

2026-01-26 11:06:35 +00:00 · 2025-08-12 23:40:08 +02:00
parent f0922f485d
commit ea9cdb7692
83 changed files with 3005 additions and 422 deletions
--- a/src/lib/components/kube-describe/Pod.svelte
+++ b/src/lib/components/kube-describe/Pod.svelte
@@ -0,0 +1,175 @@
+<script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
+	import { writable } from 'svelte/store';
+	import { browser } from '$app/environment';
+	import { formatDuration } from '$lib/utils/conversion';
+	import Tab from '$lib/components/navigation/Tab.svelte';
+	import Tabs from '$lib/components/navigation/Tabs.svelte';
+	import TabList from '$lib/components/navigation/TabList.svelte';
+	import TabView from '$lib/components/navigation/TabView.svelte';
+	import Section from '$lib/components/Section.svelte';
+	import Logs from '$lib/components/Logs.svelte';
+	import JsonViewer from '$lib/components/JsonViewer.svelte';
+	import { source } from 'sveltekit-sse';
+	import type { V1Pod } from '@kubernetes/client-node';
+
+	const { pod }: { pod: V1Pod } = $props();
+	const { status, metadata, spec } = pod || {};
+
+	let value = 'no data :(';
+
+	let uptime = writable(new Date().getTime() - new Date(status?.startTime || 0).getTime());
+
+	let logs = writable([]);
+	let eventSource: EventSource;
+
+	const parentUrl = `/cluster/${metadata?.ownerReferences?.[0].kind.toLowerCase()}/${metadata?.ownerReferences?.[0].uid}`;
+
+	function setupWS() {
+		const url = new URL(`${window.location.origin}/cluster/pod/${pod?.metadata?.uid}/logs`);
+		if (pod?.metadata === undefined) {
+			console.error('missing pod info. not enough metadata to setup WS connection.');
+			return;
+		}
+
+		url.searchParams.append('pod', pod?.metadata?.name || '');
+		url.searchParams.append('namespace', pod?.metadata?.namespace || '');
+		url.searchParams.append('container', pod?.spec?.containers[0].name || '');
+
+		eventSource = new EventSource(url);
+		eventSource.onmessage = function (event) {
+			logs.update((arr) => arr.concat(event.data));
+		};
+
+		return (eventSource.onerror = (err) => {
+			console.error('EventSource failed:', err);
+		});
+	}
+
+	onMount(() => {
+		setInterval(() => uptime.update((n) => n + 1000), 1000);
+
+		if (browser) {
+			console.log('setting up sse', window.location.pathname);
+			value = source(window.location.pathname + '/logs').select('message');
+			console.log(value);
+			return setupWS();
+		}
+	});
+
+	onDestroy(() => {
+		if (eventSource) {
+			eventSource.close();
+			console.log('EventSource closed');
+		}
+	});
+</script>
+
+<Tabs>
+	<TabList>
+		<Tab>Details</Tab>
+		<Tab>Logs</Tab>
+		<Tab>Metadata</Tab>
+		<Tab>Spec</Tab>
+		<Tab>Status</Tab>
+		<Tab>Deployment logs</Tab>
+	</TabList>
+
+	<TabView>
+		<div class="section-wrapper">
+			<Section title="Status" description="">
+				<div class="section-row">
+					<div class="section-element">
+						<label>Phase</label>
+						<span>{status?.phase}</span>
+					</div>
+
+					<div class="section-element">
+						<label>Pod IP</label>
+						<span>{status?.podIP}</span>
+					</div>
+
+					<div class="section-element">
+						<label>QoS Class</label>
+						<span>{status?.qosClass}</span>
+					</div>
+
+					<div class="section-element">
+						<label>Running for</label>
+						<span>{formatDuration($uptime / 1000)}</span>
+					</div>
+				</div>
+			</Section>
+
+			<Section title="Metadata" description="">
+				<div class="section-row">
+					<div class="section-element">
+						<label>Namespace</label>
+						<span>{metadata?.namespace}</span>
+					</div>
+
+					<div class="section-element" data-sveltekit-preload-data="false">
+						<label>Parent pod</label>
+						<a href={parentUrl} sveltekit:reload
+							><span>{metadata?.ownerReferences?.[0].kind}</span></a
+						>
+					</div>
+				</div>
+			</Section>
+
+			<Section title="Spec" description="">
+				<div class="section-row">
+					<div class="section-element">
+						<label>Node name</label>
+						<span>{spec?.nodeName}</span>
+					</div>
+
+					<div class="section-element">
+						<label>Restart policy</label>
+						<span>{spec?.restartPolicy}</span>
+					</div>
+
+					<div class="section-element">
+						<label>Service account</label>
+						<span>{spec?.serviceAccount}</span>
+					</div>
+
+					<div class="section-element">
+						<label>Scheduler</label>
+						<span>{spec?.schedulerName}</span>
+					</div>
+
+					<div class="section-element">
+						<label>Host network</label>
+						<span>{spec?.hostNetwork ? 'yes' : 'no'}</span>
+					</div>
+
+					<div class="section-element">
+						<label>DNS policy</label>
+						<span>{spec?.dnsPolicy}</span>
+					</div>
+				</div>
+			</Section>
+		</div>
+	</TabView>
+
+	<TabView>
+		<Logs logs={$logs} stream={true} />
+	</TabView>
+
+	<TabView>
+		<JsonViewer json={pod.metadata} lineNumbers={false} />
+	</TabView>
+
+	<TabView>
+		<JsonViewer json={pod.spec} lineNumbers={false} />
+	</TabView>
+
+	<TabView>
+		<JsonViewer json={pod.status} lineNumbers={false} />
+	</TabView>
+
+	<TabView>
+		<Logs logs="" lineNumbers={false} />
+	</TabView>
+</Tabs>