Implement basic saved point editor

src/lib/api/base.ts

@@ -0,0 +1,64 @@
+import { getCsrfToken } from "$lib/auth";
+
+export const API_BASE_URL = "http://localhost:8000/api";
+
+export async function fetchAPI<T>(endpoint: string, options: RequestInit = {}): Promise<T> {
+    let csrfToken = await getCsrfToken();
+    if (!csrfToken) {
+        console.warn("CSRF token not found, using empty string.");
+        csrfToken = "";
+    }
+    const url = `${API_BASE_URL}${endpoint}`;
+    options.credentials = "include"; // Include cookies in the request
+    options.headers = {
+        ...options.headers,
+        "Content-Type": "application/json",
+        "X-CSRFToken": csrfToken,
+    };
+    try {
+        const response = await fetch(url, options);
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        if (response.status === 204) {
+            // No content response
+            return {} as T; // Return an empty object for 204 responses
+        }
+        return await response.json() as T;
+    } catch (error) {
+        console.error(`Error fetching ${url}:`, error);
+        throw error;
+    }
+}
+
+export function postAPI<T>(endpoint: string, data: any): Promise<T> {
+    return fetchAPI<T>(endpoint, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify(data),
+    });
+}
+
+export function getAPI<T>(endpoint: string): Promise<T> {
+    return fetchAPI<T>(endpoint, {
+        method: "GET",
+    });
+}
+
+export function putAPI<T>(endpoint: string, data: any): Promise<T> {
+    return fetchAPI<T>(endpoint, {
+        method: "PUT",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify(data),
+    });
+}
+
+export function deleteAPI<T>(endpoint: string): Promise<T> {
+    return fetchAPI<T>(endpoint, {
+        method: "DELETE",
+    });
+}

src/lib/api/points.ts

@@ -0,0 +1,19 @@
+/* API functions for Saved Points */
+import type { SavedPoint } from "$lib/types";
+import { getAPI, postAPI, putAPI, deleteAPI } from "./base";
+
+export function getSavedPoints(): Promise<SavedPoint[]> {
+    return getAPI<SavedPoint[]>("/saved-points/");
+}
+
+export function savePoint(point: SavedPoint): Promise<SavedPoint> {
+    return postAPI<SavedPoint>("/saved-points/", point);
+}
+
+export function updatePoint(point: SavedPoint): Promise<SavedPoint> {
+    return putAPI<SavedPoint>(`/saved-points/${point.id}/`, point);
+}
+
+export function deletePoint(id: number): Promise<void> {
+    return deleteAPI<void>(`/saved-points/${id}/`);
+}