From 768ad399dede192b6cb8d10e013b46619db8eb22 Mon Sep 17 00:00:00 2001
From: John Alanbrook <john@pockle.world>
Date: Wed, 5 Nov 2025 17:40:01 -0600
Subject: [PATCH] clay recognize text size

---
 prosperon/clay.cm | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/prosperon/clay.cm b/prosperon/clay.cm
index 958cd5b5..2ab6f461 100644
--- a/prosperon/clay.cm
+++ b/prosperon/clay.cm
@@ -41,6 +41,8 @@ var clay_base = {
   size:null,
   background_color: null,
   clipped: false,
+  text_break: 'word',
+  text_align: 'left',
 };
 
 var root_item;
@@ -221,9 +223,10 @@ clay.text = function text(str, ...configs)
   var config = rectify_configs(configs);
   config.size ??= [0,0];
   config.font = graphics.get_font(config.font)
-  var tsize = config.font.text_size(config.font, str, 0, config.size.x);
+  var tsize = config.font.text_size(str, 0, config.size.x, config.text_break, config.text_align);
   tsize.x = Math.ceil(tsize.x)
   tsize.y = Math.ceil(tsize.y)
+  log.console(json.encode(tsize))
   config.size = config.size.map((x,i) => Math.max(x, tsize[i]));
   config.text = str;
   add_item(config);
@@ -245,7 +248,7 @@ clay.button = function button(str, action, config = {})
 {
   config.__proto__ = button_base;
   config.font = graphics.get_font(config.font)
-  config.size = confit.font.text_size(config.font, str, 0, 0)
+  config.size = config.font.text_size(str, 0, 0, config.text_break, config.text_align)
   add_item(config);
   config.text = str;
   config.action = action;
@@ -256,7 +259,7 @@ clay.textbox = function(str, on_change, ...configs) {
   config.on_change = on_change
   config.text = str
   config.font = graphics.get_font(config.font)
-  var tsize = config.font.text_size(config.font, str, 0, 0)
+  var tsize = config.font.text_size(str, 0, 0, config.text_break, config.text_align)
   config.size ??= [0,0]
   config.size = [Math.ceil(tsize.x), Math.ceil(tsize.y)]
   config.size = [Math.max(config.size[0], config.size[0]), Math.max(config.size[1], config.size[1])]