FEAT: NGINX Proxy Manager

src/components/services/widgets/service/npm.jsx

@@ -2,49 +2,35 @@ import useSWR from "swr";
 
 import Widget from "../widget";
 import Block from "../block";
-import { useState } from "react";
 
 export default function Npm({ service }) {
   const config = service.widget;
   const { url } = config;
 
-  const [token, setToken] = useState();
-
   const fetcher = async (reqUrl) => {
-    const { url, email, password } = config;
+    const { url, username, password } = config;
-    const urlConstructed = `${url}/api/tokens`;
+    const loginUrl = `${url}/api/tokens`;
-    const body = { identity: email, secret: password };
+    const body = { identity: username, secret: password };
 
-    if (!token) {
+    const res = await fetch(loginUrl, {
-      const res = await fetch(urlConstructed, {
+      method: "POST",
-        method: "POST",
+      body: JSON.stringify(body),
-        body: JSON.stringify(body),
+      headers: {
-        headers: {
+        "Content-Type": "application/json",
-          "Content-Type": "application/json",
+      },
-        },
+    })
-      })
+      .then((response) => response.json())
-        .then((response) => response.json())
+      .then(
-        .then(
+        async (data) =>
-          async (data) =>
+          await fetch(reqUrl, {
-            await fetch(reqUrl, {
+            method: "GET",
-              method: "GET",
+            headers: {
-              headers: {
+              "Content-Type": "application/json",
-                "Content-Type": "application/json",
+              Authorization: "Bearer " + data.token,
-                Authorization: "Bearer " + data.token,
+            },
-              },
+          })
-            })
+      );
-        );
+    return res.json();
-      return res.json();
-    } else {
-      const resp = await fetch(reqUrl, {
-        method: "GET",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: "Bearer " + token,
-        },
-      });
-      return resp.json();
-    }
   };
 
   const { data: infoData, error: infoError } = useSWR(`${url}/api/nginx/proxy-hosts`, fetcher);

src/skeleton/services.yaml

@@ -5,6 +5,11 @@
     - My First Service:
         href: http://localhosdt/
         description: Homepage is awesome
+        widget:
+          type: npm # npm for NGINX Proxy Manager
+          url: http://localhost:81 # no slash at the end
+          username: aidenpwnz@proton.me # your email
+          password: AidenProxy1994! # your password
 
 - My Second Group:
     - My Second Service: