feat(vibes-api): restructure API modules and implement social API functions

Author: alightinastorm

src/App.tsx

@@ -16,8 +16,8 @@ export default function App() {
     syncThemeWithLocal();
     updateAppLanguage(i18n);
 
-    // Auto-open last project on startup
-    autoOpenLastProject();
+    // Auto-open last project on startup (temporarily disabled)
+    // autoOpenLastProject();
   }, [i18n, autoOpenLastProject]);
 
   return <RouterProvider router={router} />;

src/lib/vibes-api/api/fetchApi.ts

@@ -0,0 +1,16 @@
+export const VIBES_API_URL = process.env.API_URL || "http://localhost:3000";
+
+export const fetchApi = async (path: string, options: RequestInit = {}) => {
+  // Remove leading slash if present to avoid double slashes
+  const cleanPath = path.startsWith('/') ? path.slice(1) : path;
+  const finalUrl = `${VIBES_API_URL}/${cleanPath}`;
+
+  return fetch(finalUrl, {
+    ...options,
+    credentials: 'include', // Include cookies for session management
+    headers: {
+      'Content-Type': 'application/json',
+      ...options.headers,
+    },
+  });
+};

src/lib/vibes-api/api/social.ts

@@ -0,0 +1,64 @@
+import { fetchApi } from "./fetchApi";
+
+export const socialApi = {
+  follow: (followerId: number, followingId: number) =>
+    fetchApi("api/v1/social/follow", {
+      method: "POST",
+      body: JSON.stringify({ followerId, followingId }),
+    }),
+  unfollow: (followerId: number, followingId: number) =>
+    fetchApi("api/v1/social/unfollow", {
+      method: "POST",
+      body: JSON.stringify({ followerId, followingId }),
+    }),
+  createPost: (authorId: number, content: string) =>
+    fetchApi("api/v1/social/post", {
+      method: "POST",
+      body: JSON.stringify({ authorId, content }),
+    }),
+  likePost: (userId: number, postId: number) =>
+    fetchApi("api/v1/social/like", {
+      method: "POST",
+      body: JSON.stringify({ userId, postId }),
+    }),
+  unlikePost: (userId: number, postId: number) =>
+    fetchApi("api/v1/social/unlike", {
+      method: "POST",
+      body: JSON.stringify({ userId, postId }),
+    }),
+  bookmarkPost: (userId: number, postId: number) =>
+    fetchApi("api/v1/social/bookmark", {
+      method: "POST",
+      body: JSON.stringify({ userId, postId }),
+    }),
+  unbookmarkPost: (userId: number, postId: number) =>
+    fetchApi("api/v1/social/unbookmark", {
+      method: "POST",
+      body: JSON.stringify({ userId, postId }),
+    }),
+  createComment: (authorId: number, postId: number, content: string, parentId?: number) =>
+    fetchApi("api/v1/social/comment", {
+      method: "POST",
+      body: JSON.stringify({ authorId, postId, content, parentId }),
+    }),
+  likeComment: (userId: number, commentId: number) =>
+    fetchApi("api/v1/social/like-comment", {
+      method: "POST",
+      body: JSON.stringify({ userId, commentId }),
+    }),
+  unlikeComment: (userId: number, commentId: number) =>
+    fetchApi("api/v1/social/unlike-comment", {
+      method: "POST",
+      body: JSON.stringify({ userId, commentId }),
+    }),
+  bookmarkComment: (userId: number, commentId: number) =>
+    fetchApi("api/v1/social/bookmark-comment", {
+      method: "POST",
+      body: JSON.stringify({ userId, commentId }),
+    }),
+  unbookmarkComment: (userId: number, commentId: number) =>
+    fetchApi("api/v1/social/unbookmark-comment", {
+      method: "POST",
+      body: JSON.stringify({ userId, commentId }),
+    }),
+};

src/lib/vibes-api/auth/client.ts

@@ -0,0 +1,8 @@
+import { createAuthClient } from "better-auth/react";
+import { reactStartCookies } from "better-auth/react-start";
+import { VIBES_API_URL } from "../api/fetchApi";
+
+export const authClient = createAuthClient({
+  baseURL: VIBES_API_URL,
+  plugins: [reactStartCookies()],
+});

src/lib/vibes-api/index.ts

@@ -1,32 +1,10 @@
-import { createAuthClient } from "better-auth/react" // make sure to import from better-auth/react
-import { reactStartCookies } from "better-auth/react-start";
-
-export const VIBES_API_URL = process.env.API_URL || "http://localhost:3000";
-
-export const fetchApi = async (path: string, options: RequestInit = {}) => {
-  const url = `${VIBES_API_URL}/${path}`;
-  
-  // Remove leading slash if present to avoid double slashes
-  const cleanPath = path.startsWith('/') ? path.slice(1) : path;
-  const finalUrl = `${VIBES_API_URL}/${cleanPath}`;
-  
-  return fetch(finalUrl, {
-    ...options,
-    credentials: 'include', // Include cookies for session management
-    headers: {
-      'Content-Type': 'application/json',
-      ...options.headers,
-    },
-  });
-}
-
- 
-export const authClient =  createAuthClient({
-    //you can pass client configuration here
-    baseURL: VIBES_API_URL,
-    plugins: [
-      reactStartCookies(),
-    ]
-})
-
-// All authentication logic is now handled by authClient from better-auth/react
+import { fetchApi, VIBES_API_URL } from "./api/fetchApi";
+import { authClient } from "./auth/client";
+import { socialApi } from "./api/social";
+
+export const vibesApi = {
+  fetchApi,
+  VIBES_API_URL,
+  authClient,
+  social: socialApi,
+};