2022-12-03 20:02:13 +00:00
|
|
|
import Head from 'next/head'
|
|
|
|
|
import Link from 'next/link'
|
|
|
|
|
import styles from '/styles/Home.module.css'
|
2022-12-11 17:39:09 +00:00
|
|
|
import { Service, ServiceStatus, ServiceType, ServiceLocation } from '../interfaces/Services';
|
2022-12-03 20:02:13 +00:00
|
|
|
import Dockerode from 'dockerode';
|
2022-12-11 15:30:11 +00:00
|
|
|
import { ReactElement } from 'react'
|
|
|
|
|
import useSWR from 'swr';
|
2022-12-11 17:39:09 +00:00
|
|
|
import Image from 'next/image';
|
2022-12-03 20:02:13 +00:00
|
|
|
|
2022-12-10 02:02:03 +00:00
|
|
|
const fetcher = (url: string) => fetch(url).then((res) => res.json())
|
2022-12-03 20:02:13 +00:00
|
|
|
|
2022-12-11 15:30:11 +00:00
|
|
|
function Services() {
|
|
|
|
|
const { initialData, fullData, loadingInitial, loadingFull, error } = useServices();
|
2022-12-10 02:02:03 +00:00
|
|
|
|
2022-12-11 15:30:11 +00:00
|
|
|
let content: ReactElement = <></>;
|
2022-12-10 02:02:03 +00:00
|
|
|
|
2022-12-11 15:30:11 +00:00
|
|
|
if (error) { content = <div>Error loading data</div> }
|
2022-12-11 17:39:09 +00:00
|
|
|
else if (loadingInitial) { content = <div>Loading</div> }
|
2022-12-11 15:30:11 +00:00
|
|
|
else if (loadingFull) {
|
|
|
|
|
content =
|
|
|
|
|
<div className={styles.grid}>
|
|
|
|
|
{initialData?.map((item: Service) => (
|
2022-12-14 18:35:27 +00:00
|
|
|
<Link className={styles.contentcard} key={item.name} href={item.href}>
|
|
|
|
|
<div className={styles.contentTitle}>
|
|
|
|
|
{
|
|
|
|
|
item.icon ? (
|
|
|
|
|
<div className={styles.contentIcon}>
|
|
|
|
|
<Image alt="icon" src={item.icon} layout="fill" objectFit="contain"></Image>
|
|
|
|
|
</div>
|
|
|
|
|
) : (<></>)
|
|
|
|
|
}
|
|
|
|
|
<h2>{item.name}</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div className={item.status === ServiceStatus.online ? styles.statusOnline : item.status === ServiceStatus.offline ? styles.statusOffline : styles.statusLoading}>
|
|
|
|
|
{item.status}
|
|
|
|
|
</div>
|
|
|
|
|
<div><p>{item.desc}</p></div>
|
|
|
|
|
<div className={styles.cardwarn}><p>{item.warn}</p></div>
|
2022-12-11 15:30:11 +00:00
|
|
|
</Link>
|
|
|
|
|
))}
|
|
|
|
|
</div>
|
2022-12-10 02:02:03 +00:00
|
|
|
}
|
2022-12-11 15:30:11 +00:00
|
|
|
else if (fullData) {
|
2022-12-10 02:02:03 +00:00
|
|
|
content =
|
|
|
|
|
<div className={styles.grid}>
|
2022-12-11 15:30:11 +00:00
|
|
|
{fullData.map((item: Service) => (
|
2022-12-14 18:35:27 +00:00
|
|
|
<Link className={styles.contentcard} key={item.name} href={item.href}>
|
|
|
|
|
<div className={styles.contentTitle}>
|
|
|
|
|
{
|
|
|
|
|
item.icon ? (
|
|
|
|
|
<div className={styles.contentIcon}>
|
|
|
|
|
<Image alt="icon" src={item.icon} fill></Image>
|
|
|
|
|
</div>
|
|
|
|
|
) : (<></>)
|
|
|
|
|
}
|
|
|
|
|
<h2>{item.name}</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div className={item.status === ServiceStatus.online ? styles.statusOnline : item.status === ServiceStatus.offline ? styles.statusOffline : styles.statusLoading}>
|
|
|
|
|
{item.status}
|
|
|
|
|
</div>
|
|
|
|
|
<div><p>{item.desc}</p></div>
|
|
|
|
|
<div className={styles.cardwarn}><p>{item.warn}</p></div>
|
2022-12-10 02:02:03 +00:00
|
|
|
</Link>
|
|
|
|
|
))}
|
|
|
|
|
</div>
|
|
|
|
|
}
|
2022-12-11 15:30:11 +00:00
|
|
|
else {
|
|
|
|
|
content = <div>Error loading data</div>
|
|
|
|
|
}
|
|
|
|
|
|
2022-12-03 20:02:13 +00:00
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Neshura Servers</title>
|
|
|
|
|
<meta charSet='utf-8' />
|
|
|
|
|
<link rel="icon" href="/favicon.ico" />
|
2022-12-10 02:02:03 +00:00
|
|
|
<meta name="description" content="Lists all available Services, most likely up-to-date" />
|
2022-12-03 20:02:13 +00:00
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
<h1 className={styles.title}>
|
|
|
|
|
Service List
|
|
|
|
|
</h1>
|
|
|
|
|
|
|
|
|
|
<p className={styles.description}>
|
|
|
|
|
Lists all available Services, most likely up-to-date
|
|
|
|
|
</p>
|
2022-12-10 02:02:03 +00:00
|
|
|
|
|
|
|
|
{content}
|
2022-12-03 20:02:13 +00:00
|
|
|
</>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
2022-12-11 15:30:11 +00:00
|
|
|
async function getStatus(entry: Service, containers: Dockerode.ContainerInfo[]) {
|
|
|
|
|
// Currently the only location supporting different fetching depending on type is brr7-4800u
|
|
|
|
|
// Others to follow but low prio as this is currently the only location used
|
2022-12-10 02:02:03 +00:00
|
|
|
|
2022-12-11 15:30:11 +00:00
|
|
|
// Location BRR7-4800U
|
2022-12-10 02:02:03 +00:00
|
|
|
if (entry.location === ServiceLocation.brr7_4800u) {
|
2022-12-11 15:30:11 +00:00
|
|
|
// Type APP
|
2022-12-10 02:02:03 +00:00
|
|
|
if (entry.type === ServiceType.app) {
|
2022-12-11 15:30:11 +00:00
|
|
|
await fetch(entry.href)
|
|
|
|
|
.then((response) => {
|
|
|
|
|
if (response.ok) {
|
2022-12-11 16:11:02 +00:00
|
|
|
switch (response.status) {
|
2022-12-11 15:30:11 +00:00
|
|
|
case 200:
|
|
|
|
|
case 301:
|
|
|
|
|
case 302:
|
|
|
|
|
entry.status = ServiceStatus.online;
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
entry.status = ServiceStatus.offline;
|
2022-12-03 20:02:13 +00:00
|
|
|
}
|
2022-12-10 02:02:03 +00:00
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
entry.status = ServiceStatus.offline;
|
|
|
|
|
}
|
2022-12-03 20:02:13 +00:00
|
|
|
})
|
2022-12-11 15:30:11 +00:00
|
|
|
.catch((error) => {
|
|
|
|
|
console.error("Error pinging Website: ", error);
|
2022-12-10 02:02:03 +00:00
|
|
|
entry.status = ServiceStatus.error;
|
2022-12-11 15:30:11 +00:00
|
|
|
})
|
2022-12-10 02:02:03 +00:00
|
|
|
}
|
2022-12-11 15:30:11 +00:00
|
|
|
// Type Docker
|
|
|
|
|
else if (entry.type === ServiceType.docker) {
|
2022-12-11 16:24:03 +00:00
|
|
|
if (entry.name !== null) {
|
|
|
|
|
let found = false;
|
|
|
|
|
for (let i = 0; i < containers.length; i++) {
|
|
|
|
|
const container = containers[i];
|
|
|
|
|
// Docker API returns container names with / prepended
|
|
|
|
|
if (containers[i].Names.includes("/" + entry.docker_container_name)) {
|
|
|
|
|
// so far only "running" is properly implemented, mroe cases to follow as needed
|
|
|
|
|
switch (container.State) {
|
|
|
|
|
case "running":
|
|
|
|
|
entry.status = ServiceStatus.online;
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
console.log("Container Status " + container.State + " has no case implemented");
|
|
|
|
|
entry.status = ServiceStatus.offline;
|
|
|
|
|
}
|
|
|
|
|
found = true;
|
|
|
|
|
// cancel the for
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
// If container name is not missing the container is set to offline
|
|
|
|
|
else {
|
|
|
|
|
entry.status = ServiceStatus.offline;
|
2022-12-10 02:12:08 +00:00
|
|
|
}
|
|
|
|
|
}
|
2022-12-11 16:24:03 +00:00
|
|
|
if (!found) {
|
2022-12-11 15:30:11 +00:00
|
|
|
console.warn("Container for " + entry.name + " could not be found");
|
2022-12-10 02:02:03 +00:00
|
|
|
}
|
2022-12-11 16:11:02 +00:00
|
|
|
}
|
2022-12-11 16:24:03 +00:00
|
|
|
// if name is null do not enter for loop
|
|
|
|
|
else {
|
|
|
|
|
console.error("Container Name not specified");
|
|
|
|
|
entry.status = ServiceStatus.error;
|
|
|
|
|
}
|
2022-12-11 15:30:11 +00:00
|
|
|
}
|
|
|
|
|
// If no Type matches
|
|
|
|
|
else {
|
|
|
|
|
console.warn("Service Type for Service " + entry.name + " not specified or invalid");
|
|
|
|
|
entry.status = ServiceStatus.error;
|
2022-12-03 20:02:13 +00:00
|
|
|
}
|
|
|
|
|
}
|
2022-12-11 15:30:11 +00:00
|
|
|
// Location Other
|
|
|
|
|
// TODO: implement docker type for other locations
|
2022-12-10 02:02:03 +00:00
|
|
|
else if (entry.location === ServiceLocation.other) {
|
2022-12-11 15:30:11 +00:00
|
|
|
// Currently uses the same handling as app type for the other location
|
|
|
|
|
await fetch(entry.href)
|
2022-12-11 16:11:02 +00:00
|
|
|
.then((response) => {
|
|
|
|
|
if (response.ok) {
|
|
|
|
|
switch (response.status) {
|
|
|
|
|
case 200:
|
|
|
|
|
case 301:
|
|
|
|
|
case 302:
|
|
|
|
|
entry.status = ServiceStatus.online;
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
entry.status = ServiceStatus.offline;
|
2022-12-11 15:30:11 +00:00
|
|
|
}
|
2022-12-11 16:11:02 +00:00
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
entry.status = ServiceStatus.offline;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((error) => {
|
|
|
|
|
console.error("Error pinging Website: ", error);
|
|
|
|
|
entry.status = ServiceStatus.error;
|
|
|
|
|
})
|
2022-12-11 15:30:11 +00:00
|
|
|
}
|
|
|
|
|
// If no Location matches
|
|
|
|
|
else {
|
|
|
|
|
console.warn("Service Location for Service " + entry.name + " not specified");
|
|
|
|
|
entry.status = ServiceStatus.error;
|
2022-12-03 20:02:13 +00:00
|
|
|
}
|
2022-12-11 15:30:11 +00:00
|
|
|
return entry;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const fetchFullDataArray = (containerData: Dockerode.ContainerInfo[], dataSet: Service[]) => {
|
|
|
|
|
const fetchStatus = (entry: Service) => getStatus(entry, containerData);
|
|
|
|
|
return Promise.all(dataSet.map(fetchStatus));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function useServices() {
|
|
|
|
|
const { data: containerData, error: containerError } = useSWR('/api/containers', fetcher);
|
|
|
|
|
const { data: initialData, error: initialError } = useSWR('/api/services', fetcher);
|
|
|
|
|
const loadingInitial = !initialData && !initialError
|
|
|
|
|
const { data: fullData, error: fullError } = useSWR((initialData && containerData) ? [containerData, initialData] : null, fetchFullDataArray)
|
|
|
|
|
const loadingFull = !fullData && !fullError
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
initialData,
|
|
|
|
|
fullData,
|
|
|
|
|
loadingInitial,
|
|
|
|
|
loadingFull,
|
|
|
|
|
error: initialError || fullError || containerError,
|
|
|
|
|
};
|
2022-12-03 20:02:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default Services
|
