+
+
+
+
+
+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
new file mode 100644
index 0000000..7710d9c
--- /dev/null
+++ b/src/routes/+page.svelte
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+Visit svelte.dev/docs/kit to read the documentation
+ ++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
++ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Pariatur laboriosam, necessitatibus + repudiandae quo voluptatem ratione, sit eum dolores enim earum at officia expedita consequuntur + ipsum voluptatum sunt, atque magni minus. +
diff --git a/src/routes/cluster/+page.server.ts b/src/routes/cluster/+page.server.ts new file mode 100644 index 0000000..ff2f66d --- /dev/null +++ b/src/routes/cluster/+page.server.ts @@ -0,0 +1,90 @@ +import type { PageServerLoad } from './$types'; +import { getPods, getNodes, getDeployments, getDaemons } from '$lib/server/kubernetes'; +import type { V1DaemonSet, V1Deployment, V1Node, V1Pod } from '@kubernetes/client-node'; + +function filterAndStackNodes(nodes: V1Node[], pods: V1Pod[]) { + const getNode = (name: string) => nodes.find((node) => node.metadata?.name === name); + + pods.forEach((pod) => { + if (!pod.spec?.nodeName) return; + const node = getNode(pod.spec.nodeName); + node.pods.push(pod); + }); + + return nodes; +} + +function filterAndStackDaemons(daemons: V1DaemonSet[], pods: V1Pod[]) { + const getDaemon = (name: string) => + daemons.find((daemon: V1DaemonSet) => daemon.metadata?.name === name); + + pods.forEach((pod: V1Pod) => { + if (!pod.metadata?.ownerReferences?.[0].name) return; + + const daemon = getDaemon(pod.metadata.ownerReferences[0].name); + if (!daemon) return; + daemon?.pods.push(pod); + }); + + return daemons; +} + +function filterAndStackDeploys(deploys: V1Deployment[], pods: V1Pod[]) { + const getDeploy = (name: string) => + deploys.find((deploy) => { + return ( + (deploy.spec?.selector.matchLabels?.app && + deploy.spec.selector.matchLabels?.app === name) || + (deploy.metadata?.labels?.['app.kubernetes.io/name'] && + deploy.metadata.labels['app.kubernetes.io/name'] === name) || + (deploy.metadata?.labels?.['k8s-app'] && deploy.metadata.labels['k8s-app'] === name) + ); + }); + + pods.forEach((pod) => { + const name = + pod.metadata?.labels?.['k8s-app'] || + pod.metadata?.labels?.['app.kubernetes.io/name'] || + pod.metadata?.labels?.app || + 'not found'; + + const deploy = getDeploy(name); + if (!deploy) return; + deploy.pods.push(pod); + }); + + return deploys; +} + +export const load: PageServerLoad = async () => { + const [podsResp, nodesResp, deployResp, daemonsResp] = await Promise.all([ + getPods(), + getNodes(), + getDeployments(), + getDaemons() + ]); + + const pods: V1Pod[] = JSON.parse(JSON.stringify(podsResp)); + let nodes: V1Node[] = JSON.parse(JSON.stringify(nodesResp)); + let deployments: V1Deployment[] = JSON.parse(JSON.stringify(deployResp)); + let daemons: V1DaemonSet[] = JSON.parse(JSON.stringify(daemonsResp)); + + nodes.forEach((node) => (node['pods'] = [])); + deployments.forEach((deploy) => (deploy['pods'] = [])); + daemons.forEach((daemon) => (daemon['pods'] = [])); + nodes = filterAndStackNodes(nodes, pods); + deployments = filterAndStackDeploys(deployments, pods); + daemons = filterAndStackDaemons(daemons, pods); + + // TODO move to frontend + deployments = deployments.sort((a, b) => + a.metadata?.name && b.metadata?.name && a.metadata?.name > b.metadata?.name ? 1 : -1 + ); + + return { + nodes, + deployments, + daemons, + pods + }; +}; diff --git a/src/routes/cluster/+page.svelte b/src/routes/cluster/+page.svelte new file mode 100644 index 0000000..3b36ee7 --- /dev/null +++ b/src/routes/cluster/+page.svelte @@ -0,0 +1,94 @@ + + +
+
+
+
+
+
+ Cluster {nodes.length} nodes
+
+
+ {#each nodes as node (node)}
+
+
+
+
+
+
+
+
+
+ Daemons {daemons.length} daemons ({daemons.reduce(
+ (total, item) => total + (item.pods ? item.pods.length : 0),
+ 0
+ )} pods)
+
+
+
+
+ {#each daemons as daemon (daemon)}
+
+
+
+
+
+
+
+
diff --git a/src/routes/cluster/pod/[uid]/+page.server.ts b/src/routes/cluster/pod/[uid]/+page.server.ts
new file mode 100644
index 0000000..3218f20
--- /dev/null
+++ b/src/routes/cluster/pod/[uid]/+page.server.ts
@@ -0,0 +1,17 @@
+import type { PageServerLoad } from './$types';
+import { getPods } from '$lib/server/kubernetes';
+import type { V1Pod } from '@kubernetes/client-node';
+
+export const load: PageServerLoad = async ({ params }) => {
+ const { uid } = params;
+
+ console.log(uid);
+
+ const podsResp = await getPods();
+ const pods: V1Pod[] = JSON.parse(JSON.stringify(podsResp));
+
+ const pod = pods.find((p) => p.metadata?.uid === uid);
+ return {
+ pod
+ };
+};
diff --git a/src/routes/cluster/pod/[uid]/+page.svelte b/src/routes/cluster/pod/[uid]/+page.svelte
new file mode 100644
index 0000000..4ef89a7
--- /dev/null
+++ b/src/routes/cluster/pod/[uid]/+page.svelte
@@ -0,0 +1,165 @@
+
+
+
+
+ Pods {deployments.length} deployments ({deployments.reduce(
+ (total, item) => total + (item.pods ? item.pods.length : 0),
+ 0
+ )} pods)
+
+
+
+
+ {#each deployments as deploy (deploy)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {status?.phase}
+
+
+
+
+ {status?.podIP}
+
+
+
+
+ {status?.qosClass}
+
+
+
+
+ {formatDuration($uptime / 1000)}
+
+
+
+
+
+ {metadata?.namespace}
+
+
+
+
+ {metadata?.ownerReferences?.[0].kind}
+
+
+
+
+
+ {spec?.nodeName}
+
+
+
+
+ {spec?.restartPolicy}
+
+
+
+
+ {spec?.serviceAccount}
+
+
+
+
+ {spec?.schedulerName}
+
+
+
+
+ {spec?.hostNetwork ? 'yes' : 'no'}
+
+
+
+
+ {spec?.dnsPolicy}
+
+
+
+
+
+
+
+
+
diff --git a/src/routes/network/[id]/+page.server.ts b/src/routes/network/[id]/+page.server.ts
new file mode 100644
index 0000000..dfc9b98
--- /dev/null
+++ b/src/routes/network/[id]/+page.server.ts
@@ -0,0 +1,29 @@
+import type { PageServerLoad } from './$types';
+import { getRouters } from '$lib/server/traefik';
+
+const cache = {
+ timestamp: 0,
+ data: {}
+};
+
+export const load: PageServerLoad = async ({ params }) => {
+ const now = Date.now();
+ const { id } = params;
+
+ if (cache.data[id] && now - cache.timestamp < 10000) {
+ console.log('Serving from cache');
+ return {
+ router: cache.data[id]
+ };
+ }
+
+ const routers = await getRouters();
+ const router = routers.find((router) => router.service === id);
+
+ cache.time = now;
+ cache.data[id] = router;
+
+ return {
+ router
+ };
+};
diff --git a/src/routes/network/[id]/+page.svelte b/src/routes/network/[id]/+page.svelte
new file mode 100644
index 0000000..2ed3c47
--- /dev/null
+++ b/src/routes/network/[id]/+page.svelte
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ {routers.length}
+
+
+
+
+ {providers?.join(', ')}
+
+
+
diff --git a/src/routes/printer/+page.server.ts b/src/routes/printer/+page.server.ts
new file mode 100644
index 0000000..32c9ae2
--- /dev/null
+++ b/src/routes/printer/+page.server.ts
@@ -0,0 +1,11 @@
+import type { PageServerLoad } from './$types';
+import { fetchP1P } from '$lib/server/homeassistant';
+import { currentFilament } from '$lib/server/filament';
+import type { Entity } from '$lib/interfaces/homeassistant';
+import type { Filament } from '$lib/interfaces/printer';
+
+export const load: PageServerLoad = async (): Promise<{ p1p: Entity[]; filament: Filament[] }> => {
+ const p1p = await fetchP1P();
+ const filament = currentFilament();
+ return { p1p, filament };
+};
diff --git a/src/routes/printer/+page.svelte b/src/routes/printer/+page.svelte
new file mode 100644
index 0000000..99c06c8
--- /dev/null
+++ b/src/routes/printer/+page.svelte
@@ -0,0 +1,237 @@
+
+
+router:
+{JSON.stringify(router, null, 2)}
+
+
+
+
+ 
+
+
+
+
+
+
diff --git a/src/routes/printer/[id]/+page.server.ts b/src/routes/printer/[id]/+page.server.ts
new file mode 100644
index 0000000..a1051b1
--- /dev/null
+++ b/src/routes/printer/[id]/+page.server.ts
@@ -0,0 +1,12 @@
+import type { PageServerLoad } from './$types';
+import { filamentByColor } from '$lib/server/filament';
+
+export const load: PageServerLoad = async ({ params }) => {
+ let { id } = params;
+ if (id) {
+ id = id.replaceAll('-', ' ');
+ }
+
+ const filament = filamentByColor(id);
+ return { id, filament };
+};
diff --git a/src/routes/printer/[id]/+page.svelte b/src/routes/printer/[id]/+page.svelte
new file mode 100644
index 0000000..dc77ee6
--- /dev/null
+++ b/src/routes/printer/[id]/+page.svelte
@@ -0,0 +1,30 @@
+
+
+{#if filament !== null}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if currentLayer.state !== totalLayer.state}
+ Currently printing layer line {currentLayer.state} of {totalLayer.state}
+ {:else}
+ Finished printing {currentLayer.state} of {totalLayer.state} layers!
+ {/if}
+
+
+
+
+
+
+
+ {Math.floor(Number(totalUsage.state) * 10) / 10}
+
+ {totalUsage.attributes.unit_of_measurement}
+
+
+
+
+ {capitalizeFirstLetter(nozzleType.state.replaceAll('_', ' '))}
+ {nozzleType.attributes.unit_of_measurement}
+
+
+
+
+ {nozzleSize?.state} {nozzleSize.attributes.unit_of_measurement}
+
+
+
+
+ {capitalizeFirstLetter(bedType?.state?.replaceAll('_', ' ') || 'not found')}
+ {bedType?.attributes.unit_of_measurement}
+
+
+
+
+
+{:else}
+ Unable to find filament {data.id}, no swatch to display.
+{/if} + + diff --git a/src/routes/servers/+page.server.ts b/src/routes/servers/+page.server.ts new file mode 100644 index 0000000..9aeadc7 --- /dev/null +++ b/src/routes/servers/+page.server.ts @@ -0,0 +1,43 @@ +import type { PageServerLoad } from './$types'; +import type { Node, Cluster } from '$lib/interfaces/proxmox'; +import { fetchNodes } from '$lib/server/proxmox'; + +const TTL = 10000; // 10 seconds + +interface ClusterCache { + timestamp: number; + data: { + nodes: Node[]; + cluster: Cluster | null; + }; +} + +let cache: ClusterCache = { + timestamp: 0, + data: { + nodes: [], + cluster: null + } +}; + +export const load: PageServerLoad = async () => { + const now = Date.now(); + const hit = cache.data.cluster && cache.data.nodes?.length && now - cache.timestamp < TTL; + + if (hit) { + const { nodes, cluster } = cache.data; + return { nodes, cluster }; + } + + const { nodes, cluster } = await fetchNodes(); + nodes.sort((a: Node, b: Node) => { + return a.name.toUpperCase() < b.name.toUpperCase() ? -1 : 1; + }); + + cache = { timestamp: now, data: { nodes, cluster } }; + + return { + nodes, + cluster + }; +}; diff --git a/src/routes/servers/+page.svelte b/src/routes/servers/+page.svelte new file mode 100644 index 0000000..5736377 --- /dev/null +++ b/src/routes/servers/+page.svelte @@ -0,0 +1,29 @@ + + +
+ {#each nodes as node (node.name)}
+
+
+
diff --git a/src/routes/sites/+page.svelte b/src/routes/sites/+page.svelte
new file mode 100644
index 0000000..620a8a9
--- /dev/null
+++ b/src/routes/sites/+page.svelte
@@ -0,0 +1,28 @@
+
+
+
+
+ {/each}
+
+
+
+
+
+
+
+
+
diff --git a/static/favicon.png b/static/favicon.png
new file mode 100644
index 0000000..825b9e6
Binary files /dev/null and b/static/favicon.png differ
diff --git a/static/fonts/Inter.woff2 b/static/fonts/Inter.woff2
new file mode 100644
index 0000000..e0cab47
Binary files /dev/null and b/static/fonts/Inter.woff2 differ
diff --git a/static/fonts/RecklessNeue-Regular.woff2 b/static/fonts/RecklessNeue-Regular.woff2
new file mode 100644
index 0000000..b6a1cd4
Binary files /dev/null and b/static/fonts/RecklessNeue-Regular.woff2 differ
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..f148b73
Binary files /dev/null and b/static/logo.png differ
diff --git a/static/logo_grey.png b/static/logo_grey.png
new file mode 100644
index 0000000..e2d59de
Binary files /dev/null and b/static/logo_grey.png differ
diff --git a/static/logo_light.png b/static/logo_light.png
new file mode 100644
index 0000000..9d6eeb5
Binary files /dev/null and b/static/logo_light.png differ
diff --git a/static/printer.png b/static/printer.png
new file mode 100644
index 0000000..9c0c526
Binary files /dev/null and b/static/printer.png differ
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..fbe37df
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,146 @@
+@font-face {
+ font-family: 'Inter';
+ font-style: normal;
+ src: url('/fonts/Inter.woff2') format('woff2');
+ font-weight: 100 900;
+ font-style: normal;
+}
+
+:root {
+ --bg: #f9f5f3;
+ --color: #1c1819;
+ --highlight: #eaddd5;
+
+ --positive: #00d439;
+ --negative: #ff5449;
+ --warning: #ffa312;
+
+ --border: 1px solid #eaddd5;
+ --border-radius: 0.75rem;
+}
+
+body {
+ font-family: 'Inter', sans-serif;
+ font-optical-sizing: auto;
+ margin: 0;
+ padding: 0;
+
+ background-color: var(--bg);
+ color: var(--color);
+ font-size: 14px;
+}
+
+a,
+a:visited {
+ color: var(--color);
+ text-decoration-line: none;
+}
+
+h1 {
+ font-family: 'Reckless Neue';
+}
+
+h2 {
+ font-size: 20px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: var(--str-space-100, 8px);
+ flex: 1 1 auto;
+ /* align-self: center; */
+ align-self: left;
+ /* text-transform: capitalize; */
+ flex-wrap: wrap;
+ font: var(
+ --str-font-heading-regular-l,
+ 400 1.429rem/1.4 Inter,
+ Arial,
+ -apple-system,
+ BlinkMacSystemFont,
+ sans-serif
+ );
+ margin-top: 0;
+ color: var(--str-color-text-neutral-default);
+ font-weight: 500;
+ line-height: 100%;
+}
+
+button {
+ border: none;
+ position: relative;
+ background: transparent;
+ height: unset;
+ border-radius: 0.5rem;
+ display: inline-block;
+ text-decoration: none;
+ padding: 0 0.5rem;
+ flex: 1;
+}
+button span {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 1.5rem;
+ padding: 0 0.5rem;
+ margin-left: -0.5rem;
+ border: 1px solid #eaddd5;
+ border-radius: inherit;
+ white-space: nowrap;
+ cursor: pointer;
+ font-weight: 700;
+ transition: all ease-in-out 0.2s;
+}
+
+button::after {
+ content: '';
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-radius: 0.5rem;
+ width: 100%;
+ height: 100%;
+ transition: transform 0.1s ease;
+ will-change: box-shadow 0.25s;
+ pointer-events: none;
+}
+
+button:hover span {
+ border-color: #cab2aa;
+ background: #f9f5f3 !important;
+}
+
+.main-container {
+ background: white;
+ padding: 1.5rem;
+ border: var(--border);
+ border-radius: var(--border-radius, 1rem);
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.section-wrapper {
+ display: flex;
+ flex-direction: column;
+ gap: 24px;
+}
+
+.section-row {
+ display: flex;
+ gap: 2rem;
+}
+
+.section-element {
+ display: flex;
+ flex-direction: column;
+}
+
+.section-element label {
+ font-weight: 500;
+ font-size: 15px;
+}
+
+.section-element > span {
+ display: flex;
+ align-items: center;
+ margin-top: 0.5rem;
+}