@constela/core 0.19.0 → 0.21.0

package/dist/index.js

@@ -3458,6 +3458,157 @@ function downsampleLTTB(data, targetCount) {
   result.push(data[data.length - 1]);
   return result;
 }
+function getChartGridLines(min, max, height, padTop, padBottom, count) {
+  if (typeof min !== "number" || typeof max !== "number" || typeof height !== "number" || typeof padTop !== "number" || typeof padBottom !== "number" || typeof count !== "number") {
+    return [];
+  }
+  if (count <= 0) {
+    return [];
+  }
+  const ticks = generateTicks(min, max, count);
+  const result = [];
+  for (const tick of ticks) {
+    const y = scaleChartY(tick, min, max, height, padTop, padBottom);
+    if (y === void 0) {
+      continue;
+    }
+    result.push({
+      y,
+      value: tick,
+      label: tick.toString()
+    });
+  }
+  return result;
+}
+function getRoundedBarPath(x, y, width, height, radius) {
+  if (typeof x !== "number" || typeof y !== "number" || typeof width !== "number" || typeof height !== "number" || typeof radius !== "number") {
+    return "";
+  }
+  if (width <= 0 || height <= 0) {
+    return "";
+  }
+  const r = Math.min(radius, width / 2, height);
+  if (r <= 0) {
+    return `M${x},${y + height}L${x},${y}L${x + width},${y}L${x + width},${y + height}Z`;
+  }
+  return `M${x},${y + height}L${x},${y + r}Q${x},${y} ${x + r},${y}L${x + width - r},${y}Q${x + width},${y} ${x + width},${y + r}L${x + width},${y + height}Z`;
+}
+function getDonutArcPath(cx, cy, outerR, innerR, startAngle, endAngle) {
+  if (typeof cx !== "number" || typeof cy !== "number" || typeof outerR !== "number" || typeof innerR !== "number" || typeof startAngle !== "number" || typeof endAngle !== "number") {
+    return "";
+  }
+  if (innerR >= outerR || outerR <= 0 || innerR < 0) {
+    return "";
+  }
+  const outerX1 = cx + outerR * Math.cos(startAngle - Math.PI / 2);
+  const outerY1 = cy + outerR * Math.sin(startAngle - Math.PI / 2);
+  const outerX2 = cx + outerR * Math.cos(endAngle - Math.PI / 2);
+  const outerY2 = cy + outerR * Math.sin(endAngle - Math.PI / 2);
+  const innerX1 = cx + innerR * Math.cos(startAngle - Math.PI / 2);
+  const innerY1 = cy + innerR * Math.sin(startAngle - Math.PI / 2);
+  const innerX2 = cx + innerR * Math.cos(endAngle - Math.PI / 2);
+  const innerY2 = cy + innerR * Math.sin(endAngle - Math.PI / 2);
+  const angleDiff = endAngle - startAngle;
+  const largeArcFlag = Math.abs(angleDiff) > Math.PI ? 1 : 0;
+  return `M${outerX1},${outerY1}A${outerR},${outerR} 0 ${largeArcFlag},1 ${outerX2},${outerY2}L${innerX2},${innerY2}A${innerR},${innerR} 0 ${largeArcFlag},0 ${innerX1},${innerY1}Z`;
+}
+function getSliceLabelPosition(cx, cy, radius, startAngle, endAngle) {
+  if (typeof cx !== "number" || typeof cy !== "number" || typeof radius !== "number" || typeof startAngle !== "number" || typeof endAngle !== "number") {
+    return void 0;
+  }
+  const midAngle = (startAngle + endAngle) / 2;
+  const x = cx + radius * Math.cos(midAngle - Math.PI / 2);
+  const y = cy + radius * Math.sin(midAngle - Math.PI / 2);
+  return { x, y };
+}
+function getRadarGridPolygons(cx, cy, radius, sides, levels) {
+  if (typeof cx !== "number" || typeof cy !== "number" || typeof radius !== "number" || typeof sides !== "number" || typeof levels !== "number") {
+    return [];
+  }
+  if (sides < 3 || levels < 1) {
+    return [];
+  }
+  const result = [];
+  for (let i = 1; i <= levels; i++) {
+    const levelRadius = radius * (i / levels);
+    const points = [];
+    for (let j = 0; j < sides; j++) {
+      const angle = 2 * Math.PI * j / sides - Math.PI / 2;
+      const x = cx + levelRadius * Math.cos(angle);
+      const y = cy + levelRadius * Math.sin(angle);
+      points.push(`${x},${y}`);
+    }
+    result.push(points.join(" "));
+  }
+  return result;
+}
+function getActivityRingArcPath(cx, cy, radius, startAngle, endAngle) {
+  if (typeof cx !== "number" || typeof cy !== "number" || typeof radius !== "number" || typeof startAngle !== "number" || typeof endAngle !== "number") {
+    return "";
+  }
+  const angleDiff = endAngle - startAngle;
+  if (Math.abs(angleDiff) > 2 * Math.PI - 0.01) {
+    const midAngle = startAngle + angleDiff / 2;
+    const x12 = cx + radius * Math.cos(startAngle - Math.PI / 2);
+    const y12 = cy + radius * Math.sin(startAngle - Math.PI / 2);
+    const xMid = cx + radius * Math.cos(midAngle - Math.PI / 2);
+    const yMid = cy + radius * Math.sin(midAngle - Math.PI / 2);
+    const x22 = cx + radius * Math.cos(endAngle - Math.PI / 2);
+    const y22 = cy + radius * Math.sin(endAngle - Math.PI / 2);
+    const halfDiff = angleDiff / 2;
+    const largeArc1 = Math.abs(halfDiff) > Math.PI ? 1 : 0;
+    const largeArc2 = Math.abs(halfDiff) > Math.PI ? 1 : 0;
+    return `M${x12},${y12}A${radius},${radius} 0 ${largeArc1},1 ${xMid},${yMid}A${radius},${radius} 0 ${largeArc2},1 ${x22},${y22}`;
+  }
+  const x1 = cx + radius * Math.cos(startAngle - Math.PI / 2);
+  const y1 = cy + radius * Math.sin(startAngle - Math.PI / 2);
+  const x2 = cx + radius * Math.cos(endAngle - Math.PI / 2);
+  const y2 = cy + radius * Math.sin(endAngle - Math.PI / 2);
+  const largeArcFlag = Math.abs(angleDiff) > Math.PI ? 1 : 0;
+  return `M${x1},${y1}A${radius},${radius} 0 ${largeArcFlag},1 ${x2},${y2}`;
+}
+function getActivityRingLayout(data, valueKey, cx, cy, outerRadius, ringWidth, ringGap) {
+  if (!Array.isArray(data) || data.length === 0) {
+    return [];
+  }
+  if (typeof valueKey !== "string") {
+    return [];
+  }
+  if (typeof cx !== "number" || typeof cy !== "number" || typeof outerRadius !== "number" || typeof ringWidth !== "number" || typeof ringGap !== "number") {
+    return [];
+  }
+  const numOuterRadius = outerRadius;
+  const numRingWidth = ringWidth;
+  const numRingGap = ringGap;
+  const values = data.map((d) => {
+    const v = d[valueKey];
+    return typeof v === "number" ? v : 0;
+  });
+  const max = Math.max(...values);
+  if (max === 0) {
+    return data.map((_, i) => ({
+      radius: numOuterRadius - numRingWidth / 2 - i * (numRingWidth + numRingGap),
+      angle: 0,
+      maxAngle: 2 * Math.PI
+    }));
+  }
+  return data.map((_, i) => ({
+    radius: numOuterRadius - numRingWidth / 2 - i * (numRingWidth + numRingGap),
+    angle: (values[i] ?? 0) / max * 2 * Math.PI,
+    maxAngle: 2 * Math.PI
+  }));
+}
+function getChartDefaultColors(palette) {
+  const palettes = {
+    health: ["#FF3B30", "#FF9500", "#FFCC00", "#34C759", "#007AFF", "#5856D6", "#AF52DE"],
+    activity: ["#FA114F", "#A8FF04", "#00D4FF"],
+    vibrant: ["#FF2D55", "#FF9500", "#5AC8FA", "#007AFF", "#4CD964", "#FF3B30"]
+  };
+  if (typeof palette !== "string" || !(palette in palettes)) {
+    return palettes["health"];
+  }
+  return palettes[palette];
+}
 var GLOBAL_FUNCTIONS = {
   // Date helpers
   getCalendarDays: (year, month) => getCalendarDays(year, month),
@@ -3494,7 +3645,17 @@ var GLOBAL_FUNCTIONS = {
   // Chart helpers - Data aggregation
   binData: (data, valueKey, binCount) => binData(data, valueKey, binCount),
   aggregateData: (data, groupKey, valueKey, aggregation) => aggregateData(data, groupKey, valueKey, aggregation),
-  downsample: (data, targetCount, method) => downsample(data, targetCount, method)
+  downsample: (data, targetCount, method) => downsample(data, targetCount, method),
+  // Chart helpers - Grid & redesign
+  getChartGridLines: (min, max, height, padTop, padBottom, count) => getChartGridLines(min, max, height, padTop, padBottom, count),
+  getRoundedBarPath: (x, y, width, height, radius) => getRoundedBarPath(x, y, width, height, radius),
+  getDonutArcPath: (cx, cy, outerR, innerR, startAngle, endAngle) => getDonutArcPath(cx, cy, outerR, innerR, startAngle, endAngle),
+  getSliceLabelPosition: (cx, cy, radius, startAngle, endAngle) => getSliceLabelPosition(cx, cy, radius, startAngle, endAngle),
+  getRadarGridPolygons: (cx, cy, radius, sides, levels) => getRadarGridPolygons(cx, cy, radius, sides, levels),
+  // Chart helpers - Activity Ring
+  getActivityRingArcPath: (cx, cy, radius, startAngle, endAngle) => getActivityRingArcPath(cx, cy, radius, startAngle, endAngle),
+  getActivityRingLayout: (data, valueKey, cx, cy, outerRadius, ringWidth, ringGap) => getActivityRingLayout(data, valueKey, cx, cy, outerRadius, ringWidth, ringGap),
+  getChartDefaultColors: (palette) => getChartDefaultColors(palette)
 };
 function callGlobalFunction(method, args) {
   const fn = GLOBAL_FUNCTIONS[method];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/core",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "description": "Core types, schema, and validator for Constela UI framework",
   "type": "module",
   "main": "./dist/index.js",