Rename Postgres tables for better recognition and add additional routes in web app

web-app/src/routes/(authenticated)/+page.server.ts

@@ -0,0 +1,107 @@
+export const load = async ({ fetch, cookies, url }) => {
+  const searchQuery = url.searchParams.get("website_search_query");
+  const sortBy = url.searchParams.get("website_sort");
+
+  const params = new URLSearchParams();
+
+  const baseFetchUrl = "http://localhost:3000/website";
+
+  if (searchQuery) {
+    params.append("website_title", `ilike.*${searchQuery}*`);
+  }
+
+  switch (sortBy) {
+    case "creation-time":
+      params.append("order", "created_at.desc");
+      break;
+    case "last-modified":
+      params.append("order", "last_modified_at.desc");
+      break;
+    case "title-a-to-z":
+      params.append("order", "title.asc");
+      break;
+    case "title-z-to-a":
+      params.append("order", "title.desc");
+      break;
+  }
+
+  const constructedFetchUrl = `${baseFetchUrl}?${params.toString()}`;
+
+  const websiteData = await fetch(constructedFetchUrl, {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${cookies.get("session_token")}`
+    }
+  });
+
+  const websites = await websiteData.json();
+
+  return {
+    websites
+  };
+};
+
+export const actions = {
+  createWebsite: async ({ request, fetch, cookies }) => {
+    const data = await request.formData();
+
+    const res = await fetch("http://localhost:3000/rpc/create_website", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${cookies.get("session_token")}`
+      },
+      body: JSON.stringify({
+        content_type: data.get("content-type"),
+        title: data.get("title")
+      })
+    });
+
+    if (!res.ok) {
+      const response = await res.json();
+      return { createWebsite: { success: false, message: response.message } };
+    }
+
+    return { createWebsite: { success: true, operation: "created" } };
+  },
+  updateWebsite: async ({ request, cookies, fetch }) => {
+    const data = await request.formData();
+
+    const res = await fetch(`http://localhost:3000/website?id=eq.${data.get("id")}`, {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${cookies.get("session_token")}`
+      },
+      body: JSON.stringify({
+        title: data.get("title")
+      })
+    });
+
+    if (!res.ok) {
+      const response = await res.json();
+      return { updateWebsite: { success: false, message: response.message } };
+    }
+
+    return { updateWebsite: { success: true, operation: "updated" } };
+  },
+  deleteWebsite: async ({ request, cookies, fetch }) => {
+    const data = await request.formData();
+
+    const res = await fetch(`http://localhost:3000/website?id=eq.${data.get("id")}`, {
+      method: "DELETE",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${cookies.get("session_token")}`
+      }
+    });
+
+    if (!res.ok) {
+      const response = await res.json();
+      return { deleteWebsite: { success: false, message: response.message } };
+    }
+
+    return { deleteWebsite: { success: true, operation: "deleted" } };
+  }
+};