feat: setCaretPosition 함수 안쓰는 linkedList 제거

#2

Author: pipisebastian

client/src/features/editor/Editor.tsx

@@ -276,7 +276,6 @@ export const Editor = ({
     if (isLocalChange.current || isSameLocalChange.current) {
       setCaretPosition({
         blockId: editorCRDT.current.currentBlock!.id,
-        linkedList: editorCRDT.current.LinkedList,
         position: editorCRDT.current.currentBlock?.crdt.currentCaret,
         pageId,
       });
@@ -422,7 +421,7 @@ export const Editor = ({
           </SortableContext>
         </DndContext>
         {editorState.linkedList.spread().length === 0 && (
-          <div data-testId="addNewBlockButton" className={addNewBlockButton} onClick={addNewBlock}>
+          <div data-testid="addNewBlockButton" className={addNewBlockButton} onClick={addNewBlock}>
             클릭해서 새로운 블록을 추가하세요
           </div>
         )}

client/src/features/editor/hooks/useMarkdownGrammer.ts

@@ -270,7 +270,7 @@ export const useMarkdownGrammer = ({
                 editorCRDT.currentBlock = targetBlock;
                 setCaretPosition({
                   blockId: targetBlock.id,
-                  linkedList: editorCRDT.LinkedList,
+
                   position: targetBlock.crdt.read().length,
                   pageId,
                 });
@@ -437,7 +437,7 @@ export const useMarkdownGrammer = ({
           currentBlock.crdt.currentCaret = e.key === "Home" ? 0 : currentBlock.crdt.read().length;
           setCaretPosition({
             blockId: currentBlock.id,
-            linkedList: editorCRDT.LinkedList,
+
             position: currentBlock.crdt.currentCaret,
             pageId,
           });
@@ -456,7 +456,7 @@ export const useMarkdownGrammer = ({
           editorCRDT.currentBlock = headBlock;
           setCaretPosition({
             blockId: headBlock.id,
-            linkedList: editorCRDT.LinkedList,
+
             position: currentCaretPosition,
             pageId,
           });
@@ -478,7 +478,7 @@ export const useMarkdownGrammer = ({
           editorCRDT.currentBlock = lastBlock;
           setCaretPosition({
             blockId: lastBlock.id,
-            linkedList: editorCRDT.LinkedList,
+
             position: currentCaretPosition,
             pageId,
           });
@@ -516,7 +516,7 @@ export const useMarkdownGrammer = ({
           editorCRDT.currentBlock = targetBlock;
           setCaretPosition({
             blockId: targetBlock.id,
-            linkedList: editorCRDT.LinkedList,
+
             position: Math.min(caretPosition, targetBlock.crdt.read().length),
             pageId,
           });
@@ -547,7 +547,7 @@ export const useMarkdownGrammer = ({
               editorCRDT.currentBlock = targetBlock;
               setCaretPosition({
                 blockId: targetBlock.id,
-                linkedList: editorCRDT.LinkedList,
+
                 position: targetBlock.crdt.read().length,
                 pageId,
               });
@@ -573,7 +573,7 @@ export const useMarkdownGrammer = ({
               editorCRDT.currentBlock = targetBlock;
               setCaretPosition({
                 blockId: targetBlock.id,
-                linkedList: editorCRDT.LinkedList,
+
                 position: 0,
                 pageId,
               });

client/src/utils/caretUtils.ts

@@ -3,7 +3,6 @@ import { BlockId } from "@noctaCrdt/NodeId";
 
 interface SetCaretPositionProps {
   blockId: BlockId;
-  linkedList: BlockLinkedList | TextLinkedList;
   clientX?: number;
   clientY?: number;
   position?: number; // Used to set the caret at a specific position
@@ -72,12 +71,7 @@ export const getAbsoluteCaretPosition = (element: HTMLElement): number => {
   return 0;
 };
 
-export const setCaretPosition = ({
-  blockId,
-  linkedList,
-  position,
-  pageId,
-}: SetCaretPositionProps): void => {
+export const setCaretPosition = ({ blockId, position, pageId }: SetCaretPositionProps): void => {
   try {
     if (position === undefined) return;
     const selection = window.getSelection();