@q9labsai/chalk-react 4.1.17 → 5.0.0

package/dist/chunk-WRAEH24P.js

@@ -0,0 +1,203 @@
+// src/components/stage/stage-layout.ts
+var WIDESCREEN = 16 / 9;
+var MORE_TILE_ID = "stage:more";
+var DEFAULT_GRID_OPTIONS = { gap: 8, minTileWidth: 150, minTileHeight: 96, maxPerPage: Number.POSITIVE_INFINITY, minAspect: 0.8, maxAspect: 2 };
+var DEFAULT_SPOTLIGHT_OPTIONS = { gap: 8, stripRatio: 0.17, minStripHeight: 104, maxStripHeight: 150, stripAspect: WIDESCREEN };
+var EMPTY_GEOMETRY = { frames: [], pageCount: 0, perPage: 0 };
+var HARD_MIN = 0.6;
+var HARD_MAX = 2.4;
+var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+function rowPlan(box, weights, options) {
+  const units = weights.reduce((sum, weight) => sum + weight, 0);
+  let best = null;
+  for (let rows = 1; rows <= units; rows += 1) {
+    const base = Math.floor(units / rows);
+    const counts = Array.from({ length: rows }, (_, index2) => base + (index2 < units % rows ? 1 : 0));
+    const height = (box.height - (rows - 1) * options.gap) / rows;
+    if (height <= 0) break;
+    let index = 0;
+    let fits = true;
+    for (const count of counts) {
+      let used = 0;
+      while (index < weights.length && used < count) {
+        used += weights[index] ?? 1;
+        index += 1;
+      }
+      if (used !== count) {
+        fits = false;
+        break;
+      }
+    }
+    if (!fits || index !== weights.length) continue;
+    let cost = 0;
+    let minWidth = Infinity;
+    const target = options.minTileWidth === 88 ? 1 : 1.6;
+    for (const count of counts) {
+      const width = (box.width - (count - 1) * options.gap) / count;
+      if (width <= 0) {
+        fits = false;
+        break;
+      }
+      minWidth = Math.min(minWidth, width);
+      const aspect = width / height;
+      const hard = aspect < HARD_MIN ? Math.log(HARD_MIN / aspect) : aspect > HARD_MAX ? Math.log(aspect / HARD_MAX) : 0;
+      const soft = aspect < options.minAspect ? Math.log(options.minAspect / aspect) : aspect > options.maxAspect ? Math.log(aspect / options.maxAspect) : 0;
+      cost += count * (hard * 60 + soft * 3 + Math.abs(Math.log(aspect / target)));
+    }
+    cost /= units;
+    if (fits && (!best || cost < best.cost)) best = { counts, height, minWidth, cost };
+  }
+  return best;
+}
+function fitGrid(box, ids, options, wideIds = []) {
+  if (!ids.length) return EMPTY_GEOMETRY;
+  let keys = ids;
+  let plan = null;
+  let overflowCount = 0;
+  const weight = (id) => wideIds.includes(id) ? 2 : 1;
+  for (let count = Math.min(ids.length, Math.max(1, options.maxPerPage)); count >= 1; count -= 1) {
+    overflowCount = count < ids.length ? ids.length - count + 1 : 0;
+    keys = overflowCount ? [...ids.slice(0, count - 1), MORE_TILE_ID] : ids;
+    plan = rowPlan(box, keys.map(weight), options);
+    if (plan && (plan.minWidth >= options.minTileWidth && plan.height >= options.minTileHeight || count <= (wideIds.includes(ids[0] ?? "") ? 2 : 1))) break;
+  }
+  if (!plan) return EMPTY_GEOMETRY;
+  let height = plan.height;
+  for (const count of plan.counts) height = Math.min(height, (box.width - (count - 1) * options.gap) / count / HARD_MIN);
+  const offsetY = (box.height - plan.counts.length * height - (plan.counts.length - 1) * options.gap) / 2;
+  const frames = [];
+  let index = 0;
+  plan.counts.forEach((count, row) => {
+    const unitWidth = Math.min((box.width - (count - 1) * options.gap) / count, height * HARD_MAX);
+    let x = (box.width - count * unitWidth - (count - 1) * options.gap) / 2;
+    let used = 0;
+    while (used < count && index < keys.length) {
+      const id = keys[index];
+      if (id === void 0) break;
+      const units = weight(id);
+      const width = unitWidth * units + options.gap * (units - 1);
+      frames.push({ id, role: "grid", page: 0, x, y: offsetY + row * (height + options.gap), width, height });
+      x += width + options.gap;
+      used += units;
+      index += 1;
+    }
+  });
+  return { frames, pageCount: 1, perPage: keys.length, overflowCount };
+}
+function contain(box, aspect) {
+  if (aspect === null) return box;
+  const width = Math.min(box.width, box.height * aspect);
+  return { width, height: width / aspect };
+}
+function fitSpotlight(box, primaryId, stripIds, options) {
+  const phone = box.width <= 640;
+  const aspect = options.primaryAspect === void 0 ? WIDESCREEN : options.primaryAspect;
+  if (!stripIds.length) {
+    const aspect2 = clamp(box.width / box.height, 4 / 3, WIDESCREEN);
+    const fitted = contain(box, aspect2);
+    const width = options.content || phone ? box.width : Math.min(box.width * 0.56, fitted.width);
+    const height = options.content || phone ? box.height : width / aspect2;
+    return { frames: [{ id: primaryId, role: "primary", page: 0, x: (box.width - width) / 2, y: (box.height - height) / 2, width, height }], pageCount: 1, perPage: 0 };
+  }
+  if (phone && stripIds.length === 1 && !options.content) {
+    return {
+      frames: [
+        { id: primaryId, role: "primary", page: 0, x: 0, y: 0, ...box },
+        { id: stripIds[0] ?? "", role: "strip", page: 0, x: box.width - 108, y: 12, width: 96, height: 128 }
+      ],
+      pageCount: 1,
+      perPage: 1
+    };
+  }
+  const strip = phone ? Math.round(box.height * 0.3) : clamp(box.height * options.stripRatio, options.minStripHeight, options.maxStripHeight);
+  const column = phone && options.content ? 120 : clamp(box.width * 0.15, 180, 260);
+  const belowMain = options.content ? contain({ width: box.width, height: box.height - strip - options.gap }, aspect) : { width: box.width, height: box.height - strip - options.gap };
+  const besideMain = options.content ? contain({ width: box.width - column - options.gap, height: box.height }, aspect) : { width: box.width - column - options.gap, height: box.height };
+  const beside = options.content ? besideMain.width * besideMain.height > belowMain.width * belowMain.height * 1.005 : !phone && Math.abs(Math.log(besideMain.width / besideMain.height / WIDESCREEN)) < Math.abs(Math.log(belowMain.width / belowMain.height / WIDESCREEN));
+  const main = { width: beside ? besideMain.width : box.width, height: beside ? box.height : belowMain.height };
+  const remaining = { width: beside ? box.width - main.width - options.gap : box.width, height: beside ? box.height : box.height - main.height - options.gap };
+  const people = fitGrid(remaining, stripIds, { ...DEFAULT_GRID_OPTIONS, minTileWidth: phone ? 88 : 150, minTileHeight: phone ? 72 : 96, maxPerPage: options.maxPerPage ?? DEFAULT_GRID_OPTIONS.maxPerPage }, options.wideIds);
+  return {
+    ...people,
+    frames: [{ id: primaryId, role: "primary", page: 0, x: 0, y: 0, ...main }, ...people.frames.map((frame) => ({ ...frame, role: "strip", x: frame.x + (beside ? main.width + options.gap : 0), y: frame.y + (beside ? 0 : main.height + options.gap) }))]
+  };
+}
+
+// src/components/stage/stage-items.ts
+var WHITEBOARD_ITEM_ID = "whiteboard";
+var screenShareItemId = (participantId) => `screen-share:${participantId}`;
+function buildStageItems(participants, whiteboardOpen) {
+  const items = participants.map((participant) => ({ kind: "participant", id: participant.id, participant }));
+  for (const participant of participants) {
+    if (participant.isScreenSharing) {
+      items.push({ kind: "screen-share", id: screenShareItemId(participant.id), participant });
+    }
+  }
+  if (whiteboardOpen) items.push({ kind: "whiteboard", id: WHITEBOARD_ITEM_ID });
+  return items;
+}
+function isContentItem(item) {
+  return item.kind !== "participant";
+}
+function stabilizeOrder(previousIds, items) {
+  const byId = new Map(items.map((item) => [item.id, item]));
+  const ordered = [];
+  const placed = /* @__PURE__ */ new Set();
+  for (const id of previousIds) {
+    const item = byId.get(id);
+    if (!item || placed.has(id)) continue;
+    ordered.push(item);
+    placed.add(id);
+  }
+  for (const item of items) {
+    if (placed.has(item.id)) continue;
+    ordered.push(item);
+    placed.add(item.id);
+  }
+  return ordered;
+}
+function firstScreenShare(items, seenAt) {
+  let first;
+  let firstSeen = Infinity;
+  for (const item of items) {
+    if (item.kind !== "screen-share") continue;
+    const seen = seenAt.get(item.id) ?? Infinity;
+    if (!first || seen < firstSeen) {
+      first = item;
+      firstSeen = seen;
+    }
+  }
+  return first;
+}
+function participantWhere(items, predicate) {
+  return items.find((item) => item.kind === "participant" && predicate(item.participant));
+}
+function choosePrimary(items, context) {
+  if (items.length === 0) return null;
+  const pinned = context.pinnedId ? items.find((item) => item.id === context.pinnedId) : void 0;
+  if (pinned) return pinned;
+  const content = firstScreenShare(items, context.seenAt) ?? items.find((item) => item.kind === "whiteboard");
+  if (content) return content;
+  return participantWhere(items, (participant) => participant.isActiveSpeaker === true) ?? participantWhere(items, (participant) => participant.isSpeaking === true) ?? (context.lastSpeakerId ? items.find((item) => item.kind === "participant" && item.id === context.lastSpeakerId) : void 0) ?? participantWhere(items, (participant) => !participant.isLocal) ?? participantWhere(items, () => true) ?? items[0] ?? null;
+}
+function gridOrder(items, pinnedId) {
+  if (!pinnedId) return [...items];
+  const pinned = items.find((item) => item.id === pinnedId);
+  return pinned ? [pinned, ...items.filter((item) => item.id !== pinnedId)] : [...items];
+}
+
+export {
+  MORE_TILE_ID,
+  DEFAULT_GRID_OPTIONS,
+  DEFAULT_SPOTLIGHT_OPTIONS,
+  EMPTY_GEOMETRY,
+  fitGrid,
+  fitSpotlight,
+  WHITEBOARD_ITEM_ID,
+  screenShareItemId,
+  buildStageItems,
+  isContentItem,
+  stabilizeOrder,
+  choosePrimary,
+  gridOrder
+};