@daydreamlive/react 0.2.0 → 0.3.1

package/dist/index.cjs

@@ -23,7 +23,8 @@ __export(index_exports, {
   CompositorProvider: () => CompositorProvider,
   useBroadcast: () => useBroadcast2,
   useCompositor: () => useCompositor,
-  usePlayer: () => usePlayer2
+  usePlayer: () => usePlayer2,
+  useSource: () => useSource
 });
 module.exports = __toCommonJS(index_exports);
 var import_browser2 = require("@daydreamlive/browser");
@@ -126,12 +127,11 @@ function useBroadcast(options, factory) {
 
 // src/usePlayer.ts
 var import_react2 = require("react");
-function usePlayer(whepUrl, options, factory) {
+function usePlayer(options, factory) {
   const [status, setStatus] = (0, import_react2.useState)({ state: "idle" });
   const playerRef = (0, import_react2.useRef)(null);
   const videoRef = (0, import_react2.useRef)(null);
   const optionsRef = (0, import_react2.useRef)(options);
-  const whepUrlRef = (0, import_react2.useRef)(whepUrl);
   const factoryRef = (0, import_react2.useRef)(factory);
   (0, import_react2.useEffect)(() => {
     optionsRef.current = options;
@@ -139,34 +139,34 @@ function usePlayer(whepUrl, options, factory) {
   (0, import_react2.useEffect)(() => {
     factoryRef.current = factory;
   }, [factory]);
-  (0, import_react2.useEffect)(() => {
-    whepUrlRef.current = whepUrl;
-  }, [whepUrl]);
   (0, import_react2.useEffect)(() => {
     return () => {
       playerRef.current?.stop();
     };
   }, []);
-  const updateStatus = (0, import_react2.useCallback)((newState, error) => {
-    switch (newState) {
-      case "connecting":
-        setStatus({ state: "connecting" });
-        break;
-      case "playing":
-        setStatus({ state: "playing" });
-        break;
-      case "buffering":
-        break;
-      case "ended":
-        setStatus({ state: "ended" });
-        break;
-      case "error":
-        setStatus({ state: "error", error });
-        break;
-    }
-  }, []);
+  const updateStatus = (0, import_react2.useCallback)(
+    (newState, error) => {
+      switch (newState) {
+        case "connecting":
+          setStatus({ state: "connecting" });
+          break;
+        case "playing":
+          setStatus({ state: "playing" });
+          break;
+        case "buffering":
+          break;
+        case "ended":
+          setStatus({ state: "ended" });
+          break;
+        case "error":
+          setStatus({ state: "error", error });
+          break;
+      }
+    },
+    []
+  );
   const play = (0, import_react2.useCallback)(async () => {
-    const currentWhepUrl = whepUrlRef.current;
+    const currentWhepUrl = optionsRef.current.whepUrl;
     if (!currentWhepUrl) {
       return;
     }
@@ -179,6 +179,7 @@ function usePlayer(whepUrl, options, factory) {
       reconnect: optionsRef.current?.reconnect,
       iceServers: optionsRef.current?.iceServers,
       connectionTimeout: optionsRef.current?.connectionTimeout,
+      skipIceGathering: optionsRef.current?.skipIceGathering,
       onStats: optionsRef.current?.onStats,
       statsIntervalMs: optionsRef.current?.statsIntervalMs
     });
@@ -244,7 +245,6 @@ function CompositorProvider({
   fps: initialFps = 30,
   sendFps: initialSendFps,
   dpr,
-  crossfadeMs = 500,
   keepalive,
   autoUnlockAudio,
   unlockEvents,
@@ -269,7 +269,6 @@ function CompositorProvider({
       fps: initialFps,
       sendFps: initialSendFps,
       dpr,
-      crossfadeMs,
       keepalive,
       autoUnlockAudio,
       unlockEvents,
@@ -309,6 +308,11 @@ function CompositorProvider({
       get: (id) => compositorRef.current?.get(id),
       has: (id) => compositorRef.current?.has(id) ?? false,
       list: () => compositorRef.current?.list() ?? [],
+      use: (id, source) => {
+        compositorRef.current?.register(id, source);
+        compositorRef.current?.activate(id);
+        return () => compositorRef.current?.unregister(id);
+      },
       // Active source
       activate: (id) => compositorRef.current?.activate(id),
       deactivate: () => compositorRef.current?.deactivate(),
@@ -344,18 +348,92 @@ function useCompositor() {
   return ctx;
 }
 
+// src/useSource.ts
+var import_react4 = require("react");
+function useSource(id, options) {
+  const compositor = useCompositor();
+  const compositorRef = (0, import_react4.useRef)(compositor);
+  compositorRef.current = compositor;
+  const ref = (0, import_react4.useRef)(null);
+  const [isActive, setIsActive] = (0, import_react4.useState)(false);
+  const registeredRef = (0, import_react4.useRef)(false);
+  const idRef = (0, import_react4.useRef)(id);
+  idRef.current = id;
+  const { kind, contentHint, fit } = options;
+  const optionsRef = (0, import_react4.useRef)({ kind, contentHint, fit });
+  optionsRef.current = { kind, contentHint, fit };
+  const registerSource = (0, import_react4.useCallback)((element) => {
+    const { kind: kind2, contentHint: contentHint2, fit: fit2 } = optionsRef.current;
+    const source = kind2 === "video" ? {
+      kind: "video",
+      element,
+      contentHint: contentHint2,
+      fit: fit2
+    } : {
+      kind: "canvas",
+      element,
+      contentHint: contentHint2
+    };
+    compositorRef.current.register(idRef.current, source);
+    registeredRef.current = true;
+  }, []);
+  (0, import_react4.useEffect)(() => {
+    const element = ref.current;
+    if (!element) return;
+    registerSource(element);
+  }, [id, kind, contentHint, fit, registerSource]);
+  (0, import_react4.useEffect)(() => {
+    const currentId = id;
+    return () => {
+      if (registeredRef.current) {
+        registeredRef.current = false;
+        setIsActive(false);
+        compositorRef.current.unregister(currentId);
+      }
+    };
+  }, [id]);
+  (0, import_react4.useEffect)(() => {
+    setIsActive(compositor.activeId === id);
+  }, [compositor.activeId, id]);
+  const activate = (0, import_react4.useCallback)(() => {
+    const element = ref.current;
+    if (!element) return;
+    if (!registeredRef.current) {
+      registerSource(element);
+    }
+    compositorRef.current.activate(idRef.current);
+    setIsActive(true);
+  }, [registerSource]);
+  const deactivate = (0, import_react4.useCallback)(() => {
+    if (compositorRef.current.activeId === idRef.current) {
+      compositorRef.current.deactivate();
+      setIsActive(false);
+    }
+  }, []);
+  return (0, import_react4.useMemo)(
+    () => ({
+      ref,
+      isActive,
+      activate,
+      deactivate
+    }),
+    [isActive, activate, deactivate]
+  );
+}
+
 // src/index.ts
 function useBroadcast2(options) {
   return useBroadcast(options, import_browser2.createBroadcast);
 }
-function usePlayer2(whepUrl, options) {
-  return usePlayer(whepUrl, options, import_browser2.createPlayer);
+function usePlayer2(options) {
+  return usePlayer(options, import_browser2.createPlayer);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CompositorProvider,
   useBroadcast,
   useCompositor,
-  usePlayer
+  usePlayer,
+  useSource
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/useBroadcast.ts","../src/usePlayer.ts","../src/useCompositor.tsx"],"sourcesContent":["import { createBroadcast, createPlayer } from \"@daydreamlive/browser\";\nimport {\n  useBroadcast as baseUseBroadcast,\n  type UseBroadcastOptions,\n  type UseBroadcastReturn,\n  type UseBroadcastStatus,\n} from \"./useBroadcast\";\nimport {\n  usePlayer as baseUsePlayer,\n  type UsePlayerOptions,\n  type UsePlayerReturn,\n  type UsePlayerStatus,\n} from \"./usePlayer\";\n\nexport function useBroadcast(options: UseBroadcastOptions): UseBroadcastReturn {\n  return baseUseBroadcast(options, createBroadcast);\n}\n\nexport function usePlayer(\n  whepUrl: string | null,\n  options?: UsePlayerOptions,\n): UsePlayerReturn {\n  return baseUsePlayer(whepUrl, options, createPlayer);\n}\n\nexport type {\n  UseBroadcastOptions,\n  UseBroadcastReturn,\n  UseBroadcastStatus,\n  UsePlayerOptions,\n  UsePlayerReturn,\n  UsePlayerStatus,\n};\n\nexport type {\n  AudioConfig,\n  BroadcastState,\n  PlayerState,\n  ReconnectConfig,\n  ReconnectInfo,\n  VideoConfig,\n  DaydreamError,\n  DaydreamErrorCode,\n  // Compositor types\n  Compositor,\n  CompositorOptions,\n  CompositorEvent,\n  CompositorEventMap,\n  Source,\n  VideoSource,\n  CanvasSource,\n  CustomSource,\n  Size,\n  FitMode,\n  ContentHint,\n  Ctx2D,\n} from \"@daydreamlive/browser\";\n\nexport {\n  CompositorProvider,\n  useCompositor,\n  type CompositorApi,\n  type CompositorProviderProps,\n} from \"./useCompositor\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type {\n  AudioConfig,\n  Broadcast,\n  BroadcastOptions,\n  BroadcastState,\n  DaydreamError,\n  ReconnectConfig,\n  ReconnectInfo,\n  VideoConfig,\n} from \"@daydreamlive/browser\";\n\nexport interface UseBroadcastOptions {\n  whipUrl: string;\n  reconnect?: ReconnectConfig;\n  video?: VideoConfig;\n  audio?: AudioConfig;\n  iceServers?: RTCIceServer[];\n  connectionTimeout?: number;\n  onStats?: (report: RTCStatsReport) => void;\n  statsIntervalMs?: number;\n}\n\nexport type BroadcastFactory = (options: BroadcastOptions) => Broadcast;\n\nexport type UseBroadcastStatus =\n  | { state: \"idle\" }\n  | { state: \"connecting\" }\n  | { state: \"live\"; whepUrl: string }\n  | { state: \"reconnecting\"; whepUrl: string; reconnectInfo: ReconnectInfo }\n  | { state: \"ended\" }\n  | { state: \"error\"; error: DaydreamError };\n\nexport interface UseBroadcastReturn {\n  status: UseBroadcastStatus;\n  start: (stream: MediaStream) => Promise<void>;\n  stop: () => Promise<void>;\n  setMaxFramerate: (fps?: number) => void;\n}\n\nexport function useBroadcast(\n  options: UseBroadcastOptions,\n  factory: BroadcastFactory,\n): UseBroadcastReturn {\n  const [status, setStatus] = useState<UseBroadcastStatus>({ state: \"idle\" });\n  const broadcastRef = useRef<Broadcast | null>(null);\n  const whepUrlRef = useRef<string | null>(null);\n  const optionsRef = useRef(options);\n  const factoryRef = useRef(factory);\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useEffect(() => {\n    factoryRef.current = factory;\n  }, [factory]);\n\n  useEffect(() => {\n    return () => {\n      broadcastRef.current?.stop();\n    };\n  }, []);\n\n  const updateStatus = useCallback((newState: BroadcastState, error?: DaydreamError) => {\n    const whepUrl = whepUrlRef.current;\n    switch (newState) {\n      case \"connecting\":\n        setStatus({ state: \"connecting\" });\n        break;\n      case \"live\":\n        setStatus({ state: \"live\", whepUrl: whepUrl! });\n        break;\n      case \"reconnecting\":\n        // reconnectInfo will be set by the reconnect event\n        break;\n      case \"ended\":\n        setStatus({ state: \"ended\" });\n        break;\n      case \"error\":\n        setStatus({ state: \"error\", error: error! });\n        break;\n    }\n  }, []);\n\n  const start = useCallback(async (stream: MediaStream) => {\n    if (broadcastRef.current) {\n      await broadcastRef.current.stop();\n      broadcastRef.current = null;\n    }\n\n    setStatus({ state: \"connecting\" });\n\n    const broadcast = factoryRef.current({\n      stream,\n      ...optionsRef.current,\n    });\n\n    broadcastRef.current = broadcast;\n\n    broadcast.on(\"stateChange\", (newState) => {\n      // Guard against events from stopped broadcast\n      if (broadcastRef.current !== broadcast) return;\n      if (newState === \"live\" || newState === \"reconnecting\") {\n        whepUrlRef.current = broadcast.whepUrl;\n      }\n      updateStatus(newState);\n    });\n\n    broadcast.on(\"error\", (err) => {\n      if (broadcastRef.current !== broadcast) return;\n      updateStatus(\"error\", err);\n    });\n\n    broadcast.on(\"reconnect\", (info) => {\n      if (broadcastRef.current !== broadcast) return;\n      setStatus({\n        state: \"reconnecting\",\n        whepUrl: whepUrlRef.current!,\n        reconnectInfo: info,\n      });\n    });\n\n    try {\n      await broadcast.connect();\n      if (broadcastRef.current !== broadcast) return;\n      whepUrlRef.current = broadcast.whepUrl;\n      updateStatus(broadcast.state);\n    } catch (err) {\n      if (broadcastRef.current !== broadcast) return;\n      setStatus({ state: \"error\", error: err as DaydreamError });\n      throw err;\n    }\n  }, [updateStatus]);\n\n  const stop = useCallback(async () => {\n    await broadcastRef.current?.stop();\n    broadcastRef.current = null;\n    whepUrlRef.current = null;\n    setStatus({ state: \"idle\" });\n  }, []);\n\n  const setMaxFramerate = useCallback((fps?: number) => {\n    broadcastRef.current?.setMaxFramerate(fps);\n  }, []);\n\n  return {\n    status,\n    start,\n    stop,\n    setMaxFramerate,\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport type {\n  Player,\n  PlayerOptions,\n  PlayerState,\n  DaydreamError,\n  ReconnectConfig,\n  ReconnectInfo,\n} from \"@daydreamlive/browser\";\n\nexport interface UsePlayerOptions {\n  reconnect?: ReconnectConfig;\n  iceServers?: RTCIceServer[];\n  connectionTimeout?: number;\n  autoPlay?: boolean;\n  onStats?: (report: RTCStatsReport) => void;\n  statsIntervalMs?: number;\n}\n\nexport type PlayerFactory = (\n  whepUrl: string,\n  options?: PlayerOptions,\n) => Player;\n\nexport type UsePlayerStatus =\n  | { state: \"idle\" }\n  | { state: \"connecting\" }\n  | { state: \"playing\" }\n  | { state: \"buffering\"; reconnectInfo: ReconnectInfo }\n  | { state: \"ended\" }\n  | { state: \"error\"; error: DaydreamError };\n\nexport interface UsePlayerReturn {\n  status: UsePlayerStatus;\n  play: () => Promise<void>;\n  stop: () => Promise<void>;\n  videoRef: RefObject<HTMLVideoElement | null>;\n}\n\nexport function usePlayer(\n  whepUrl: string | null,\n  options: UsePlayerOptions | undefined,\n  factory: PlayerFactory,\n): UsePlayerReturn {\n  const [status, setStatus] = useState<UsePlayerStatus>({ state: \"idle\" });\n  const playerRef = useRef<Player | null>(null);\n  const videoRef = useRef<HTMLVideoElement | null>(null);\n  const optionsRef = useRef(options);\n  const whepUrlRef = useRef(whepUrl);\n  const factoryRef = useRef(factory);\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useEffect(() => {\n    factoryRef.current = factory;\n  }, [factory]);\n\n  useEffect(() => {\n    whepUrlRef.current = whepUrl;\n  }, [whepUrl]);\n\n  useEffect(() => {\n    return () => {\n      playerRef.current?.stop();\n    };\n  }, []);\n\n  const updateStatus = useCallback((newState: PlayerState, error?: DaydreamError) => {\n    switch (newState) {\n      case \"connecting\":\n        setStatus({ state: \"connecting\" });\n        break;\n      case \"playing\":\n        setStatus({ state: \"playing\" });\n        break;\n      case \"buffering\":\n        // reconnectInfo will be set by the reconnect event\n        break;\n      case \"ended\":\n        setStatus({ state: \"ended\" });\n        break;\n      case \"error\":\n        setStatus({ state: \"error\", error: error! });\n        break;\n    }\n  }, []);\n\n  const play = useCallback(async () => {\n    const currentWhepUrl = whepUrlRef.current;\n    if (!currentWhepUrl) {\n      return;\n    }\n\n    if (playerRef.current) {\n      await playerRef.current.stop();\n      playerRef.current = null;\n    }\n\n    setStatus({ state: \"connecting\" });\n\n    const player = factoryRef.current(currentWhepUrl, {\n      reconnect: optionsRef.current?.reconnect,\n      iceServers: optionsRef.current?.iceServers,\n      connectionTimeout: optionsRef.current?.connectionTimeout,\n      onStats: optionsRef.current?.onStats,\n      statsIntervalMs: optionsRef.current?.statsIntervalMs,\n    });\n\n    playerRef.current = player;\n\n    player.on(\"stateChange\", (newState) => {\n      // Guard against events from stopped player\n      if (playerRef.current !== player) return;\n      updateStatus(newState);\n      // Re-attach stream after reconnect\n      if (newState === \"playing\" && videoRef.current && player.stream) {\n        if (videoRef.current.srcObject !== player.stream) {\n          player.attachTo(videoRef.current);\n        }\n      }\n    });\n\n    player.on(\"error\", (err) => {\n      if (playerRef.current !== player) return;\n      updateStatus(\"error\", err);\n    });\n\n    player.on(\"reconnect\", (info) => {\n      if (playerRef.current !== player) return;\n      setStatus({ state: \"buffering\", reconnectInfo: info });\n    });\n\n    try {\n      await player.connect();\n      if (playerRef.current !== player) return;\n      updateStatus(player.state);\n\n      if (videoRef.current) {\n        player.attachTo(videoRef.current);\n        if (optionsRef.current?.autoPlay !== false) {\n          try {\n            await videoRef.current.play();\n          } catch {\n            // Autoplay blocked\n          }\n        }\n      }\n    } catch (err) {\n      if (playerRef.current !== player) return;\n      setStatus({ state: \"error\", error: err as DaydreamError });\n      throw err;\n    }\n  }, [updateStatus]);\n\n  const stop = useCallback(async () => {\n    await playerRef.current?.stop();\n    playerRef.current = null;\n    setStatus({ state: \"idle\" });\n  }, []);\n\n  return {\n    status,\n    play,\n    stop,\n    videoRef,\n  };\n}\n","\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type PropsWithChildren,\n} from \"react\";\nimport {\n  createCompositor,\n  type Compositor,\n  type CompositorOptions,\n  type Size,\n  type Source,\n} from \"@daydreamlive/browser\";\n\nexport interface CompositorApi {\n  // Registry\n  register(id: string, source: Source): void;\n  unregister(id: string): void;\n  get(id: string): Source | undefined;\n  has(id: string): boolean;\n  list(): Array<{ id: string; source: Source }>;\n\n  // Active source\n  activate(id: string): void;\n  deactivate(): void;\n  readonly activeId: string | null;\n\n  // Output (reactive)\n  readonly stream: MediaStream | null;\n  readonly size: Size;\n  setSize(width: number, height: number, dpr?: number): void;\n\n  // FPS (reactive)\n  readonly fps: number;\n  setFps(fps: number): void;\n  readonly sendFps: number;\n  setSendFps(fps: number): void;\n\n  // Audio\n  addAudioTrack(track: MediaStreamTrack): void;\n  removeAudioTrack(trackId: string): void;\n  unlockAudio(): Promise<boolean>;\n\n  // Events\n  on: Compositor[\"on\"];\n}\n\nconst CompositorContext = createContext<CompositorApi | null>(null);\n\nexport interface CompositorProviderProps\n  extends PropsWithChildren,\n    Partial<Omit<CompositorOptions, \"onSendFpsChange\">> {}\n\nexport function CompositorProvider({\n  children,\n  width = 512,\n  height = 512,\n  fps: initialFps = 30,\n  sendFps: initialSendFps,\n  dpr,\n  crossfadeMs = 500,\n  keepalive,\n  autoUnlockAudio,\n  unlockEvents,\n  disableSilentAudio = true,\n}: CompositorProviderProps) {\n  const compositorRef = useRef<Compositor | null>(null);\n  const [stream, setStream] = useState<MediaStream | null>(null);\n  const [size, setSize] = useState<Size>({\n    width,\n    height,\n    dpr: Math.min(\n      2,\n      dpr ?? (typeof window !== \"undefined\" ? window.devicePixelRatio || 1 : 1),\n    ),\n  });\n  const [fps, setFpsState] = useState(initialFps);\n  const [sendFps, setSendFpsState] = useState(initialSendFps ?? initialFps);\n\n  // Create compositor once\n  useLayoutEffect(() => {\n    const compositor = createCompositor({\n      width,\n      height,\n      fps: initialFps,\n      sendFps: initialSendFps,\n      dpr,\n      crossfadeMs,\n      keepalive,\n      autoUnlockAudio,\n      unlockEvents,\n      disableSilentAudio,\n      onSendFpsChange: (newFps) => setSendFpsState(newFps),\n    });\n\n    compositorRef.current = compositor;\n    setStream(compositor.stream);\n    setSize(compositor.size);\n\n    return () => {\n      compositor.destroy();\n      compositorRef.current = null;\n    };\n  }, []);\n\n  // Sync size changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.resize(size.width, size.height, size.dpr);\n    setStream(compositor.stream);\n  }, [size.width, size.height, size.dpr]);\n\n  // Sync fps changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.setFps(fps);\n    setStream(compositor.stream);\n  }, [fps]);\n\n  // Sync sendFps changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.setSendFps(sendFps);\n  }, [sendFps]);\n\n  // Memoized API\n  const api = useMemo<CompositorApi>(\n    () => ({\n      // Registry\n      register: (id, source) => compositorRef.current?.register(id, source),\n      unregister: (id) => compositorRef.current?.unregister(id),\n      get: (id) => compositorRef.current?.get(id),\n      has: (id) => compositorRef.current?.has(id) ?? false,\n      list: () => compositorRef.current?.list() ?? [],\n\n      // Active source\n      activate: (id) => compositorRef.current?.activate(id),\n      deactivate: () => compositorRef.current?.deactivate(),\n      get activeId() {\n        return compositorRef.current?.activeId ?? null;\n      },\n\n      // Stream & size\n      stream,\n      size,\n      setSize: (w, h, d) =>\n        setSize({ width: w, height: h, dpr: d ?? size.dpr }),\n\n      // FPS\n      fps,\n      setFps: setFpsState,\n      sendFps,\n      setSendFps: setSendFpsState,\n\n      // Audio\n      addAudioTrack: (t) => compositorRef.current?.addAudioTrack(t),\n      removeAudioTrack: (id) => compositorRef.current?.removeAudioTrack(id),\n      unlockAudio: () =>\n        compositorRef.current?.unlockAudio() ?? Promise.resolve(false),\n\n      // Events\n      on: (event, cb) => compositorRef.current?.on(event, cb) ?? (() => {}),\n    }),\n    [stream, size, fps, sendFps],\n  );\n\n  return (\n    <CompositorContext.Provider value={api}>\n      {children}\n    </CompositorContext.Provider>\n  );\n}\n\nexport function useCompositor(): CompositorApi {\n  const ctx = useContext(CompositorContext);\n  if (!ctx) {\n    throw new Error(\"useCompositor must be used within <CompositorProvider>\");\n  }\n  return ctx;\n}\n"],"mappings":"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","names":["useBroadcast","usePlayer","import_browser","import_react","import_react","useBroadcast","usePlayer"]}
+{"version":3,"sources":["../src/index.ts","../src/useBroadcast.ts","../src/usePlayer.ts","../src/useCompositor.tsx","../src/useSource.ts"],"sourcesContent":["import { createBroadcast, createPlayer } from \"@daydreamlive/browser\";\nimport {\n  useBroadcast as baseUseBroadcast,\n  type UseBroadcastOptions,\n  type UseBroadcastReturn,\n  type UseBroadcastStatus,\n} from \"./useBroadcast\";\nimport {\n  usePlayer as baseUsePlayer,\n  type UsePlayerOptions,\n  type UsePlayerReturn,\n  type UsePlayerStatus,\n} from \"./usePlayer\";\n\nexport function useBroadcast(options: UseBroadcastOptions): UseBroadcastReturn {\n  return baseUseBroadcast(options, createBroadcast);\n}\n\nexport function usePlayer(options: UsePlayerOptions): UsePlayerReturn {\n  return baseUsePlayer(options, createPlayer);\n}\n\nexport type {\n  UseBroadcastOptions,\n  UseBroadcastReturn,\n  UseBroadcastStatus,\n  UsePlayerOptions,\n  UsePlayerReturn,\n  UsePlayerStatus,\n};\n\nexport type {\n  AudioConfig,\n  BroadcastState,\n  PlayerState,\n  ReconnectConfig,\n  ReconnectInfo,\n  VideoConfig,\n  DaydreamError,\n  DaydreamErrorCode,\n  // Compositor types\n  Compositor,\n  CompositorOptions,\n  CompositorEvent,\n  CompositorEventMap,\n  Source,\n  VideoSource,\n  CanvasSource,\n  Size,\n  FitMode,\n  ContentHint,\n  Ctx2D,\n} from \"@daydreamlive/browser\";\n\nexport {\n  CompositorProvider,\n  useCompositor,\n  type CompositorApi,\n  type CompositorProviderProps,\n} from \"./useCompositor\";\n\nexport {\n  useSource,\n  type UseSourceOptions,\n  type UseSourceReturn,\n} from \"./useSource\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type {\n  AudioConfig,\n  Broadcast,\n  BroadcastOptions,\n  BroadcastState,\n  DaydreamError,\n  ReconnectConfig,\n  ReconnectInfo,\n  VideoConfig,\n} from \"@daydreamlive/browser\";\n\nexport interface UseBroadcastOptions {\n  whipUrl: string;\n  reconnect?: ReconnectConfig;\n  video?: VideoConfig;\n  audio?: AudioConfig;\n  iceServers?: RTCIceServer[];\n  connectionTimeout?: number;\n  onStats?: (report: RTCStatsReport) => void;\n  statsIntervalMs?: number;\n}\n\nexport type BroadcastFactory = (options: BroadcastOptions) => Broadcast;\n\nexport type UseBroadcastStatus =\n  | { state: \"idle\" }\n  | { state: \"connecting\" }\n  | { state: \"live\"; whepUrl: string }\n  | { state: \"reconnecting\"; whepUrl: string; reconnectInfo: ReconnectInfo }\n  | { state: \"ended\" }\n  | { state: \"error\"; error: DaydreamError };\n\nexport interface UseBroadcastReturn {\n  status: UseBroadcastStatus;\n  start: (stream: MediaStream) => Promise<void>;\n  stop: () => Promise<void>;\n  setMaxFramerate: (fps?: number) => void;\n}\n\nexport function useBroadcast(\n  options: UseBroadcastOptions,\n  factory: BroadcastFactory,\n): UseBroadcastReturn {\n  const [status, setStatus] = useState<UseBroadcastStatus>({ state: \"idle\" });\n  const broadcastRef = useRef<Broadcast | null>(null);\n  const whepUrlRef = useRef<string | null>(null);\n  const optionsRef = useRef(options);\n  const factoryRef = useRef(factory);\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useEffect(() => {\n    factoryRef.current = factory;\n  }, [factory]);\n\n  useEffect(() => {\n    return () => {\n      broadcastRef.current?.stop();\n    };\n  }, []);\n\n  const updateStatus = useCallback((newState: BroadcastState, error?: DaydreamError) => {\n    const whepUrl = whepUrlRef.current;\n    switch (newState) {\n      case \"connecting\":\n        setStatus({ state: \"connecting\" });\n        break;\n      case \"live\":\n        setStatus({ state: \"live\", whepUrl: whepUrl! });\n        break;\n      case \"reconnecting\":\n        // reconnectInfo will be set by the reconnect event\n        break;\n      case \"ended\":\n        setStatus({ state: \"ended\" });\n        break;\n      case \"error\":\n        setStatus({ state: \"error\", error: error! });\n        break;\n    }\n  }, []);\n\n  const start = useCallback(async (stream: MediaStream) => {\n    if (broadcastRef.current) {\n      await broadcastRef.current.stop();\n      broadcastRef.current = null;\n    }\n\n    setStatus({ state: \"connecting\" });\n\n    const broadcast = factoryRef.current({\n      stream,\n      ...optionsRef.current,\n    });\n\n    broadcastRef.current = broadcast;\n\n    broadcast.on(\"stateChange\", (newState) => {\n      // Guard against events from stopped broadcast\n      if (broadcastRef.current !== broadcast) return;\n      if (newState === \"live\" || newState === \"reconnecting\") {\n        whepUrlRef.current = broadcast.whepUrl;\n      }\n      updateStatus(newState);\n    });\n\n    broadcast.on(\"error\", (err) => {\n      if (broadcastRef.current !== broadcast) return;\n      updateStatus(\"error\", err);\n    });\n\n    broadcast.on(\"reconnect\", (info) => {\n      if (broadcastRef.current !== broadcast) return;\n      setStatus({\n        state: \"reconnecting\",\n        whepUrl: whepUrlRef.current!,\n        reconnectInfo: info,\n      });\n    });\n\n    try {\n      await broadcast.connect();\n      if (broadcastRef.current !== broadcast) return;\n      whepUrlRef.current = broadcast.whepUrl;\n      updateStatus(broadcast.state);\n    } catch (err) {\n      if (broadcastRef.current !== broadcast) return;\n      setStatus({ state: \"error\", error: err as DaydreamError });\n      throw err;\n    }\n  }, [updateStatus]);\n\n  const stop = useCallback(async () => {\n    await broadcastRef.current?.stop();\n    broadcastRef.current = null;\n    whepUrlRef.current = null;\n    setStatus({ state: \"idle\" });\n  }, []);\n\n  const setMaxFramerate = useCallback((fps?: number) => {\n    broadcastRef.current?.setMaxFramerate(fps);\n  }, []);\n\n  return {\n    status,\n    start,\n    stop,\n    setMaxFramerate,\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport type {\n  Player,\n  PlayerOptions,\n  PlayerState,\n  DaydreamError,\n  ReconnectConfig,\n  ReconnectInfo,\n} from \"@daydreamlive/browser\";\n\nexport interface UsePlayerOptions {\n  whepUrl: string | null;\n  reconnect?: ReconnectConfig;\n  iceServers?: RTCIceServer[];\n  connectionTimeout?: number;\n  skipIceGathering?: boolean;\n  autoPlay?: boolean;\n  onStats?: (report: RTCStatsReport) => void;\n  statsIntervalMs?: number;\n}\n\nexport type PlayerFactory = (\n  whepUrl: string,\n  options?: PlayerOptions,\n) => Player;\n\nexport type UsePlayerStatus =\n  | { state: \"idle\" }\n  | { state: \"connecting\" }\n  | { state: \"playing\" }\n  | { state: \"buffering\"; reconnectInfo: ReconnectInfo }\n  | { state: \"ended\" }\n  | { state: \"error\"; error: DaydreamError };\n\nexport interface UsePlayerReturn {\n  status: UsePlayerStatus;\n  play: () => Promise<void>;\n  stop: () => Promise<void>;\n  videoRef: RefObject<HTMLVideoElement | null>;\n}\n\nexport function usePlayer(\n  options: UsePlayerOptions,\n  factory: PlayerFactory,\n): UsePlayerReturn {\n  const [status, setStatus] = useState<UsePlayerStatus>({ state: \"idle\" });\n  const playerRef = useRef<Player | null>(null);\n  const videoRef = useRef<HTMLVideoElement | null>(null);\n  const optionsRef = useRef(options);\n  const factoryRef = useRef(factory);\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useEffect(() => {\n    factoryRef.current = factory;\n  }, [factory]);\n\n  useEffect(() => {\n    return () => {\n      playerRef.current?.stop();\n    };\n  }, []);\n\n  const updateStatus = useCallback(\n    (newState: PlayerState, error?: DaydreamError) => {\n      switch (newState) {\n        case \"connecting\":\n          setStatus({ state: \"connecting\" });\n          break;\n        case \"playing\":\n          setStatus({ state: \"playing\" });\n          break;\n        case \"buffering\":\n          // reconnectInfo will be set by the reconnect event\n          break;\n        case \"ended\":\n          setStatus({ state: \"ended\" });\n          break;\n        case \"error\":\n          setStatus({ state: \"error\", error: error! });\n          break;\n      }\n    },\n    [],\n  );\n\n  const play = useCallback(async () => {\n    const currentWhepUrl = optionsRef.current.whepUrl;\n    if (!currentWhepUrl) {\n      return;\n    }\n\n    if (playerRef.current) {\n      await playerRef.current.stop();\n      playerRef.current = null;\n    }\n\n    setStatus({ state: \"connecting\" });\n\n    const player = factoryRef.current(currentWhepUrl, {\n      reconnect: optionsRef.current?.reconnect,\n      iceServers: optionsRef.current?.iceServers,\n      connectionTimeout: optionsRef.current?.connectionTimeout,\n      skipIceGathering: optionsRef.current?.skipIceGathering,\n      onStats: optionsRef.current?.onStats,\n      statsIntervalMs: optionsRef.current?.statsIntervalMs,\n    });\n\n    playerRef.current = player;\n\n    player.on(\"stateChange\", (newState) => {\n      // Guard against events from stopped player\n      if (playerRef.current !== player) return;\n      updateStatus(newState);\n      // Re-attach stream after reconnect\n      if (newState === \"playing\" && videoRef.current && player.stream) {\n        if (videoRef.current.srcObject !== player.stream) {\n          player.attachTo(videoRef.current);\n        }\n      }\n    });\n\n    player.on(\"error\", (err) => {\n      if (playerRef.current !== player) return;\n      updateStatus(\"error\", err);\n    });\n\n    player.on(\"reconnect\", (info) => {\n      if (playerRef.current !== player) return;\n      setStatus({ state: \"buffering\", reconnectInfo: info });\n    });\n\n    try {\n      await player.connect();\n      if (playerRef.current !== player) return;\n      updateStatus(player.state);\n\n      if (videoRef.current) {\n        player.attachTo(videoRef.current);\n        if (optionsRef.current?.autoPlay !== false) {\n          try {\n            await videoRef.current.play();\n          } catch {\n            // Autoplay blocked\n          }\n        }\n      }\n    } catch (err) {\n      if (playerRef.current !== player) return;\n      setStatus({ state: \"error\", error: err as DaydreamError });\n      throw err;\n    }\n  }, [updateStatus]);\n\n  const stop = useCallback(async () => {\n    await playerRef.current?.stop();\n    playerRef.current = null;\n    setStatus({ state: \"idle\" });\n  }, []);\n\n  return {\n    status,\n    play,\n    stop,\n    videoRef,\n  };\n}\n","\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type PropsWithChildren,\n} from \"react\";\nimport {\n  createCompositor,\n  type Compositor,\n  type CompositorOptions,\n  type Size,\n  type Source,\n} from \"@daydreamlive/browser\";\n\nexport interface CompositorApi {\n  // Registry\n  register(id: string, source: Source): void;\n  unregister(id: string): void;\n  get(id: string): Source | undefined;\n  has(id: string): boolean;\n  list(): Array<{ id: string; source: Source }>;\n\n  /**\n   * Register a source, activate it, and return an unregister function.\n   * Convenience method that combines register + activate with automatic cleanup.\n   *\n   * @example\n   * ```tsx\n   * useEffect(() => {\n   *   const unregister = compositor.use(\"camera\", {\n   *     kind: \"video\",\n   *     element: videoRef.current,\n   *     fit: \"cover\",\n   *   });\n   *   return unregister;\n   * }, [compositor]);\n   * ```\n   */\n  use(id: string, source: Source): () => void;\n\n  // Active source\n  /**\n   * Activate a registered source.\n   * @param id - The source ID to activate\n   */\n  activate(id: string): void;\n  deactivate(): void;\n  readonly activeId: string | null;\n\n  // Output (reactive)\n  readonly stream: MediaStream | null;\n  readonly size: Size;\n  setSize(width: number, height: number, dpr?: number): void;\n\n  // FPS (reactive)\n  readonly fps: number;\n  setFps(fps: number): void;\n  readonly sendFps: number;\n  setSendFps(fps: number): void;\n\n  // Audio\n  addAudioTrack(track: MediaStreamTrack): void;\n  removeAudioTrack(trackId: string): void;\n  unlockAudio(): Promise<boolean>;\n\n  // Events\n  on: Compositor[\"on\"];\n}\n\nconst CompositorContext = createContext<CompositorApi | null>(null);\n\nexport interface CompositorProviderProps\n  extends PropsWithChildren,\n    Partial<Omit<CompositorOptions, \"onSendFpsChange\">> {}\n\nexport function CompositorProvider({\n  children,\n  width = 512,\n  height = 512,\n  fps: initialFps = 30,\n  sendFps: initialSendFps,\n  dpr,\n  keepalive,\n  autoUnlockAudio,\n  unlockEvents,\n  disableSilentAudio = true,\n}: CompositorProviderProps) {\n  const compositorRef = useRef<Compositor | null>(null);\n  const [stream, setStream] = useState<MediaStream | null>(null);\n  const [size, setSize] = useState<Size>({\n    width,\n    height,\n    dpr: Math.min(\n      2,\n      dpr ?? (typeof window !== \"undefined\" ? window.devicePixelRatio || 1 : 1),\n    ),\n  });\n  const [fps, setFpsState] = useState(initialFps);\n  const [sendFps, setSendFpsState] = useState(initialSendFps ?? initialFps);\n\n  // Create compositor once\n  useLayoutEffect(() => {\n    const compositor = createCompositor({\n      width,\n      height,\n      fps: initialFps,\n      sendFps: initialSendFps,\n      dpr,\n      keepalive,\n      autoUnlockAudio,\n      unlockEvents,\n      disableSilentAudio,\n      onSendFpsChange: (newFps) => setSendFpsState(newFps),\n    });\n\n    compositorRef.current = compositor;\n    setStream(compositor.stream);\n    setSize(compositor.size);\n\n    return () => {\n      compositor.destroy();\n      compositorRef.current = null;\n    };\n  }, []);\n\n  // Sync size changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.resize(size.width, size.height, size.dpr);\n    setStream(compositor.stream);\n  }, [size.width, size.height, size.dpr]);\n\n  // Sync fps changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.setFps(fps);\n    setStream(compositor.stream);\n  }, [fps]);\n\n  // Sync sendFps changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.setSendFps(sendFps);\n  }, [sendFps]);\n\n  // Memoized API\n  const api = useMemo<CompositorApi>(\n    () => ({\n      // Registry\n      register: (id, source) => compositorRef.current?.register(id, source),\n      unregister: (id) => compositorRef.current?.unregister(id),\n      get: (id) => compositorRef.current?.get(id),\n      has: (id) => compositorRef.current?.has(id) ?? false,\n      list: () => compositorRef.current?.list() ?? [],\n      use: (id, source) => {\n        compositorRef.current?.register(id, source);\n        compositorRef.current?.activate(id);\n        return () => compositorRef.current?.unregister(id);\n      },\n\n      // Active source\n      activate: (id) => compositorRef.current?.activate(id),\n      deactivate: () => compositorRef.current?.deactivate(),\n      get activeId() {\n        return compositorRef.current?.activeId ?? null;\n      },\n\n      // Stream & size\n      stream,\n      size,\n      setSize: (w, h, d) =>\n        setSize({ width: w, height: h, dpr: d ?? size.dpr }),\n\n      // FPS\n      fps,\n      setFps: setFpsState,\n      sendFps,\n      setSendFps: setSendFpsState,\n\n      // Audio\n      addAudioTrack: (t) => compositorRef.current?.addAudioTrack(t),\n      removeAudioTrack: (id) => compositorRef.current?.removeAudioTrack(id),\n      unlockAudio: () =>\n        compositorRef.current?.unlockAudio() ?? Promise.resolve(false),\n\n      // Events\n      on: (event, cb) => compositorRef.current?.on(event, cb) ?? (() => {}),\n    }),\n    [stream, size, fps, sendFps],\n  );\n\n  return (\n    <CompositorContext.Provider value={api}>\n      {children}\n    </CompositorContext.Provider>\n  );\n}\n\nexport function useCompositor(): CompositorApi {\n  const ctx = useContext(CompositorContext);\n  if (!ctx) {\n    throw new Error(\"useCompositor must be used within <CompositorProvider>\");\n  }\n  return ctx;\n}\n","\"use client\";\n\nimport { useEffect, useRef, useState, useCallback, useMemo } from \"react\";\nimport type { Source, FitMode, ContentHint } from \"@daydreamlive/browser\";\nimport { useCompositor } from \"./useCompositor\";\n\nexport interface UseSourceOptions {\n  kind: \"video\" | \"canvas\";\n  contentHint?: ContentHint;\n  fit?: FitMode;\n}\n\nexport interface UseSourceReturn<\n  T extends HTMLVideoElement | HTMLCanvasElement,\n> {\n  ref: React.RefObject<T>;\n  isActive: boolean;\n  activate: () => void;\n  deactivate: () => void;\n}\n\nexport function useSource<\n  T extends HTMLVideoElement | HTMLCanvasElement =\n    | HTMLVideoElement\n    | HTMLCanvasElement,\n>(id: string, options: UseSourceOptions): UseSourceReturn<T> {\n  const compositor = useCompositor();\n  const compositorRef = useRef(compositor);\n  compositorRef.current = compositor;\n\n  const ref = useRef<T>(null);\n  const [isActive, setIsActive] = useState(false);\n  const registeredRef = useRef(false);\n  const idRef = useRef(id);\n  idRef.current = id;\n\n  const { kind, contentHint, fit } = options;\n\n  const optionsRef = useRef({ kind, contentHint, fit });\n  optionsRef.current = { kind, contentHint, fit };\n\n  const registerSource = useCallback((element: T) => {\n    const { kind, contentHint, fit } = optionsRef.current;\n    const source =\n      kind === \"video\"\n        ? {\n            kind: \"video\" as const,\n            element: element as HTMLVideoElement,\n            contentHint,\n            fit,\n          }\n        : {\n            kind: \"canvas\" as const,\n            element: element as HTMLCanvasElement,\n            contentHint,\n          };\n\n    compositorRef.current.register(idRef.current, source);\n    registeredRef.current = true;\n  }, []);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    registerSource(element);\n  }, [id, kind, contentHint, fit, registerSource]);\n\n  useEffect(() => {\n    const currentId = id;\n    return () => {\n      if (registeredRef.current) {\n        registeredRef.current = false;\n        setIsActive(false);\n        compositorRef.current.unregister(currentId);\n      }\n    };\n  }, [id]);\n\n  useEffect(() => {\n    setIsActive(compositor.activeId === id);\n  }, [compositor.activeId, id]);\n\n  const activate = useCallback(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    if (!registeredRef.current) {\n      registerSource(element);\n    }\n\n    compositorRef.current.activate(idRef.current);\n    setIsActive(true);\n  }, [registerSource]);\n\n  const deactivate = useCallback(() => {\n    if (compositorRef.current.activeId === idRef.current) {\n      compositorRef.current.deactivate();\n      setIsActive(false);\n    }\n  }, []);\n\n  return useMemo(\n    () => ({\n      ref,\n      isActive,\n      activate,\n      deactivate,\n    }),\n    [isActive, activate, deactivate],\n  );\n}\n"],"mappings":"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","names":["useBroadcast","usePlayer","import_browser","import_react","import_react","import_react","kind","contentHint","fit","useBroadcast","usePlayer"]}

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { ReconnectConfig, VideoConfig, AudioConfig, ReconnectInfo, DaydreamError, CompositorOptions, Source, Size, Compositor } from '@daydreamlive/browser';
-export { AudioConfig, BroadcastState, CanvasSource, Compositor, CompositorEvent, CompositorEventMap, CompositorOptions, ContentHint, Ctx2D, CustomSource, DaydreamError, DaydreamErrorCode, FitMode, PlayerState, ReconnectConfig, ReconnectInfo, Size, Source, VideoConfig, VideoSource } from '@daydreamlive/browser';
+import { ReconnectConfig, VideoConfig, AudioConfig, ReconnectInfo, DaydreamError, CompositorOptions, Source, Size, Compositor, ContentHint, FitMode } from '@daydreamlive/browser';
+export { AudioConfig, BroadcastState, CanvasSource, Compositor, CompositorEvent, CompositorEventMap, CompositorOptions, ContentHint, Ctx2D, DaydreamError, DaydreamErrorCode, FitMode, PlayerState, ReconnectConfig, ReconnectInfo, Size, Source, VideoConfig, VideoSource } from '@daydreamlive/browser';
 import { RefObject, PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -38,9 +38,11 @@ interface UseBroadcastReturn {
 }
 
 interface UsePlayerOptions {
+    whepUrl: string | null;
     reconnect?: ReconnectConfig;
     iceServers?: RTCIceServer[];
     connectionTimeout?: number;
+    skipIceGathering?: boolean;
     autoPlay?: boolean;
     onStats?: (report: RTCStatsReport) => void;
     statsIntervalMs?: number;
@@ -76,6 +78,27 @@ interface CompositorApi {
         id: string;
         source: Source;
     }>;
+    /**
+     * Register a source, activate it, and return an unregister function.
+     * Convenience method that combines register + activate with automatic cleanup.
+     *
+     * @example
+     * ```tsx
+     * useEffect(() => {
+     *   const unregister = compositor.use("camera", {
+     *     kind: "video",
+     *     element: videoRef.current,
+     *     fit: "cover",
+     *   });
+     *   return unregister;
+     * }, [compositor]);
+     * ```
+     */
+    use(id: string, source: Source): () => void;
+    /**
+     * Activate a registered source.
+     * @param id - The source ID to activate
+     */
     activate(id: string): void;
     deactivate(): void;
     readonly activeId: string | null;
@@ -93,10 +116,23 @@ interface CompositorApi {
 }
 interface CompositorProviderProps extends PropsWithChildren, Partial<Omit<CompositorOptions, "onSendFpsChange">> {
 }
-declare function CompositorProvider({ children, width, height, fps: initialFps, sendFps: initialSendFps, dpr, crossfadeMs, keepalive, autoUnlockAudio, unlockEvents, disableSilentAudio, }: CompositorProviderProps): react_jsx_runtime.JSX.Element;
+declare function CompositorProvider({ children, width, height, fps: initialFps, sendFps: initialSendFps, dpr, keepalive, autoUnlockAudio, unlockEvents, disableSilentAudio, }: CompositorProviderProps): react_jsx_runtime.JSX.Element;
 declare function useCompositor(): CompositorApi;
 
+interface UseSourceOptions {
+    kind: "video" | "canvas";
+    contentHint?: ContentHint;
+    fit?: FitMode;
+}
+interface UseSourceReturn<T extends HTMLVideoElement | HTMLCanvasElement> {
+    ref: React.RefObject<T>;
+    isActive: boolean;
+    activate: () => void;
+    deactivate: () => void;
+}
+declare function useSource<T extends HTMLVideoElement | HTMLCanvasElement = HTMLVideoElement | HTMLCanvasElement>(id: string, options: UseSourceOptions): UseSourceReturn<T>;
+
 declare function useBroadcast(options: UseBroadcastOptions): UseBroadcastReturn;
-declare function usePlayer(whepUrl: string | null, options?: UsePlayerOptions): UsePlayerReturn;
+declare function usePlayer(options: UsePlayerOptions): UsePlayerReturn;
 
-export { type CompositorApi, CompositorProvider, type CompositorProviderProps, type UseBroadcastOptions, type UseBroadcastReturn, type UseBroadcastStatus, type UsePlayerOptions, type UsePlayerReturn, type UsePlayerStatus, useBroadcast, useCompositor, usePlayer };
+export { type CompositorApi, CompositorProvider, type CompositorProviderProps, type UseBroadcastOptions, type UseBroadcastReturn, type UseBroadcastStatus, type UsePlayerOptions, type UsePlayerReturn, type UsePlayerStatus, type UseSourceOptions, type UseSourceReturn, useBroadcast, useCompositor, usePlayer, useSource };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { ReconnectConfig, VideoConfig, AudioConfig, ReconnectInfo, DaydreamError, CompositorOptions, Source, Size, Compositor } from '@daydreamlive/browser';
-export { AudioConfig, BroadcastState, CanvasSource, Compositor, CompositorEvent, CompositorEventMap, CompositorOptions, ContentHint, Ctx2D, CustomSource, DaydreamError, DaydreamErrorCode, FitMode, PlayerState, ReconnectConfig, ReconnectInfo, Size, Source, VideoConfig, VideoSource } from '@daydreamlive/browser';
+import { ReconnectConfig, VideoConfig, AudioConfig, ReconnectInfo, DaydreamError, CompositorOptions, Source, Size, Compositor, ContentHint, FitMode } from '@daydreamlive/browser';
+export { AudioConfig, BroadcastState, CanvasSource, Compositor, CompositorEvent, CompositorEventMap, CompositorOptions, ContentHint, Ctx2D, DaydreamError, DaydreamErrorCode, FitMode, PlayerState, ReconnectConfig, ReconnectInfo, Size, Source, VideoConfig, VideoSource } from '@daydreamlive/browser';
 import { RefObject, PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -38,9 +38,11 @@ interface UseBroadcastReturn {
 }
 
 interface UsePlayerOptions {
+    whepUrl: string | null;
     reconnect?: ReconnectConfig;
     iceServers?: RTCIceServer[];
     connectionTimeout?: number;
+    skipIceGathering?: boolean;
     autoPlay?: boolean;
     onStats?: (report: RTCStatsReport) => void;
     statsIntervalMs?: number;
@@ -76,6 +78,27 @@ interface CompositorApi {
         id: string;
         source: Source;
     }>;
+    /**
+     * Register a source, activate it, and return an unregister function.
+     * Convenience method that combines register + activate with automatic cleanup.
+     *
+     * @example
+     * ```tsx
+     * useEffect(() => {
+     *   const unregister = compositor.use("camera", {
+     *     kind: "video",
+     *     element: videoRef.current,
+     *     fit: "cover",
+     *   });
+     *   return unregister;
+     * }, [compositor]);
+     * ```
+     */
+    use(id: string, source: Source): () => void;
+    /**
+     * Activate a registered source.
+     * @param id - The source ID to activate
+     */
     activate(id: string): void;
     deactivate(): void;
     readonly activeId: string | null;
@@ -93,10 +116,23 @@ interface CompositorApi {
 }
 interface CompositorProviderProps extends PropsWithChildren, Partial<Omit<CompositorOptions, "onSendFpsChange">> {
 }
-declare function CompositorProvider({ children, width, height, fps: initialFps, sendFps: initialSendFps, dpr, crossfadeMs, keepalive, autoUnlockAudio, unlockEvents, disableSilentAudio, }: CompositorProviderProps): react_jsx_runtime.JSX.Element;
+declare function CompositorProvider({ children, width, height, fps: initialFps, sendFps: initialSendFps, dpr, keepalive, autoUnlockAudio, unlockEvents, disableSilentAudio, }: CompositorProviderProps): react_jsx_runtime.JSX.Element;
 declare function useCompositor(): CompositorApi;
 
+interface UseSourceOptions {
+    kind: "video" | "canvas";
+    contentHint?: ContentHint;
+    fit?: FitMode;
+}
+interface UseSourceReturn<T extends HTMLVideoElement | HTMLCanvasElement> {
+    ref: React.RefObject<T>;
+    isActive: boolean;
+    activate: () => void;
+    deactivate: () => void;
+}
+declare function useSource<T extends HTMLVideoElement | HTMLCanvasElement = HTMLVideoElement | HTMLCanvasElement>(id: string, options: UseSourceOptions): UseSourceReturn<T>;
+
 declare function useBroadcast(options: UseBroadcastOptions): UseBroadcastReturn;
-declare function usePlayer(whepUrl: string | null, options?: UsePlayerOptions): UsePlayerReturn;
+declare function usePlayer(options: UsePlayerOptions): UsePlayerReturn;
 
-export { type CompositorApi, CompositorProvider, type CompositorProviderProps, type UseBroadcastOptions, type UseBroadcastReturn, type UseBroadcastStatus, type UsePlayerOptions, type UsePlayerReturn, type UsePlayerStatus, useBroadcast, useCompositor, usePlayer };
+export { type CompositorApi, CompositorProvider, type CompositorProviderProps, type UseBroadcastOptions, type UseBroadcastReturn, type UseBroadcastStatus, type UsePlayerOptions, type UsePlayerReturn, type UsePlayerStatus, type UseSourceOptions, type UseSourceReturn, useBroadcast, useCompositor, usePlayer, useSource };

package/dist/index.js

@@ -104,12 +104,11 @@ import {
   useRef as useRef2,
   useState as useState2
 } from "react";
-function usePlayer(whepUrl, options, factory) {
+function usePlayer(options, factory) {
   const [status, setStatus] = useState2({ state: "idle" });
   const playerRef = useRef2(null);
   const videoRef = useRef2(null);
   const optionsRef = useRef2(options);
-  const whepUrlRef = useRef2(whepUrl);
   const factoryRef = useRef2(factory);
   useEffect2(() => {
     optionsRef.current = options;
@@ -117,34 +116,34 @@ function usePlayer(whepUrl, options, factory) {
   useEffect2(() => {
     factoryRef.current = factory;
   }, [factory]);
-  useEffect2(() => {
-    whepUrlRef.current = whepUrl;
-  }, [whepUrl]);
   useEffect2(() => {
     return () => {
       playerRef.current?.stop();
     };
   }, []);
-  const updateStatus = useCallback2((newState, error) => {
-    switch (newState) {
-      case "connecting":
-        setStatus({ state: "connecting" });
-        break;
-      case "playing":
-        setStatus({ state: "playing" });
-        break;
-      case "buffering":
-        break;
-      case "ended":
-        setStatus({ state: "ended" });
-        break;
-      case "error":
-        setStatus({ state: "error", error });
-        break;
-    }
-  }, []);
+  const updateStatus = useCallback2(
+    (newState, error) => {
+      switch (newState) {
+        case "connecting":
+          setStatus({ state: "connecting" });
+          break;
+        case "playing":
+          setStatus({ state: "playing" });
+          break;
+        case "buffering":
+          break;
+        case "ended":
+          setStatus({ state: "ended" });
+          break;
+        case "error":
+          setStatus({ state: "error", error });
+          break;
+      }
+    },
+    []
+  );
   const play = useCallback2(async () => {
-    const currentWhepUrl = whepUrlRef.current;
+    const currentWhepUrl = optionsRef.current.whepUrl;
     if (!currentWhepUrl) {
       return;
     }
@@ -157,6 +156,7 @@ function usePlayer(whepUrl, options, factory) {
       reconnect: optionsRef.current?.reconnect,
       iceServers: optionsRef.current?.iceServers,
       connectionTimeout: optionsRef.current?.connectionTimeout,
+      skipIceGathering: optionsRef.current?.skipIceGathering,
       onStats: optionsRef.current?.onStats,
       statsIntervalMs: optionsRef.current?.statsIntervalMs
     });
@@ -232,7 +232,6 @@ function CompositorProvider({
   fps: initialFps = 30,
   sendFps: initialSendFps,
   dpr,
-  crossfadeMs = 500,
   keepalive,
   autoUnlockAudio,
   unlockEvents,
@@ -257,7 +256,6 @@ function CompositorProvider({
       fps: initialFps,
       sendFps: initialSendFps,
       dpr,
-      crossfadeMs,
       keepalive,
       autoUnlockAudio,
       unlockEvents,
@@ -297,6 +295,11 @@ function CompositorProvider({
       get: (id) => compositorRef.current?.get(id),
       has: (id) => compositorRef.current?.has(id) ?? false,
       list: () => compositorRef.current?.list() ?? [],
+      use: (id, source) => {
+        compositorRef.current?.register(id, source);
+        compositorRef.current?.activate(id);
+        return () => compositorRef.current?.unregister(id);
+      },
       // Active source
       activate: (id) => compositorRef.current?.activate(id),
       deactivate: () => compositorRef.current?.deactivate(),
@@ -332,17 +335,91 @@ function useCompositor() {
   return ctx;
 }
 
+// src/useSource.ts
+import { useEffect as useEffect4, useRef as useRef4, useState as useState4, useCallback as useCallback3, useMemo as useMemo2 } from "react";
+function useSource(id, options) {
+  const compositor = useCompositor();
+  const compositorRef = useRef4(compositor);
+  compositorRef.current = compositor;
+  const ref = useRef4(null);
+  const [isActive, setIsActive] = useState4(false);
+  const registeredRef = useRef4(false);
+  const idRef = useRef4(id);
+  idRef.current = id;
+  const { kind, contentHint, fit } = options;
+  const optionsRef = useRef4({ kind, contentHint, fit });
+  optionsRef.current = { kind, contentHint, fit };
+  const registerSource = useCallback3((element) => {
+    const { kind: kind2, contentHint: contentHint2, fit: fit2 } = optionsRef.current;
+    const source = kind2 === "video" ? {
+      kind: "video",
+      element,
+      contentHint: contentHint2,
+      fit: fit2
+    } : {
+      kind: "canvas",
+      element,
+      contentHint: contentHint2
+    };
+    compositorRef.current.register(idRef.current, source);
+    registeredRef.current = true;
+  }, []);
+  useEffect4(() => {
+    const element = ref.current;
+    if (!element) return;
+    registerSource(element);
+  }, [id, kind, contentHint, fit, registerSource]);
+  useEffect4(() => {
+    const currentId = id;
+    return () => {
+      if (registeredRef.current) {
+        registeredRef.current = false;
+        setIsActive(false);
+        compositorRef.current.unregister(currentId);
+      }
+    };
+  }, [id]);
+  useEffect4(() => {
+    setIsActive(compositor.activeId === id);
+  }, [compositor.activeId, id]);
+  const activate = useCallback3(() => {
+    const element = ref.current;
+    if (!element) return;
+    if (!registeredRef.current) {
+      registerSource(element);
+    }
+    compositorRef.current.activate(idRef.current);
+    setIsActive(true);
+  }, [registerSource]);
+  const deactivate = useCallback3(() => {
+    if (compositorRef.current.activeId === idRef.current) {
+      compositorRef.current.deactivate();
+      setIsActive(false);
+    }
+  }, []);
+  return useMemo2(
+    () => ({
+      ref,
+      isActive,
+      activate,
+      deactivate
+    }),
+    [isActive, activate, deactivate]
+  );
+}
+
 // src/index.ts
 function useBroadcast2(options) {
   return useBroadcast(options, createBroadcast);
 }
-function usePlayer2(whepUrl, options) {
-  return usePlayer(whepUrl, options, createPlayer);
+function usePlayer2(options) {
+  return usePlayer(options, createPlayer);
 }
 export {
   CompositorProvider,
   useBroadcast2 as useBroadcast,
   useCompositor,
-  usePlayer2 as usePlayer
+  usePlayer2 as usePlayer,
+  useSource
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/useBroadcast.ts","../src/usePlayer.ts","../src/useCompositor.tsx"],"sourcesContent":["import { createBroadcast, createPlayer } from \"@daydreamlive/browser\";\nimport {\n  useBroadcast as baseUseBroadcast,\n  type UseBroadcastOptions,\n  type UseBroadcastReturn,\n  type UseBroadcastStatus,\n} from \"./useBroadcast\";\nimport {\n  usePlayer as baseUsePlayer,\n  type UsePlayerOptions,\n  type UsePlayerReturn,\n  type UsePlayerStatus,\n} from \"./usePlayer\";\n\nexport function useBroadcast(options: UseBroadcastOptions): UseBroadcastReturn {\n  return baseUseBroadcast(options, createBroadcast);\n}\n\nexport function usePlayer(\n  whepUrl: string | null,\n  options?: UsePlayerOptions,\n): UsePlayerReturn {\n  return baseUsePlayer(whepUrl, options, createPlayer);\n}\n\nexport type {\n  UseBroadcastOptions,\n  UseBroadcastReturn,\n  UseBroadcastStatus,\n  UsePlayerOptions,\n  UsePlayerReturn,\n  UsePlayerStatus,\n};\n\nexport type {\n  AudioConfig,\n  BroadcastState,\n  PlayerState,\n  ReconnectConfig,\n  ReconnectInfo,\n  VideoConfig,\n  DaydreamError,\n  DaydreamErrorCode,\n  // Compositor types\n  Compositor,\n  CompositorOptions,\n  CompositorEvent,\n  CompositorEventMap,\n  Source,\n  VideoSource,\n  CanvasSource,\n  CustomSource,\n  Size,\n  FitMode,\n  ContentHint,\n  Ctx2D,\n} from \"@daydreamlive/browser\";\n\nexport {\n  CompositorProvider,\n  useCompositor,\n  type CompositorApi,\n  type CompositorProviderProps,\n} from \"./useCompositor\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type {\n  AudioConfig,\n  Broadcast,\n  BroadcastOptions,\n  BroadcastState,\n  DaydreamError,\n  ReconnectConfig,\n  ReconnectInfo,\n  VideoConfig,\n} from \"@daydreamlive/browser\";\n\nexport interface UseBroadcastOptions {\n  whipUrl: string;\n  reconnect?: ReconnectConfig;\n  video?: VideoConfig;\n  audio?: AudioConfig;\n  iceServers?: RTCIceServer[];\n  connectionTimeout?: number;\n  onStats?: (report: RTCStatsReport) => void;\n  statsIntervalMs?: number;\n}\n\nexport type BroadcastFactory = (options: BroadcastOptions) => Broadcast;\n\nexport type UseBroadcastStatus =\n  | { state: \"idle\" }\n  | { state: \"connecting\" }\n  | { state: \"live\"; whepUrl: string }\n  | { state: \"reconnecting\"; whepUrl: string; reconnectInfo: ReconnectInfo }\n  | { state: \"ended\" }\n  | { state: \"error\"; error: DaydreamError };\n\nexport interface UseBroadcastReturn {\n  status: UseBroadcastStatus;\n  start: (stream: MediaStream) => Promise<void>;\n  stop: () => Promise<void>;\n  setMaxFramerate: (fps?: number) => void;\n}\n\nexport function useBroadcast(\n  options: UseBroadcastOptions,\n  factory: BroadcastFactory,\n): UseBroadcastReturn {\n  const [status, setStatus] = useState<UseBroadcastStatus>({ state: \"idle\" });\n  const broadcastRef = useRef<Broadcast | null>(null);\n  const whepUrlRef = useRef<string | null>(null);\n  const optionsRef = useRef(options);\n  const factoryRef = useRef(factory);\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useEffect(() => {\n    factoryRef.current = factory;\n  }, [factory]);\n\n  useEffect(() => {\n    return () => {\n      broadcastRef.current?.stop();\n    };\n  }, []);\n\n  const updateStatus = useCallback((newState: BroadcastState, error?: DaydreamError) => {\n    const whepUrl = whepUrlRef.current;\n    switch (newState) {\n      case \"connecting\":\n        setStatus({ state: \"connecting\" });\n        break;\n      case \"live\":\n        setStatus({ state: \"live\", whepUrl: whepUrl! });\n        break;\n      case \"reconnecting\":\n        // reconnectInfo will be set by the reconnect event\n        break;\n      case \"ended\":\n        setStatus({ state: \"ended\" });\n        break;\n      case \"error\":\n        setStatus({ state: \"error\", error: error! });\n        break;\n    }\n  }, []);\n\n  const start = useCallback(async (stream: MediaStream) => {\n    if (broadcastRef.current) {\n      await broadcastRef.current.stop();\n      broadcastRef.current = null;\n    }\n\n    setStatus({ state: \"connecting\" });\n\n    const broadcast = factoryRef.current({\n      stream,\n      ...optionsRef.current,\n    });\n\n    broadcastRef.current = broadcast;\n\n    broadcast.on(\"stateChange\", (newState) => {\n      // Guard against events from stopped broadcast\n      if (broadcastRef.current !== broadcast) return;\n      if (newState === \"live\" || newState === \"reconnecting\") {\n        whepUrlRef.current = broadcast.whepUrl;\n      }\n      updateStatus(newState);\n    });\n\n    broadcast.on(\"error\", (err) => {\n      if (broadcastRef.current !== broadcast) return;\n      updateStatus(\"error\", err);\n    });\n\n    broadcast.on(\"reconnect\", (info) => {\n      if (broadcastRef.current !== broadcast) return;\n      setStatus({\n        state: \"reconnecting\",\n        whepUrl: whepUrlRef.current!,\n        reconnectInfo: info,\n      });\n    });\n\n    try {\n      await broadcast.connect();\n      if (broadcastRef.current !== broadcast) return;\n      whepUrlRef.current = broadcast.whepUrl;\n      updateStatus(broadcast.state);\n    } catch (err) {\n      if (broadcastRef.current !== broadcast) return;\n      setStatus({ state: \"error\", error: err as DaydreamError });\n      throw err;\n    }\n  }, [updateStatus]);\n\n  const stop = useCallback(async () => {\n    await broadcastRef.current?.stop();\n    broadcastRef.current = null;\n    whepUrlRef.current = null;\n    setStatus({ state: \"idle\" });\n  }, []);\n\n  const setMaxFramerate = useCallback((fps?: number) => {\n    broadcastRef.current?.setMaxFramerate(fps);\n  }, []);\n\n  return {\n    status,\n    start,\n    stop,\n    setMaxFramerate,\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport type {\n  Player,\n  PlayerOptions,\n  PlayerState,\n  DaydreamError,\n  ReconnectConfig,\n  ReconnectInfo,\n} from \"@daydreamlive/browser\";\n\nexport interface UsePlayerOptions {\n  reconnect?: ReconnectConfig;\n  iceServers?: RTCIceServer[];\n  connectionTimeout?: number;\n  autoPlay?: boolean;\n  onStats?: (report: RTCStatsReport) => void;\n  statsIntervalMs?: number;\n}\n\nexport type PlayerFactory = (\n  whepUrl: string,\n  options?: PlayerOptions,\n) => Player;\n\nexport type UsePlayerStatus =\n  | { state: \"idle\" }\n  | { state: \"connecting\" }\n  | { state: \"playing\" }\n  | { state: \"buffering\"; reconnectInfo: ReconnectInfo }\n  | { state: \"ended\" }\n  | { state: \"error\"; error: DaydreamError };\n\nexport interface UsePlayerReturn {\n  status: UsePlayerStatus;\n  play: () => Promise<void>;\n  stop: () => Promise<void>;\n  videoRef: RefObject<HTMLVideoElement | null>;\n}\n\nexport function usePlayer(\n  whepUrl: string | null,\n  options: UsePlayerOptions | undefined,\n  factory: PlayerFactory,\n): UsePlayerReturn {\n  const [status, setStatus] = useState<UsePlayerStatus>({ state: \"idle\" });\n  const playerRef = useRef<Player | null>(null);\n  const videoRef = useRef<HTMLVideoElement | null>(null);\n  const optionsRef = useRef(options);\n  const whepUrlRef = useRef(whepUrl);\n  const factoryRef = useRef(factory);\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useEffect(() => {\n    factoryRef.current = factory;\n  }, [factory]);\n\n  useEffect(() => {\n    whepUrlRef.current = whepUrl;\n  }, [whepUrl]);\n\n  useEffect(() => {\n    return () => {\n      playerRef.current?.stop();\n    };\n  }, []);\n\n  const updateStatus = useCallback((newState: PlayerState, error?: DaydreamError) => {\n    switch (newState) {\n      case \"connecting\":\n        setStatus({ state: \"connecting\" });\n        break;\n      case \"playing\":\n        setStatus({ state: \"playing\" });\n        break;\n      case \"buffering\":\n        // reconnectInfo will be set by the reconnect event\n        break;\n      case \"ended\":\n        setStatus({ state: \"ended\" });\n        break;\n      case \"error\":\n        setStatus({ state: \"error\", error: error! });\n        break;\n    }\n  }, []);\n\n  const play = useCallback(async () => {\n    const currentWhepUrl = whepUrlRef.current;\n    if (!currentWhepUrl) {\n      return;\n    }\n\n    if (playerRef.current) {\n      await playerRef.current.stop();\n      playerRef.current = null;\n    }\n\n    setStatus({ state: \"connecting\" });\n\n    const player = factoryRef.current(currentWhepUrl, {\n      reconnect: optionsRef.current?.reconnect,\n      iceServers: optionsRef.current?.iceServers,\n      connectionTimeout: optionsRef.current?.connectionTimeout,\n      onStats: optionsRef.current?.onStats,\n      statsIntervalMs: optionsRef.current?.statsIntervalMs,\n    });\n\n    playerRef.current = player;\n\n    player.on(\"stateChange\", (newState) => {\n      // Guard against events from stopped player\n      if (playerRef.current !== player) return;\n      updateStatus(newState);\n      // Re-attach stream after reconnect\n      if (newState === \"playing\" && videoRef.current && player.stream) {\n        if (videoRef.current.srcObject !== player.stream) {\n          player.attachTo(videoRef.current);\n        }\n      }\n    });\n\n    player.on(\"error\", (err) => {\n      if (playerRef.current !== player) return;\n      updateStatus(\"error\", err);\n    });\n\n    player.on(\"reconnect\", (info) => {\n      if (playerRef.current !== player) return;\n      setStatus({ state: \"buffering\", reconnectInfo: info });\n    });\n\n    try {\n      await player.connect();\n      if (playerRef.current !== player) return;\n      updateStatus(player.state);\n\n      if (videoRef.current) {\n        player.attachTo(videoRef.current);\n        if (optionsRef.current?.autoPlay !== false) {\n          try {\n            await videoRef.current.play();\n          } catch {\n            // Autoplay blocked\n          }\n        }\n      }\n    } catch (err) {\n      if (playerRef.current !== player) return;\n      setStatus({ state: \"error\", error: err as DaydreamError });\n      throw err;\n    }\n  }, [updateStatus]);\n\n  const stop = useCallback(async () => {\n    await playerRef.current?.stop();\n    playerRef.current = null;\n    setStatus({ state: \"idle\" });\n  }, []);\n\n  return {\n    status,\n    play,\n    stop,\n    videoRef,\n  };\n}\n","\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type PropsWithChildren,\n} from \"react\";\nimport {\n  createCompositor,\n  type Compositor,\n  type CompositorOptions,\n  type Size,\n  type Source,\n} from \"@daydreamlive/browser\";\n\nexport interface CompositorApi {\n  // Registry\n  register(id: string, source: Source): void;\n  unregister(id: string): void;\n  get(id: string): Source | undefined;\n  has(id: string): boolean;\n  list(): Array<{ id: string; source: Source }>;\n\n  // Active source\n  activate(id: string): void;\n  deactivate(): void;\n  readonly activeId: string | null;\n\n  // Output (reactive)\n  readonly stream: MediaStream | null;\n  readonly size: Size;\n  setSize(width: number, height: number, dpr?: number): void;\n\n  // FPS (reactive)\n  readonly fps: number;\n  setFps(fps: number): void;\n  readonly sendFps: number;\n  setSendFps(fps: number): void;\n\n  // Audio\n  addAudioTrack(track: MediaStreamTrack): void;\n  removeAudioTrack(trackId: string): void;\n  unlockAudio(): Promise<boolean>;\n\n  // Events\n  on: Compositor[\"on\"];\n}\n\nconst CompositorContext = createContext<CompositorApi | null>(null);\n\nexport interface CompositorProviderProps\n  extends PropsWithChildren,\n    Partial<Omit<CompositorOptions, \"onSendFpsChange\">> {}\n\nexport function CompositorProvider({\n  children,\n  width = 512,\n  height = 512,\n  fps: initialFps = 30,\n  sendFps: initialSendFps,\n  dpr,\n  crossfadeMs = 500,\n  keepalive,\n  autoUnlockAudio,\n  unlockEvents,\n  disableSilentAudio = true,\n}: CompositorProviderProps) {\n  const compositorRef = useRef<Compositor | null>(null);\n  const [stream, setStream] = useState<MediaStream | null>(null);\n  const [size, setSize] = useState<Size>({\n    width,\n    height,\n    dpr: Math.min(\n      2,\n      dpr ?? (typeof window !== \"undefined\" ? window.devicePixelRatio || 1 : 1),\n    ),\n  });\n  const [fps, setFpsState] = useState(initialFps);\n  const [sendFps, setSendFpsState] = useState(initialSendFps ?? initialFps);\n\n  // Create compositor once\n  useLayoutEffect(() => {\n    const compositor = createCompositor({\n      width,\n      height,\n      fps: initialFps,\n      sendFps: initialSendFps,\n      dpr,\n      crossfadeMs,\n      keepalive,\n      autoUnlockAudio,\n      unlockEvents,\n      disableSilentAudio,\n      onSendFpsChange: (newFps) => setSendFpsState(newFps),\n    });\n\n    compositorRef.current = compositor;\n    setStream(compositor.stream);\n    setSize(compositor.size);\n\n    return () => {\n      compositor.destroy();\n      compositorRef.current = null;\n    };\n  }, []);\n\n  // Sync size changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.resize(size.width, size.height, size.dpr);\n    setStream(compositor.stream);\n  }, [size.width, size.height, size.dpr]);\n\n  // Sync fps changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.setFps(fps);\n    setStream(compositor.stream);\n  }, [fps]);\n\n  // Sync sendFps changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.setSendFps(sendFps);\n  }, [sendFps]);\n\n  // Memoized API\n  const api = useMemo<CompositorApi>(\n    () => ({\n      // Registry\n      register: (id, source) => compositorRef.current?.register(id, source),\n      unregister: (id) => compositorRef.current?.unregister(id),\n      get: (id) => compositorRef.current?.get(id),\n      has: (id) => compositorRef.current?.has(id) ?? false,\n      list: () => compositorRef.current?.list() ?? [],\n\n      // Active source\n      activate: (id) => compositorRef.current?.activate(id),\n      deactivate: () => compositorRef.current?.deactivate(),\n      get activeId() {\n        return compositorRef.current?.activeId ?? null;\n      },\n\n      // Stream & size\n      stream,\n      size,\n      setSize: (w, h, d) =>\n        setSize({ width: w, height: h, dpr: d ?? size.dpr }),\n\n      // FPS\n      fps,\n      setFps: setFpsState,\n      sendFps,\n      setSendFps: setSendFpsState,\n\n      // Audio\n      addAudioTrack: (t) => compositorRef.current?.addAudioTrack(t),\n      removeAudioTrack: (id) => compositorRef.current?.removeAudioTrack(id),\n      unlockAudio: () =>\n        compositorRef.current?.unlockAudio() ?? Promise.resolve(false),\n\n      // Events\n      on: (event, cb) => compositorRef.current?.on(event, cb) ?? (() => {}),\n    }),\n    [stream, size, fps, sendFps],\n  );\n\n  return (\n    <CompositorContext.Provider value={api}>\n      {children}\n    </CompositorContext.Provider>\n  );\n}\n\nexport function useCompositor(): CompositorApi {\n  const ctx = useContext(CompositorContext);\n  if (!ctx) {\n    throw new Error(\"useCompositor must be used within <CompositorProvider>\");\n  }\n  return ctx;\n}\n"],"mappings":"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","names":["useCallback","useEffect","useRef","useState","useEffect","useRef","useState","useBroadcast","usePlayer"]}
+{"version":3,"sources":["../src/index.ts","../src/useBroadcast.ts","../src/usePlayer.ts","../src/useCompositor.tsx","../src/useSource.ts"],"sourcesContent":["import { createBroadcast, createPlayer } from \"@daydreamlive/browser\";\nimport {\n  useBroadcast as baseUseBroadcast,\n  type UseBroadcastOptions,\n  type UseBroadcastReturn,\n  type UseBroadcastStatus,\n} from \"./useBroadcast\";\nimport {\n  usePlayer as baseUsePlayer,\n  type UsePlayerOptions,\n  type UsePlayerReturn,\n  type UsePlayerStatus,\n} from \"./usePlayer\";\n\nexport function useBroadcast(options: UseBroadcastOptions): UseBroadcastReturn {\n  return baseUseBroadcast(options, createBroadcast);\n}\n\nexport function usePlayer(options: UsePlayerOptions): UsePlayerReturn {\n  return baseUsePlayer(options, createPlayer);\n}\n\nexport type {\n  UseBroadcastOptions,\n  UseBroadcastReturn,\n  UseBroadcastStatus,\n  UsePlayerOptions,\n  UsePlayerReturn,\n  UsePlayerStatus,\n};\n\nexport type {\n  AudioConfig,\n  BroadcastState,\n  PlayerState,\n  ReconnectConfig,\n  ReconnectInfo,\n  VideoConfig,\n  DaydreamError,\n  DaydreamErrorCode,\n  // Compositor types\n  Compositor,\n  CompositorOptions,\n  CompositorEvent,\n  CompositorEventMap,\n  Source,\n  VideoSource,\n  CanvasSource,\n  Size,\n  FitMode,\n  ContentHint,\n  Ctx2D,\n} from \"@daydreamlive/browser\";\n\nexport {\n  CompositorProvider,\n  useCompositor,\n  type CompositorApi,\n  type CompositorProviderProps,\n} from \"./useCompositor\";\n\nexport {\n  useSource,\n  type UseSourceOptions,\n  type UseSourceReturn,\n} from \"./useSource\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type {\n  AudioConfig,\n  Broadcast,\n  BroadcastOptions,\n  BroadcastState,\n  DaydreamError,\n  ReconnectConfig,\n  ReconnectInfo,\n  VideoConfig,\n} from \"@daydreamlive/browser\";\n\nexport interface UseBroadcastOptions {\n  whipUrl: string;\n  reconnect?: ReconnectConfig;\n  video?: VideoConfig;\n  audio?: AudioConfig;\n  iceServers?: RTCIceServer[];\n  connectionTimeout?: number;\n  onStats?: (report: RTCStatsReport) => void;\n  statsIntervalMs?: number;\n}\n\nexport type BroadcastFactory = (options: BroadcastOptions) => Broadcast;\n\nexport type UseBroadcastStatus =\n  | { state: \"idle\" }\n  | { state: \"connecting\" }\n  | { state: \"live\"; whepUrl: string }\n  | { state: \"reconnecting\"; whepUrl: string; reconnectInfo: ReconnectInfo }\n  | { state: \"ended\" }\n  | { state: \"error\"; error: DaydreamError };\n\nexport interface UseBroadcastReturn {\n  status: UseBroadcastStatus;\n  start: (stream: MediaStream) => Promise<void>;\n  stop: () => Promise<void>;\n  setMaxFramerate: (fps?: number) => void;\n}\n\nexport function useBroadcast(\n  options: UseBroadcastOptions,\n  factory: BroadcastFactory,\n): UseBroadcastReturn {\n  const [status, setStatus] = useState<UseBroadcastStatus>({ state: \"idle\" });\n  const broadcastRef = useRef<Broadcast | null>(null);\n  const whepUrlRef = useRef<string | null>(null);\n  const optionsRef = useRef(options);\n  const factoryRef = useRef(factory);\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useEffect(() => {\n    factoryRef.current = factory;\n  }, [factory]);\n\n  useEffect(() => {\n    return () => {\n      broadcastRef.current?.stop();\n    };\n  }, []);\n\n  const updateStatus = useCallback((newState: BroadcastState, error?: DaydreamError) => {\n    const whepUrl = whepUrlRef.current;\n    switch (newState) {\n      case \"connecting\":\n        setStatus({ state: \"connecting\" });\n        break;\n      case \"live\":\n        setStatus({ state: \"live\", whepUrl: whepUrl! });\n        break;\n      case \"reconnecting\":\n        // reconnectInfo will be set by the reconnect event\n        break;\n      case \"ended\":\n        setStatus({ state: \"ended\" });\n        break;\n      case \"error\":\n        setStatus({ state: \"error\", error: error! });\n        break;\n    }\n  }, []);\n\n  const start = useCallback(async (stream: MediaStream) => {\n    if (broadcastRef.current) {\n      await broadcastRef.current.stop();\n      broadcastRef.current = null;\n    }\n\n    setStatus({ state: \"connecting\" });\n\n    const broadcast = factoryRef.current({\n      stream,\n      ...optionsRef.current,\n    });\n\n    broadcastRef.current = broadcast;\n\n    broadcast.on(\"stateChange\", (newState) => {\n      // Guard against events from stopped broadcast\n      if (broadcastRef.current !== broadcast) return;\n      if (newState === \"live\" || newState === \"reconnecting\") {\n        whepUrlRef.current = broadcast.whepUrl;\n      }\n      updateStatus(newState);\n    });\n\n    broadcast.on(\"error\", (err) => {\n      if (broadcastRef.current !== broadcast) return;\n      updateStatus(\"error\", err);\n    });\n\n    broadcast.on(\"reconnect\", (info) => {\n      if (broadcastRef.current !== broadcast) return;\n      setStatus({\n        state: \"reconnecting\",\n        whepUrl: whepUrlRef.current!,\n        reconnectInfo: info,\n      });\n    });\n\n    try {\n      await broadcast.connect();\n      if (broadcastRef.current !== broadcast) return;\n      whepUrlRef.current = broadcast.whepUrl;\n      updateStatus(broadcast.state);\n    } catch (err) {\n      if (broadcastRef.current !== broadcast) return;\n      setStatus({ state: \"error\", error: err as DaydreamError });\n      throw err;\n    }\n  }, [updateStatus]);\n\n  const stop = useCallback(async () => {\n    await broadcastRef.current?.stop();\n    broadcastRef.current = null;\n    whepUrlRef.current = null;\n    setStatus({ state: \"idle\" });\n  }, []);\n\n  const setMaxFramerate = useCallback((fps?: number) => {\n    broadcastRef.current?.setMaxFramerate(fps);\n  }, []);\n\n  return {\n    status,\n    start,\n    stop,\n    setMaxFramerate,\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport type {\n  Player,\n  PlayerOptions,\n  PlayerState,\n  DaydreamError,\n  ReconnectConfig,\n  ReconnectInfo,\n} from \"@daydreamlive/browser\";\n\nexport interface UsePlayerOptions {\n  whepUrl: string | null;\n  reconnect?: ReconnectConfig;\n  iceServers?: RTCIceServer[];\n  connectionTimeout?: number;\n  skipIceGathering?: boolean;\n  autoPlay?: boolean;\n  onStats?: (report: RTCStatsReport) => void;\n  statsIntervalMs?: number;\n}\n\nexport type PlayerFactory = (\n  whepUrl: string,\n  options?: PlayerOptions,\n) => Player;\n\nexport type UsePlayerStatus =\n  | { state: \"idle\" }\n  | { state: \"connecting\" }\n  | { state: \"playing\" }\n  | { state: \"buffering\"; reconnectInfo: ReconnectInfo }\n  | { state: \"ended\" }\n  | { state: \"error\"; error: DaydreamError };\n\nexport interface UsePlayerReturn {\n  status: UsePlayerStatus;\n  play: () => Promise<void>;\n  stop: () => Promise<void>;\n  videoRef: RefObject<HTMLVideoElement | null>;\n}\n\nexport function usePlayer(\n  options: UsePlayerOptions,\n  factory: PlayerFactory,\n): UsePlayerReturn {\n  const [status, setStatus] = useState<UsePlayerStatus>({ state: \"idle\" });\n  const playerRef = useRef<Player | null>(null);\n  const videoRef = useRef<HTMLVideoElement | null>(null);\n  const optionsRef = useRef(options);\n  const factoryRef = useRef(factory);\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useEffect(() => {\n    factoryRef.current = factory;\n  }, [factory]);\n\n  useEffect(() => {\n    return () => {\n      playerRef.current?.stop();\n    };\n  }, []);\n\n  const updateStatus = useCallback(\n    (newState: PlayerState, error?: DaydreamError) => {\n      switch (newState) {\n        case \"connecting\":\n          setStatus({ state: \"connecting\" });\n          break;\n        case \"playing\":\n          setStatus({ state: \"playing\" });\n          break;\n        case \"buffering\":\n          // reconnectInfo will be set by the reconnect event\n          break;\n        case \"ended\":\n          setStatus({ state: \"ended\" });\n          break;\n        case \"error\":\n          setStatus({ state: \"error\", error: error! });\n          break;\n      }\n    },\n    [],\n  );\n\n  const play = useCallback(async () => {\n    const currentWhepUrl = optionsRef.current.whepUrl;\n    if (!currentWhepUrl) {\n      return;\n    }\n\n    if (playerRef.current) {\n      await playerRef.current.stop();\n      playerRef.current = null;\n    }\n\n    setStatus({ state: \"connecting\" });\n\n    const player = factoryRef.current(currentWhepUrl, {\n      reconnect: optionsRef.current?.reconnect,\n      iceServers: optionsRef.current?.iceServers,\n      connectionTimeout: optionsRef.current?.connectionTimeout,\n      skipIceGathering: optionsRef.current?.skipIceGathering,\n      onStats: optionsRef.current?.onStats,\n      statsIntervalMs: optionsRef.current?.statsIntervalMs,\n    });\n\n    playerRef.current = player;\n\n    player.on(\"stateChange\", (newState) => {\n      // Guard against events from stopped player\n      if (playerRef.current !== player) return;\n      updateStatus(newState);\n      // Re-attach stream after reconnect\n      if (newState === \"playing\" && videoRef.current && player.stream) {\n        if (videoRef.current.srcObject !== player.stream) {\n          player.attachTo(videoRef.current);\n        }\n      }\n    });\n\n    player.on(\"error\", (err) => {\n      if (playerRef.current !== player) return;\n      updateStatus(\"error\", err);\n    });\n\n    player.on(\"reconnect\", (info) => {\n      if (playerRef.current !== player) return;\n      setStatus({ state: \"buffering\", reconnectInfo: info });\n    });\n\n    try {\n      await player.connect();\n      if (playerRef.current !== player) return;\n      updateStatus(player.state);\n\n      if (videoRef.current) {\n        player.attachTo(videoRef.current);\n        if (optionsRef.current?.autoPlay !== false) {\n          try {\n            await videoRef.current.play();\n          } catch {\n            // Autoplay blocked\n          }\n        }\n      }\n    } catch (err) {\n      if (playerRef.current !== player) return;\n      setStatus({ state: \"error\", error: err as DaydreamError });\n      throw err;\n    }\n  }, [updateStatus]);\n\n  const stop = useCallback(async () => {\n    await playerRef.current?.stop();\n    playerRef.current = null;\n    setStatus({ state: \"idle\" });\n  }, []);\n\n  return {\n    status,\n    play,\n    stop,\n    videoRef,\n  };\n}\n","\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type PropsWithChildren,\n} from \"react\";\nimport {\n  createCompositor,\n  type Compositor,\n  type CompositorOptions,\n  type Size,\n  type Source,\n} from \"@daydreamlive/browser\";\n\nexport interface CompositorApi {\n  // Registry\n  register(id: string, source: Source): void;\n  unregister(id: string): void;\n  get(id: string): Source | undefined;\n  has(id: string): boolean;\n  list(): Array<{ id: string; source: Source }>;\n\n  /**\n   * Register a source, activate it, and return an unregister function.\n   * Convenience method that combines register + activate with automatic cleanup.\n   *\n   * @example\n   * ```tsx\n   * useEffect(() => {\n   *   const unregister = compositor.use(\"camera\", {\n   *     kind: \"video\",\n   *     element: videoRef.current,\n   *     fit: \"cover\",\n   *   });\n   *   return unregister;\n   * }, [compositor]);\n   * ```\n   */\n  use(id: string, source: Source): () => void;\n\n  // Active source\n  /**\n   * Activate a registered source.\n   * @param id - The source ID to activate\n   */\n  activate(id: string): void;\n  deactivate(): void;\n  readonly activeId: string | null;\n\n  // Output (reactive)\n  readonly stream: MediaStream | null;\n  readonly size: Size;\n  setSize(width: number, height: number, dpr?: number): void;\n\n  // FPS (reactive)\n  readonly fps: number;\n  setFps(fps: number): void;\n  readonly sendFps: number;\n  setSendFps(fps: number): void;\n\n  // Audio\n  addAudioTrack(track: MediaStreamTrack): void;\n  removeAudioTrack(trackId: string): void;\n  unlockAudio(): Promise<boolean>;\n\n  // Events\n  on: Compositor[\"on\"];\n}\n\nconst CompositorContext = createContext<CompositorApi | null>(null);\n\nexport interface CompositorProviderProps\n  extends PropsWithChildren,\n    Partial<Omit<CompositorOptions, \"onSendFpsChange\">> {}\n\nexport function CompositorProvider({\n  children,\n  width = 512,\n  height = 512,\n  fps: initialFps = 30,\n  sendFps: initialSendFps,\n  dpr,\n  keepalive,\n  autoUnlockAudio,\n  unlockEvents,\n  disableSilentAudio = true,\n}: CompositorProviderProps) {\n  const compositorRef = useRef<Compositor | null>(null);\n  const [stream, setStream] = useState<MediaStream | null>(null);\n  const [size, setSize] = useState<Size>({\n    width,\n    height,\n    dpr: Math.min(\n      2,\n      dpr ?? (typeof window !== \"undefined\" ? window.devicePixelRatio || 1 : 1),\n    ),\n  });\n  const [fps, setFpsState] = useState(initialFps);\n  const [sendFps, setSendFpsState] = useState(initialSendFps ?? initialFps);\n\n  // Create compositor once\n  useLayoutEffect(() => {\n    const compositor = createCompositor({\n      width,\n      height,\n      fps: initialFps,\n      sendFps: initialSendFps,\n      dpr,\n      keepalive,\n      autoUnlockAudio,\n      unlockEvents,\n      disableSilentAudio,\n      onSendFpsChange: (newFps) => setSendFpsState(newFps),\n    });\n\n    compositorRef.current = compositor;\n    setStream(compositor.stream);\n    setSize(compositor.size);\n\n    return () => {\n      compositor.destroy();\n      compositorRef.current = null;\n    };\n  }, []);\n\n  // Sync size changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.resize(size.width, size.height, size.dpr);\n    setStream(compositor.stream);\n  }, [size.width, size.height, size.dpr]);\n\n  // Sync fps changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.setFps(fps);\n    setStream(compositor.stream);\n  }, [fps]);\n\n  // Sync sendFps changes\n  useEffect(() => {\n    const compositor = compositorRef.current;\n    if (!compositor) return;\n\n    compositor.setSendFps(sendFps);\n  }, [sendFps]);\n\n  // Memoized API\n  const api = useMemo<CompositorApi>(\n    () => ({\n      // Registry\n      register: (id, source) => compositorRef.current?.register(id, source),\n      unregister: (id) => compositorRef.current?.unregister(id),\n      get: (id) => compositorRef.current?.get(id),\n      has: (id) => compositorRef.current?.has(id) ?? false,\n      list: () => compositorRef.current?.list() ?? [],\n      use: (id, source) => {\n        compositorRef.current?.register(id, source);\n        compositorRef.current?.activate(id);\n        return () => compositorRef.current?.unregister(id);\n      },\n\n      // Active source\n      activate: (id) => compositorRef.current?.activate(id),\n      deactivate: () => compositorRef.current?.deactivate(),\n      get activeId() {\n        return compositorRef.current?.activeId ?? null;\n      },\n\n      // Stream & size\n      stream,\n      size,\n      setSize: (w, h, d) =>\n        setSize({ width: w, height: h, dpr: d ?? size.dpr }),\n\n      // FPS\n      fps,\n      setFps: setFpsState,\n      sendFps,\n      setSendFps: setSendFpsState,\n\n      // Audio\n      addAudioTrack: (t) => compositorRef.current?.addAudioTrack(t),\n      removeAudioTrack: (id) => compositorRef.current?.removeAudioTrack(id),\n      unlockAudio: () =>\n        compositorRef.current?.unlockAudio() ?? Promise.resolve(false),\n\n      // Events\n      on: (event, cb) => compositorRef.current?.on(event, cb) ?? (() => {}),\n    }),\n    [stream, size, fps, sendFps],\n  );\n\n  return (\n    <CompositorContext.Provider value={api}>\n      {children}\n    </CompositorContext.Provider>\n  );\n}\n\nexport function useCompositor(): CompositorApi {\n  const ctx = useContext(CompositorContext);\n  if (!ctx) {\n    throw new Error(\"useCompositor must be used within <CompositorProvider>\");\n  }\n  return ctx;\n}\n","\"use client\";\n\nimport { useEffect, useRef, useState, useCallback, useMemo } from \"react\";\nimport type { Source, FitMode, ContentHint } from \"@daydreamlive/browser\";\nimport { useCompositor } from \"./useCompositor\";\n\nexport interface UseSourceOptions {\n  kind: \"video\" | \"canvas\";\n  contentHint?: ContentHint;\n  fit?: FitMode;\n}\n\nexport interface UseSourceReturn<\n  T extends HTMLVideoElement | HTMLCanvasElement,\n> {\n  ref: React.RefObject<T>;\n  isActive: boolean;\n  activate: () => void;\n  deactivate: () => void;\n}\n\nexport function useSource<\n  T extends HTMLVideoElement | HTMLCanvasElement =\n    | HTMLVideoElement\n    | HTMLCanvasElement,\n>(id: string, options: UseSourceOptions): UseSourceReturn<T> {\n  const compositor = useCompositor();\n  const compositorRef = useRef(compositor);\n  compositorRef.current = compositor;\n\n  const ref = useRef<T>(null);\n  const [isActive, setIsActive] = useState(false);\n  const registeredRef = useRef(false);\n  const idRef = useRef(id);\n  idRef.current = id;\n\n  const { kind, contentHint, fit } = options;\n\n  const optionsRef = useRef({ kind, contentHint, fit });\n  optionsRef.current = { kind, contentHint, fit };\n\n  const registerSource = useCallback((element: T) => {\n    const { kind, contentHint, fit } = optionsRef.current;\n    const source =\n      kind === \"video\"\n        ? {\n            kind: \"video\" as const,\n            element: element as HTMLVideoElement,\n            contentHint,\n            fit,\n          }\n        : {\n            kind: \"canvas\" as const,\n            element: element as HTMLCanvasElement,\n            contentHint,\n          };\n\n    compositorRef.current.register(idRef.current, source);\n    registeredRef.current = true;\n  }, []);\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    registerSource(element);\n  }, [id, kind, contentHint, fit, registerSource]);\n\n  useEffect(() => {\n    const currentId = id;\n    return () => {\n      if (registeredRef.current) {\n        registeredRef.current = false;\n        setIsActive(false);\n        compositorRef.current.unregister(currentId);\n      }\n    };\n  }, [id]);\n\n  useEffect(() => {\n    setIsActive(compositor.activeId === id);\n  }, [compositor.activeId, id]);\n\n  const activate = useCallback(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    if (!registeredRef.current) {\n      registerSource(element);\n    }\n\n    compositorRef.current.activate(idRef.current);\n    setIsActive(true);\n  }, [registerSource]);\n\n  const deactivate = useCallback(() => {\n    if (compositorRef.current.activeId === idRef.current) {\n      compositorRef.current.deactivate();\n      setIsActive(false);\n    }\n  }, []);\n\n  return useMemo(\n    () => ({\n      ref,\n      isActive,\n      activate,\n      deactivate,\n    }),\n    [isActive, activate, deactivate],\n  );\n}\n"],"mappings":"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","names":["useCallback","useEffect","useRef","useState","useEffect","useRef","useState","useEffect","useRef","useState","useCallback","useMemo","useRef","useState","useCallback","kind","contentHint","fit","useEffect","useMemo","useBroadcast","usePlayer"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daydreamlive/react",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -30,7 +30,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@daydreamlive/browser": "^0.2.0"
+    "@daydreamlive/browser": "*"
   },
   "peerDependencies": {
     "react": ">=18.0.0"