@arbidocs/blocks 0.4.129 → 0.4.131

package/dist/calendar/print-layout.d.ts

@@ -0,0 +1,16 @@
+/** Pure layout helpers for the calendar print view: ranges and zone-correct day bucketing. */
+import type { components } from '@arbidocs/client';
+export type CalendarEvent = components['schemas']['CalendarEvent'];
+export type PrintView = 'agenda' | 'day' | 'week' | 'month';
+/** The days [from, to) a view covers. */
+export declare function printRange(view: PrintView, date: string, weekStart?: number, agendaDays?: number): {
+    from: string;
+    to: string;
+};
+export declare function eachDay(from: string, to: string): string[];
+/** Zone days an event touches (all-day: its dates; timed: the zone dates of [start, end)). */
+export declare function eventDays(e: CalendarEvent, zone: string): string[];
+export declare function timeLabel(e: CalendarEvent, day: string, zone: string): string;
+/** Events per zone day within [from, to), all-day first then by start. */
+export declare function eventsByDay(events: CalendarEvent[], zone: string, from: string, to: string): Map<string, CalendarEvent[]>;
+export declare function heading(view: PrintView, date: string, from: string, to: string): string;

package/dist/calendar/printCalendar.d.ts

@@ -0,0 +1,6 @@
+import { type CalendarPrintProps } from './CalendarPrint';
+/**
+ * Open the browser print dialog showing only the calendar print view. With `props`, the view is rendered
+ * into a temporary body-level host; without, the first mounted `<CalendarPrint>` is copied there.
+ */
+export declare function printCalendar(props?: CalendarPrintProps): void;

package/dist/calls/composite-canvas.d.ts

@@ -0,0 +1,52 @@
+/**
+ * The host's composite recording (ARBI `docs/meeting-chats-plan.md` §6, "Audio + video"): a canvas
+ * that mirrors the host's call stage — the same tiles in the same places (grid, or the screen share
+ * large with the others in a strip), since it is drawn from the stage's own rendered <video>
+ * elements — plus the mixed audio the host hears (WebAudio: every remote audio track and the host's
+ * microphone). The stream is recorded by the chunked recorder in the host's browser.
+ */
+/** Frame rate and size of the composite recording canvas. */
+export declare const COMPOSITE_FPS = 15;
+export declare const COMPOSITE_MAX_WIDTH = 1280;
+export declare const COMPOSITE_MAX_HEIGHT = 720;
+/** Fit a `w × h` stage into the canvas, centred, aspect kept. */
+export declare function fitStage(stage: {
+    width: number;
+    height: number;
+}, canvas: {
+    width: number;
+    height: number;
+}): {
+    scale: number;
+    dx: number;
+    dy: number;
+};
+/** Draw `src` (w × h) into a box, `contain` (letterboxed) or `cover` (cropped). */
+export declare function fitMedia(src: {
+    width: number;
+    height: number;
+}, box: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}, mode: 'contain' | 'cover'): {
+    sx: number;
+    sy: number;
+    sw: number;
+    sh: number;
+    dx: number;
+    dy: number;
+    dw: number;
+    dh: number;
+};
+/** One frame of the stage. */
+export declare function drawStageFrame(ctx: CanvasRenderingContext2D, stage: HTMLElement, width: number, height: number): void;
+export interface CompositeCapture {
+    stream: MediaStream;
+    /** Keep the mixed audio in step with the room's audio tracks. */
+    setAudioTracks(tracks: MediaStreamTrack[]): void;
+    dispose(): void;
+}
+/** Start drawing the stage into a ≤720p canvas and mixing the given audio. */
+export declare function startCompositeCapture(stage: HTMLElement): CompositeCapture;

package/dist/calls/index.cjs

@@ -2,8 +2,8 @@
 'use strict';
 
 var chunkZAVEMQ37_cjs = require('../chunk-ZAVEMQ37.cjs');
-require('../chunk-ULWRNGGE.cjs');
 var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
+require('../chunk-ULWRNGGE.cjs');
 var chunkMWDW5UBW_cjs = require('../chunk-MWDW5UBW.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-MHVNT4J3.cjs');
@@ -2748,6 +2748,361 @@ function WebinarViewer({
     }
   );
 }
+var LEVEL_TICK_MS = 60;
+var SPEAKING_RELEASE_MS = 350;
+var EMPTY2 = { levels: {}, speaking: [], spotlight: null };
+var snapshot = EMPTY2;
+var listeners = /* @__PURE__ */ new Set();
+function publish(next) {
+  snapshot = next;
+  listeners.forEach((fn) => fn());
+}
+function subscribe(fn) {
+  listeners.add(fn);
+  return () => listeners.delete(fn);
+}
+var get = () => snapshot;
+function useVoiceLevel(identity) {
+  return react.useSyncExternalStore(
+    subscribe,
+    () => identity ? get().levels[identity] ?? 0 : 0,
+    () => 0
+  );
+}
+function useVoiceLevels() {
+  return react.useSyncExternalStore(
+    subscribe,
+    () => get().levels,
+    () => EMPTY2.levels
+  );
+}
+function useIsSpeaking(identity) {
+  return react.useSyncExternalStore(
+    subscribe,
+    () => identity ? get().speaking.includes(identity) : false,
+    () => false
+  );
+}
+function useSpeakingIds() {
+  const key = react.useSyncExternalStore(
+    subscribe,
+    () => get().speaking.join("\n"),
+    () => ""
+  );
+  return key ? key.split("\n") : [];
+}
+function useSpotlightId() {
+  return react.useSyncExternalStore(
+    subscribe,
+    () => get().spotlight,
+    () => null
+  );
+}
+function startVoiceLevels(sources) {
+  let ctx = null;
+  try {
+    ctx = typeof AudioContext !== "undefined" ? new AudioContext() : null;
+  } catch {
+    ctx = null;
+  }
+  const meters = /* @__PURE__ */ new Map();
+  const smoothed = /* @__PURE__ */ new Map();
+  const loudAt = /* @__PURE__ */ new Map();
+  let spot = chunkMWDW5UBW_cjs.INITIAL_SPOTLIGHT;
+  const meterFor = (s) => {
+    if (!ctx || !s.track || s.track.readyState === "ended") return null;
+    const have = meters.get(s.identity);
+    if (have && have.track === s.track) return have;
+    have?.source.disconnect();
+    try {
+      const source = ctx.createMediaStreamSource(new MediaStream([s.track]));
+      const analyser = ctx.createAnalyser();
+      analyser.fftSize = 512;
+      source.connect(analyser);
+      const m = { track: s.track, source, analyser, buf: new Float32Array(analyser.fftSize) };
+      meters.set(s.identity, m);
+      return m;
+    } catch {
+      return null;
+    }
+  };
+  const tick = () => {
+    if (ctx?.state === "suspended") void ctx.resume().catch(() => void 0);
+    const now = Date.now();
+    const list = sources();
+    const seen = /* @__PURE__ */ new Set();
+    const levels = {};
+    for (const s of list) {
+      seen.add(s.identity);
+      let raw = 0;
+      const m = s.muted ? null : meterFor(s);
+      if (m) {
+        m.analyser.getFloatTimeDomainData(m.buf);
+        let sum = 0;
+        for (let i = 0; i < m.buf.length; i++) sum += m.buf[i] * m.buf[i];
+        raw = Math.min(1, Math.sqrt(sum / m.buf.length) * 5);
+      }
+      const prev2 = smoothed.get(s.identity) ?? 0;
+      const level = raw >= prev2 ? raw : prev2 * 0.8 + raw * 0.2;
+      smoothed.set(s.identity, level);
+      if (level >= chunkMWDW5UBW_cjs.SPEAKING_LEVEL) loudAt.set(s.identity, now);
+      levels[s.identity] = Math.round(level * 20) / 20;
+    }
+    for (const id2 of [...meters.keys()]) {
+      if (!seen.has(id2)) {
+        meters.get(id2)?.source.disconnect();
+        meters.delete(id2);
+        smoothed.delete(id2);
+        loudAt.delete(id2);
+      }
+    }
+    const speaking = list.map((s) => s.identity).filter((id2) => now - (loudAt.get(id2) ?? -Infinity) <= SPEAKING_RELEASE_MS).sort((a, b) => (smoothed.get(b) ?? 0) - (smoothed.get(a) ?? 0));
+    spot = chunkMWDW5UBW_cjs.nextSpotlight(spot, Object.fromEntries(smoothed), now, {
+      exclude: list.filter((s) => s.local).map((s) => s.identity)
+    });
+    if (spot.id && !seen.has(spot.id)) spot = chunkMWDW5UBW_cjs.INITIAL_SPOTLIGHT;
+    const prev = snapshot;
+    const same = prev.spotlight === spot.id && prev.speaking.join("\n") === speaking.join("\n") && Object.keys(levels).length === Object.keys(prev.levels).length && Object.entries(levels).every(([k, v]) => prev.levels[k] === v);
+    if (!same) publish({ levels, speaking, spotlight: spot.id });
+  };
+  const id = setInterval(tick, LEVEL_TICK_MS);
+  return () => {
+    clearInterval(id);
+    for (const m of meters.values()) m.source.disconnect();
+    meters.clear();
+    void ctx?.close().catch(() => void 0);
+    publish(EMPTY2);
+  };
+}
+var RINGTONE_MUTED_KEY = "arbi-call-ringtone-muted";
+var RING_ON_S = 1.2;
+var RING_PERIOD_S = 4;
+var GAIN = 0.08;
+function audioContextCtor() {
+  if (typeof window === "undefined") return null;
+  return window.AudioContext ?? window.webkitAudioContext ?? null;
+}
+function startRingtone() {
+  const Ctor = audioContextCtor();
+  if (!Ctor) return () => {
+  };
+  let ctx;
+  try {
+    ctx = new Ctor();
+  } catch {
+    return () => {
+    };
+  }
+  const out = ctx.createGain();
+  out.gain.value = 0;
+  out.connect(ctx.destination);
+  const oscillators = [440, 480].map((frequency) => {
+    const osc = ctx.createOscillator();
+    osc.type = "sine";
+    osc.frequency.value = frequency;
+    osc.connect(out);
+    osc.start();
+    return osc;
+  });
+  let nextRingAt = ctx.currentTime + 0.05;
+  const schedule = () => {
+    while (nextRingAt < ctx.currentTime + RING_PERIOD_S * 2) {
+      out.gain.setValueAtTime(0, nextRingAt);
+      out.gain.linearRampToValueAtTime(GAIN, nextRingAt + 0.03);
+      out.gain.setValueAtTime(GAIN, nextRingAt + RING_ON_S - 0.03);
+      out.gain.linearRampToValueAtTime(0, nextRingAt + RING_ON_S);
+      nextRingAt += RING_PERIOD_S;
+    }
+  };
+  schedule();
+  const timer = setInterval(schedule, 1e3);
+  void ctx.resume().catch(() => {
+  });
+  let stopped = false;
+  return () => {
+    if (stopped) return;
+    stopped = true;
+    clearInterval(timer);
+    for (const osc of oscillators) {
+      try {
+        osc.stop();
+      } catch {
+      }
+    }
+    void ctx.close().catch(() => {
+    });
+  };
+}
+function readMuted() {
+  try {
+    return localStorage.getItem(RINGTONE_MUTED_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function useRingtoneMuted() {
+  const [muted, setMutedState] = react.useState(readMuted);
+  const setMuted = react.useCallback((next) => {
+    setMutedState(next);
+    try {
+      if (next) localStorage.setItem(RINGTONE_MUTED_KEY, "1");
+      else localStorage.removeItem(RINGTONE_MUTED_KEY);
+    } catch {
+    }
+  }, []);
+  return [muted, setMuted];
+}
+function useRingtone(ringing, muted) {
+  react.useEffect(() => {
+    if (!ringing || muted) return;
+    return startRingtone();
+  }, [ringing, muted]);
+}
+
+// src/calls/composite-canvas.ts
+var COMPOSITE_FPS = 15;
+var COMPOSITE_MAX_WIDTH = 1280;
+var COMPOSITE_MAX_HEIGHT = 720;
+function fitStage(stage, canvas) {
+  if (stage.width <= 0 || stage.height <= 0) return { scale: 0, dx: 0, dy: 0 };
+  const scale = Math.min(canvas.width / stage.width, canvas.height / stage.height);
+  return {
+    scale,
+    dx: (canvas.width - stage.width * scale) / 2,
+    dy: (canvas.height - stage.height * scale) / 2
+  };
+}
+function fitMedia(src, box, mode) {
+  const srcRatio = src.width / src.height;
+  const boxRatio = box.width / box.height;
+  if (mode === "contain") {
+    const dw = srcRatio > boxRatio ? box.width : box.height * srcRatio;
+    const dh = srcRatio > boxRatio ? box.width / srcRatio : box.height;
+    return {
+      sx: 0,
+      sy: 0,
+      sw: src.width,
+      sh: src.height,
+      dx: box.x + (box.width - dw) / 2,
+      dy: box.y + (box.height - dh) / 2,
+      dw,
+      dh
+    };
+  }
+  const sw = srcRatio > boxRatio ? src.height * boxRatio : src.width;
+  const sh = srcRatio > boxRatio ? src.height : src.width / boxRatio;
+  return {
+    sx: (src.width - sw) / 2,
+    sy: (src.height - sh) / 2,
+    sw,
+    sh,
+    dx: box.x,
+    dy: box.y,
+    dw: box.width,
+    dh: box.height
+  };
+}
+function drawStageFrame(ctx, stage, width, height) {
+  ctx.fillStyle = "#111";
+  ctx.fillRect(0, 0, width, height);
+  const stageRect = stage.getBoundingClientRect();
+  const { scale, dx, dy } = fitStage(stageRect, { width, height });
+  if (!scale) {
+    ctx.fillStyle = "#bbb";
+    ctx.font = "24px sans-serif";
+    ctx.textAlign = "center";
+    ctx.fillText("Video paused", width / 2, height / 2);
+    ctx.textAlign = "start";
+    return;
+  }
+  const tiles = Array.from(stage.querySelectorAll(".lk-participant-tile"));
+  for (const tile of tiles) {
+    const r = tile.getBoundingClientRect();
+    if (r.width <= 0 || r.height <= 0) continue;
+    const box = {
+      x: dx + (r.left - stageRect.left) * scale,
+      y: dy + (r.top - stageRect.top) * scale,
+      width: r.width * scale,
+      height: r.height * scale
+    };
+    ctx.fillStyle = "#222";
+    ctx.fillRect(box.x, box.y, box.width, box.height);
+    const video = tile.querySelector("video");
+    if (video && video.readyState >= 2 && video.videoWidth > 0 && video.videoHeight > 0) {
+      const screen = tile.getAttribute("data-lk-source") === "screen_share";
+      const f = fitMedia(
+        { width: video.videoWidth, height: video.videoHeight },
+        box,
+        screen ? "contain" : "cover"
+      );
+      try {
+        ctx.drawImage(video, f.sx, f.sy, f.sw, f.sh, f.dx, f.dy, f.dw, f.dh);
+      } catch {
+      }
+    }
+    if (tile.getAttribute("data-lk-speaking") === "true") {
+      ctx.strokeStyle = "#4ade80";
+      ctx.lineWidth = 3;
+      ctx.strokeRect(box.x + 1.5, box.y + 1.5, box.width - 3, box.height - 3);
+    }
+    const name = tile.querySelector(".lk-participant-name")?.textContent?.trim();
+    if (name) {
+      ctx.font = `${Math.max(11, Math.round(14 * Math.min(1, scale * 1.2)))}px sans-serif`;
+      const w = ctx.measureText(name).width;
+      ctx.fillStyle = "rgba(0,0,0,0.6)";
+      ctx.fillRect(box.x + 6, box.y + box.height - 26, w + 12, 20);
+      ctx.fillStyle = "#fff";
+      ctx.fillText(name, box.x + 12, box.y + box.height - 11);
+    }
+  }
+}
+function startCompositeCapture(stage) {
+  const canvas = document.createElement("canvas");
+  canvas.width = COMPOSITE_MAX_WIDTH;
+  canvas.height = COMPOSITE_MAX_HEIGHT;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("This browser cannot draw the recording");
+  const draw = () => drawStageFrame(ctx, stage, canvas.width, canvas.height);
+  draw();
+  const timer = setInterval(draw, Math.round(1e3 / COMPOSITE_FPS));
+  const video = canvas.captureStream(COMPOSITE_FPS);
+  const audio = new AudioContext();
+  const destination = audio.createMediaStreamDestination();
+  const sources = /* @__PURE__ */ new Map();
+  const stream = new MediaStream([
+    ...video.getVideoTracks(),
+    ...destination.stream.getAudioTracks()
+  ]);
+  return {
+    stream,
+    setAudioTracks(tracks) {
+      const wanted = new Map(tracks.map((t) => [t.id, t]));
+      for (const [id, node] of sources) {
+        if (!wanted.has(id)) {
+          node.disconnect();
+          sources.delete(id);
+        }
+      }
+      for (const [id, track] of wanted) {
+        if (sources.has(id) || track.readyState === "ended") continue;
+        try {
+          const node = audio.createMediaStreamSource(new MediaStream([track]));
+          node.connect(destination);
+          sources.set(id, node);
+        } catch {
+        }
+      }
+      if (audio.state === "suspended") void audio.resume().catch(() => void 0);
+    },
+    dispose() {
+      clearInterval(timer);
+      for (const node of sources.values()) node.disconnect();
+      sources.clear();
+      video.getTracks().forEach((t) => t.stop());
+      void audio.close().catch(() => void 0);
+    }
+  };
+}
 
 Object.defineProperty(exports, "CAPTION_LINES", {
   enumerable: true,
@@ -2830,6 +3185,9 @@ Object.defineProperty(exports, "stageContentHeight", {
   get: function () { return chunkMWDW5UBW_cjs.stageContentHeight; }
 });
 exports.BackstageBanner = BackstageBanner;
+exports.COMPOSITE_FPS = COMPOSITE_FPS;
+exports.COMPOSITE_MAX_HEIGHT = COMPOSITE_MAX_HEIGHT;
+exports.COMPOSITE_MAX_WIDTH = COMPOSITE_MAX_WIDTH;
 exports.CallControlBar = CallControlBar;
 exports.CallControlButton = CallControlButton;
 exports.CallFocus = CallFocus;
@@ -2853,6 +3211,7 @@ exports.DEFAULT_JOIN_CHOICES = DEFAULT_JOIN_CHOICES;
 exports.ElapsedTime = ElapsedTime;
 exports.EncryptionStatusChip = EncryptionStatusChip;
 exports.IncomingCallCard = IncomingCallCard;
+exports.LEVEL_TICK_MS = LEVEL_TICK_MS;
 exports.LeaveButton = LeaveButton;
 exports.LobbyRequests = LobbyRequests;
 exports.MediaControl = MediaControl;
@@ -2862,6 +3221,7 @@ exports.OnStageCheck = OnStageCheck;
 exports.PanelComposer = PanelComposer;
 exports.PreJoin = PreJoin;
 exports.QAPanel = QAPanel;
+exports.RINGTONE_MUTED_KEY = RINGTONE_MUTED_KEY;
 exports.RaiseHandButton = RaiseHandButton;
 exports.RecordControl = RecordControl;
 exports.RecordingStatusChip = RecordingStatusChip;
@@ -2876,9 +3236,22 @@ exports.WebinarViewer = WebinarViewer;
 exports.WebinarWaiting = WebinarWaiting;
 exports.chatPermissionSection = chatPermissionSection;
 exports.describeMediaError = describeMediaError;
+exports.drawStageFrame = drawStageFrame;
+exports.fitMedia = fitMedia;
+exports.fitStage = fitStage;
 exports.sortQuestions = sortQuestions;
+exports.startCompositeCapture = startCompositeCapture;
+exports.startRingtone = startRingtone;
+exports.startVoiceLevels = startVoiceLevels;
 exports.useBriefNotice = useBriefNotice;
 exports.useElementSize = useElementSize;
+exports.useIsSpeaking = useIsSpeaking;
+exports.useRingtone = useRingtone;
+exports.useRingtoneMuted = useRingtoneMuted;
 exports.useShortcutKeys = useShortcutKeys;
+exports.useSpeakingIds = useSpeakingIds;
+exports.useSpotlightId = useSpotlightId;
+exports.useVoiceLevel = useVoiceLevel;
+exports.useVoiceLevels = useVoiceLevels;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map