React Interface v3

frontend/src/js/utils.tsx

@@ -0,0 +1,105 @@
+import { showNotification } from "@mantine/notifications";
+import { ImCross } from "react-icons/im";
+import { TiTick } from "react-icons/ti"
+import { GeneralStats, Service, ServiceAddForm, ServerResponse, RegexFilter, notification_time, RegexAddForm } from "./models";
+
+var Buffer = require('buffer').Buffer 
+
+export async function getapi(path:string):Promise<any>{
+    return await fetch(`/api/${path}`).then( res => res.json() )
+}
+
+export async function postapi(path:string,data:any):Promise<any>{
+    return await fetch(`/api/${path}`, {
+        method: 'POST',
+        cache: 'no-cache',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+    }).then(res => res.json());
+}
+
+
+export async function generalstats(){
+    return await getapi("general-stats") as GeneralStats;
+}
+
+export async function servicelist(){
+    return await getapi("services") as Service[];
+}
+
+export async function serviceinfo(service_id:string){
+    return await getapi(`service/${service_id}`) as Service;
+}
+
+export async function addservice(data:ServiceAddForm) {
+    const { status } = await postapi("services/add",data) as ServerResponse;
+    return status === "ok"?undefined:status
+}
+
+export async function addregex(data:RegexAddForm) {
+    const { status } = await postapi("regexes/add",data) as ServerResponse;
+    return status === "ok"?undefined:status
+}
+
+export async function serviceregexlist(service_id:string){
+    return await getapi(`service/${service_id}/regexes`) as RegexFilter[];
+}
+
+const unescapedChars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ!\"#$&\'()*+,-./:;<=>?@[\\]^_`{|}~ ";
+
+export function getHumanReadableRegex(regexB64:string){
+    const regex = Buffer.from(regexB64, "base64")
+    let res = ""
+    for (let i=0; i < regex.length; i++){
+        const byte = String.fromCharCode(regex[i]);
+        if (unescapedChars.includes(byte)){
+            res+=byte
+        }else{
+            res+="%"+regex[i].toString(16)
+        }
+    }
+    return res
+}
+
+export function errorNotify(title:string, description:string ){
+    showNotification({
+        autoClose: notification_time,
+        title: title,
+        message: description,
+        color: 'red',
+        icon: <ImCross />,
+    });
+}
+
+export function okNotify(title:string, description:string ){
+    showNotification({
+        autoClose: notification_time,
+        title: title,
+        message: description,
+        color: 'teal',
+        icon: <TiTick />,
+    });
+}
+
+export function validateRegex(pattern:string) {
+    var parts = pattern.split('/'),
+        regex = pattern,
+        options = "";
+    if (parts.length > 1) {
+        regex = parts[1];
+        options = parts[2];
+    }
+    try {
+        new RegExp(regex, options);
+        return true;
+    }
+    catch(e) {
+        return false;
+    }
+}
+
+export function b64encode(data:string){
+    return Buffer.from(data).toString('base64')
+}