@lumra/react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,474 @@
+'use strict';
+
+var react = require('react');
+var plugins = require('@lumra/plugins');
+var ui = require('@lumra/ui');
+var core = require('@lumra/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/LumraPlayer.tsx
+function usePlayer(options = {}) {
+  const videoRef = react.useRef(null);
+  const playerRef = react.useRef(null);
+  const [player, setPlayer] = react.useState(null);
+  const [paused, setPaused] = react.useState(true);
+  const [currentTime, setCurrentTime] = react.useState(0);
+  const [duration, setDuration] = react.useState(0);
+  const [volume, setVolume] = react.useState(options.volume ?? 1);
+  const [muted, setMuted] = react.useState(options.muted ?? false);
+  const srcSyncedRef = react.useRef(false);
+  react.useEffect(() => {
+    const video = videoRef.current;
+    if (!video) return;
+    const p = core.createPlayer({ ...options, target: video });
+    playerRef.current = p;
+    srcSyncedRef.current = true;
+    setPlayer(p);
+    p.on("play", () => setPaused(false));
+    p.on("pause", () => setPaused(true));
+    p.on("ended", () => setPaused(true));
+    p.on("timeupdate", ({ currentTime: ct, duration: d }) => {
+      setCurrentTime(ct);
+      setDuration(d);
+    });
+    p.on("volumechange", ({ volume: v, muted: m }) => {
+      setVolume(v);
+      setMuted(m);
+    });
+    return () => {
+      p.destroy();
+      playerRef.current = null;
+      setPlayer(null);
+    };
+  }, []);
+  react.useEffect(() => {
+    if (!srcSyncedRef.current) return;
+    if (options.src && playerRef.current) {
+      playerRef.current.setSrc(options.src);
+    }
+  }, [options.src]);
+  return {
+    player,
+    videoRef,
+    paused,
+    currentTime,
+    duration,
+    volume,
+    muted
+  };
+}
+function defineLumraConfig(config) {
+  return config;
+}
+var ConfigCtx = react.createContext({});
+function LumraConfigProvider({
+  config,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ConfigCtx.Provider, { value: config, children });
+}
+function useLumraConfig() {
+  return react.useContext(ConfigCtx);
+}
+var LumraPlayer = react.forwardRef(
+  function LumraPlayer2(props, ref) {
+    const {
+      src,
+      poster,
+      autoplay,
+      muted: mutedProp,
+      volume,
+      loop,
+      paywall,
+      mediaInfo,
+      tracks,
+      chapters,
+      heatmapData,
+      headless = false,
+      plugins: plugins$1 = [],
+      components = {},
+      className,
+      style,
+      onPlay,
+      onPause,
+      onEnded,
+      onTimeUpdate,
+      onError
+    } = props;
+    const config = useLumraConfig();
+    const signUrl = config.cloud?.signUrl;
+    const baseUrl = config.storage?.baseUrl?.replace(/\/$/, "") ?? "";
+    const [resolvedSrc, setResolvedSrc] = react.useState(void 0);
+    react.useEffect(() => {
+      if (!src) {
+        setResolvedSrc(void 0);
+        return;
+      }
+      const expanded = baseUrl && !src.startsWith("http") && !src.startsWith("//") ? `${baseUrl}/${src.replace(/^\//, "")}` : src;
+      if (!signUrl) {
+        setResolvedSrc(expanded);
+        return;
+      }
+      let cancelled = false;
+      void signUrl(expanded).then((s) => {
+        if (!cancelled) setResolvedSrc(s);
+      }).catch(() => {
+        if (!cancelled) setResolvedSrc(expanded);
+      });
+      return () => {
+        cancelled = true;
+      };
+    }, [src, signUrl, baseUrl]);
+    const effectiveAutoplay = autoplay ?? config.behavior?.autoplay;
+    const effectiveMuted = mutedProp ?? config.behavior?.muted;
+    const effectiveLoop = loop ?? config.behavior?.loop;
+    const { player, videoRef, paused, currentTime, duration, volume: vol, muted } = usePlayer({
+      ...resolvedSrc !== void 0 && { src: resolvedSrc },
+      ...effectiveAutoplay !== void 0 && { autoplay: effectiveAutoplay },
+      ...effectiveMuted !== void 0 && { muted: effectiveMuted },
+      ...volume !== void 0 && { volume },
+      ...effectiveLoop !== void 0 && { loop: effectiveLoop }
+    });
+    react.useImperativeHandle(ref, () => player, [player]);
+    const [gateTriggered, setGateTriggered] = react.useState(false);
+    const paywallPluginRef = react.useRef(null);
+    react.useEffect(() => {
+      if (!player || !paywall?.locked) return;
+      const previewDuration = config.paywall?.previewDuration ?? 5;
+      paywallPluginRef.current = plugins.paywallGatePlugin({
+        previewDuration,
+        onBlock: () => setGateTriggered(true)
+      });
+      player.use(paywallPluginRef.current);
+    }, [player]);
+    const [adState, setAdState] = react.useState(null);
+    const adPluginRef = react.useRef(null);
+    react.useEffect(() => {
+      if (!player || !config.ads) return;
+      const instance = plugins.adPlugin({
+        ...config.ads,
+        onAdStart: (info) => setAdState(info),
+        onAdTick: (info) => setAdState((prev) => prev ? { ...prev, elapsed: info.elapsed } : null),
+        onAdEnd: () => setAdState(null),
+        onAdSkip: () => setAdState(null)
+      });
+      adPluginRef.current = instance;
+      player.use(instance);
+    }, [player]);
+    react.useEffect(() => {
+      if (!player) return;
+      for (const plugin of plugins$1) player.use(plugin);
+    }, [player]);
+    react.useEffect(() => {
+      if (!player) return;
+      if (onPlay) player.on("play", onPlay);
+      if (onPause) player.on("pause", onPause);
+      if (onEnded) player.on("ended", onEnded);
+      if (onTimeUpdate) player.on("timeupdate", ({ currentTime: ct, duration: d }) => onTimeUpdate(ct, d));
+      if (onError) player.on("error", ({ code, message }) => onError(code, message));
+      return () => {
+        if (onPlay) player.off("play", onPlay);
+        if (onPause) player.off("pause", onPause);
+        if (onEnded) player.off("ended", onEnded);
+      };
+    }, [player]);
+    const [buffering, setBuffering] = react.useState(false);
+    const [error, setError] = react.useState(null);
+    react.useEffect(() => {
+      if (!player) return;
+      player.on("buffering", () => setBuffering(true));
+      player.on("ready", () => setBuffering(false));
+      player.on("play", () => {
+        setBuffering(false);
+        setError(null);
+      });
+      player.on("error", ({ message }) => setError(message));
+    }, [player]);
+    const containerRef = react.useRef(null);
+    const [fullscreen, setFullscreen] = react.useState(false);
+    react.useEffect(() => {
+      const onChange = () => setFullscreen(document.fullscreenElement === containerRef.current);
+      document.addEventListener("fullscreenchange", onChange);
+      return () => document.removeEventListener("fullscreenchange", onChange);
+    }, []);
+    const toggleFullscreen = react.useCallback(() => {
+      if (!containerRef.current) return;
+      if (fullscreen) void document.exitFullscreen();
+      else void containerRef.current.requestFullscreen();
+    }, [fullscreen]);
+    const [pip, setPip] = react.useState(false);
+    react.useEffect(() => {
+      const onEnter = () => setPip(true);
+      const onLeave = () => setPip(false);
+      document.addEventListener("enterpictureinpicture", onEnter);
+      document.addEventListener("leavepictureinpicture", onLeave);
+      return () => {
+        document.removeEventListener("enterpictureinpicture", onEnter);
+        document.removeEventListener("leavepictureinpicture", onLeave);
+      };
+    }, []);
+    const togglePip = react.useCallback(async () => {
+      if (!videoRef.current) return;
+      try {
+        if (pip) await document.exitPictureInPicture();
+        else await videoRef.current.requestPictureInPicture();
+      } catch {
+      }
+    }, [pip, videoRef]);
+    const autoHide = config.controls?.autoHide ?? true;
+    const autoHideDelay = config.controls?.autoHideDelay ?? 3e3;
+    const [controlsVisible, setControlsVisible] = react.useState(true);
+    const hideTimer = react.useRef();
+    const pausedRef = react.useRef(paused);
+    react.useEffect(() => {
+      pausedRef.current = paused;
+    }, [paused]);
+    const showControls = react.useCallback(() => {
+      setControlsVisible(true);
+      clearTimeout(hideTimer.current);
+      if (autoHide) {
+        hideTimer.current = setTimeout(() => {
+          if (!pausedRef.current) setControlsVisible(false);
+        }, autoHideDelay);
+      }
+    }, [autoHide, autoHideDelay]);
+    react.useEffect(() => {
+      if (paused) {
+        setControlsVisible(true);
+        clearTimeout(hideTimer.current);
+      }
+    }, [paused]);
+    react.useEffect(() => () => clearTimeout(hideTimer.current), []);
+    const handleKeyDown = react.useCallback(
+      (e) => {
+        if (!player) return;
+        switch (e.code) {
+          case "Space":
+          case "KeyK":
+            e.preventDefault();
+            paused ? void player.play() : player.pause();
+            break;
+          case "KeyF":
+            e.preventDefault();
+            toggleFullscreen();
+            break;
+          case "KeyP":
+            e.preventDefault();
+            void togglePip();
+            break;
+          case "KeyM":
+            e.preventDefault();
+            muted ? player.unmute() : player.mute();
+            break;
+          case "ArrowLeft":
+            e.preventDefault();
+            player.seek(Math.max(0, currentTime - 10));
+            break;
+          case "ArrowRight":
+            e.preventDefault();
+            player.seek(Math.min(duration, currentTime + 10));
+            break;
+          case "ArrowUp":
+            e.preventDefault();
+            player.setVolume(Math.min(1, vol + 0.1));
+            break;
+          case "ArrowDown":
+            e.preventDefault();
+            player.setVolume(Math.max(0, vol - 0.1));
+            break;
+        }
+      },
+      [player, paused, muted, currentTime, duration, vol, toggleFullscreen, togglePip]
+    );
+    const handleTogglePlay = react.useCallback(() => {
+      if (!player) return;
+      paused ? void player.play() : player.pause();
+    }, [player, paused]);
+    const handleSeek = react.useCallback((t) => player?.seek(t), [player]);
+    const handleVolumeChange = react.useCallback((v) => {
+      player?.setVolume(v);
+      if (v > 0 && muted) player?.unmute();
+    }, [player, muted]);
+    const handleToggleMute = react.useCallback(() => {
+      if (!player) return;
+      muted ? player.unmute() : player.mute();
+    }, [player, muted]);
+    const blockDownload = config.behavior?.blockDownload ?? false;
+    const borderRadius = config.theme?.borderRadius ?? "0px";
+    const accentColor = config.theme?.accentColor ?? "#ffffff";
+    const show = {
+      play: config.controls?.play ?? true,
+      progress: config.controls?.progress ?? true,
+      volume: config.controls?.volume ?? true,
+      fullscreen: config.controls?.fullscreen ?? true,
+      pip: config.controls?.pip ?? true,
+      time: config.controls?.time ?? true
+    };
+    const theme = {
+      accentColor,
+      textColor: config.theme?.textColor ?? "#ffffff",
+      ...config.theme?.controlsBg !== void 0 && { controlsBg: config.theme.controlsBg }
+    };
+    const showPaywallOverlay = paywall?.locked === true && gateTriggered;
+    const handleUnlock = react.useCallback(() => {
+      void paywall?.onUnlock();
+    }, [paywall]);
+    const { Paywall: DeprecatedPaywall } = components;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: containerRef,
+        style: { position: "relative", background: "#000", borderRadius, overflow: "hidden", outline: "none", ...style },
+        className,
+        tabIndex: 0,
+        onKeyDown: handleKeyDown,
+        onMouseMove: showControls,
+        onMouseEnter: showControls,
+        onTouchStart: showControls,
+        onMouseLeave: () => {
+          if (!paused && autoHide) setControlsVisible(false);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "video",
+            {
+              ref: videoRef,
+              style: { width: "100%", height: "100%", display: headless ? "none" : "block" },
+              playsInline: true,
+              ...poster !== void 0 && { poster },
+              controlsList: blockDownload ? "nodownload" : void 0,
+              onContextMenu: blockDownload ? (e) => e.preventDefault() : void 0,
+              children: tracks?.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+                "track",
+                {
+                  src: t.src,
+                  kind: t.kind,
+                  srcLang: t.srcLang,
+                  label: t.label,
+                  ...t.default ? { default: true } : {}
+                },
+                `${t.kind}-${t.srcLang}`
+              ))
+            }
+          ),
+          blockDownload && !headless && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, zIndex: 1, pointerEvents: "none" } }),
+          !headless && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            mediaInfo && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", inset: 0, zIndex: 4, pointerEvents: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.MediaInfoOverlay,
+              {
+                ...mediaInfo.title !== void 0 && { title: mediaInfo.title },
+                ...mediaInfo.creator !== void 0 && { creator: mediaInfo.creator }
+              }
+            ) }),
+            buffering && !paused && /* @__PURE__ */ jsxRuntime.jsx(ui.BufferingSpinner, { color: accentColor }),
+            error && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: errorOverlay, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "13px", opacity: 0.75 }, children: [
+                "\u26A0 ",
+                error
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  style: retryBtn,
+                  onClick: () => {
+                    setError(null);
+                    if (resolvedSrc) player?.setSrc(resolvedSrc);
+                  },
+                  children: "Retry"
+                }
+              )
+            ] }),
+            adState && /* @__PURE__ */ jsxRuntime.jsx(
+              ui.AdOverlay,
+              {
+                phase: adState.phase,
+                elapsed: adState.elapsed,
+                skipAfter: adState.skipAfter,
+                accentColor,
+                ...adState.clickThroughUrl !== void 0 && { clickThroughUrl: adState.clickThroughUrl },
+                onSkip: () => adPluginRef.current?.skipAd()
+              }
+            ),
+            showPaywallOverlay && (paywall?.overlay ? /* @__PURE__ */ jsxRuntime.jsx(paywall.overlay, { onUnlock: handleUnlock }) : /* @__PURE__ */ jsxRuntime.jsx(
+              ui.PaywallOverlay,
+              {
+                onUnlock: handleUnlock,
+                ...paywall?.title !== void 0 && { title: paywall.title },
+                ...paywall?.subtitle !== void 0 && { subtitle: paywall.subtitle },
+                ...paywall?.options !== void 0 && { options: paywall.options },
+                accentColor
+              }
+            )),
+            !showPaywallOverlay && DeprecatedPaywall && /* @__PURE__ */ jsxRuntime.jsx(DeprecatedPaywall, { onUnlock: () => void player?.play() }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  bottom: 0,
+                  left: 0,
+                  right: 0,
+                  zIndex: 5,
+                  opacity: controlsVisible ? 1 : 0,
+                  transition: "opacity 0.25s ease",
+                  pointerEvents: controlsVisible ? "auto" : "none"
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.ControlsBar,
+                  {
+                    paused,
+                    currentTime,
+                    duration,
+                    volume: vol,
+                    muted,
+                    fullscreen,
+                    pip,
+                    show,
+                    theme,
+                    ...chapters !== void 0 && { chapters },
+                    ...heatmapData !== void 0 && { heatmapData },
+                    onTogglePlay: handleTogglePlay,
+                    onSeek: handleSeek,
+                    onVolumeChange: handleVolumeChange,
+                    onToggleMute: handleToggleMute,
+                    onToggleFullscreen: toggleFullscreen,
+                    onTogglePip: () => void togglePip()
+                  }
+                )
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+var errorOverlay = {
+  position: "absolute",
+  inset: 0,
+  zIndex: 10,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  background: "rgba(0,0,0,0.75)",
+  color: "#fff",
+  gap: "12px"
+};
+var retryBtn = {
+  padding: "8px 18px",
+  background: "rgba(255,255,255,0.12)",
+  border: "1px solid rgba(255,255,255,0.25)",
+  borderRadius: "6px",
+  color: "#fff",
+  cursor: "pointer",
+  fontSize: "13px"
+};
+
+exports.LumraConfigProvider = LumraConfigProvider;
+exports.LumraPlayer = LumraPlayer;
+exports.defineLumraConfig = defineLumraConfig;
+exports.useLumraConfig = useLumraConfig;
+exports.usePlayer = usePlayer;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/usePlayer.ts","../src/config.tsx","../src/LumraPlayer.tsx"],"names":["useRef","useState","useEffect","createPlayer","createContext","useContext","forwardRef","LumraPlayer","plugins","useImperativeHandle","paywallGatePlugin","adPlugin","useCallback","jsxs","jsx","Fragment","MediaInfoOverlay","BufferingSpinner","AdOverlay","PaywallOverlay","ControlsBar"],"mappings":"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","file":"index.cjs","sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { createPlayer } from '@lumra/core'\nimport type { PlayerInstance, PlayerOptions } from '@lumra/core'\n\nexport interface UsePlayerOptions extends Omit<PlayerOptions, 'target'> {}\n\nexport interface UsePlayerReturn {\n  player: PlayerInstance | null\n  videoRef: React.RefObject<HTMLVideoElement>\n  paused: boolean\n  currentTime: number\n  duration: number\n  volume: number\n  muted: boolean\n}\n\nexport function usePlayer(options: UsePlayerOptions = {}): UsePlayerReturn {\n  const videoRef = useRef<HTMLVideoElement>(null)\n  const playerRef = useRef<PlayerInstance | null>(null)\n  // State (not just ref) so that components re-render once the player is ready\n  const [player, setPlayer] = useState<PlayerInstance | null>(null)\n  const [paused, setPaused] = useState(true)\n  const [currentTime, setCurrentTime] = useState(0)\n  const [duration, setDuration] = useState(0)\n  const [volume, setVolume] = useState(options.volume ?? 1)\n  const [muted, setMuted] = useState(options.muted ?? false)\n  // Prevent double-setting src on initial mount (player constructor already loads it)\n  const srcSyncedRef = useRef(false)\n\n  useEffect(() => {\n    const video = videoRef.current\n    if (!video) return\n\n    const p = createPlayer({ ...options, target: video })\n    playerRef.current = p\n    srcSyncedRef.current = true\n    setPlayer(p)\n\n    p.on('play', () => setPaused(false))\n    p.on('pause', () => setPaused(true))\n    p.on('ended', () => setPaused(true))\n    p.on('timeupdate', ({ currentTime: ct, duration: d }) => {\n      setCurrentTime(ct)\n      setDuration(d)\n    })\n    p.on('volumechange', ({ volume: v, muted: m }) => {\n      setVolume(v)\n      setMuted(m)\n    })\n\n    return () => {\n      p.destroy()\n      playerRef.current = null\n      setPlayer(null)\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // Sync src changes after mount (skip the initial value — constructor handles it)\n  useEffect(() => {\n    if (!srcSyncedRef.current) return\n    if (options.src && playerRef.current) {\n      playerRef.current.setSrc(options.src)\n    }\n  }, [options.src])\n\n  return {\n    player,\n    videoRef,\n    paused,\n    currentTime,\n    duration,\n    volume,\n    muted,\n  }\n}\n","import React, { createContext, useContext } from 'react'\n\n// ── Theme ─────────────────────────────────────────────────────────────────────\n\nexport interface LumraTheme {\n  /** Progress bar fill + scrubber thumb colour (default: '#ffffff') */\n  accentColor?: string\n  /** Icon + time display colour (default: '#ffffff') */\n  textColor?: string\n  /** Controls bar background — any CSS value (default: black gradient) */\n  controlsBg?: string\n  /** Player container border-radius (default: '0px') */\n  borderRadius?: string\n}\n\n// ── Controls ──────────────────────────────────────────────────────────────────\n\nexport interface LumraControlsConfig {\n  /** Show play/pause button (default: true) */\n  play?: boolean\n  /** Show seek bar (default: true) */\n  progress?: boolean\n  /** Show volume control (default: true) */\n  volume?: boolean\n  /** Show fullscreen button (default: true) */\n  fullscreen?: boolean\n  /** Show Picture-in-Picture button (default: true) */\n  pip?: boolean\n  /** Show current / duration timestamp (default: true) */\n  time?: boolean\n  /** Hide toolbar after inactivity (default: true) */\n  autoHide?: boolean\n  /** Milliseconds of inactivity before toolbar hides (default: 3000) */\n  autoHideDelay?: number\n}\n\n// ── Behaviour ─────────────────────────────────────────────────────────────────\n\nexport interface LumraBehaviorConfig {\n  /** Disable right-click + nodownload attribute to discourage saving (default: false) */\n  blockDownload?: boolean\n  autoplay?: boolean\n  muted?: boolean\n  loop?: boolean\n}\n\n// ── Paywall ───────────────────────────────────────────────────────────────────\n\nexport interface LumraPaywallConfig {\n  /**\n   * Seconds of free preview before the gate fires and the paywall overlay appears.\n   * Controlled here so you never touch App.tsx — just change this number.\n   * (default: 5)\n   */\n  previewDuration?: number\n}\n\n// ── Ads ───────────────────────────────────────────────────────────────────────\n\nexport interface LumraAdConfig {\n  /**\n   * VAST 2.0 / 3.0 tag URL — the plugin fetches and parses the XML automatically.\n   * Supply either `vast` or `src`, not both.\n   */\n  vast?: string\n  /** Direct video URL (MP4 / HLS) — bypasses VAST, used as a simple pre-baked ad */\n  src?: string\n  /** Seconds of ad playback before the Skip button appears. 0 = not skippable. */\n  skipAfter?: number\n  /** Override the click-through URL (ignored when VAST provides one) */\n  clickThroughUrl?: string\n}\n\nexport interface LumraMidRollConfig extends LumraAdConfig {\n  /** Content timestamp (in seconds) at which this mid-roll fires */\n  at: number\n}\n\nexport interface LumraAdsConfig {\n  /**\n   * Lumra Ads premium license key.\n   * Format: LUMRA-ADS-XXXXXXXX-XXXXXXXX\n   * Obtain a key at https://lumra.dev/premium\n   */\n  licenseKey: string\n  /** Optional server endpoint to verify the license key */\n  verifyEndpoint?: string\n  /** Ad that plays before the main content */\n  preRoll?: LumraAdConfig\n  /** One or more ads that interrupt the main content at specific timestamps */\n  midRoll?: LumraMidRollConfig[]\n  /** Ad that plays after the main content ends */\n  postRoll?: LumraAdConfig\n}\n\n// ── Storage / Cloud ───────────────────────────────────────────────────────────\n\nexport interface LumraStorageConfig {\n  /**\n   * Base URL prepended to any relative `src` value.\n   * Swap between local dev and production CDN by changing this one line.\n   *\n   * @example\n   * // local dev\n   * baseUrl: 'http://localhost:9000/videos'\n   * // production\n   * baseUrl: 'https://your-cdn.com/videos'\n   */\n  baseUrl?: string\n}\n\nexport interface LumraCloudConfig {\n  /**\n   * Called before every video load — return a signed or proxied URL.\n   * Works with AWS S3, Cloudflare R2 / Stream, Mux, Bunny CDN, etc.\n   *\n   * @example\n   * // AWS S3 presigned URL (via your own API)\n   * signUrl: async (src) => {\n   *   const res = await fetch(`/api/sign-url?src=${encodeURIComponent(src)}`)\n   *   const { url } = await res.json()\n   *   return url\n   * }\n   *\n   * @example\n   * // Cloudflare Stream signed URL\n   * signUrl: async (src) => {\n   *   const res = await fetch('/api/cf-sign', { method: 'POST', body: JSON.stringify({ src }) })\n   *   const { url } = await res.json()\n   *   return url\n   * }\n   */\n  signUrl?: (src: string) => Promise<string>\n}\n\n// ── Root config ───────────────────────────────────────────────────────────────\n\nexport interface LumraConfig {\n  theme?: LumraTheme\n  controls?: LumraControlsConfig\n  behavior?: LumraBehaviorConfig\n  paywall?: LumraPaywallConfig\n  ads?: LumraAdsConfig\n  storage?: LumraStorageConfig\n  cloud?: LumraCloudConfig\n}\n\n/** Type-safe helper — returns the config unchanged but provides IDE autocomplete */\nexport function defineLumraConfig(config: LumraConfig): LumraConfig {\n  return config\n}\n\n// ── Context ───────────────────────────────────────────────────────────────────\n\nconst ConfigCtx = createContext<LumraConfig>({})\n\nexport function LumraConfigProvider({\n  config,\n  children,\n}: {\n  config: LumraConfig\n  children: React.ReactNode\n}) {\n  return <ConfigCtx.Provider value={config}>{children}</ConfigCtx.Provider>\n}\n\nexport function useLumraConfig(): LumraConfig {\n  return useContext(ConfigCtx)\n}\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport type { Plugin, PlayerInstance } from '@lumra/core'\nimport { paywallGatePlugin } from '@lumra/plugins'\nimport { adPlugin } from '@lumra/plugins'\nimport {\n  ControlsBar,\n  BufferingSpinner,\n  AdOverlay,\n  PaywallOverlay,\n  MediaInfoOverlay,\n} from '@lumra/ui'\nimport type { ChapterMark, LumraPurchaseOption } from '@lumra/ui'\nimport { usePlayer } from './usePlayer'\nimport { useLumraConfig } from './config'\nimport type { AdInfo } from '@lumra/plugins'\n\n// ── Public types ──────────────────────────────────────────────────────────────\n\nexport interface LumraMediaInfo {\n  title?: string\n  creator?: {\n    name: string\n    avatarUrl?: string\n  }\n}\n\nexport interface LumraTrack {\n  /** Path or URL to the .vtt file */\n  src: string\n  kind: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata'\n  /** BCP 47 language tag, e.g. \"en\", \"es-419\" */\n  srcLang: string\n  label: string\n  default?: boolean\n}\n\nexport interface LumraPlayerPaywall {\n  /** Whether the current user is locked out of this content */\n  locked: boolean\n  /** Called when the user clicks \"Buy now\" in the paywall overlay */\n  onUnlock: () => void | Promise<void>\n  /** Multi-option mode: Buy / Rent / Custom — pricing comes from your platform API */\n  options?: LumraPurchaseOption[]\n  /** Override title shown in paywall overlay */\n  title?: string\n  /** Override subtitle shown in paywall overlay */\n  subtitle?: string\n  /** Custom paywall overlay component — defaults to the built-in PaywallOverlay */\n  overlay?: React.ComponentType<{ onUnlock: () => void }>\n}\n\nexport interface LumraPlayerComponents {\n  /** @deprecated Pass `paywall` prop instead — it wires the preview gate automatically */\n  Paywall?: React.ComponentType<{ onUnlock: () => void }>\n}\n\nexport interface LumraPlayerProps {\n  src?: string\n  /** Poster image shown before the video loads */\n  poster?: string\n  autoplay?: boolean\n  muted?: boolean\n  volume?: number\n  loop?: boolean\n  /**\n   * Paywall configuration. When provided:\n   * - Automatically registers `paywallGatePlugin` with `config.paywall.previewDuration`\n   * - Shows the paywall overlay after the gate fires\n   * - No manual plugin wiring needed in your component\n   */\n  paywall?: LumraPlayerPaywall\n  /**\n   * Title + creator info displayed as an overlay at the top of the player.\n   * Data should come from your platform API, not hardcoded here.\n   */\n  mediaInfo?: LumraMediaInfo\n  /**\n   * WebVTT subtitle / caption tracks.\n   * Maps directly to HTML <track> elements.\n   */\n  tracks?: LumraTrack[]\n  /**\n   * Chapter markers shown as dividers on the seek bar.\n   * Load from your platform API — e.g. `video.chapters` from your DB.\n   */\n  chapters?: ChapterMark[]\n  /**\n   * Normalized 0-1 heatmap values (one per seek-bar segment).\n   * Supply via heatmapPlugin's onData callback or directly from your API.\n   */\n  heatmapData?: number[]\n  /**\n   * Render only the <video> element with no built-in controls or overlays.\n   * Use when you want full UI control.\n   */\n  headless?: boolean\n  /** Additional plugins (analytics, custom gates, etc.) */\n  plugins?: Plugin[]\n  /** @deprecated Use `paywall` prop for paywall overlay */\n  components?: LumraPlayerComponents\n  className?: string\n  style?: React.CSSProperties\n  onPlay?: () => void\n  onPause?: () => void\n  onEnded?: () => void\n  onTimeUpdate?: (currentTime: number, duration: number) => void\n  onError?: (code: number, message: string) => void\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport const LumraPlayer = forwardRef<PlayerInstance, LumraPlayerProps>(\n  function LumraPlayer(props, ref) {\n    const {\n      src,\n      poster,\n      autoplay,\n      muted: mutedProp,\n      volume,\n      loop,\n      paywall,\n      mediaInfo,\n      tracks,\n      chapters,\n      heatmapData,\n      headless = false,\n      plugins = [],\n      components = {},\n      className,\n      style,\n      onPlay,\n      onPause,\n      onEnded,\n      onTimeUpdate,\n      onError,\n    } = props\n\n    const config = useLumraConfig()\n\n    // ── Resolve src (storage baseUrl + optional cloud signing) ─────────────────\n    const signUrl  = config.cloud?.signUrl\n    const baseUrl  = config.storage?.baseUrl?.replace(/\\/$/, '') ?? ''\n    const [resolvedSrc, setResolvedSrc] = useState<string | undefined>(undefined)\n\n    useEffect(() => {\n      if (!src) { setResolvedSrc(undefined); return }\n\n      const expanded = baseUrl && !src.startsWith('http') && !src.startsWith('//')\n        ? `${baseUrl}/${src.replace(/^\\//, '')}`\n        : src\n\n      if (!signUrl) { setResolvedSrc(expanded); return }\n\n      let cancelled = false\n      void signUrl(expanded)\n        .then((s) => { if (!cancelled) setResolvedSrc(s) })\n        .catch(() => { if (!cancelled) setResolvedSrc(expanded) })\n      return () => { cancelled = true }\n    }, [src, signUrl, baseUrl])\n\n    // ── Player ─────────────────────────────────────────────────────────────────\n    const effectiveAutoplay = autoplay ?? config.behavior?.autoplay\n    const effectiveMuted    = mutedProp ?? config.behavior?.muted\n    const effectiveLoop     = loop ?? config.behavior?.loop\n\n    const { player, videoRef, paused, currentTime, duration, volume: vol, muted } = usePlayer({\n      ...(resolvedSrc !== undefined && { src: resolvedSrc }),\n      ...(effectiveAutoplay !== undefined && { autoplay: effectiveAutoplay }),\n      ...(effectiveMuted    !== undefined && { muted:    effectiveMuted }),\n      ...(volume            !== undefined && { volume }),\n      ...(effectiveLoop     !== undefined && { loop:     effectiveLoop }),\n    })\n\n    useImperativeHandle(ref, () => player!, [player])\n\n    // ── Paywall gate (auto-wired when `paywall` prop is passed) ───────────────\n    const [gateTriggered, setGateTriggered] = useState(false)\n    const paywallPluginRef = useRef<ReturnType<typeof paywallGatePlugin> | null>(null)\n\n    useEffect(() => {\n      if (!player || !paywall?.locked) return\n      const previewDuration = config.paywall?.previewDuration ?? 5\n      paywallPluginRef.current = paywallGatePlugin({\n        previewDuration,\n        onBlock: () => setGateTriggered(true),\n      })\n      player.use(paywallPluginRef.current)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [player])\n\n    // ── Ad system (auto-wired from config.ads) ─────────────────────────────────\n    const [adState, setAdState] = useState<AdInfo | null>(null)\n    const adPluginRef = useRef<(Plugin & { skipAd(): void }) | null>(null)\n\n    useEffect(() => {\n      if (!player || !config.ads) return\n      const instance = adPlugin({\n        ...config.ads,\n        onAdStart: (info) => setAdState(info),\n        onAdTick:  (info) => setAdState((prev) => prev ? { ...prev, elapsed: info.elapsed } : null),\n        onAdEnd:   () => setAdState(null),\n        onAdSkip:  () => setAdState(null),\n      }) as Plugin & { skipAd(): void }\n      adPluginRef.current = instance\n      player.use(instance)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [player])\n\n    // ── User-provided plugins ─────────────────────────────────────────────────\n    useEffect(() => {\n      if (!player) return\n      for (const plugin of plugins) player.use(plugin)\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [player])\n\n    // ── External callbacks ────────────────────────────────────────────────────\n    useEffect(() => {\n      if (!player) return\n      if (onPlay)       player.on('play',       onPlay)\n      if (onPause)      player.on('pause',      onPause)\n      if (onEnded)      player.on('ended',      onEnded)\n      if (onTimeUpdate) player.on('timeupdate', ({ currentTime: ct, duration: d }) => onTimeUpdate(ct, d))\n      if (onError)      player.on('error',      ({ code, message }) => onError(code, message))\n      return () => {\n        if (onPlay)  player.off('play',  onPlay)\n        if (onPause) player.off('pause', onPause)\n        if (onEnded) player.off('ended', onEnded)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [player])\n\n    // ── Buffering & error ─────────────────────────────────────────────────────\n    const [buffering, setBuffering] = useState(false)\n    const [error, setError]         = useState<string | null>(null)\n\n    useEffect(() => {\n      if (!player) return\n      player.on('buffering', () => setBuffering(true))\n      player.on('ready',     () => setBuffering(false))\n      player.on('play',      () => { setBuffering(false); setError(null) })\n      player.on('error',     ({ message }) => setError(message))\n    }, [player])\n\n    // ── Fullscreen ────────────────────────────────────────────────────────────\n    const containerRef = useRef<HTMLDivElement>(null)\n    const [fullscreen, setFullscreen] = useState(false)\n\n    useEffect(() => {\n      const onChange = () => setFullscreen(document.fullscreenElement === containerRef.current)\n      document.addEventListener('fullscreenchange', onChange)\n      return () => document.removeEventListener('fullscreenchange', onChange)\n    }, [])\n\n    const toggleFullscreen = useCallback(() => {\n      if (!containerRef.current) return\n      if (fullscreen) void document.exitFullscreen()\n      else void containerRef.current.requestFullscreen()\n    }, [fullscreen])\n\n    // ── Picture-in-Picture ────────────────────────────────────────────────────\n    const [pip, setPip] = useState(false)\n\n    useEffect(() => {\n      const onEnter = () => setPip(true)\n      const onLeave = () => setPip(false)\n      document.addEventListener('enterpictureinpicture', onEnter)\n      document.addEventListener('leavepictureinpicture', onLeave)\n      return () => {\n        document.removeEventListener('enterpictureinpicture', onEnter)\n        document.removeEventListener('leavepictureinpicture', onLeave)\n      }\n    }, [])\n\n    const togglePip = useCallback(async () => {\n      if (!videoRef.current) return\n      try {\n        if (pip) await document.exitPictureInPicture()\n        else await videoRef.current.requestPictureInPicture()\n      } catch { /* PiP not supported or denied */ }\n    }, [pip, videoRef])\n\n    // ── Controls auto-hide ────────────────────────────────────────────────────\n    const autoHide      = config.controls?.autoHide ?? true\n    const autoHideDelay = config.controls?.autoHideDelay ?? 3000\n    const [controlsVisible, setControlsVisible] = useState(true)\n    const hideTimer = useRef<ReturnType<typeof setTimeout>>()\n    const pausedRef = useRef(paused)\n    useEffect(() => { pausedRef.current = paused }, [paused])\n\n    const showControls = useCallback(() => {\n      setControlsVisible(true)\n      clearTimeout(hideTimer.current)\n      if (autoHide) {\n        hideTimer.current = setTimeout(() => {\n          if (!pausedRef.current) setControlsVisible(false)\n        }, autoHideDelay)\n      }\n    }, [autoHide, autoHideDelay])\n\n    useEffect(() => {\n      if (paused) { setControlsVisible(true); clearTimeout(hideTimer.current) }\n    }, [paused])\n\n    useEffect(() => () => clearTimeout(hideTimer.current), [])\n\n    // ── Keyboard shortcuts ────────────────────────────────────────────────────\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (!player) return\n        switch (e.code) {\n          case 'Space': case 'KeyK':\n            e.preventDefault(); paused ? void player.play() : player.pause(); break\n          case 'KeyF':\n            e.preventDefault(); toggleFullscreen(); break\n          case 'KeyP':\n            e.preventDefault(); void togglePip(); break\n          case 'KeyM':\n            e.preventDefault(); muted ? player.unmute() : player.mute(); break\n          case 'ArrowLeft':\n            e.preventDefault(); player.seek(Math.max(0, currentTime - 10)); break\n          case 'ArrowRight':\n            e.preventDefault(); player.seek(Math.min(duration, currentTime + 10)); break\n          case 'ArrowUp':\n            e.preventDefault(); player.setVolume(Math.min(1, vol + 0.1)); break\n          case 'ArrowDown':\n            e.preventDefault(); player.setVolume(Math.max(0, vol - 0.1)); break\n        }\n      },\n      [player, paused, muted, currentTime, duration, vol, toggleFullscreen, togglePip],\n    )\n\n    // ── Handlers ──────────────────────────────────────────────────────────────\n    const handleTogglePlay   = useCallback(() => { if (!player) return; paused ? void player.play() : player.pause() }, [player, paused])\n    const handleSeek         = useCallback((t: number) => player?.seek(t), [player])\n    const handleVolumeChange = useCallback((v: number) => { player?.setVolume(v); if (v > 0 && muted) player?.unmute() }, [player, muted])\n    const handleToggleMute   = useCallback(() => { if (!player) return; muted ? player.unmute() : player.mute() }, [player, muted])\n\n    // ── Config-driven display options ─────────────────────────────────────────\n    const blockDownload = config.behavior?.blockDownload ?? false\n    const borderRadius  = config.theme?.borderRadius ?? '0px'\n    const accentColor   = config.theme?.accentColor ?? '#ffffff'\n\n    const show = {\n      play:       config.controls?.play       ?? true,\n      progress:   config.controls?.progress   ?? true,\n      volume:     config.controls?.volume     ?? true,\n      fullscreen: config.controls?.fullscreen ?? true,\n      pip:        config.controls?.pip        ?? true,\n      time:       config.controls?.time       ?? true,\n    }\n\n    const theme = {\n      accentColor,\n      textColor: config.theme?.textColor ?? '#ffffff',\n      ...(config.theme?.controlsBg !== undefined && { controlsBg: config.theme.controlsBg }),\n    }\n\n    // ── Paywall overlay resolution ─────────────────────────────────────────────\n    const showPaywallOverlay = paywall?.locked === true && gateTriggered\n    const handleUnlock = useCallback(() => { void paywall?.onUnlock() }, [paywall])\n\n    // ── Deprecated components.Paywall passthrough ──────────────────────────────\n    const { Paywall: DeprecatedPaywall } = components\n\n    return (\n      <div\n        ref={containerRef}\n        style={{ position: 'relative', background: '#000', borderRadius, overflow: 'hidden', outline: 'none', ...style }}\n        className={className}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onMouseMove={showControls}\n        onMouseEnter={showControls}\n        onTouchStart={showControls}\n        onMouseLeave={() => { if (!paused && autoHide) setControlsVisible(false) }}\n      >\n        {/* Video element */}\n        <video\n          ref={videoRef}\n          style={{ width: '100%', height: '100%', display: headless ? 'none' : 'block' }}\n          playsInline\n          {...(poster !== undefined && { poster })}\n          controlsList={blockDownload ? 'nodownload' : undefined}\n          onContextMenu={blockDownload ? (e) => e.preventDefault() : undefined}\n        >\n          {tracks?.map((t) => (\n            <track\n              key={`${t.kind}-${t.srcLang}`}\n              src={t.src}\n              kind={t.kind}\n              srcLang={t.srcLang}\n              label={t.label}\n              {...(t.default ? { default: true } : {})}\n            />\n          ))}\n        </video>\n\n        {/* Download blocker overlay (blocks drag-to-save) */}\n        {blockDownload && !headless && (\n          <div style={{ position: 'absolute', inset: 0, zIndex: 1, pointerEvents: 'none' }} />\n        )}\n\n        {!headless && (\n          <>\n            {/* Media info overlay (title + creator) */}\n            {mediaInfo && (\n              <div style={{ position: 'absolute', inset: 0, zIndex: 4, pointerEvents: 'none' }}>\n                <MediaInfoOverlay\n                  {...(mediaInfo.title !== undefined && { title: mediaInfo.title })}\n                  {...(mediaInfo.creator !== undefined && { creator: mediaInfo.creator })}\n                />\n              </div>\n            )}\n\n            {/* Buffering spinner */}\n            {buffering && !paused && <BufferingSpinner color={accentColor} />}\n\n            {/* Error state */}\n            {error && (\n              <div style={errorOverlay}>\n                <span style={{ fontSize: '13px', opacity: 0.75 }}>⚠ {error}</span>\n                <button\n                  style={retryBtn}\n                  onClick={() => { setError(null); if (resolvedSrc) player?.setSrc(resolvedSrc) }}\n                >\n                  Retry\n                </button>\n              </div>\n            )}\n\n            {/* Ad overlay — shown while an ad is playing */}\n            {adState && (\n              <AdOverlay\n                phase={adState.phase}\n                elapsed={adState.elapsed}\n                skipAfter={adState.skipAfter}\n                accentColor={accentColor}\n                {...(adState.clickThroughUrl !== undefined && { clickThroughUrl: adState.clickThroughUrl })}\n                onSkip={() => adPluginRef.current?.skipAd()}\n              />\n            )}\n\n            {/* Paywall overlay — shown after the preview gate fires */}\n            {showPaywallOverlay && (\n              paywall?.overlay\n                ? <paywall.overlay onUnlock={handleUnlock} />\n                : <PaywallOverlay\n                    onUnlock={handleUnlock}\n                    {...(paywall?.title    !== undefined && { title:    paywall.title })}\n                    {...(paywall?.subtitle !== undefined && { subtitle: paywall.subtitle })}\n                    {...(paywall?.options  !== undefined && { options:  paywall.options })}\n                    accentColor={accentColor}\n                  />\n            )}\n\n            {/* Deprecated components.Paywall passthrough */}\n            {!showPaywallOverlay && DeprecatedPaywall && (\n              <DeprecatedPaywall onUnlock={() => void player?.play()} />\n            )}\n\n            {/* Built-in controls bar */}\n            <div\n              style={{\n                position: 'absolute', bottom: 0, left: 0, right: 0, zIndex: 5,\n                opacity: controlsVisible ? 1 : 0,\n                transition: 'opacity 0.25s ease',\n                pointerEvents: controlsVisible ? 'auto' : 'none',\n              }}\n            >\n              <ControlsBar\n                paused={paused}\n                currentTime={currentTime}\n                duration={duration}\n                volume={vol}\n                muted={muted}\n                fullscreen={fullscreen}\n                pip={pip}\n                show={show}\n                theme={theme}\n                {...(chapters    !== undefined && { chapters })}\n                {...(heatmapData !== undefined && { heatmapData })}\n                onTogglePlay={handleTogglePlay}\n                onSeek={handleSeek}\n                onVolumeChange={handleVolumeChange}\n                onToggleMute={handleToggleMute}\n                onToggleFullscreen={toggleFullscreen}\n                onTogglePip={() => void togglePip()}\n              />\n            </div>\n          </>\n        )}\n      </div>\n    )\n  },\n)\n\nconst errorOverlay: React.CSSProperties = {\n  position: 'absolute', inset: 0, zIndex: 10,\n  display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center',\n  background: 'rgba(0,0,0,0.75)', color: '#fff', gap: '12px',\n}\n\nconst retryBtn: React.CSSProperties = {\n  padding: '8px 18px',\n  background: 'rgba(255,255,255,0.12)',\n  border: '1px solid rgba(255,255,255,0.25)',\n  borderRadius: '6px', color: '#fff', cursor: 'pointer', fontSize: '13px',\n}\n"]}