fix: 파일및 함수명 변경

Author: Ludovico7

client/src/features/editor/Editor.tsx

@@ -13,8 +13,8 @@ import { useComposition } from "./hooks/useComposition.ts";
 import { useCopyAndPaste } from "./hooks/useCopyAndPaste.ts";
 import { useMarkdownGrammer } from "./hooks/useMarkdownGrammer";
 import { useTextOptionSelect } from "./hooks/useTextOptions.ts";
-import { DndContextProvider } from "./provider/DndContextProvider.tsx";
-import { WebsocketContextProvider } from "./provider/WebsocketContextProvider.tsx";
+import { DndProvider } from "./provider/DndProvider.tsx";
+import { WebSocketProvider } from "./provider/WebsocketProvider.tsx";
 
 export interface EditorStateProps {
   clock: number;
@@ -193,21 +193,21 @@ export const Editor = memo(({ testKey, pageId, serializedEditorData }: EditorPro
     return <div>Loading editor data...</div>;
   }
   return (
-    <WebsocketContextProvider
-      editorCRDT={editorCRDT}
-      pageId={pageId}
-      setEditorState={setEditorState}
-      isSameLocalChange={isSameLocalChange}
-      subscribeToRemoteOperations={subscribeToRemoteOperations}
-    >
-      <div data-testid={`editor-${testKey}`} className={editorContainer} ref={editorRef}>
-        <div
-          style={{
-            height: virtualizer.getTotalSize(),
-            position: "relative",
-          }}
+    <div data-testid={`editor-${testKey}`} className={editorContainer} ref={editorRef}>
+      <div
+        style={{
+          height: virtualizer.getTotalSize(),
+          position: "relative",
+        }}
+      >
+        <WebSocketProvider
+          editorCRDT={editorCRDT}
+          pageId={pageId}
+          setEditorState={setEditorState}
+          isSameLocalChange={isSameLocalChange}
+          subscribeToRemoteOperations={subscribeToRemoteOperations}
         >
-          <DndContextProvider
+          <DndProvider
             editorCRDT={editorCRDT}
             pageId={pageId}
             editorState={editorState}
@@ -248,7 +248,7 @@ export const Editor = memo(({ testKey, pageId, serializedEditorData }: EditorPro
                 />
               );
             })}
-          </DndContextProvider>
+          </DndProvider>
           {editorState.linkedList.spread().length === 0 && (
             <div
               data-testid="addNewBlockButton"
@@ -258,9 +258,9 @@ export const Editor = memo(({ testKey, pageId, serializedEditorData }: EditorPro
               클릭해서 새로운 블록을 추가하세요
             </div>
           )}
-        </div>
+        </WebSocketProvider>
       </div>
-    </WebsocketContextProvider>
+    </div>
   );
 });
 

client/src/features/editor/provider/DndContextProvider.tsx renamed to client/src/features/editor/provider/DndProvider.tsx

@@ -5,7 +5,7 @@ import { EditorStateProps } from "../Editor";
 
 import { useBlockDragAndDrop } from "../hooks/useBlockDragAndDrop";
 
-export interface DndContextProviderProps {
+export interface DndProviderProps {
   children: React.ReactNode;
   editorCRDT: React.MutableRefObject<EditorCRDT>;
   pageId: string;
@@ -16,7 +16,7 @@ export interface DndContextProviderProps {
   setDragBlockList: React.Dispatch<React.SetStateAction<string[]>>;
 }
 
-export const DndContextProvider = ({
+export const DndProvider = ({
   children,
   editorCRDT,
   pageId,
@@ -25,7 +25,7 @@ export const DndContextProvider = ({
   isLocalChange,
   dragBlockList,
   setDragBlockList,
-}: DndContextProviderProps) => {
+}: DndProviderProps) => {
   const { sensors, handleDragEnd, handleDragStart } = useBlockDragAndDrop({
     editorCRDT: editorCRDT.current,
     editorState,

client/src/features/editor/provider/WebsocketContextProvider.tsx renamed to client/src/features/editor/provider/WebsocketProvider.tsx

@@ -3,7 +3,7 @@ import { useRef, MutableRefObject, useEffect } from "react";
 import { RemoteOperationHandlers } from "@src/stores/useSocketStore.ts";
 import { useEditorOperation } from "../hooks/useEditorOperation";
 
-export interface WebsocketContextProviderProps {
+export interface WebSocketProviderProps {
   children: React.ReactNode;
   editorCRDT: MutableRefObject<EditorCRDT>;
   pageId: string;
@@ -12,14 +12,14 @@ export interface WebsocketContextProviderProps {
   subscribeToRemoteOperations: (handlers: RemoteOperationHandlers) => (() => void) | undefined;
 }
 
-export const WebsocketContextProvider = ({
+export const WebSocketProvider = ({
   children,
   editorCRDT,
   pageId,
   setEditorState,
   isSameLocalChange,
   subscribeToRemoteOperations,
-}: WebsocketContextProviderProps) => {
+}: WebSocketProviderProps) => {
   const subscriptionRef = useRef(false);
 
   const {