parent
35f16b9d09
commit
35e76e34ef
24 changed files with 271 additions and 485 deletions
src/routes
|
@ -1,62 +0,0 @@
|
|||
import { io, Socket } from 'socket.io-client';
|
||||
import * as fs from 'fs';
|
||||
|
||||
export async function load() {
|
||||
const promise = getJwt();
|
||||
|
||||
return {
|
||||
promise
|
||||
};
|
||||
}
|
||||
|
||||
async function getJwt(): Promise<string> {
|
||||
const socket = io('https://status.neshweb.net/');
|
||||
const credFile = './credentials.json';
|
||||
let token = '';
|
||||
let valid = false;
|
||||
|
||||
if (fs.existsSync(credFile)) {
|
||||
const content = fs.readFileSync(credFile);
|
||||
token = content.toString();
|
||||
}
|
||||
|
||||
socket.on('connect', async () => {
|
||||
if (token == '') {
|
||||
token = await login(socket);
|
||||
valid = true;
|
||||
} else {
|
||||
socket.emit('loginByToken', token, async (res) => {
|
||||
if (!res.ok) {
|
||||
token = await login(socket);
|
||||
}
|
||||
valid = true;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
while (!valid) {
|
||||
await new Promise((resolve) => setTimeout(resolve, 10));
|
||||
}
|
||||
|
||||
fs.writeFileSync(credFile, token);
|
||||
|
||||
return token;
|
||||
}
|
||||
|
||||
async function login(socket: Socket): Promise<string> {
|
||||
let token = '';
|
||||
socket.emit(
|
||||
'login',
|
||||
{ username: process.env.KUMA_USERNAME, password: process.env.KUMA_PASSWORD, token: '' },
|
||||
(res: { token: string }) => {
|
||||
token = res.token;
|
||||
socket.close();
|
||||
}
|
||||
);
|
||||
|
||||
while (token == '') {
|
||||
await new Promise((resolve) => setTimeout(resolve, 10));
|
||||
}
|
||||
|
||||
return token;
|
||||
}
|
|
@ -8,56 +8,10 @@
|
|||
import { socketStore } from '$lib/stores/socketStore';
|
||||
import { uptimeStore } from '$lib/stores/uptimeStore';
|
||||
|
||||
let { data }: { data: { promise: Promise<string> } } = $props();
|
||||
|
||||
let token = $state();
|
||||
|
||||
data.promise.then((jwt) => {
|
||||
token = jwt;
|
||||
});
|
||||
|
||||
let servers: readonly Server[] = $state.frozen([]);
|
||||
|
||||
let icons: readonly string[] = $state.frozen([]);
|
||||
|
||||
let monitorList = $state($uptimeStore);
|
||||
|
||||
let socket = $socketStore;
|
||||
|
||||
$effect(() => {
|
||||
if (token) {
|
||||
if (!socket.connected) {
|
||||
socket.connect();
|
||||
}
|
||||
|
||||
socket.on('connect', () => {
|
||||
socket.emit('loginByToken', token, () => {});
|
||||
});
|
||||
|
||||
socket.on('heartbeatList', (_, data) => {
|
||||
let recent = data[data.length - 1];
|
||||
let monitor: Heartbeat = {
|
||||
monitorID: recent.monitor_id,
|
||||
status: recent.status,
|
||||
time: recent.time,
|
||||
msg: recent.msg,
|
||||
ping: recent.ping,
|
||||
important: recent.important,
|
||||
duration: recent.duration
|
||||
};
|
||||
monitorList.set(monitor.monitorID, monitor);
|
||||
monitorList = new Map(monitorList.entries());
|
||||
$uptimeStore = monitorList;
|
||||
});
|
||||
|
||||
socket.on('heartbeat', (data) => {
|
||||
monitorList.set(data.monitorID, data);
|
||||
monitorList = new Map(monitorList.entries());
|
||||
$uptimeStore = monitorList;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
async function get(url: string): Promise<any> {
|
||||
let res = await fetch(url);
|
||||
if (res.ok) {
|
||||
|
@ -91,7 +45,7 @@
|
|||
{#if typeof server.id === 'undefined'}
|
||||
<ServerCard {server} {icons} />
|
||||
{:else}
|
||||
<ServerCard {server} {icons} monitor={monitorList.get(server.id)} />
|
||||
<ServerCard {server} {icons} />
|
||||
{/if}
|
||||
{/each}
|
||||
</div>
|
||||
|
|
|
@ -1,62 +0,0 @@
|
|||
import { io, Socket } from 'socket.io-client';
|
||||
import * as fs from 'fs';
|
||||
|
||||
export async function load() {
|
||||
const promise = getJwt();
|
||||
|
||||
return {
|
||||
promise
|
||||
};
|
||||
}
|
||||
|
||||
async function getJwt(): Promise<string> {
|
||||
const socket = io('https://status.neshweb.net/');
|
||||
const credFile = './credentials.json';
|
||||
let token = '';
|
||||
let valid = false;
|
||||
|
||||
if (fs.existsSync(credFile)) {
|
||||
const content = fs.readFileSync(credFile);
|
||||
token = content.toString();
|
||||
}
|
||||
|
||||
socket.on('connect', async () => {
|
||||
if (token == '') {
|
||||
token = await login(socket);
|
||||
valid = true;
|
||||
} else {
|
||||
socket.emit('loginByToken', token, async (res) => {
|
||||
if (!res.ok) {
|
||||
token = await login(socket);
|
||||
}
|
||||
valid = true;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
while (!valid) {
|
||||
await new Promise((resolve) => setTimeout(resolve, 10));
|
||||
}
|
||||
|
||||
fs.writeFileSync(credFile, token);
|
||||
|
||||
return token;
|
||||
}
|
||||
|
||||
async function login(socket: Socket): Promise<string> {
|
||||
let token = '';
|
||||
socket.emit(
|
||||
'login',
|
||||
{ username: process.env.KUMA_USERNAME, password: process.env.KUMA_PASSWORD, token: '' },
|
||||
(res: { token: string }) => {
|
||||
token = res.token;
|
||||
socket.close();
|
||||
}
|
||||
);
|
||||
|
||||
while (token == '') {
|
||||
await new Promise((resolve) => setTimeout(resolve, 10));
|
||||
}
|
||||
|
||||
return token;
|
||||
}
|
|
@ -9,56 +9,10 @@
|
|||
import { onDestroy } from 'svelte';
|
||||
import { uptimeStore } from '$lib/stores/uptimeStore';
|
||||
|
||||
let { data }: { data: { promise: Promise<string> } } = $props();
|
||||
|
||||
let token = $state();
|
||||
|
||||
data.promise.then((jwt) => {
|
||||
token = jwt;
|
||||
});
|
||||
|
||||
let services: readonly Service[] = $state.frozen([]);
|
||||
|
||||
let icons: readonly string[] = $state.frozen([]);
|
||||
|
||||
let monitorList = $state($uptimeStore);
|
||||
|
||||
let socket = $socketStore;
|
||||
|
||||
$effect(() => {
|
||||
if (token) {
|
||||
if (!socket.connected) {
|
||||
socket.connect();
|
||||
}
|
||||
|
||||
socket.on('connect', () => {
|
||||
socket.emit('loginByToken', token, () => {});
|
||||
});
|
||||
|
||||
socket.on('heartbeatList', (_, data) => {
|
||||
let recent = data[data.length - 1];
|
||||
let monitor: Heartbeat = {
|
||||
monitorID: recent.monitor_id,
|
||||
status: recent.status,
|
||||
time: recent.time,
|
||||
msg: recent.msg,
|
||||
ping: recent.ping,
|
||||
important: recent.important,
|
||||
duration: recent.duration
|
||||
};
|
||||
monitorList.set(monitor.monitorID, monitor);
|
||||
monitorList = new Map(monitorList.entries());
|
||||
$uptimeStore = monitorList;
|
||||
});
|
||||
|
||||
socket.on('heartbeat', (data) => {
|
||||
monitorList.set(data.monitorID, data);
|
||||
monitorList = new Map(monitorList.entries());
|
||||
$uptimeStore = monitorList;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
async function get(url: string): Promise<any> {
|
||||
let res = await fetch(url);
|
||||
if (res.ok) {
|
||||
|
@ -89,6 +43,6 @@
|
|||
|
||||
<div class="flex max-h-full flex-row flex-wrap justify-center gap-10 overflow-auto p-8">
|
||||
{#each services as service}
|
||||
<ServiceCard {service} {icons} monitor={monitorList.get(service.id)} />
|
||||
<ServiceCard {service} {icons} />
|
||||
{/each}
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue