Neshweb-Sites/main-site
Neshweb-Sites/main-site
1
0
Fork 0
Code Issues 2 Pull requests Releases 9 Packages Activity Actions

Merge branch 'main' into rework/cards

Browse source
This commit is contained in:
Neshura 2023-03-15 18:44:55 +01:00
commit 3f077029c6
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C
13 changed files with 166 additions and 172 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.gitignore vendored
View file

@ -16,4 +16,5 @@ yarn-error.log*
# production
/build/
/data/
/confs/
/confs/
/private/

45
Dockerfile
View file

@ -1,45 +0,0 @@
## INIT STEP
# Install dependencies only when needed
FROM node:18-alpine AS deps
RUN apk add --no-cache libc6-compat
WORKDIR /app
# Copy the files needed to install deps
COPY package.json yarn.lock ./
RUN yarn install --frozen-lockfile
## BUILD STEP
# Rebuild the source code only when needed
FROM node:18-alpine AS builder
WORKDIR /app
# Copy node_modules installed by the deps step
COPY --from=deps /app/node_modules ./node_modules
COPY . .
RUN yarn build
## RUN STEP
FROM node:18-alpine AS runner
LABEL author="neshura@proton.me"
WORKDIR /usr/src/app
ENV NODE_ENV production
COPY --from=builder /app/public ./public
COPY --from=builder /app/node_modules ./node_modules
# Automatically leverage output traces to reduce image size
# https://nextjs.org/docs/advanced-features/output-file-tracing
COPY --from=builder /app/.next/standalone ./
COPY --from=builder /app/.next/static ./.next/static
# expose port 3000
ENV PORT 3000
EXPOSE 3000
CMD [ "yarn", "start" ]

5
README.md Normal file
View file

@ -0,0 +1,5 @@
# Main Page Repository
Release URL: [www.neshweb.net](https://www.neshweb.net)
Development URL: [wip.neshweb.net](https://wip.neshweb.net)

18
components/layout.tsx
View file

@ -48,24 +48,6 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
defer src='https://static.cloudflareinsights.com/beacon.min.js'
data-cf-beacon='{"token": "826fc083aa86417890c0ceb3e0a597fa"}'>
</Script>
<Script id="matomo_analytics">
{`
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "www.neshweb.net"]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tracking.neshweb.net/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '2']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
`}
</Script>
<PageNavbar mobile={isMobile}/>
<Main>

1
interfaces/CardTypes.ts
View file

@ -35,6 +35,7 @@ export enum Status {
export enum ServiceLocation {
brr7_4800u = "brr7-4800u",
tower_0 = "tower-0",
other = ""
}

11
interfaces/DockerStatus.ts Normal file
View file

@ -0,0 +1,11 @@
import { ServiceLocation } from './CardTypes';
export interface DockerInfo {
name: string,
status: DockerStatus,
id: string
location: ServiceLocation,
}
export enum DockerStatus {
running = "running",
}

6
package.json
View file

@ -3,10 +3,10 @@
"version": "0.2.0",
"private": true,
"scripts": {
"dev:debug": "NODE_OPTIONS='--inspect' next dev -p 4040",
"dev": "next dev -p 4040",
"dev:debug": "NODE_OPTIONS='--inspect' next dev -H :: -p 8001",
"dev": "next dev -H :: -p 8001",
"build": "next build",
"start": "next start",
"start": "next start -H :: -p 8001",
"lint": "next lint"
},
"dependencies": {

3
pages/about.tsx
View file

@ -14,7 +14,8 @@ export default function About() {
About
</PageTitle>
<PageDescription>
This website is primarily for managing my game servers in one spot
I&apos;m currently expanding what I want to do with this site.
Currently a list of available services and servers is available via the respective navbar entry.
</PageDescription>
</>
)

28
pages/api/containers.tsx
View file

@ -1,13 +1,29 @@
import Docker from 'dockerode'
import ApiSecret from '../../private/portainer_api_secret.json'
import { DockerInfo } from '../../interfaces/DockerStatus';
import { ServiceLocation } from '../../interfaces/CardTypes';
export default async function ContainersAPI(req: any, res: any) {
const token = JSON.parse(JSON.stringify(ApiSecret.token));
try {
const options = {
socketPath: '/var/run/docker.sock',
path: '/v1.41/containers/json'
};
var docker = new Docker({ socketPath: options.socketPath });
const list = await docker.listContainers({ all: true })
const res1 = await fetch('https://portainer.neshweb.net/api/endpoints/2/docker/containers/json', {
method: "GET",
headers: {"X-API-Key": token}
});
const unparsed = await res1.json();
let list: DockerInfo[] = [];
unparsed.forEach((entry: any) => {
let newEntry = {} as DockerInfo;
newEntry.name = entry.Names[0].substring(1);
newEntry.status = entry.State;
newEntry.id = entry.Id;
newEntry.location = ServiceLocation.tower_0;
list.push(newEntry);
});
res.status(200).json(list);
}

4
pages/games.tsx → pages/servers.tsx
View file

@ -1,7 +1,7 @@
import Head from 'next/head'
import { Game } from '../interfaces/CardTypes';
import { PageContentBox, PageDescription, PageTitle, CardContentGame } from '../components/styles/content'
import GameList from '../public/pages.json';
import GameList from '../public/data/pages.json';
function Servers() {
// TODO: unuggly this shit
@ -9,7 +9,7 @@ function Servers() {
return (
<>
<Head>
<title>Neshweb - Games</title>
<title>Neshweb - Servers</title>
<meta charSet='utf-8' />
<link rel="icon" href="/favicon.ico" />
</Head>

130
pages/services.tsx
View file

@ -3,10 +3,9 @@ import { Service, Status, ServiceType, ServiceLocation } from '../interfaces/Car
import Dockerode from 'dockerode';
import { ReactElement } from 'react'
import useSWR from 'swr';
import { CardContentService, PageContentBoxNew as PageContentBox, PageDescription, PageTitle } from '../components/styles/content';
import { ServiceCardMobile } from '../components/styles/cards/mobile';
import ServiceList from '../public/pages.json';
import useWindowSize from '../components/windowsize';
import ServiceList from '../public/data/pages.json';
import { DockerInfo } from '../interfaces/DockerStatus';
import { CardContentService, PageContentBox, PageDescription, PageTitle } from '../components/styles/content';
const fetcher = (url: string) => fetch(url).then((res) => res.json())
@ -79,82 +78,12 @@ function Services() {
)
}
async function getStatus(entry: Service, containers: Dockerode.ContainerInfo[]) {
async function getStatus(entry: Service, containers: DockerInfo[]) {
// 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
// Location BRR7-4800U
if (entry.location === ServiceLocation.brr7_4800u) {
// Type APP
if (entry.type === ServiceType.app) {
await fetch(entry.href)
.then((response) => {
if (response.ok) {
switch (response.status) {
case 200:
case 301:
case 302:
entry.status = Status.online;
break;
default:
entry.status = Status.offline;
}
}
else {
entry.status = Status.offline;
}
})
.catch((error) => {
console.error("Error pinging Website: ", error);
entry.status = Status.error;
})
}
// Type Docker
else if (entry.type === ServiceType.docker) {
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 = Status.online;
break;
default:
console.log("Container Status " + container.State + " has no case implemented");
entry.status = Status.offline;
}
found = true;
// cancel the for
break;
}
// If container name is not missing the container is set to offline
else {
entry.status = Status.offline;
}
}
if (!found) {
console.warn("Container for " + entry.name + " could not be found");
}
}
// if name is null do not enter for loop
else {
console.error("Container Name not specified");
entry.status = Status.error;
}
}
// If no Type matches
else {
console.warn("Service Type for Service " + entry.name + " not specified or invalid");
entry.status = Status.error;
}
}
// Location Other
// TODO: implement docker type for other locations
else if (entry.location === ServiceLocation.other) {
// Currently uses the same handling as app type for the other location
// Type APP
if (entry.type === ServiceType.app) {
await fetch(entry.href)
.then((response) => {
if (response.ok) {
@ -177,15 +106,54 @@ async function getStatus(entry: Service, containers: Dockerode.ContainerInfo[])
entry.status = Status.error;
})
}
// If no Location matches
// Type Docker
else if (entry.type === ServiceType.docker) {
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 (container.name === entry.docker_container_name) {
if (container.location === entry.location) {
// so far only "running" is properly implemented, mroe cases to follow as needed
switch (container.status) {
case "running":
entry.status = Status.online;
break;
default:
console.log("Container Status " + container.status + " has no case implemented");
entry.status = Status.offline;
}
found = true;
// cancel the for
break;
}
}
// If container name is not missing the container is set to offline
else {
entry.status = Status.offline;
}
}
if (!found) {
console.warn("Container for " + entry.name + " could not be found");
}
}
// if name is null do not enter for loop
else {
console.error("Container Name not specified");
entry.status = Status.error;
}
}
// If no Type matches
else {
console.warn("Service Location for Service " + entry.name + " not specified");
console.warn("Service Type for Service " + entry.name + " not specified or invalid");
entry.status = Status.error;
}
return entry;
}
const fetchFullDataArray = (containerData: Dockerode.ContainerInfo[], dataSet: Service[]) => {
const fetchFullDataArray = (containerData: DockerInfo[], dataSet: Service[]) => {
const fetchStatus = (entry: Service) => getStatus(entry, containerData);
return Promise.all(dataSet.map(fetchStatus));
}
@ -207,4 +175,4 @@ function useServices() {
};
}
export default Services
export default Services

4
public/data/navbar.json
View file

@ -9,8 +9,8 @@
"href": "/about"
},
{
"name": "Games",
"href": "/games"
"name": "Servers",
"href": "/servers"
},
{
"name": "Services",

80
public/pages.json → public/data/pages.json
View file

@ -3,26 +3,39 @@
{
"name": "Nextcloud",
"icon": "/icons/nextcloud-logo.svg",
<<<<<<< HEAD:public/pages.json
"href": "https://nextcloud.neshweb.net/",
"desc1": "Cloud Storage",
"desc": "Self-hosted Cloud Storage Service but longer and hopefully with wrap as well as some extra just to make sure",
=======
"href": "https://nextcloud.neshweb.net",
"desc": "Self-hosted Cloud Storage Service",
>>>>>>> main:public/data/pages.json
"warn": "Note: Registration requires approval",
"extLink": "https://qwant.com",
"extName": "Qwant",
"type": "docker",
"docker_container_name": "nextcloud",
"location": "brr7-4800u"
"location": "tower-0"
},
{
<<<<<<< HEAD:public/pages.json
"name": "Komga",
"icon": "/icons/komga-logo.png",
"href": "https://komga.neshweb.net/",
"desc1": "Manga/Comics",
"desc": "Self-hosted Comic Library",
"warn": "Note: Registration only via Admin",
=======
"name": "Kavita",
"icon": "/icons/kavita-logo.svg",
"href": "https://kavita.neshweb.net",
"desc": "Self-hosted Manga Library",
"warn": "Registration via Admin invite",
>>>>>>> main:public/data/pages.json
"type": "docker",
"docker_container_name": "komga",
"location": "brr7-4800u"
"docker_container_name": "kavita",
"location": "tower-0"
},
{
"name": "Calibre Web",
@ -31,30 +44,50 @@
"desc1": "eBooks",
"desc": "Self-hosted Ebook Library Service",
"warn": "Note: Registration only via Admin",
"type": "app",
"location": "brr7-4800u"
"type": "docker",
"docker_container_name": "calibre-web",
"location": "tower-0"
},
{
"name": "PeerTube",
"icon": "/icons/peertube-logo.svg",
<<<<<<< HEAD:public/pages.json
"href": "https://tube.neshweb.net/",
"desc1": "Video Platform",
=======
"href": "https://tube.neshweb.net",
>>>>>>> main:public/data/pages.json
"desc": "Self-hosted PeerTube Instance",
"warn": "Note: Registration only via Admin",
"type": "docker",
"docker_container_name": "peertube",
"location": "brr7-4800u"
"location": "tower-0"
},
{
"name": "Mastodon",
"icon": "/icons/mastodon-logo.svg",
<<<<<<< HEAD:public/pages.json
"href": "https://mastodon.neshweb.net/",
"desc1": "Twitter Alternative",
=======
"href": "https://mastodon.neshweb.net",
>>>>>>> main:public/data/pages.json
"desc": "Self-hosted Mastodon Instance",
"warn": "Note: Registration requires approval",
"type": "docker",
"docker_container_name": "mastodon-web",
"location": "brr7-4800u"
"location": "tower-0"
},
{
"name": "Vaultwarden",
"icon": "/icons/vaultwarden-logo.svg",
"href": "https://vault.neshweb.net",
"desc": "Self-hosted Password Manager",
"warn": "Note: Invite only",
"type": "docker",
"docker_container_name": "vaultwarden",
"location": "tower-0"
},
{
"name": "File Browser",
@ -64,7 +97,7 @@
"warn": "Note: Registration only via Admin",
"type": "docker",
"docker_container_name": "filebrowser",
"location": "brr7-4800u"
"location": "tower-0"
},
{
"name": "Jellyfin",
@ -75,7 +108,7 @@
"warn": "Note: Registration only via Admin",
"type": "docker",
"docker_container_name": "jellyfin",
"location": "brr7-4800u"
"location": "tower-0"
},
{
"name": "Navidrome",
@ -86,7 +119,7 @@
"warn": "Note: Registration only via Admin",
"type": "docker",
"docker_container_name": "navidrome",
"location": "brr7-4800u"
"location": "tower-0"
},
{
"name": "Picard",
@ -96,7 +129,7 @@
"warn": "Note: Access only via Admin",
"type": "docker",
"docker_container_name": "picard",
"location": "brr7-4800u"
"location": "tower-0"
},
{
"name": "Gitlab",
@ -107,7 +140,7 @@
"warn": "Note: Registration only via Admin",
"type": "docker",
"docker_container_name": "gitlab",
"location": "brr7-4800u"
"location": "tower-0"
},
{
"name": "Portainer",
@ -118,7 +151,7 @@
"warn": "Note: Admin Only",
"type": "docker",
"docker_container_name": "portainer",
"location": "brr7-4800u"
"location": "tower-0"
},
{
"name": "Nginx",
@ -129,6 +162,7 @@
"warn": "Note: Admin Only",
"type": "docker",
"docker_container_name": "nginx-prox",
<<<<<<< HEAD:public/pages.json
"location": "brr7-4800u"
},
{
@ -174,6 +208,18 @@
"type": "docker",
"docker_container_name": "Debug",
"location": "brr7-4800u"
=======
"location": "tower-0"
},
{
"name": "Proxmox",
"icon": "/icons/proxmox-logo.png",
"href": "https://proxmox.neshweb.net/",
"desc": "Hypervisor Webinterface",
"warn": "Note: Admin Only",
"type": "app",
"location": ""
>>>>>>> main:public/data/pages.json
}
],
"games": {
@ -194,6 +240,14 @@
"icon": "/icons/zomboid-logo.png",
"ip": "91.13.248.30",
"status": "Online"
},
"factorio": {
"name": "Factorio",
"status": "Online"
},
"space_engineers": {
"name": "Space Engineers",
"status": "Online"
}
}
}