Meet, User API 추가

src/apis/meet.ts

@@ -0,0 +1,25 @@
+import { FlatMeet, Meet } from "@/interfaces/Meet";
+import { addDocument, getDocument, updateDocument } from "@/utils/firestore";
+import { getUser } from "@/apis/user";
+
+export const getMeet = async (meetId: Meet["id"]): Promise<Meet> => {
+  const { attendeeIds, ...meet } = await getDocument<FlatMeet>("meet", meetId);
+
+  return {
+    ...meet,
+    attendees: await Promise.all(attendeeIds.map((id) => getUser(id))),
+  };
+};
+
+export const createMeet = async (
+  meet: Omit<FlatMeet, "id">
+): Promise<Meet["id"]> => {
+  return addDocument("meet", meet);
+};
+
+export const patchMeet = async (
+  meetId: Meet["id"],
+  meet: Partial<Omit<FlatMeet, "id">>
+): Promise<void> => {
+  return updateDocument("meet", meetId, meet);
+};

src/apis/user.ts

@@ -0,0 +1,19 @@
+import { User } from "@/interfaces/User";
+import { addDocument, getDocument, updateDocument } from "@/utils/firestore";
+
+export const getUser = async (userId: User["id"]): Promise<User> => {
+  return getDocument("user", userId);
+};
+
+export const createUser = async (
+  user: Omit<User, "id">
+): Promise<User["id"]> => {
+  return addDocument("user", user);
+};
+
+export const patchUser = async (
+  userId: User["id"],
+  user: Omit<User, "id">
+): Promise<void> => {
+  return updateDocument("user", userId, user);
+};

src/interfaces/Meet.ts

@@ -10,5 +10,9 @@ export interface Meet {
   offline: boolean /** 오프라인 가능 여부 */;
   candidateSchedules: Schedule[] /** 선택 가능한 일정 */;
 
-  attendee: User[] /** 참여자 */;
+  attendees: User[] /** 참여자 */;
 }
+
+export type FlatMeet = Omit<Meet, "attendees"> & {
+  attendeeIds: User["id"][];
+};

src/utils/firestore.ts

@@ -1,16 +1,21 @@
 import { initializeApp } from "firebase/app";
 import {
   DocumentData,
-  WithFieldValue,
+  UpdateData,
   addDoc,
   collection,
+  doc,
+  getDoc,
   getDocs,
   getFirestore,
+  onSnapshot,
+  updateDoc,
 } from "firebase/firestore";
 
 /**
  * Intialization
  */
+
 const app = initializeApp({
   apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
   authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
@@ -24,19 +29,65 @@ const db = getFirestore(app);
 /**
  * Utils
  */
-export const addDocument = async <T extends WithFieldValue<DocumentData>>(
-  collectionName: string,
-  data: T
+
+type Document = { id: string } & DocumentData;
+
+export const getDocuments = async <T extends Document>(
+  collectionId: string
+) => {
+  const collectionRef = collection(db, collectionId);
+  const collectionSnapshot = await getDocs(collectionRef);
+
+  return collectionSnapshot.docs.map(
+    (document) => ({ id: document.id, ...document.data() } as T)
+  );
+};
+
+export const getDocument = async <T extends Document>(
+  collectionId: string,
+  documentId: string
+) => {
+  const documentRef = doc(db, collectionId, documentId);
+  const document = await getDoc(documentRef);
+
+  if (!document.exists()) {
+    throw new Error("No such document!");
+  }
+
+  return { id: document.id, ...document.data() } as T;
+};
+
+export const watchDocument = async <T extends Document>(
+  collectionId: string,
+  documentId: string,
+  callback: (data: T) => void
 ) => {
-  const ref = await addDoc(collection(db, collectionName), data);
+  const documentRef = doc(db, collectionId, documentId);
+
+  return onSnapshot(documentRef, (document) => {
+    if (!document.exists()) {
+      throw new Error("No such document!");
+    }
 
-  return ref.id;
+    callback({ id: document.id, ...document.data() } as T);
+  });
 };
 
-export const getDocument = async <T extends DocumentData>(
-  collectionName: string
+export const addDocument = async <T extends DocumentData>(
+  collectionId: string,
+  data: T
 ) => {
-  const snapshot = await getDocs(collection(db, collectionName));
+  const collectionRef = collection(db, collectionId);
+  const documentRef = await addDoc(collectionRef, data);
+
+  return documentRef.id;
+};
 
-  return snapshot.docs.map((doc) => doc.data() as T);
+export const updateDocument = async <T extends DocumentData>(
+  collectionId: string,
+  documentId: string,
+  data: UpdateData<T>
+) => {
+  const documentRef = doc(db, collectionId, documentId);
+  await updateDoc(documentRef, data);
 };

vite.config.ts

@@ -1,7 +1,11 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import path from "path";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  resolve: {
+    alias: [{ find: "@", replacement: path.resolve(__dirname, "./src") }],
+  },
 });