stream-chat-react 14.11.1 → 15.0.0-rc.1

package/dist/cjs/slot-geometry.js

@@ -0,0 +1,145 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/plugins/SlotGeometry/SlotGeometry.tsx
+/**
+* How much of a slot another slot must overlap before it counts as "covered", as a fraction of the
+* covered slot's own area. Range `0`–`1`: `0` = any overlap at all counts, `1` = the slot must be
+* completely covered. `0.6` means another slot has to sit over **≥ 60%** of this slot's area (a
+* side-by-side neighbour that only touches an edge overlaps ~0% and does not count).
+*/
+var COVER_THRESHOLD = .6;
+/**
+* Smallest rendered area, in CSS pixels² (`width × height`), at which a slot still counts as
+* visible. At or above `1` px² it can be covered/uncovered normally; **below** `1` px² — i.e. a
+* slot collapsed to (almost) nothing, `width`/`height` of 0, or `display: none` — it is treated as
+* obscured outright, with no overlap needed. (1 px² is effectively "zero"; it's a small epsilon to
+* avoid floating-point noise, not a meaningful size.)
+*/
+var MIN_VISIBLE_AREA = 1;
+/**
+* Decide what to do about a pending reveal intent. This is the core of coverage-driven reveal: it
+* waits until the target slot has actually been measured, then tells the consumer to reveal it only
+* if it's obscured, and otherwise to settle. Pure and synchronous so it can be unit-tested and
+* called from an effect keyed on the reactive `coverage`.
+*/
+var resolveRevealAction = (revealSlot, coverage) => {
+	if (revealSlot === void 0) return "clear";
+	if (!(revealSlot in coverage.obscured)) return "wait";
+	return coverage.obscured[revealSlot] ? "act" : "clear";
+};
+var SlotGeometryContext = (0, react.createContext)({
+	clearReveal: () => void 0,
+	coverage: { obscured: {} },
+	isObscured: () => false,
+	register: () => void 0,
+	requestReveal: () => void 0,
+	revealSlot: void 0
+});
+var intersectionArea = (a, b) => {
+	return Math.max(0, Math.min(a.right, b.right) - Math.max(a.left, b.left)) * Math.max(0, Math.min(a.bottom, b.bottom) - Math.max(a.top, b.top));
+};
+/**
+* @internal Exported for unit tests. A target is obscured when its own rendered box is ~0 area
+* (collapsed/hidden) or another element covers at least `COVER_THRESHOLD` of it.
+*/
+var measureObscured = (target, others) => {
+	const rect = target.getBoundingClientRect();
+	const area = rect.width * rect.height;
+	if (area < MIN_VISIBLE_AREA) return true;
+	let maxCoveredFraction = 0;
+	for (const other of others) {
+		const fraction = intersectionArea(rect, other.getBoundingClientRect()) / area;
+		if (fraction > maxCoveredFraction) maxCoveredFraction = fraction;
+	}
+	return maxCoveredFraction >= COVER_THRESHOLD;
+};
+var coverageChanged = (previous, next) => {
+	const keys = /* @__PURE__ */ new Set([...Object.keys(previous.obscured), ...Object.keys(next)]);
+	for (const key of keys) if (previous.obscured[key] !== next[key]) return true;
+	return false;
+};
+var SlotGeometryProvider = ({ children }) => {
+	const elementsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
+	const observerRef = (0, react.useRef)(null);
+	const rafRef = (0, react.useRef)(null);
+	const [coverage, setCoverage] = (0, react.useState)({ obscured: {} });
+	const [revealSlot, setRevealSlot] = (0, react.useState)(void 0);
+	const requestReveal = (0, react.useCallback)((slot) => setRevealSlot(slot), []);
+	const clearReveal = (0, react.useCallback)(() => setRevealSlot(void 0), []);
+	const othersOf = (slot) => [...elementsRef.current.entries()].filter(([id]) => id !== slot).map(([, element]) => element);
+	const isObscured = (0, react.useCallback)((slot) => {
+		const element = elementsRef.current.get(slot);
+		if (!element) return false;
+		return measureObscured(element, othersOf(slot));
+	}, []);
+	const recompute = (0, react.useCallback)(() => {
+		const next = {};
+		for (const [slot, element] of elementsRef.current.entries()) next[slot] = measureObscured(element, othersOf(slot));
+		setCoverage((previous) => coverageChanged(previous, next) ? { obscured: next } : previous);
+	}, []);
+	const scheduleRecompute = (0, react.useCallback)(() => {
+		if (typeof requestAnimationFrame === "undefined") {
+			recompute();
+			return;
+		}
+		if (rafRef.current !== null) return;
+		rafRef.current = requestAnimationFrame(() => {
+			rafRef.current = null;
+			recompute();
+		});
+	}, [recompute]);
+	const register = (0, react.useCallback)((slot, element) => {
+		const elements = elementsRef.current;
+		const previous = elements.get(slot);
+		if (previous && previous !== element) observerRef.current?.unobserve(previous);
+		if (element) {
+			elements.set(slot, element);
+			observerRef.current?.observe(element);
+		} else elements.delete(slot);
+		scheduleRecompute();
+	}, [scheduleRecompute]);
+	(0, react.useEffect)(() => {
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(() => scheduleRecompute());
+		observerRef.current = observer;
+		for (const element of elementsRef.current.values()) observer.observe(element);
+		const onResize = () => scheduleRecompute();
+		window.addEventListener("resize", onResize);
+		scheduleRecompute();
+		return () => {
+			observer.disconnect();
+			observerRef.current = null;
+			window.removeEventListener("resize", onResize);
+			if (rafRef.current !== null && typeof cancelAnimationFrame !== "undefined") {
+				cancelAnimationFrame(rafRef.current);
+				rafRef.current = null;
+			}
+		};
+	}, [scheduleRecompute]);
+	const value = {
+		clearReveal,
+		coverage,
+		isObscured,
+		register,
+		requestReveal,
+		revealSlot
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SlotGeometryContext.Provider, {
+		value,
+		children
+	});
+};
+var useSlotGeometry = () => (0, react.useContext)(SlotGeometryContext);
+/** Returns a stable callback ref that registers/unregisters the element backing `slot`. */
+var useRegisterSlotGeometry = (slot) => {
+	const { register } = useSlotGeometry();
+	return (0, react.useCallback)((element) => register(slot, element), [register, slot]);
+};
+//#endregion
+exports.SlotGeometryProvider = SlotGeometryProvider;
+exports.resolveRevealAction = resolveRevealAction;
+exports.useRegisterSlotGeometry = useRegisterSlotGeometry;
+exports.useSlotGeometry = useSlotGeometry;
+
+//# sourceMappingURL=slot-geometry.js.map

package/dist/cjs/slot-geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-geometry.js","names":[],"sources":["../../src/plugins/SlotGeometry/SlotGeometry.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport type { PropsWithChildren } from 'react';\n\n/**\n * Slot geometry — an opt-in module that reports which registered \"slots\" are visually **obscured**.\n *\n * The ChatView `LayoutController` is purely logical: slots, bindings, a `hidden` flag, history — it\n * has no idea where slots land on screen. Whether one panel visually *covers* another is a physical\n * concern owned by the app's CSS (e.g. at narrow widths a secondary panel might be laid out at full\n * width, collapsing the primary one). This module is the missing physical half:\n *\n *  - App code registers the DOM element backing each slot (`useRegisterSlotGeometry`).\n *  - It observes those elements (`ResizeObserver` + window resize) and measures real rects.\n *  - It reports which slots are currently obscured — collapsed to ~0 area, or covered by another\n *    registered slot past a threshold — with no knowledge of breakpoints or class names.\n *\n * It is opt-in (wrap a subtree in `SlotGeometryProvider`) and **detection only**: it never mutates\n * the layout. Consumers read `isObscured(slot)` and decide what to do (e.g. release a covering\n * slot). A declarative rules/auto-close layer could sit on top of this.\n *\n * Dependency direction is one-way: this observes the DOM the layout produces; it does not depend on\n * the `LayoutController`, and slot ids are plain strings, so it works with any slotted layout.\n */\n\n/** A slot identifier. Plain string so the module is layout-agnostic (e.g. any `SlotName`). */\nexport type SlotId = string;\n\n/**\n * How much of a slot another slot must overlap before it counts as \"covered\", as a fraction of the\n * covered slot's own area. Range `0`–`1`: `0` = any overlap at all counts, `1` = the slot must be\n * completely covered. `0.6` means another slot has to sit over **≥ 60%** of this slot's area (a\n * side-by-side neighbour that only touches an edge overlaps ~0% and does not count).\n */\nconst COVER_THRESHOLD = 0.6;\n/**\n * Smallest rendered area, in CSS pixels² (`width × height`), at which a slot still counts as\n * visible. At or above `1` px² it can be covered/uncovered normally; **below** `1` px² — i.e. a\n * slot collapsed to (almost) nothing, `width`/`height` of 0, or `display: none` — it is treated as\n * obscured outright, with no overlap needed. (1 px² is effectively \"zero\"; it's a small epsilon to\n * avoid floating-point noise, not a meaningful size.)\n */\nconst MIN_VISIBLE_AREA = 1;\n\nexport type SlotCoverage = {\n  /** slot id -> whether it is currently obscured (collapsed, or covered by another slot). */\n  obscured: Record<SlotId, boolean>;\n};\n\n/** What a consumer should do with a pending \"reveal this slot\" intent, given current coverage. */\nexport type RevealAction =\n  /** The target hasn't been measured yet (e.g. its view just became active) — do nothing, wait for\n   *  the next coverage update. */\n  | 'wait'\n  /** The target is measured and obscured — reveal it (the consumer releases whatever covers it). */\n  | 'act'\n  /** Nothing to do (no intent, or the target is measured and already visible) — clear the intent. */\n  | 'clear';\n\n/**\n * Decide what to do about a pending reveal intent. This is the core of coverage-driven reveal: it\n * waits until the target slot has actually been measured, then tells the consumer to reveal it only\n * if it's obscured, and otherwise to settle. Pure and synchronous so it can be unit-tested and\n * called from an effect keyed on the reactive `coverage`.\n */\nexport const resolveRevealAction = (\n  revealSlot: SlotId | undefined,\n  coverage: SlotCoverage,\n): RevealAction => {\n  if (revealSlot === undefined) return 'clear';\n  if (!(revealSlot in coverage.obscured)) return 'wait';\n  return coverage.obscured[revealSlot] ? 'act' : 'clear';\n};\n\nexport type SlotGeometryContextValue = {\n  /** Clears a pending reveal intent (see {@link SlotGeometryContextValue.requestReveal}). */\n  clearReveal: () => void;\n  coverage: SlotCoverage;\n  /**\n   * Live, synchronous obscured check — measures the DOM at call time, so it is safe to call from\n   * event handlers where the reactive `coverage` snapshot might lag a layout change.\n   */\n  isObscured: (slot: SlotId) => boolean;\n  register: (slot: SlotId, element: HTMLElement | null) => void;\n  /**\n   * Record a one-shot intent to reveal `slot` after navigation. A consumer pairs this with\n   * `resolveRevealAction(revealSlot, coverage)` in an effect to release whatever covers the slot\n   * once it has been measured — the deferred, coverage-conditional reveal used across a view switch.\n   */\n  requestReveal: (slot: SlotId) => void;\n  /** The slot a consumer asked to reveal, or `undefined`. Reactive; resolve with `resolveRevealAction`. */\n  revealSlot: SlotId | undefined;\n};\n\nconst noopContextValue: SlotGeometryContextValue = {\n  clearReveal: () => undefined,\n  coverage: { obscured: {} },\n  isObscured: () => false,\n  register: () => undefined,\n  requestReveal: () => undefined,\n  revealSlot: undefined,\n};\n\nconst SlotGeometryContext = createContext<SlotGeometryContextValue>(noopContextValue);\n\nconst intersectionArea = (a: DOMRect, b: DOMRect) => {\n  const width = Math.max(0, Math.min(a.right, b.right) - Math.max(a.left, b.left));\n  const height = Math.max(0, Math.min(a.bottom, b.bottom) - Math.max(a.top, b.top));\n  return width * height;\n};\n\n/**\n * @internal Exported for unit tests. A target is obscured when its own rendered box is ~0 area\n * (collapsed/hidden) or another element covers at least `COVER_THRESHOLD` of it.\n */\nexport const measureObscured = (target: HTMLElement, others: HTMLElement[]) => {\n  const rect = target.getBoundingClientRect();\n  const area = rect.width * rect.height;\n  if (area < MIN_VISIBLE_AREA) return true;\n  let maxCoveredFraction = 0;\n  for (const other of others) {\n    const fraction = intersectionArea(rect, other.getBoundingClientRect()) / area;\n    if (fraction > maxCoveredFraction) maxCoveredFraction = fraction;\n  }\n  return maxCoveredFraction >= COVER_THRESHOLD;\n};\n\nconst coverageChanged = (previous: SlotCoverage, next: Record<SlotId, boolean>) => {\n  const keys = new Set([...Object.keys(previous.obscured), ...Object.keys(next)]);\n  for (const key of keys) {\n    if (previous.obscured[key] !== next[key]) return true;\n  }\n  return false;\n};\n\nexport const SlotGeometryProvider = ({ children }: PropsWithChildren) => {\n  const elementsRef = useRef<Map<SlotId, HTMLElement>>(new Map());\n  const observerRef = useRef<ResizeObserver | null>(null);\n  const rafRef = useRef<number | null>(null);\n  const [coverage, setCoverage] = useState<SlotCoverage>({ obscured: {} });\n  // A one-shot \"reveal this slot after navigation\" intent, scoped to this provider instance (no\n  // module-global state). A consumer resolves it against `coverage` via `resolveRevealAction`.\n  const [revealSlot, setRevealSlot] = useState<SlotId | undefined>(undefined);\n\n  const requestReveal = useCallback((slot: SlotId) => setRevealSlot(slot), []);\n  const clearReveal = useCallback(() => setRevealSlot(undefined), []);\n\n  const othersOf = (slot: SlotId) =>\n    [...elementsRef.current.entries()]\n      .filter(([id]) => id !== slot)\n      .map(([, element]) => element);\n\n  const isObscured = useCallback((slot: SlotId) => {\n    const element = elementsRef.current.get(slot);\n    if (!element) return false;\n    return measureObscured(element, othersOf(slot));\n  }, []);\n\n  const recompute = useCallback(() => {\n    const next: Record<SlotId, boolean> = {};\n    for (const [slot, element] of elementsRef.current.entries()) {\n      next[slot] = measureObscured(element, othersOf(slot));\n    }\n    setCoverage((previous) =>\n      coverageChanged(previous, next) ? { obscured: next } : previous,\n    );\n  }, []);\n\n  // Coalesce bursts of ResizeObserver/resize callbacks into one measurement per frame. This also\n  // keeps us clear of the \"ResizeObserver loop\" warning and avoids feedback churn: recompute only\n  // pushes new state when an obscured flag actually flips, which is a fixed point.\n  const scheduleRecompute = useCallback(() => {\n    if (typeof requestAnimationFrame === 'undefined') {\n      recompute();\n      return;\n    }\n    if (rafRef.current !== null) return;\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n      recompute();\n    });\n  }, [recompute]);\n\n  const register = useCallback(\n    (slot: SlotId, element: HTMLElement | null) => {\n      const elements = elementsRef.current;\n      const previous = elements.get(slot);\n      if (previous && previous !== element) observerRef.current?.unobserve(previous);\n\n      if (element) {\n        elements.set(slot, element);\n        observerRef.current?.observe(element);\n      } else {\n        elements.delete(slot);\n      }\n      scheduleRecompute();\n    },\n    [scheduleRecompute],\n  );\n\n  useEffect(() => {\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(() => scheduleRecompute());\n    observerRef.current = observer;\n    // Ref callbacks fire during commit (before this passive effect), so pick up anything that\n    // registered before the observer existed.\n    for (const element of elementsRef.current.values()) observer.observe(element);\n\n    const onResize = () => scheduleRecompute();\n    window.addEventListener('resize', onResize);\n    scheduleRecompute();\n\n    return () => {\n      observer.disconnect();\n      observerRef.current = null;\n      window.removeEventListener('resize', onResize);\n      if (rafRef.current !== null && typeof cancelAnimationFrame !== 'undefined') {\n        cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n      }\n    };\n  }, [scheduleRecompute]);\n\n  const value: SlotGeometryContextValue = {\n    clearReveal,\n    coverage,\n    isObscured,\n    register,\n    requestReveal,\n    revealSlot,\n  };\n\n  return (\n    <SlotGeometryContext.Provider value={value}>{children}</SlotGeometryContext.Provider>\n  );\n};\n\nexport const useSlotGeometry = () => useContext(SlotGeometryContext);\n\n/** Returns a stable callback ref that registers/unregisters the element backing `slot`. */\nexport const useRegisterSlotGeometry = (slot: SlotId) => {\n  const { register } = useSlotGeometry();\n  return useCallback(\n    (element: HTMLElement | null) => register(slot, element),\n    [register, slot],\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/slot-layout.js

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_SlotLayout = require("./SlotLayout.de45be2d.js");
+exports.ChannelSlot = require_SlotLayout.ChannelSlot;
+exports.ChatView = require_SlotLayout.ChatView;
+exports.ChatViewChannelsSelectorButton = require_SlotLayout.ChatViewChannelsSelectorButton;
+exports.ChatViewContext = require_SlotLayout.ChatViewContext;
+exports.ChatViewNavigationProvider = require_SlotLayout.ChatViewNavigationProvider;
+exports.ChatViewSelectorButton = require_SlotLayout.ChatViewSelectorButton;
+exports.ChatViewThreadsSelectorButton = require_SlotLayout.ChatViewThreadsSelectorButton;
+exports.Slot = require_SlotLayout.Slot;
+exports.ThreadListSlot = require_SlotLayout.ThreadListSlot;
+exports.ThreadSlot = require_SlotLayout.ThreadSlot;
+exports.WorkspaceLayout = require_SlotLayout.WorkspaceLayout;
+exports.WorkspaceNavigationAdapter = require_SlotLayout.WorkspaceNavigationAdapter;
+exports.createChatViewSlotBinding = require_SlotLayout.createChatViewSlotBinding;
+exports.createThreadEntityBinding = require_SlotLayout.createThreadEntityBinding;
+exports.defaultChatViewSelectorItemSet = require_SlotLayout.defaultChatViewSelectorItemSet;
+exports.defaultSlotKindRegistry = require_SlotLayout.defaultSlotKindRegistry;
+exports.getChatViewEntityBinding = require_SlotLayout.getChatViewEntityBinding;
+exports.getLayoutViewState = require_SlotLayout.getLayoutViewState;
+exports.restoreLayoutControllerState = require_SlotLayout.restoreLayoutControllerState;
+exports.restoreLayoutState = require_SlotLayout.restoreLayoutState;
+exports.serializeLayoutControllerState = require_SlotLayout.serializeLayoutControllerState;
+exports.serializeLayoutState = require_SlotLayout.serializeLayoutState;
+exports.useActiveThread = require_SlotLayout.useActiveThread;
+exports.useChatViewContext = require_SlotLayout.useChatViewContext;
+exports.useChatViewNavigation = require_SlotLayout.useChatViewNavigation;
+exports.useLayoutViewState = require_SlotLayout.useLayoutViewState;
+exports.useSlotChannel = require_SlotLayout.useSlotChannel;
+exports.useSlotChannels = require_SlotLayout.useSlotChannels;
+exports.useSlotEntities = require_SlotLayout.useSlotEntities;
+exports.useSlotEntity = require_SlotLayout.useSlotEntity;
+exports.useSlotForKey = require_SlotLayout.useSlotForKey;
+exports.useSlotForKind = require_SlotLayout.useSlotForKind;
+exports.useSlotThread = require_SlotLayout.useSlotThread;
+exports.useSlotThreads = require_SlotLayout.useSlotThreads;
+exports.useSlotTopLayerEntity = require_SlotLayout.useSlotTopLayerEntity;

package/dist/cjs/useChannel.1004ed4c.js

@@ -0,0 +1,18 @@
+const require_useComponentContextIcons = require("./useComponentContextIcons.d16834d9.js");
+//#region src/context/useChannel.ts
+var useChannel = () => {
+	const channelFromThread = require_useComponentContextIcons.useThreadContext()?.channel;
+	const { channel: channelFromInstanceContext } = require_useComponentContextIcons.useChannelInstanceContext();
+	const channel = channelFromThread ?? channelFromInstanceContext;
+	if (!channel) throw new Error("The useChannel hook could not resolve a channel. Make sure this hook is called within a Thread subtree or within a child of Channel (ChannelInstanceContext provider).");
+	return channel;
+};
+//#endregion
+Object.defineProperty(exports, "useChannel", {
+	enumerable: true,
+	get: function() {
+		return useChannel;
+	}
+});
+
+//# sourceMappingURL=useChannel.1004ed4c.js.map

package/dist/cjs/useChannel.1004ed4c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChannel.1004ed4c.js","names":[],"sources":["../../src/context/useChannel.ts"],"sourcesContent":["import { useThreadContext } from '../components/Threads';\nimport { useChannelInstanceContext } from './ChannelInstanceContext';\n\nimport type { Channel } from 'stream-chat';\n\nexport const useChannel = (): Channel => {\n  const thread = useThreadContext();\n  const channelFromThread = thread?.channel;\n  const { channel: channelFromInstanceContext } = useChannelInstanceContext();\n  const channel = channelFromThread ?? channelFromInstanceContext;\n\n  if (!channel) {\n    throw new Error(\n      'The useChannel hook could not resolve a channel. Make sure this hook is called within a Thread subtree or within a child of Channel (ChannelInstanceContext provider).',\n    );\n  }\n\n  return channel;\n};\n"],"mappings":";;AAKA,IAAa,mBAA4B;CAEvC,MAAM,oBADS,iCAAA,iBACW,CAAA,EAAQ;CAClC,MAAM,EAAE,SAAS,+BAA+B,iCAAA,0BAA0B;CAC1E,MAAM,UAAU,qBAAqB;CAErC,IAAI,CAAC,SACH,MAAM,IAAI,MACR,wKACF;CAGF,OAAO;AACT"}