@xuda.io/runtime-bundle 1.0.1252 → 1.0.1253

package/js/xuda-runtime-bundle.js

@@ -36937,6 +36937,93 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
     return await fx[nodeTag]();
   }
 
+  // Old rendering path (when glb.new_xu_render is false)
+  const draw_html_element_org = async function (element) {
+    const done = async function (ret = {}) {
+      return $div;
+    };
+
+    if (!element || element === 'script') return await done();
+
+    const $div = await func.UI.screen.create_container(SESSION_ID, $root_container, nodeP, $container, paramsP, parent_infoP, jobNoP, keyP, parent_nodeP, prop, null, null, element, null, '');
+
+    $div.hover(
+      (e) => hover_in($div, e),
+      (e) => hover_out(),
+    );
+
+    if (paramsP.paramsP === 'grid' || parent_infoP?.iterate_info) {
+      $div.on('click contextmenu', (e) => hover_in($div, e));
+    }
+
+    const ret = await func.UI.screen.set_attributes_new(SESSION_ID, is_skeleton, $root_container, nodeP, $container, paramsP, parent_infoP, jobNoP, keyP, parent_nodeP, $div, true);
+
+    if (ret.abort || nodeTag === 'svg' || !_.isEmpty(nodeP?.attributes?.['xu-text']) || !_.isEmpty(nodeP?.attributes?.['xu-html']) || !_.isEmpty(nodeP?.attributes?.['xu-exp:xu-text']) || !_.isEmpty(nodeP?.attributes?.['xu-exp:xu-html'])) {
+      return await done(ret);
+    }
+
+    if (nodeP?.attributes?.['xu-viewport'] === 'true') {
+      const xu_viewport = function () {
+        const observer_inViewport = new IntersectionObserver(
+          (entries) => {
+            entries.forEach((entry) => {
+              if (entry.isIntersecting) {
+                $(entry.target).trigger('inViewport');
+                observer_inViewport.unobserve(entry.target);
+              }
+            });
+          },
+          { threshold: 0.1 },
+        );
+
+        const observer_outViewport = new IntersectionObserver(
+          (entries) => {
+            entries.forEach((entry) => {
+              if (!entry.isIntersecting) {
+                $(entry.target).trigger('outViewport');
+              }
+            });
+          },
+          { threshold: 0 },
+        );
+
+        let ui_job_id;
+
+        $div.on('inViewport', function () {
+          if ($div.children().length) {
+            $div.removeClass('skeleton');
+            return;
+          }
+
+          hover_in($div);
+          ui_job_id = func.UI.worker.add_to_queue(SESSION_ID, 'gui event', 'render_viewport', { $div, nodeP, parent_infoP, $root_container, paramsP, jobNoP, is_skeleton, keyP, refreshed_ds, parent_nodeP, check_existP, $container }, null, null, paramsP.dsSessionP);
+          observer_outViewport.observe($div[0]);
+        });
+
+        $div.on('outViewport', function () {
+          func.UI.worker.delete_job(SESSION_ID, ui_job_id);
+
+          if ($div.children().length) {
+            $div.empty();
+            const height = $div?.data()?.xuData?.viewport_height || 10;
+            if (height !== undefined) {
+              $div.css('height', height);
+            }
+          }
+          observer_inViewport.observe($div[0]);
+        });
+
+        $div.addClass('skeleton');
+        observer_inViewport.observe($div[0]);
+      };
+      xu_viewport();
+    } else {
+      await iterate_child($div, nodeP, parent_infoP, $root_container);
+    }
+
+    return await done(ret);
+  };
+
   // Render HTML element
   if (!glb.new_xu_render) {
     return await draw_html_element_org(nodeTag);