chore: cursor operation Interface 수정

Co-authored-by: Yeonkyu Min <Ludovico7@users.noreply.github.com>
Co-authored-by: minjungw00 <minjungw00@naver.com>
Co-authored-by: Jang seo yun <pipisebastian@users.noreply.github.com>

Author: 4 people

@noctaCrdt/src/types/Interfaces.ts

@@ -146,7 +146,10 @@ export interface RemoteCharUpdateOperation {
 export interface CursorPosition {
   type: "cursor";
   clientId: number;
-  position: number;
+  workspaceId: string;
+  pageId: string;
+  blockId: string;
+  charId: string;
 }
 
 export interface CRDTSerializedProps<T> {

client/src/utils/caretUtils.ts

@@ -6,8 +6,8 @@ interface SetCaretPositionProps {
   linkedList: BlockLinkedList | TextLinkedList;
   clientX?: number;
   clientY?: number;
-  position?: number; // Used to set the caret at a specific position
-  pageId: string; // Add rootElement to scope the query
+  position?: number;
+  pageId: string;
 }
 
 export const getAbsoluteCaretPosition = (element: HTMLElement): number => {

server/src/workspace/workspace.gateway.ts

@@ -913,10 +913,14 @@ export class WorkspaceGateway implements OnGatewayInit, OnGatewayConnection, OnG
         JSON.stringify(data),
       );
 
+      // broadcast용 cursor operation
       const operation = {
         type: "cursor",
         clientId: clientInfo?.clientId,
-        position: data.position,
+        workspaceId: data.workspaceId,
+        pageId: data.pageId,
+        blockId: data.blockId,
+        charId: data.charId,
       } as CursorPosition;
       const { workspaceId } = client.data;
       this.emitOperation(client.id, workspaceId, "cursor", operation, batch);