Function placeNewWidget

client/src/modules/autoLayout.js:136–168

(existingLayout, widget, bp)

}

export function placeNewWidget(existingLayout, widget, bp) {
  const bpCols = cols[bp] || 12;
  const items = Array.isArray(existingLayout) ? existingLayout : [];
  const w = (bp === "xs" || bp === "xxs") ? bpCols : Math.max(1, Math.min(widget.w || 2, bpCols));
  const h = Math.max(1, widget.h || 2);

  if (items.length === 0) {
    return { x: 0, y: 0, w, h };
  }

  const placed = cloneItems(items);

  // Scan rows from 0 to a safe upper bound
  const maxY = placed.reduce((acc, it) => Math.max(acc, it.y + it.h), 0);
  const upper = maxY + 50; // generous bound
  if (bp === "xs" || bp === "xxs") {
    // Always stack to bottom full width
    return { x: 0, y: maxY, w, h };
  }
  for (let y = 0; y <= upper; y += 1) {
    for (let x = 0; x <= bpCols - w; x += 1) {
      const candidate = { x, y, w, h };
      const collision = placed.some((it) => rectanglesOverlap(candidate, it));
      if (!collision) {
        return candidate;
      }
    }
  }

  // Fallback at bottom
  const bottom = placed.reduce((acc, it) => Math.max(acc, it.y + it.h), 0);
  return { x: 0, y: bottom, w, h };
}

export default {
  tidyLayout,