fix: api 의존성 문제 해결

Author: djk01281

apps/frontend/src/features/workspace/api/workspaceApi.ts

@@ -0,0 +1,32 @@
+import { Delete, Get, Post } from "@/shared/api";
+import {
+  CreateWorkSpaceResponse,
+  CreateWorkSpaceResquest,
+  GetUserWorkspaceResponse,
+  RemoveWorkSpaceResponse,
+} from "../model/workspaceTypes";
+
+const BASE_URL = "/api/workspace";
+
+export const createWorkspace = async (payload: CreateWorkSpaceResquest) => {
+  const res = await Post<CreateWorkSpaceResponse, CreateWorkSpaceResquest>(
+    BASE_URL,
+    payload,
+  );
+  return res.data;
+};
+
+export const removeWorkspace = async (workspaceId: string) => {
+  const url = `${BASE_URL}/${workspaceId}`;
+
+  const res = await Delete<RemoveWorkSpaceResponse>(url);
+  return res.data;
+};
+
+// TODO: /entities/user vs workspace 위치 고민해봐야할듯?
+export const getUserWorkspaces = async () => {
+  const url = `${BASE_URL}/user`;
+
+  const res = await Get<GetUserWorkspaceResponse>(url);
+  return res.data;
+};

apps/frontend/src/features/workspace/model/useWorkspace.ts

@@ -0,0 +1,38 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+import {
+  createWorkspace,
+  getUserWorkspaces,
+  removeWorkspace,
+} from "../api/workspaceApi";
+
+export const useUserWorkspace = () => {
+  return useQuery({
+    queryKey: ["userWorkspace"],
+    queryFn: getUserWorkspaces,
+  });
+};
+
+// response로 workspaceId가 오는데 userWorkspace를 어떻게 invalidate 할까?
+// login state에 있는 userId로?
+export const useCreateWorkspace = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: createWorkspace,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["userWorkspace"] });
+    },
+  });
+};
+
+export const useRemoveWorkspace = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: removeWorkspace,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["userWorkspace"] });
+    },
+  });
+};

apps/frontend/src/features/workspace/model/workspaceTypes.ts

@@ -0,0 +1,29 @@
+export interface Workspace {
+  workspaceId: string;
+  title: string;
+  description: string;
+  thumbnailUrl: string;
+  role: "owner" | "guest";
+  visibility: "private" | "public";
+}
+
+export interface CreateWorkSpaceResquest {
+  title: string;
+  description?: string;
+  visibility?: "private" | "public";
+  thumbnailUrl?: string;
+}
+
+export interface CreateWorkSpaceResponse {
+  message: string;
+  workspaceId: string;
+}
+
+export interface RemoveWorkSpaceResponse {
+  message: string;
+}
+
+export interface GetUserWorkspaceResponse {
+  message: string;
+  workspaces: Workspace[];
+}