@constela/runtime 2.0.3 → 2.0.5

package/dist/index.js

@@ -974,6 +974,7 @@ var GLOBAL_FUNCTIONS = {
   getRadarAxes: (labels, cx, cy, radius) => getRadarAxes(labels, cx, cy, radius),
   // Chart helpers - Utilities
   getChartBounds: (data, valueKey) => getChartBounds(data, valueKey),
+  getLinePoints: (data, valueKey, width, height, padding) => getLinePoints(data, valueKey, width, height, padding),
   generateTicks: (min, max, count) => generateTicks(min, max, count),
   // Chart helpers - Data aggregation
   binData: (data, valueKey, binCount) => binData(data, valueKey, binCount),
@@ -1591,6 +1592,24 @@ function getChartBounds(data, valueKey) {
     max: Math.max(...values)
   };
 }
+function getLinePoints(data, valueKey, width, height, padding) {
+  if (!Array.isArray(data) || data.length === 0) return void 0;
+  if (typeof valueKey !== "string") return void 0;
+  if (typeof width !== "number" || typeof height !== "number") return void 0;
+  const pad = typeof padding === "number" ? padding : 40;
+  const bounds = getChartBounds(data, valueKey);
+  if (!bounds) return void 0;
+  const { min, max } = bounds;
+  const chartWidth = width - pad * 2;
+  const chartHeight = height - pad * 2;
+  return data.map((item, idx) => {
+    const value = item[valueKey];
+    if (typeof value !== "number") return { x: 0, y: 0 };
+    const x2 = pad + (data.length > 1 ? idx / (data.length - 1) * chartWidth : chartWidth / 2);
+    const y2 = min === max ? pad + chartHeight / 2 : pad + chartHeight - scaleValue(value, min, max, 0, chartHeight);
+    return { x: x2, y: y2 };
+  });
+}
 function generateTicks(min, max, count) {
   if (typeof min !== "number" || typeof max !== "number" || typeof count !== "number") {
     return [];
@@ -16167,20 +16186,22 @@ function hydrateElement(node, el, ctx) {
     hydrateChildren(node.children, el, ctx);
   }
 }
-function findSsrIfBranchMarker(parent, beforeNode) {
-  let current = beforeNode ? beforeNode.previousSibling : parent.lastChild;
-  while (current) {
-    if (current.nodeType === Node.COMMENT_NODE) {
-      const comment2 = current;
-      const text3 = comment2.textContent;
-      if (text3 === "if:then") return { branch: "then", marker: comment2 };
-      if (text3 === "if:else") return { branch: "else", marker: comment2 };
-      if (text3 === "if:none") return { branch: "none", marker: comment2 };
+function collectIfMarkers(parent) {
+  const markers = [];
+  for (let i = 0; i < parent.childNodes.length; i++) {
+    const child = parent.childNodes[i];
+    if (child.nodeType === Node.COMMENT_NODE) {
+      const text3 = child.textContent;
+      if (text3 === "if:then") {
+        markers.push({ branch: "then", marker: child });
+      } else if (text3 === "if:else") {
+        markers.push({ branch: "else", marker: child });
+      } else if (text3 === "if:none") {
+        markers.push({ branch: "none", marker: child });
+      }
     }
-    if (current.nodeType === Node.ELEMENT_NODE) break;
-    current = current.previousSibling;
   }
-  return null;
+  return markers;
 }
 function hydrateChildren(children, parent, ctx) {
   const domChildren = [];
@@ -16190,6 +16211,8 @@ function hydrateChildren(children, parent, ctx) {
       domChildren.push(child);
     }
   }
+  const ifMarkers = collectIfMarkers(parent);
+  let ifMarkerIndex = 0;
   let domIndex = 0;
   for (let i = 0; i < children.length; i++) {
     const childNode = children[i];
@@ -16224,14 +16247,15 @@ function hydrateChildren(children, parent, ctx) {
         ...ctx.route && { route: ctx.route }
       });
       const clientBranch = Boolean(clientCondition) ? "then" : ifNode.else ? "else" : "none";
-      const domChild = domChildren[domIndex];
-      const ssrInfo = findSsrIfBranchMarker(parent, domChild || null);
+      const ssrInfo = ifMarkerIndex < ifMarkers.length ? ifMarkers[ifMarkerIndex] : null;
+      ifMarkerIndex++;
       const ssrBranch = ssrInfo?.branch ?? null;
       const ssrHasDom = ssrBranch === "then" || ssrBranch === "else";
       if (ssrInfo?.marker) {
         ssrInfo.marker.remove();
       }
-      if (ssrHasDom && domChild) {
+      if (ssrHasDom && domChildren[domIndex]) {
+        const domChild = domChildren[domIndex];
         hydrateIf(ifNode, domChild, ctx, { ssrBranch, clientBranch });
         domIndex++;
       } else if (ssrBranch === "none") {
@@ -16240,6 +16264,7 @@ function hydrateChildren(children, parent, ctx) {
         });
       } else {
         const hasDomForIf = Boolean(clientCondition) || Boolean(ifNode.else);
+        const domChild = domChildren[domIndex];
         if (hasDomForIf && domChild) {
           hydrate(childNode, domChild, ctx);
           domIndex++;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/runtime",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Runtime DOM renderer for Constela UI framework",
   "type": "module",
   "main": "./dist/index.js",