@vanillaskyai/video 0.10.22 → 0.11.0

package/dist/chunk-YAHT3LST.js

@@ -1,663 +0,0 @@
-import {
-  darken,
-  resolveTokens,
-  useExternalVideoBackdrop,
-  useMediaAudio,
-  useMediaFailure,
-  useNarrationPreroll
-} from "./chunk-5JBMYQP6.js";
-import {
-  resolveMediaType
-} from "./chunk-224QNWRA.js";
-
-// src/visual-system/motion/curves.ts
-function interpolate(value, inputRange, outputRange, options) {
-  const { easing, extrapolateLeft = "extend", extrapolateRight = "extend" } = options ?? {};
-  let i = 0;
-  for (; i < inputRange.length - 2; i++) {
-    if (value < inputRange[i + 1]) break;
-  }
-  const inputMin = inputRange[i];
-  const inputMax = inputRange[i + 1];
-  const outputMin = outputRange[i];
-  const outputMax = outputRange[i + 1];
-  let t = inputMax === inputMin ? 0 : (value - inputMin) / (inputMax - inputMin);
-  if (t < 0 && extrapolateLeft === "clamp") t = 0;
-  if (t > 1 && extrapolateRight === "clamp") t = 1;
-  if (easing && t >= 0 && t <= 1) {
-    t = easing(t);
-  }
-  return outputMin + t * (outputMax - outputMin);
-}
-function spring(progress, config) {
-  if (progress <= 0) return 0;
-  if (progress >= 1) {
-    const { damping: damping2 = 26 } = config ?? {};
-    if (damping2 >= 20) return 1;
-  }
-  const { damping = 26, stiffness = 170, mass = 1 } = config ?? {};
-  const omega = Math.sqrt(stiffness / mass);
-  const zeta = damping / (2 * Math.sqrt(stiffness * mass));
-  const t = progress * 3.5;
-  let value;
-  if (zeta < 1) {
-    const omegaD = omega * Math.sqrt(1 - zeta * zeta);
-    value = 1 - Math.exp(-zeta * omega * t) * (Math.cos(omegaD * t) + zeta * omega / omegaD * Math.sin(omegaD * t));
-  } else if (zeta === 1) {
-    value = 1 - Math.exp(-omega * t) * (1 + omega * t);
-  } else {
-    const s1 = -omega * (zeta + Math.sqrt(zeta * zeta - 1));
-    const s2 = -omega * (zeta - Math.sqrt(zeta * zeta - 1));
-    value = 1 + (s1 * Math.exp(s2 * t) - s2 * Math.exp(s1 * t)) / (s2 - s1);
-  }
-  return value;
-}
-
-// src/visual-system/scene-templates/scene-background.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-
-// src/visual-system/scene-templates/color-utils.ts
-import React from "react";
-
-// src/visual-system/theme/colors.ts
-function orderDarkToLight(a, b) {
-  const luminance = (hex) => {
-    const match = hex.match(/^#([0-9a-f]{6})$/i);
-    if (!match) return 0;
-    const h = match[1];
-    return 0.299 * parseInt(h.slice(0, 2), 16) + 0.587 * parseInt(h.slice(2, 4), 16) + 0.114 * parseInt(h.slice(4, 6), 16);
-  };
-  return luminance(a) <= luminance(b) ? [a, b] : [b, a];
-}
-
-// src/visual-system/scene-templates/color-utils.ts
-function gradientBackground({
-  colorA,
-  colorB,
-  solidBg,
-  progress,
-  sceneDuration,
-  seed,
-  family
-}) {
-  if (solidBg) return solidBg;
-  const normalizedProgress = Math.max(0, Math.min(1, progress));
-  const atBoundary = normalizedProgress === 0 || normalizedProgress === 1;
-  const easedLoop = normalizedProgress * normalizedProgress * (3 - 2 * normalizedProgress);
-  const seedEnvelope = atBoundary ? 0 : Math.sin(normalizedProgress * Math.PI) ** 2;
-  void sceneDuration;
-  const seededRandom = (s) => {
-    const x = Math.sin(s * 12.9898 + s * 78.233) * 43758.5453;
-    return x - Math.floor(x);
-  };
-  const phase = seededRandom(seed) * Math.PI * 2 * seedEnvelope;
-  const t = (atBoundary ? 0 : easedLoop * Math.PI * 2) + phase;
-  const [topColor, bottomColor] = orderDarkToLight(colorA, colorB);
-  if (family === "wash") {
-    const shift = Math.sin(t) * 6;
-    return `linear-gradient(${175 + shift}deg, ${topColor} 0%, ${bottomColor} 100%)`;
-  }
-  if (family === "spotlight") {
-    const x = 50 + Math.sin(t) * 8;
-    const y = 28 + Math.cos(t + 1) * 5;
-    return `
-      radial-gradient(ellipse 70% 55% at ${x}% ${y}%, ${colorA}66 0%, ${colorA}1a 45%, transparent 72%),
-      linear-gradient(180deg, ${darken(topColor, 0.55)} 0%, ${darken(bottomColor, 0.7)} 100%)
-    `;
-  }
-  const x1 = 25 + Math.sin(t) * 25;
-  const y1 = 30 + Math.cos(t + 1) * 25;
-  const x2 = 75 + Math.sin(t + 2) * 25;
-  const y2 = 70 + Math.cos(t + 3.5) * 25;
-  return `
-    radial-gradient(ellipse 60% 60% at ${x1}% ${y1}%, ${colorA}4d 0%, transparent 65%),
-    radial-gradient(ellipse 60% 60% at ${x2}% ${y2}%, ${colorB}4d 0%, transparent 65%),
-    linear-gradient(180deg, ${topColor} 0%, ${bottomColor} 100%)
-  `;
-}
-var BrandGradientOverlay = ({ style: globalStyle, progress, sceneDuration, seed }) => {
-  const tokens = resolveTokens(globalStyle);
-  const [first, second] = tokens.background.type === "gradient" ? tokens.background.colors : [tokens.background.color, tokens.background.color];
-  const solidBg = tokens.background.type === "solid" ? tokens.background.color : void 0;
-  return React.createElement("div", {
-    "data-brand-gradient": "true",
-    style: {
-      position: "absolute",
-      inset: 0,
-      background: gradientBackground({ colorA: first, colorB: second, solidBg, progress, sceneDuration, seed, family: tokens.preset.background }),
-      pointerEvents: "none"
-    }
-  });
-};
-
-// src/visual-system/scene-templates/background-effect.ts
-var DIRECTIONS = ["right", "left", "up", "down"];
-function getKenBurnsTransform(progress, direction) {
-  const scale = interpolate(progress, [0, 1], [1.05, 1.15]);
-  const mainAxis = direction === "right" || direction === "left";
-  const sign = direction === "right" || direction === "down" ? 1 : -1;
-  const primary = interpolate(progress, [0, 1], [-2 * sign, 2 * sign]);
-  const secondary = interpolate(progress, [0, 1], [-0.5, 0.5]);
-  const x = mainAxis ? primary : secondary;
-  const y = mainAxis ? secondary : primary;
-  return {
-    transform: `scale(${scale}) translate(${x}%, ${y}%)`,
-    transformOrigin: "center"
-  };
-}
-function getDriftTransform(progress, direction) {
-  const horizontal = direction === "right" || direction === "left";
-  const sign = direction === "right" || direction === "down" ? 1 : -1;
-  const offset = interpolate(progress, [0, 1], [-2 * sign, 2 * sign]);
-  return {
-    transform: horizontal ? `scale(1.1) translateX(${offset}%)` : `scale(1.1) translateY(${offset}%)`,
-    transformOrigin: "center"
-  };
-}
-function getBackgroundTransform(effect, progress, beatIntensity = 0, sceneIndex = 0) {
-  const dir = DIRECTIONS[sceneIndex % DIRECTIONS.length];
-  const resolved = effect ?? "static";
-  switch (resolved) {
-    case "slow-zoom-in":
-      return {
-        transform: `scale(${interpolate(progress, [0, 1], [1, 1.12])})`,
-        transformOrigin: "center"
-      };
-    case "slow-zoom-out":
-      return {
-        transform: `scale(${interpolate(progress, [0, 1], [1.12, 1])})`,
-        transformOrigin: "center"
-      };
-    case "ken-burns":
-      return getKenBurnsTransform(progress, dir);
-    case "drift":
-      return getDriftTransform(progress, dir);
-    case "pulse": {
-      const base = 1 + beatIntensity * 0.04;
-      const breathe = 1 + Math.sin(progress * Math.PI * 2) * 0.02;
-      return {
-        transform: `scale(${base * breathe})`,
-        transformOrigin: "center"
-      };
-    }
-    case "breathe": {
-      const s = 1 + Math.sin(progress * Math.PI) * 0.03;
-      const y = Math.sin(progress * Math.PI) * 0.5;
-      return {
-        transform: `scale(${s}) translateY(${y}%)`,
-        transformOrigin: "center"
-      };
-    }
-    case "slow-tilt": {
-      const angle = interpolate(progress, [0, 1], [0, 2.5]);
-      return {
-        transform: `scale(1.08) rotate(${angle}deg)`,
-        transformOrigin: "center"
-      };
-    }
-    case "camera-shake": {
-      const t = progress * 40;
-      const sx = Math.sin(t * 2.3) * 0.4 + Math.sin(t * 5.7) * 0.2;
-      const sy = Math.cos(t * 3.1) * 0.3 + Math.cos(t * 4.9) * 0.15;
-      const sr = Math.sin(t * 1.7) * 0.3;
-      return {
-        transform: `scale(1.05) translate(${sx}%, ${sy}%) rotate(${sr}deg)`,
-        transformOrigin: "center"
-      };
-    }
-    case "static":
-    default:
-      return {
-        transform: "none",
-        transformOrigin: "center"
-      };
-  }
-}
-
-// src/visual-system/scene-templates/media-position.ts
-var MEDIA_POSITIONS = {
-  center: "center center",
-  top: "center top",
-  bottom: "center bottom",
-  left: "left center",
-  right: "right center"
-};
-function resolveMediaPosition(value) {
-  return MEDIA_POSITIONS[value] ?? MEDIA_POSITIONS.center;
-}
-
-// src/visual-system/scene-templates/scene-video-backdrop.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var SceneVideoBackdrop = ({
-  mediaUrl,
-  mediaPoster,
-  mediaPosition = "center",
-  backgroundEffect,
-  progress,
-  sceneDuration,
-  preparingNarration = false,
-  beatIntensity = 0,
-  isPlaying,
-  muted,
-  volume,
-  playbackId = mediaUrl,
-  onReady,
-  onError
-}) => {
-  const inheritedAudio = useMediaAudio();
-  const reportMediaFailure = useMediaFailure();
-  const inheritedPreroll = useNarrationPreroll();
-  const rewindPreroll = preparingNarration || inheritedPreroll;
-  const resolvedMuted = muted ?? inheritedAudio.muted;
-  const resolvedVolume = volume ?? inheritedAudio.volume;
-  const resolvedPosition = resolveMediaPosition(mediaPosition);
-  const bgTransform = getBackgroundTransform(backgroundEffect, progress, beatIntensity);
-  const [decodedVideoUrl, setDecodedVideoUrl] = useState();
-  const [waitingKey, setWaitingKey] = useState();
-  const [exhaustedKey, setExhaustedKey] = useState();
-  const videoRef = useRef(null);
-  const playableVideoUrl = useRef(void 0);
-  const startedVideoUrl = useRef(void 0);
-  const startedPlaybackId = useRef(void 0);
-  const videoPresentationKey = `${playbackId}\0${mediaUrl}`;
-  const presentationRef = useRef({ key: videoPresentationKey, playing: isPlaying });
-  presentationRef.current = { key: videoPresentationKey, playing: isPlaying };
-  const unavailable = (reason = "playback-error") => {
-    if (presentationRef.current.key === videoPresentationKey && presentationRef.current.playing) {
-      setExhaustedKey(videoPresentationKey);
-      onError?.();
-      reportMediaFailure?.(reason);
-    }
-  };
-  useEffect(() => {
-    if (!isPlaying || rewindPreroll || waitingKey !== videoPresentationKey) {
-      if (waitingKey) setWaitingKey(void 0);
-      return;
-    }
-    const video = videoRef.current;
-    if (!video) return;
-    const expectedSource = video.getAttribute("src") === mediaUrl ? video.src : void 0;
-    let awaitingPlayback = playableVideoUrl.current !== mediaUrl || video.currentSrc !== expectedSource;
-    let previousTime = video.currentTime;
-    let forwardFrames = 0;
-    let stopped = false;
-    let frame;
-    let poll;
-    const observe = (_now, metadata) => {
-      if (stopped) return;
-      const currentSource = video.currentSrc === expectedSource;
-      if (currentSource && awaitingPlayback && video.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA) {
-        playableVideoUrl.current = mediaUrl;
-        awaitingPlayback = false;
-        clearTimeout(deadline);
-        deadline = setTimeout(fail, 1e3);
-      }
-      const time = metadata?.mediaTime ?? video.currentTime;
-      if (!currentSource || video.seeking || time < previousTime) forwardFrames = 0;
-      else if (time > previousTime + 1e-3) forwardFrames++;
-      previousTime = time;
-      if (forwardFrames >= 2) {
-        playableVideoUrl.current = mediaUrl;
-        stopped = true;
-        clearTimeout(deadline);
-        setWaitingKey(void 0);
-        return;
-      }
-      if (video.requestVideoFrameCallback) frame = video.requestVideoFrameCallback(observe);
-      else poll = setTimeout(observe, 50);
-    };
-    const fail = () => {
-      if (!stopped) {
-        stopped = true;
-        unavailable(awaitingPlayback ? "frame-readiness-timeout" : "stalled-media");
-      }
-    };
-    let deadline = setTimeout(fail, awaitingPlayback ? 8e3 : 1e3);
-    observe();
-    return () => {
-      stopped = true;
-      clearTimeout(deadline);
-      clearTimeout(poll);
-      if (frame !== void 0) video.cancelVideoFrameCallback?.(frame);
-    };
-  }, [waitingKey, videoPresentationKey, isPlaying, rewindPreroll]);
-  const onReadyRef = useRef(onReady);
-  onReadyRef.current = onReady;
-  useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-    let stopped = false;
-    let frame;
-    const markPresented = () => {
-      if (stopped || !video.isConnected || presentationRef.current.key !== videoPresentationKey || video.getAttribute("src") !== mediaUrl || video.currentSrc !== video.src) return false;
-      if (video.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA) playableVideoUrl.current = mediaUrl;
-      video.dispatchEvent(new Event("vanillasky:video-frame-presented", { bubbles: true }));
-      onReadyRef.current?.();
-      setDecodedVideoUrl(mediaUrl);
-      stopped = true;
-      return true;
-    };
-    const observe = () => {
-      if (stopped || frame !== void 0) return;
-      if (video.requestVideoFrameCallback) {
-        frame = video.requestVideoFrameCallback(() => {
-          frame = void 0;
-          if (!markPresented()) observe();
-        });
-      } else if (video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) markPresented();
-    };
-    video.addEventListener("loadeddata", observe);
-    observe();
-    return () => {
-      stopped = true;
-      video.removeEventListener("loadeddata", observe);
-      if (frame !== void 0) video.cancelVideoFrameCallback?.(frame);
-    };
-  }, [mediaUrl, videoPresentationKey]);
-  const fitDuration = useCallback((video) => {
-    video.playbackRate = (resolvedMuted || video.preservesPitch === true) && sceneDuration && Number.isFinite(video.duration) && video.duration > 0 ? Math.max(0.75, Math.min(1, video.duration / (sceneDuration + 0.2))) : 1;
-  }, [resolvedMuted, sceneDuration]);
-  useEffect(() => {
-    if (videoRef.current) fitDuration(videoRef.current);
-  }, [fitDuration]);
-  const continueMotion = (video) => {
-    if (!isPlaying) return;
-    if (!resolvedMuted) {
-      unavailable();
-      return;
-    }
-    video.currentTime = 0;
-    void video.play().catch(() => unavailable());
-  };
-  useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-    if (video.getAttribute("src") !== mediaUrl) {
-      video.setAttribute("src", mediaUrl);
-      video.load();
-    }
-  }, [mediaUrl]);
-  useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-    return () => {
-      video.pause();
-      video.removeAttribute("src");
-      video.load();
-      startedVideoUrl.current = void 0;
-      startedPlaybackId.current = void 0;
-    };
-  }, []);
-  useEffect(() => {
-    const video = videoRef.current;
-    if (video) video.volume = resolvedVolume;
-  }, [resolvedVolume]);
-  useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-    if (!isPlaying) {
-      video.pause();
-      if (rewindPreroll && !resolvedMuted && video.currentTime > 0) video.currentTime = 0;
-      return;
-    }
-    if (startedPlaybackId.current === playbackId) {
-      if (video.ended) continueMotion(video);
-      else void video.play().catch(() => unavailable());
-      return;
-    }
-    const changingSource = startedVideoUrl.current !== void 0 && startedVideoUrl.current !== mediaUrl;
-    fitDuration(video);
-    if (!changingSource && video.currentTime > 0) video.currentTime = 0;
-    video.play().catch(() => unavailable());
-    startedVideoUrl.current = mediaUrl;
-    startedPlaybackId.current = playbackId;
-  }, [isPlaying, mediaUrl, playbackId, rewindPreroll]);
-  const enforceRequestedPause = (event) => {
-    if (presentationRef.current.playing) return;
-    event.currentTarget.pause();
-    if (rewindPreroll && !resolvedMuted && event.currentTarget.currentTime > 0) event.currentTarget.currentTime = 0;
-  };
-  const mediaStyle = {
-    position: "absolute",
-    inset: 0,
-    width: "100%",
-    height: "100%",
-    objectFit: "cover",
-    objectPosition: resolvedPosition,
-    transform: bgTransform.transform,
-    transformOrigin: bgTransform.transformOrigin
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    exhaustedKey === videoPresentationKey && /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "status",
-        "data-media-continuity": "exhausted",
-        style: { position: "absolute", inset: 0, zIndex: 3, background: "#000", color: "#bbb", display: "grid", placeContent: "center", font: "14px system-ui" },
-        children: "Visual unavailable"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "video",
-      {
-        ref: videoRef,
-        src: mediaUrl,
-        poster: decodedVideoUrl !== mediaUrl ? mediaPoster || void 0 : void 0,
-        muted: resolvedMuted,
-        loop: resolvedMuted && isPlaying && Number.isFinite(sceneDuration) && Number(sceneDuration) > 0,
-        playsInline: true,
-        preload: "auto",
-        onLoadedMetadata: (event) => fitDuration(event.currentTarget),
-        onEnded: (event) => continueMotion(event.currentTarget),
-        onPlay: enforceRequestedPause,
-        onPlaying: (event) => {
-          if (event.currentTarget.currentSrc === event.currentTarget.src && event.currentTarget.getAttribute("src") === mediaUrl && event.currentTarget.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA) playableVideoUrl.current = mediaUrl;
-          enforceRequestedPause(event);
-        },
-        onWaiting: () => {
-          if (isPlaying) setWaitingKey(videoPresentationKey);
-        },
-        onError,
-        "data-media-position": mediaPosition,
-        "data-video-backdrop": "scene",
-        style: { ...mediaStyle, visibility: exhaustedKey === videoPresentationKey ? "hidden" : void 0 }
-      }
-    )
-  ] });
-};
-
-// src/visual-system/scene-templates/scene-background.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function resolveMediaTreatment(value) {
-  return value === "none" || value === "subtle" || value === "text-safe" ? value : "cinematic";
-}
-var SCRIM_STOP_COUNT = 7;
-function smoothstep(t) {
-  return t * t * (3 - 2 * t);
-}
-function easedStops(peakAlpha, start, end, direction) {
-  const alphaAt = (t) => {
-    const eased = direction === "fade-out" ? 1 - smoothstep(t) : smoothstep(t);
-    return `rgba(0,0,0,${Number((peakAlpha * eased).toFixed(3))})`;
-  };
-  const stops = [];
-  if (start > 0) stops.push(`${alphaAt(0)} 0%`);
-  for (let i = 0; i < SCRIM_STOP_COUNT; i += 1) {
-    const t = i / (SCRIM_STOP_COUNT - 1);
-    const position = Number((start + (end - start) * t).toFixed(2));
-    stops.push(`${alphaAt(t)} ${position}%`);
-  }
-  if (end < 100) stops.push(`${alphaAt(1)} 100%`);
-  return stops.join(", ");
-}
-function getMediaTreatmentLayers(value, anchor = "full") {
-  const treatment = resolveMediaTreatment(value);
-  if (treatment === "none") return [];
-  const vignette = {
-    id: "vignette",
-    background: treatment === "subtle" ? `radial-gradient(ellipse at center, ${easedStops(0.28, 45, 100, "fade-in")})` : `radial-gradient(ellipse at center, ${easedStops(0.72, 32, 100, "fade-in")})`
-  };
-  if (treatment === "subtle") return [vignette];
-  const textSafe = treatment === "text-safe";
-  const layers = [vignette];
-  if (anchor !== "bottom") {
-    layers.push({
-      id: "center-scrim",
-      background: textSafe ? `radial-gradient(ellipse 92% 58% at 50% 50%, ${easedStops(0.46, 34, 90, "fade-out")})` : `radial-gradient(ellipse 88% 52% at 50% 50%, ${easedStops(0.26, 30, 88, "fade-out")})`
-    });
-  }
-  if (anchor !== "center") {
-    layers.push({
-      id: "bottom-scrim",
-      background: `linear-gradient(to top, ${easedStops(textSafe ? 0.64 : 0.5, 8, 100, "fade-out")})`,
-      style: { top: "55%" }
-    });
-  }
-  return layers;
-}
-function initialMediaPaint(wantsMedia, resolved, mediaUrl, mediaPoster) {
-  if (typeof window === "undefined") return "ready";
-  if (!wantsMedia) return "ready";
-  if (resolved === "video") return mediaPoster ? "ready" : "pending";
-  if (typeof Image === "undefined") return "ready";
-  const cached = new Image();
-  cached.src = mediaUrl;
-  return cached.complete && cached.naturalWidth > 0 ? "ready" : "pending";
-}
-function getMediaBackgroundProps(variables) {
-  return {
-    mediaUrl: String(variables.mediaUrl || ""),
-    mediaType: String(variables.mediaType || "auto"),
-    mediaPoster: String(variables.mediaPoster || ""),
-    mediaPosition: String(variables.mediaPosition || "center"),
-    mediaTreatment: String(variables.mediaTreatment || "cinematic")
-  };
-}
-var SceneBackground = ({
-  style,
-  progress,
-  sceneDuration,
-  width: _width,
-  // accepted for symmetry; not currently used in render
-  height: _height,
-  mediaUrl = "",
-  mediaType = "auto",
-  mediaPoster,
-  mediaPosition = "center",
-  mediaTreatment = "cinematic",
-  textAnchor = "full",
-  backgroundEffect,
-  seed,
-  isPlaying = true,
-  beatIntensity = 0
-}) => {
-  void _width;
-  void _height;
-  const resolved = resolveMediaType(mediaType, mediaUrl);
-  const wantsMedia = resolved !== "gradient" && !!mediaUrl;
-  const externalVideoBackdrop = useExternalVideoBackdrop();
-  const hasExternalVideoBackdrop = externalVideoBackdrop !== false && resolved === "video";
-  const externalVideoFailed = externalVideoBackdrop === "fallback" && resolved === "video";
-  const externalVideoReady = externalVideoBackdrop === "ready" && resolved === "video";
-  const [mediaPaint, setMediaPaint] = useState2(
-    () => initialMediaPaint(wantsMedia, resolved, mediaUrl, mediaPoster)
-  );
-  useEffect2(() => {
-    setMediaPaint(initialMediaPaint(wantsMedia, resolved, mediaUrl, mediaPoster));
-    if (!wantsMedia || resolved !== "photo") return;
-    if (typeof Image === "undefined") return;
-    let cancelled = false;
-    const probe = new Image();
-    probe.onload = () => {
-      if (!cancelled) setMediaPaint("ready");
-    };
-    probe.onerror = () => {
-      if (!cancelled) setMediaPaint("failed");
-    };
-    probe.src = mediaUrl;
-    if (probe.complete) setMediaPaint(probe.naturalWidth > 0 ? "ready" : "failed");
-    return () => {
-      cancelled = true;
-      probe.onload = null;
-      probe.onerror = null;
-    };
-  }, [mediaUrl, mediaPoster, resolved, wantsMedia]);
-  const showMedia = wantsMedia && mediaPaint !== "failed";
-  const showTreatment = wantsMedia && mediaPaint === "ready";
-  const resolvedPosition = resolveMediaPosition(mediaPosition);
-  const resolvedTreatment = resolveMediaTreatment(mediaTreatment);
-  const treatmentLayers = getMediaTreatmentLayers(resolvedTreatment, textAnchor);
-  const gradSeed = typeof seed === "number" ? seed : typeof seed === "string" ? seed.split("").reduce((acc, c) => acc + c.charCodeAt(0), 0) : 0;
-  const bgTransform = getBackgroundTransform(
-    backgroundEffect,
-    progress,
-    beatIntensity
-  );
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    (!hasExternalVideoBackdrop || externalVideoFailed) && /* @__PURE__ */ jsx2(
-      BrandGradientOverlay,
-      {
-        style,
-        progress,
-        sceneDuration,
-        seed: gradSeed
-      }
-    ),
-    showMedia && !hasExternalVideoBackdrop && (resolved === "video" ? /* @__PURE__ */ jsx2(
-      SceneVideoBackdrop,
-      {
-        mediaUrl,
-        mediaPoster,
-        mediaPosition,
-        backgroundEffect,
-        progress,
-        sceneDuration,
-        beatIntensity,
-        isPlaying,
-        onReady: () => setMediaPaint("ready"),
-        onError: () => setMediaPaint("failed")
-      }
-    ) : /* @__PURE__ */ jsx2(
-      "img",
-      {
-        src: mediaUrl,
-        alt: "",
-        "aria-hidden": "true",
-        draggable: false,
-        "data-media-position": mediaPosition,
-        style: {
-          position: "absolute",
-          inset: 0,
-          transform: bgTransform.transform,
-          transformOrigin: bgTransform.transformOrigin,
-          width: "100%",
-          height: "100%",
-          objectFit: "cover",
-          objectPosition: resolvedPosition
-        }
-      }
-    )),
-    (hasExternalVideoBackdrop ? externalVideoReady : showTreatment) && !externalVideoFailed && treatmentLayers.map((layer) => /* @__PURE__ */ jsx2(
-      "div",
-      {
-        "data-media-treatment": resolvedTreatment,
-        "data-media-overlay": layer.id,
-        style: {
-          position: "absolute",
-          inset: 0,
-          background: layer.background,
-          pointerEvents: "none",
-          ...layer.style
-        }
-      },
-      layer.id
-    ))
-  ] });
-};
-
-export {
-  spring,
-  getMediaBackgroundProps,
-  SceneBackground
-};

package/dist/chunk-ZD2VTUYR.js

@@ -1,28 +0,0 @@
-import {
-  getReadableSceneDuration
-} from "./chunk-3O7OMMMF.js";
-
-// src/protocol/scene-duration.ts
-var NARRATION_WORDS_PER_SECOND = 2.6;
-var NARRATION_TAIL_SECONDS = 0.6;
-function getSceneDurationBounds(scene, metadata) {
-  return {
-    minimum: Math.max(1e-3, metadata?.minDuration ?? 1),
-    readable: getReadableSceneDuration(scene, metadata)
-  };
-}
-function getSpokenDuration(narration) {
-  const words = narration.trim().split(/\s+/u).filter(Boolean).length;
-  if (words === 0) return 0;
-  return words / NARRATION_WORDS_PER_SECOND + NARRATION_TAIL_SECONDS;
-}
-function getSceneDuration(scene, metadata) {
-  const { readable } = getSceneDurationBounds(scene, metadata);
-  return Math.max(readable, scene.narration ? getSpokenDuration(scene.narration) : 0);
-}
-
-export {
-  getSceneDurationBounds,
-  getSpokenDuration,
-  getSceneDuration
-};

package/dist/cinema-media-HYCDG65Z.js

@@ -1,11 +0,0 @@
-import {
-  MediaScene,
-  MediaSceneTemplate
-} from "./chunk-QSBDB4J2.js";
-import "./chunk-YAHT3LST.js";
-import "./chunk-5JBMYQP6.js";
-import "./chunk-224QNWRA.js";
-export {
-  MediaScene,
-  MediaSceneTemplate
-};