small fixes to text width optimization

Author: softmarshmallow

packages/builder-web-core/widgets-native/html-text-element/index.ts

@@ -115,8 +115,8 @@ const __get_dedicated_element_tag = (t?: WebTextElement | undefined) => {
 
 function textWH({ width, height }: { width: number; height: number }) {
   return {
-    // TODO: do not specify width when parent is a flex container.
-    // Also flex: 1 is required to make the text wrap.
+    // TODO: do not specify width when parent is a flex container. (set as 100%)
+    // Also flex-grow: 1 is required to make the text wrap.
     width: css.px(width),
     "min-height": css.px(height),
   };

packages/designto-token/main.ts

@@ -273,9 +273,14 @@ function handle_by_types(
       // FIXME: aberation handling (remove me if required) --------------------------------
       // FIXME: this is for giving extra space for text so it won't break line accidently.
       // FIXME: consider applying this only to a preview build
-      if (node.data.length <= 6 && node.data.length > 2) {
+      // TODO: change logic to word count.
+      const wordcount = node.data.split(" ").length;
+      const txtlen = node.data.length;
+      if (wordcount <= 1) {
+        /* skip, since there is no word break */
+      } else if (txtlen <= 6 && wordcount <= 2) {
         node.width = node.width + 1;
-      } else if (node.data.length < 30) {
+      } else if (txtlen < 30) {
         node.width = node.width + 2;
       }
       // FIXME: ---------------------------------------------------------------------------------

packages/designto-token/token-layout/index.ts

@@ -250,7 +250,8 @@ function find_original(ogchildren: Array<nodes.ReflectSceneNode>, of: Widget) {
       // target the unwrapped child
       c.id === (_unwrappedChild && _unwrappedChild.key.id) ||
       // target the widget itself - some widgets are not wrapped, yet being converted to a container-like (e.g. maskier)
-      c.id === of.key.id
+      c.id === of.key.id ||
+      c.id === of.key.id.split(".")[0] // {id}.positioned or {id}.scroll-wrap TODO: this logic can cause problem later on.
   );
   if (!ogchild) {
     console.error(