Merge branch 'release/1.0.7'

Author: pipisebastian

@noctaCrdt/src/LinkedList.ts

@@ -278,12 +278,18 @@ export class BlockLinkedList extends LinkedList<Block> {
     let currentIndex = 1;
 
     while (currentNode) {
-      if (currentNode.deleted) {
-        currentNode = currentNode.next ? this.getNode(currentNode.next) : null;
-        continue;
-      }
       if (currentNode.type === "ol") {
-        const prevNode = currentNode.prev ? this.getNode(currentNode.prev) : null;
+        let prevNode = currentNode.prev ? this.getNode(currentNode.prev) : null;
+
+        // tombstone 노드를 건너뛰는 로직
+        while (prevNode && prevNode.deleted) {
+          // 이전 노드의 prev를 다시 추적
+          if (prevNode.prev) {
+            prevNode = this.getNode(prevNode.prev);
+          } else {
+            prevNode = null;
+          }
+        }
 
         if (!prevNode || prevNode.type !== "ol") {
           // 이전 노드가 없거나 ol이 아닌 경우 1부터 시작

@noctaCrdt/src/types/Interfaces.ts

@@ -66,6 +66,23 @@ export type PageIconType =
 
 export type TextColorType = Exclude<BackgroundColorType, "transparent">;
 
+export type CRDTOperation =
+  | RemoteBlockInsertOperation
+  | RemoteBlockDeleteOperation
+  | RemoteBlockUpdateOperation
+  | RemoteBlockReorderOperation
+  | RemoteBlockCheckboxOperation
+  | RemoteCharInsertOperation
+  | RemoteCharDeleteOperation
+  | RemoteCharUpdateOperation;
+
+export type Operation =
+  | RemotePageCreateOperation
+  | RemotePageDeleteOperation
+  | RemotePageUpdateOperation
+  | CRDTOperation
+  | CursorPosition;
+
 export interface InsertOperation {
   type: "insert";
   node: Block | Char;

client/package.json

@@ -18,6 +18,7 @@
     "@noctaCrdt": "workspace:*",
     "@pandabox/panda-plugins": "^0.0.8",
     "@tanstack/react-query": "^5.60.5",
+    "@tanstack/react-virtual": "^3.11.2",
     "axios": "^1.7.7",
     "framer-motion": "^11.11.11",
     "react": "^18.3.1",

client/src/features/editor/Editor.style.ts

@@ -12,14 +12,6 @@ export const editorContainer = css({
   },
 });
 
-export const editorTitleContainer = css({
-  display: "flex",
-  gap: "4px",
-  flexDirection: "column",
-  width: "full",
-  padding: "spacing.sm",
-});
-
 export const editorTitle = css({
   textStyle: "display-medium28",
   outline: "none",