refactor: 텍스트 블럭 초기화 이벤트명 INIT_TEXT로 수정

Author: se030

@wabinar/constants/socket-message.ts

@@ -23,9 +23,9 @@ export const MOM_EVENT = {
 };
 
 export const BLOCK_EVENT = {
-  INIT: 'init-block',
   LOAD_TYPE: 'load-type',
   UPDATE_TYPE: 'update-type',
+  INIT_TEXT: 'init-text',
   INSERT_TEXT: 'insert-text',
   DELETE_TEXT: 'delete-text',
   UPDATE_TEXT: 'update-text',

client/src/components/Block/TextBlock.tsx

@@ -112,15 +112,15 @@ function TextBlock({
   useEffect(() => {
     registerRef(blockRef);
 
-    socket.emit(BLOCK_EVENT.INIT, id);
+    socket.emit(BLOCK_EVENT.INIT_TEXT, id);
 
-    ee.on(`${BLOCK_EVENT.INIT}-${id}`, onInitialize);
+    ee.on(`${BLOCK_EVENT.INIT_TEXT}-${id}`, onInitialize);
     ee.on(`${BLOCK_EVENT.UPDATE_TEXT}-${id}`, onInitialize);
     ee.on(`${BLOCK_EVENT.INSERT_TEXT}-${id}`, onInsert);
     ee.on(`${BLOCK_EVENT.DELETE_TEXT}-${id}`, onDelete);
 
     return () => {
-      ee.off(`${BLOCK_EVENT.INIT}-${id}`, onInitialize);
+      ee.off(`${BLOCK_EVENT.INIT_TEXT}-${id}`, onInitialize);
       ee.off(`${BLOCK_EVENT.UPDATE_TEXT}-${id}`, onInitialize);
       ee.off(`${BLOCK_EVENT.INSERT_TEXT}-${id}`, onInsert);
       ee.off(`${BLOCK_EVENT.DELETE_TEXT}-${id}`, onDelete);

client/src/components/Mom/index.tsx

@@ -149,8 +149,8 @@ function Mom() {
       setBlocks(spreadCRDT());
     });
 
-    socket.on(BLOCK_EVENT.INIT, (id, crdt) => {
-      ee.emit(`${BLOCK_EVENT.INIT}-${id}`, crdt);
+    socket.on(BLOCK_EVENT.INIT_TEXT, (id, crdt) => {
+      ee.emit(`${BLOCK_EVENT.INIT_TEXT}-${id}`, crdt);
     });
 
     socket.on(BLOCK_EVENT.INSERT_TEXT, (id, op) => {
@@ -176,7 +176,7 @@ function Mom() {
         MOM_EVENT.UPDATED,
         MOM_EVENT.INSERT_BLOCK,
         MOM_EVENT.DELETE_BLOCK,
-        BLOCK_EVENT.INIT,
+        BLOCK_EVENT.INIT_TEXT,
         BLOCK_EVENT.INSERT_TEXT,
         BLOCK_EVENT.DELETE_TEXT,
         BLOCK_EVENT.UPDATE_TYPE,

server/socket/Mom/handleTextBlock.ts

@@ -6,10 +6,10 @@ export default function handleTextBlock(
   socket: Socket,
   crdtManager: CrdtManager,
 ) {
-  socket.on(BLOCK_EVENT.INIT, async (blockId) => {
+  socket.on(BLOCK_EVENT.INIT_TEXT, async (blockId) => {
     const blockCrdt = await crdtManager.getBlockCRDT(blockId);
 
-    socket.emit(BLOCK_EVENT.INIT, blockId, blockCrdt.data);
+    socket.emit(BLOCK_EVENT.INIT_TEXT, blockId, blockCrdt.data);
   });
 
   socket.on(BLOCK_EVENT.INSERT_TEXT, async (blockId, op) => {
@@ -22,7 +22,7 @@ export default function handleTextBlock(
     } catch {
       const blockCrdt = await crdtManager.getBlockCRDT(blockId);
 
-      socket.emit(BLOCK_EVENT.INIT, blockId, blockCrdt.data);
+      socket.emit(BLOCK_EVENT.INIT_TEXT, blockId, blockCrdt.data);
     }
   });
 
@@ -36,7 +36,7 @@ export default function handleTextBlock(
     } catch {
       const blockCrdt = await crdtManager.getBlockCRDT(blockId);
 
-      socket.emit(BLOCK_EVENT.INIT, blockId, blockCrdt.data);
+      socket.emit(BLOCK_EVENT.INIT_TEXT, blockId, blockCrdt.data);
     }
   });