improve ui

add track properties editor

app/src/drawers/cache.ts

@@ -16,7 +16,7 @@ export function handleEntityCache<
   const cached = cache.get();
 
   if (!entity.cache.valid) {
-    console.log("Invalid cache");
+    // console.log("Invalid cache");
     if (cached) {
       cache.cleanup(cached);
     }

app/src/drawers/draw.ts

@@ -69,8 +69,7 @@ export class Drawer {
 
   async loadCanvasKit(canvas: HTMLCanvasElement) {
     await InitCanvasKit({
-      locateFile: (file) =>
-        "https://unpkg.com/canvaskit-wasm@latest/bin/" + file,
+      locateFile: (file) => file,
     }).then((CanvasKit) => {
       if (canvas) {
         const CSurface = CanvasKit.MakeWebGLCanvasSurface(canvas);

app/src/drawers/staggered-text.ts

@@ -108,8 +108,6 @@ export function calculateLetters(
 
   const font = new CanvasKit.Font(typeface, entity.letter.paint.size);
 
-  console.log(font.isDeleted());
-
   const glyphIDs = font.getGlyphIDs(entity.text);
 
   // font.setLinearMetrics(true);
@@ -252,19 +250,29 @@ export default function drawStaggeredText(
           origin[0] =
             origin[0] +
             measuredLetter.bounds.width / 2 +
-            measuredLetter.offset.x;
-          origin[1] = origin[1] - metrics.descent + lineOffset;
+            measuredLetter.offset.x +
+            letterTransform.translate[0];
+          origin[1] =
+            origin[1] -
+            metrics.descent +
+            lineOffset +
+            letterTransform.translate[1];
 
           //console.log(measuredLetter.bounds);
 
           canvas.translate(origin[0], origin[1]);
 
+          canvas.rotate(
+            letterTransform.rotate[2],
+            letterTransform.rotate[0],
+            letterTransform.rotate[1]
+          );
+
           canvas.scale(letterTransform.scale[0], letterTransform.scale[1]);
 
-          canvas.rotate(
-            letterTransform.rotate[0],
-            letterTransform.rotate[1],
-            letterTransform.rotate[2]
+          canvas.translate(
+            letterTransform.translate[0],
+            letterTransform.translate[1]
           );
 
           canvas.translate(