@xuda.io/runtime-bundle 1.0.1440 → 1.0.1441

package/js/xuda-runtime-bundle.js

@@ -29560,6 +29560,60 @@ func.runtime.ui.set_style = function (target, prop, value) {
   target_node.style[prop] = value;
   return target_node;
 };
+func.runtime.ui.normalize_external_asset_url = function (value) {
+  if (typeof value !== 'string' || !value.trim()) {
+    return value;
+  }
+
+  const trimmed_value = value.trim();
+  try {
+    const url = new URL(trimmed_value, typeof document !== 'undefined' ? document.baseURI : 'https://xuda.ai');
+    if (url.hostname === 'via.placeholder.com') {
+      url.hostname = 'placehold.co';
+      return url.toString();
+    }
+  } catch (_) {
+    if (trimmed_value.startsWith('https://via.placeholder.com/') || trimmed_value.startsWith('http://via.placeholder.com/')) {
+      return trimmed_value.replace('via.placeholder.com', 'placehold.co');
+    }
+  }
+
+  return value;
+};
+func.runtime.ui.normalize_svg_path_value = function (value) {
+  if (typeof value !== 'string' || !value.trim()) {
+    return value;
+  }
+
+  let normalized_value = value.trim();
+
+  // Common AI-generated typo: path data ends with a dangling command after closepath, e.g. "...zzm".
+  normalized_value = normalized_value.replace(/([zZ])+\s*[mMlLhHvVcCsSqQtTaA]\s*$/g, '$1');
+
+  return normalized_value;
+};
+func.runtime.ui.normalize_attr_value = function (target_or_tag, key, value) {
+  if (typeof value !== 'string') {
+    return value;
+  }
+
+  const target_tag_name =
+    typeof target_or_tag === 'string'
+      ? target_or_tag
+      : func.runtime.ui.get_first_node(target_or_tag)?.tagName || '';
+  const tag_name = `${target_tag_name || ''}`.trim().toLowerCase();
+  const attr_name = `${key || ''}`.trim().toLowerCase();
+
+  if ((tag_name === 'img' || tag_name === 'image') && ['src', 'href', 'xlink:href'].includes(attr_name)) {
+    return func.runtime.ui.normalize_external_asset_url(value);
+  }
+
+  if (tag_name === 'path' && attr_name === 'd') {
+    return func.runtime.ui.normalize_svg_path_value(value);
+  }
+
+  return value;
+};
 func.runtime.ui.get_attr = function (target, key) {
   const target_node = func.runtime.ui.get_first_node(target);
   return target_node?.getAttribute?.(key) ?? undefined;
@@ -29567,7 +29621,12 @@ func.runtime.ui.get_attr = function (target, key) {
 func.runtime.ui.set_attr = function (target, key, value) {
   const target_node = func.runtime.ui.get_first_node(target);
   if (target_node?.setAttribute) {
-    target_node.setAttribute(key, value);
+    const normalized_value = func.runtime.ui.normalize_attr_value(target_node, key, value);
+    try {
+      target_node.setAttribute(key, normalized_value);
+    } catch (error) {
+      console.warn(`Failed to set attribute "${key}" on <${target_node.tagName?.toLowerCase?.() || 'unknown'}>`, error);
+    }
   }
   return target_node || target;
 };
@@ -29874,7 +29933,12 @@ func.runtime.ui.create_element = function (tag_name, attr_str) {
     while ((match = attr_regex.exec(attr_str)) !== null) {
       const key = match[1];
       const value = match[2] !== undefined ? match[2] : (match[3] !== undefined ? match[3] : (match[4] !== undefined ? match[4] : ''));
-      el.setAttribute(key, value);
+      const normalized_value = func.runtime.ui.normalize_attr_value(tag_name, key, value);
+      try {
+        el.setAttribute(key, normalized_value);
+      } catch (error) {
+        console.warn(`Failed to set attribute "${key}" on <${tag_name}>`, error);
+      }
     }
   }
   return el;
@@ -29884,7 +29948,8 @@ func.runtime.ui.create_svg_element = function (element, prop, nodeP, $appendTo)
     let attr_str = '';
     for (const [key, value] of Object.entries(prop)) {
       if (key.substr(0, 2) !== 'xu') {
-        attr_str += ` ${key}="${value}" `;
+        const normalized_value = func.runtime.ui.normalize_attr_value(element, key, value);
+        attr_str += ` ${key}="${normalized_value}" `;
       }
     }
     if (element === 'svg') {
@@ -36865,66 +36930,39 @@ const create_runtime_head_element = function (doc, tag_name, attributes, asset_k
   return node;
 };
 
-const queue_runtime_html_script_task = function (task) {
-  const queue =
+const get_runtime_html_script_queue = function () {
+  return (
     func.runtime.render._html_script_queue ||
     (func.runtime.render._html_script_queue = {
       items: [],
-      scheduled: false,
       running: false,
-    });
+    })
+  );
+};
 
+const queue_runtime_html_script_task = function (task) {
+  const queue = get_runtime_html_script_queue();
   queue.items.push(task);
+};
 
-  if (queue.scheduled || queue.running) {
+func.runtime.render.flush_html_script_queue = async function () {
+  const queue = get_runtime_html_script_queue();
+  if (queue.running || !queue.items.length) {
     return;
   }
 
-  queue.scheduled = true;
-
-  const drain_queue = async function () {
-    if (queue.running) {
-      return;
-    }
-
-    queue.running = true;
-    queue.scheduled = false;
+  queue.running = true;
 
-    try {
-      while (queue.items.length) {
-        const next_task = queue.items.shift();
-        await next_task();
-      }
-    } catch (error) {
-      console.error(error);
-    } finally {
-      queue.running = false;
-      if (queue.items.length && !queue.scheduled) {
-        queue.scheduled = true;
-        schedule_runtime_html_script_queue();
-      }
-    }
-  };
-
-  const schedule_runtime_html_script_queue = function () {
-    const win = func.runtime.platform.get_window?.();
-    const run_later = function () {
-      setTimeout(function () {
-        drain_queue();
-      }, 0);
-    };
-
-    if (win?.requestAnimationFrame) {
-      win.requestAnimationFrame(function () {
-        win.requestAnimationFrame(run_later);
-      });
-      return;
+  try {
+    while (queue.items.length) {
+      const next_task = queue.items.shift();
+      await next_task();
     }
-
-    run_later();
-  };
-
-  schedule_runtime_html_script_queue();
+  } catch (error) {
+    console.error(error);
+  } finally {
+    queue.running = false;
+  }
 };
 
 const upsert_runtime_head_element = async function (options) {
@@ -37464,20 +37502,30 @@ func.runtime.render.render_ui_tree = async function (SESSION_ID, $container, nod
     keyP,
     parent_nodeP,
   });
+  const render_depth = func.runtime.render._html_script_render_depth || (func.runtime.render._html_script_render_depth = {});
+  render_depth[SESSION_ID] = (render_depth[SESSION_ID] || 0) + 1;
 
-  return await func.runtime.render.render_tree(treeP, {
-    SESSION_ID,
-    $container,
-    parent_infoP,
-    paramsP,
-    jobNoP,
-    is_skeleton,
-    keyP,
-    refreshed_ds,
-    parent_nodeP,
-    check_existP,
-    $root_container,
-  });
+  try {
+    return await func.runtime.render.render_tree(treeP, {
+      SESSION_ID,
+      $container,
+      parent_infoP,
+      paramsP,
+      jobNoP,
+      is_skeleton,
+      keyP,
+      refreshed_ds,
+      parent_nodeP,
+      check_existP,
+      $root_container,
+    });
+  } finally {
+    render_depth[SESSION_ID] = Math.max((render_depth[SESSION_ID] || 1) - 1, 0);
+    if (render_depth[SESSION_ID] === 0) {
+      await func.runtime.render.flush_html_script_queue?.();
+      delete render_depth[SESSION_ID];
+    }
+  }
 };
  func.runtime = func.runtime || {};
 func.runtime.ui = func.runtime.ui || {};