@xuda.io/runtime-bundle 1.0.1440 → 1.0.1442

package/js/xuda-runtime-slim.js

@@ -10685,6 +10685,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;
@@ -10692,7 +10746,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;
 };
@@ -10999,7 +11058,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;
@@ -11009,7 +11073,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') {
@@ -17990,66 +18055,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) {
@@ -18589,20 +18627,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 || {};

package/js/xuda-runtime-slim.min.es.js

@@ -17956,6 +17956,40 @@ const wait_for_runtime_asset_load = function (node) {
   });
 };
 
+const is_runtime_tailwind_script_src = function (src) {
+  const normalized_src = `${src || ''}`.trim().toLowerCase();
+  if (!normalized_src) {
+    return false;
+  }
+
+  return normalized_src.includes('cdn.tailwindcss.com') || /(?:^|\/)tailwind\.cdn\.js(?:[?#].*)?$/.test(normalized_src);
+};
+
+const is_runtime_tailwind_config_script = function (content) {
+  return /(?:^|[^\w.])tailwind\.config\s*=/.test(`${content || ''}`);
+};
+
+const has_runtime_tailwind = function () {
+  const win = func.runtime.platform.get_window?.();
+  return !!win?.tailwind;
+};
+
+const refresh_runtime_tailwind = async function () {
+  const win = func.runtime.platform.get_window?.();
+  const refresh = win?.tailwind?.refresh;
+  if (typeof refresh !== 'function') {
+    return false;
+  }
+
+  try {
+    await refresh();
+    return true;
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+};
+
 const remove_runtime_head_asset = function (node) {
   if (node?.parentNode?.removeChild) {
     node.parentNode.removeChild(node);
@@ -18126,10 +18160,16 @@ const render_runtime_html_asset = async function (options) {
     }
     case 'script': {
       const src = `${attributes.src || ''}`.trim();
+      const is_tailwind_script = is_runtime_tailwind_script_src(src);
+      const is_tailwind_config_script = is_runtime_tailwind_config_script(content);
       if (!src && !content.trim()) {
         return options.$container;
       }
       queue_runtime_html_script_task(async function () {
+        if (src && is_tailwind_script && has_runtime_tailwind()) {
+          return;
+        }
+
         await upsert_runtime_head_element({
           tag_name,
           attributes,
@@ -18144,6 +18184,10 @@ const render_runtime_html_asset = async function (options) {
             : null,
           await_load: !!src,
         });
+
+        if (is_tailwind_config_script) {
+          await refresh_runtime_tailwind();
+        }
       });
       return options.$container;
     }
@@ -20796,6 +20840,34 @@ func.UI.screen.live_preview_hot_module_reload = async function (SESSION_ID, doc)
 };
  func.UI.component = {};
 
+func.UI.component.get_wrapped_nodes = function (target) {
+  if (!target) {
+    return [];
+  }
+  if (typeof target.toArray === "function") {
+    return target.toArray().filter(Boolean);
+  }
+  if (Array.isArray(target)) {
+    return target.filter(Boolean);
+  }
+  const first_node = func.runtime.ui.get_first_node(target);
+  return first_node ? [first_node] : [];
+};
+
+func.UI.component.move_wrapped_nodes = function (target, source) {
+  const target_node = func.runtime.ui.get_first_node(target);
+  if (!target_node) {
+    return false;
+  }
+
+  const nodes = func.UI.component.get_wrapped_nodes(source);
+  for (let index = 0; index < nodes.length; index++) {
+    target_node.appendChild(nodes[index]);
+  }
+
+  return true;
+};
+
 func.UI.component.create_app_modal_component = function (
   SESSION_ID,
   modal_content_name
@@ -21030,8 +21102,7 @@ func.UI.component.create_app_root_component = function (SESSION_ID) {
       connectedCallback() {
         const xu_nav = SESSION_OBJ[SESSION_ID].root_element.querySelector("xu-nav");
         const xu_nav_data = func.runtime.ui.get_data(xu_nav);
-        const _node = func.runtime.ui.get_first_node(xu_nav_data.xuData.$div);
-        if (_node) this.appendChild(_node);
+        func.UI.component.move_wrapped_nodes(this, xu_nav_data?.xuData?.$div);
         const root_component_callback = xu_nav_data.xuData.root_component_callback;
         if (root_component_callback) {
           root_component_callback();
@@ -21068,8 +21139,7 @@ func.UI.component.create_app_popover_component = function (SESSION_ID) {
         }
 
         popover_el.innerHTML = '';
-        const _popNode = func.runtime.ui.get_first_node(params.$dialogDiv);
-        if (_popNode) popover_el.appendChild(_popNode);
+        func.UI.component.move_wrapped_nodes(popover_el, params.$dialogDiv);
       }
     }
   );
@@ -21090,8 +21160,7 @@ func.UI.component.create_camera_select_popover_component = function (
 
         var params = func.runtime.ui.get_data(xu_popover_controller, "xuControllerParams");
 
-        const _camNode = func.runtime.ui.get_first_node(params.$dialogDiv);
-        if (_camNode) this.appendChild(_camNode);
+        func.UI.component.move_wrapped_nodes(this, params.$dialogDiv);
       }
     }
   );