add playback

app/src/primitives/Entities.ts

@@ -26,7 +26,7 @@ export const GeometryEntity = BaseEntity.extend({
   paint: Paint,
 });
 
-export const StaggeredText = BaseEntity.extend({
+export const StaggeredTextEntity = BaseEntity.extend({
   letter: z.object({
     transform: z.array(Transform).optional(),
     paint: TextPaint,
@@ -64,7 +64,7 @@ export const Entity = z.discriminatedUnion("type", [
   RectEntity,
   EllipseEntity,
   TextEntity,
-  StaggeredText,
+  StaggeredTextEntity,
 ]);
 
 export const Entities = z.array(Entity);

app/src/primitives/Paint.ts

@@ -35,6 +35,7 @@ export const Paint = z.object({
 export const TextPaint = z.object({
   style: PaintStyle,
   align: TextAlign,
+  fontName: z.string().default("Helvetica-Bold"),
   size: z.number().min(0),
 });