Merge pull request #6 from boostcampwm-2024/refactor-fe-#2

FCP 개선을 위한 사용하지 않는 js 코드 삭제

Author: pkh0106

apps/frontend/src/entities/page/api/pageApi.ts

@@ -1,26 +1,5 @@
-import { Get, Post, Delete, Patch } from "@/shared/api";
-import {
-  GetPageResponse,
-  GetPagesResponse,
-  CreatePageRequest,
-  CreatePageResponse,
-  UpdatePageRequest,
-} from "../model/pageTypes";
-
-export const getPage = async (id: number) => {
-  const url = `/api/page/${id}`;
-
-  const res = await Get<GetPageResponse>(url);
-  return res.data.page;
-};
-
-// TODO: 임시
-export const getPages = async (workspaceId: string) => {
-  const url = `/api/page/workspace/${workspaceId}`;
-
-  const res = await Get<GetPagesResponse>(url);
-  return res.data.pages;
-};
+import { Post, Delete } from "@/shared/api";
+import { CreatePageRequest, CreatePageResponse } from "../model/pageTypes";
 
 export const createPage = async (pageData: CreatePageRequest) => {
   const url = `/api/page`;
@@ -35,10 +14,3 @@ export const deletePage = async (id: number) => {
   const res = await Delete<null>(url);
   return res.data;
 };
-
-export const updatePage = async (id: number, pageData: UpdatePageRequest) => {
-  const url = `/api/page/${id}`;
-
-  const res = await Patch<null, UpdatePageRequest>(url, pageData);
-  return res.data;
-};

apps/frontend/src/entities/page/index.ts

@@ -1,10 +1,4 @@
-export {
-  getPage,
-  getPages,
-  createPage,
-  deletePage,
-  updatePage,
-} from "./api/pageApi";
+export { createPage, deletePage } from "./api/pageApi";
 export { useCreatePage, useDeletePage } from "./model/pageMutations";
 
 export { usePageStore } from "./model/pageStore";

apps/frontend/src/entities/page/model/pageTypes.ts

@@ -7,16 +7,6 @@ export interface Page {
   emoji: string | null;
 }
 
-export interface GetPageResponse {
-  message: string;
-  page: Page;
-}
-
-export interface GetPagesResponse {
-  message: string;
-  pages: Omit<Page, "content">[];
-}
-
 export interface CreatePageRequest {
   title: string;
   content: JSONContent;
@@ -30,9 +20,3 @@ export interface CreatePageResponse {
   message: string;
   pageId: number;
 }
-
-export interface UpdatePageRequest {
-  title: string;
-  content: JSONContent;
-  emoji: string | null;
-}

apps/frontend/src/entities/user/model/useUserConnection.ts

@@ -1,4 +1,3 @@
-// provider: createSocketIOProvider("users", new Y.Doc()),
 import * as Y from "yjs";
 import { createSocketIOProvider } from "@/shared/api";
 import useConnectionStore from "@/shared/model/useConnectionStore";

apps/frontend/src/features/canvas/model/calculateHandles.ts

@@ -1,6 +1,6 @@
 import { Position, Node } from "@xyflow/react";
 
-export const getHandlePosition = (node: Node, handleId: Position) => {
+const getHandlePosition = (node: Node, handleId: Position) => {
   const nodeElement = document.querySelector(`[data-id="${node.id}"]`);
   const nodeRect = nodeElement!.getBoundingClientRect();
   const nodeWidth = nodeRect.width;

apps/frontend/src/features/canvas/model/useCanvas.ts

@@ -326,7 +326,6 @@ export const useCanvas = () => {
     nodes,
     edges,
     users,
-    setCurrentPage,
     handleMouseMove,
     handleNodesChange,
     handleEdgesChange,

apps/frontend/src/features/canvas/ui/Canvas/index.tsx

@@ -60,7 +60,7 @@ export function Canvas({ className }: CanvasProps) {
   }, [users]);
 
   return (
-    <div className={cn("", className)} onMouseMove={handleMouseMove}>
+    <div className={cn(className)} onMouseMove={handleMouseMove}>
       <ReactFlow
         nodes={nodes}
         edges={edges}

apps/frontend/src/features/editor/index.ts

@@ -2,7 +2,6 @@ export { onUploadImage } from "./api/uploadApi";
 
 export { useEditorStore } from "./model/editorStore";
 
-// TODO: 정리
 export { Editor } from "@/features/editor/ui/Editor";
 export { EditorTitle } from "@/features/editor/ui/EditorTitle";
 export { EditorActionPanel } from "@/features/editor/ui/EditorActionPanel";

apps/frontend/src/features/editor/model/upload.ts

@@ -2,7 +2,6 @@ import { createImageUpload } from "novel/plugins";
 
 import { onUploadImage } from "../api/uploadApi";
 
-// TODO: validateFn 수정해야할듯?
 export const uploadFn = createImageUpload({
   onUpload: onUploadImage,
   validateFn: (file) => {

apps/frontend/src/features/editor/ui/Editor/extensions.ts

@@ -25,9 +25,7 @@ import { UploadImagesPlugin } from "novel/plugins";
 import { cx } from "class-variance-authority";
 import { common, createLowlight } from "lowlight";
 
-//TODO I am using cx here to get tailwind autocomplete working, idk if someone else can write a regex to just capture the class key in objects
 const aiHighlight = AIHighlight;
-//You can overwrite the placeholder with your own configuration
 const placeholder = Placeholder;
 const tiptapLink = TiptapLink.configure({
   HTMLAttributes: {
@@ -119,8 +117,6 @@ const starterKit = StarterKit.configure({
 });
 
 const codeBlockLowlight = CodeBlockLowlight.configure({
-  // configure lowlight: common /  all / use highlightJS in case there is a need to specify certain language grammars only
-  // common: covers 37 language grammars which should be good enough in most cases
   lowlight: createLowlight(common),
 });