feat: basecontroller

frontend/src/controllers/base-controller.ts

@@ -0,0 +1,73 @@
+import { API_BASE } from "../../config.ts";
+
+export class BaseController {
+    protected baseUrl: string;
+
+    constructor(basePath: string) {
+        this.baseUrl = `${API_BASE}/${basePath}`;
+    }
+
+    protected async get<T>(path: string, queryParams?: Record<string, any>): Promise<T> {
+        let url = `${this.baseUrl}${path}`;
+        if (queryParams) {
+            const query = new URLSearchParams();
+            Object.entries(queryParams).forEach(([key, value]) => {
+                if (value !== undefined && value !== null) {
+                    query.append(key, value.toString());
+                }
+            });
+            url += `?${query.toString()}`;
+        }
+
+        const res = await fetch(url);
+        if (!res.ok) {
+            const errorData = await res.json().catch(() => ({}));
+            throw new Error(errorData?.error || `Error ${res.status}: ${res.statusText}`);
+        }
+
+        return res.json();
+    }
+
+    protected async post<T>(path: string, body: unknown): Promise<T> {
+        const res = await fetch(`${this.baseUrl}${path}`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(body),
+        });
+
+        if (!res.ok) {
+            const errorData = await res.json().catch(() => ({}));
+            throw new Error(errorData?.error || `Error ${res.status}: ${res.statusText}`);
+        }
+
+        return res.json();
+    }
+
+    protected async delete<T>(path: string): Promise<T> {
+        const res = await fetch(`${this.baseUrl}${path}`, {
+            method: "DELETE",
+        });
+
+        if (!res.ok) {
+            const errorData = await res.json().catch(() => ({}));
+            throw new Error(errorData?.error || `Error ${res.status}: ${res.statusText}`);
+        }
+
+        return res.json();
+    }
+
+    protected async put<T>(path: string, body: unknown): Promise<T> {
+        const res = await fetch(`${this.baseUrl}${path}`, {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(body),
+        });
+
+        if (!res.ok) {
+            const errorData = await res.json().catch(() => ({}));
+            throw new Error(errorData?.error || `Error ${res.status}: ${res.statusText}`);
+        }
+
+        return res.json();
+    }
+}

frontend/src/controllers/controllers.ts

@@ -0,0 +1,14 @@
+import {ThemeController} from "@/controllers/themes.ts";
+
+export function controllerGetter<T>(Factory: new () => T): () => T {
+    let instance: T | undefined;
+
+    return (): T => {
+        if (!instance) {
+            instance = new Factory();
+        }
+        return instance;
+    };
+}
+
+export const getThemeController = controllerGetter(ThemeController);

frontend/src/controllers/themes.ts

@@ -0,0 +1,16 @@
+import {BaseController} from "@/controllers/base-controller.ts";
+
+export class ThemeController extends BaseController {
+    constructor() {
+        super("theme");
+    }
+
+    getAll(language: string | null = null) {
+        const query = language ? { language } : undefined;
+        return this.get<any[]>("/", query);
+    }
+
+    getHruidsByKey(themeKey: string) {
+        return this.get<string[]>(`/${encodeURIComponent(themeKey)}`);
+    }
+}