Grida Canvas - Scene Graph & CRDT

AGENTS.md

@@ -176,7 +176,7 @@ We use turborepo (except few isolated packages).
 To run test, build, and dev, use below commands.
 
 ```sh
-# run tests
+# run tests (all, not recommended. requires crates build)
 turbo test
 
 # run tests for packages
@@ -185,16 +185,19 @@ turbo test --filter='./packages/*'
 # build packages (required for typecheck for its dependants)
 turbo build --filter='./packages/*'
 
+# build packages in watch mode
+pnpm dev:packages --concurrency 100
+
 # run tests except for rust crates
 turbo test --filter='!./crates/*'
 
-# run build
+# run build (all, not recommended)
 turbo build
 
 # run dev
 turbo dev
 
-# run typecheck
+# run typecheck (always run)
 turbo typecheck # fallback when build fails due to network issues (nextjs package might fail due to font fetching issues)
 
 # for crates specific tests
@@ -223,14 +226,15 @@ file. After cloning the repo or installing dependencies, run the following
 steps before executing `pnpm typecheck`:
 
 ```sh
-# install dependencies for shared packages and the editor
-pnpm install --filter "./packages/*"
-pnpm install --filter editor
+pnpm install
 
 # build shared packages and the wasm bundle
 pnpm turbo build --filter="./packages/*"
-pnpm --filter @grida/canvas-wasm build
+pnpm turbo build --filter @grida/canvas-wasm
 
 # finally, run the repository-wide typecheck
 pnpm typecheck
+
+# run test (only packages and editor)
+pnpm turbo test --filter='./packages/*' --filter=editor
 ```

crates/grida-canvas-fonts/tests/e2e_round_trip_simple_test.rs

@@ -28,20 +28,22 @@ fn test_round_trip_italic_to_roman_to_italic() {
 
     // Create font faces with real data
     let font_data: Vec<_> = paths.iter().map(|p| fs::read(p).unwrap()).collect();
-    
+
     // Helper function to create font_faces
-    let create_font_faces = || vec![
-        UIFontFace {
-            face_id: "Inter-VariableFont_opsz,wght.ttf".to_string(),
-            data: &font_data[0],
-            user_font_style_italic: Some(false), // Roman
-        },
-        UIFontFace {
-            face_id: "Inter-Italic-VariableFont_opsz,wght.ttf".to_string(),
-            data: &font_data[1],
-            user_font_style_italic: Some(true), // Italic
-        },
-    ];
+    let create_font_faces = || {
+        vec![
+            UIFontFace {
+                face_id: "Inter-VariableFont_opsz,wght.ttf".to_string(),
+                data: &font_data[0],
+                user_font_style_italic: Some(false), // Roman
+            },
+            UIFontFace {
+                face_id: "Inter-Italic-VariableFont_opsz,wght.ttf".to_string(),
+                data: &font_data[1],
+                user_font_style_italic: Some(true), // Italic
+            },
+        ]
+    };
 
     // Start with italic style
     let initial_style = CurrentTextStyle {
@@ -122,20 +124,22 @@ fn test_round_trip_roman_to_italic_to_roman() {
 
     // Create font faces with real data
     let font_data: Vec<_> = paths.iter().map(|p| fs::read(p).unwrap()).collect();
-    
+
     // Helper function to create font_faces
-    let create_font_faces = || vec![
-        UIFontFace {
-            face_id: "Inter-VariableFont_opsz,wght.ttf".to_string(),
-            data: &font_data[0],
-            user_font_style_italic: Some(false), // Roman
-        },
-        UIFontFace {
-            face_id: "Inter-Italic-VariableFont_opsz,wght.ttf".to_string(),
-            data: &font_data[1],
-            user_font_style_italic: Some(true), // Italic
-        },
-    ];
+    let create_font_faces = || {
+        vec![
+            UIFontFace {
+                face_id: "Inter-VariableFont_opsz,wght.ttf".to_string(),
+                data: &font_data[0],
+                user_font_style_italic: Some(false), // Roman
+            },
+            UIFontFace {
+                face_id: "Inter-Italic-VariableFont_opsz,wght.ttf".to_string(),
+                data: &font_data[1],
+                user_font_style_italic: Some(true), // Italic
+            },
+        ]
+    };
 
     // Start with roman style
     let initial_style = CurrentTextStyle {
@@ -215,20 +219,22 @@ fn test_round_trip_with_smart_resolution() {
 
     // Create font faces with real data
     let font_data: Vec<_> = paths.iter().map(|p| fs::read(p).unwrap()).collect();
-    
+
     // Helper function to create font_faces
-    let create_font_faces = || vec![
-        UIFontFace {
-            face_id: "Inter-VariableFont_opsz,wght.ttf".to_string(),
-            data: &font_data[0],
-            user_font_style_italic: Some(false),
-        },
-        UIFontFace {
-            face_id: "Inter-Italic-VariableFont_opsz,wght.ttf".to_string(),
-            data: &font_data[1],
-            user_font_style_italic: Some(true),
-        },
-    ];
+    let create_font_faces = || {
+        vec![
+            UIFontFace {
+                face_id: "Inter-VariableFont_opsz,wght.ttf".to_string(),
+                data: &font_data[0],
+                user_font_style_italic: Some(false),
+            },
+            UIFontFace {
+                face_id: "Inter-Italic-VariableFont_opsz,wght.ttf".to_string(),
+                data: &font_data[1],
+                user_font_style_italic: Some(true),
+            },
+        ]
+    };
 
     // Test with smart resolution (explicit properties + custom_axes)
     let mut custom_axes = HashMap::new();