@hanifhan1f/vidstack-react 1.12.34 → 1.12.35

package/prod/chunks/vidstack-CtxjO6HG.js

@@ -1,84 +0,0 @@
-"use client"
-
-import * as React from 'react';
-import { listenEvent, EventsController, animationFrameThrottle, effect } from './vidstack-CYK75vJF.js';
-import { useMediaPlayer } from './vidstack-BCBskRpc.js';
-
-function useClassName(el, className) {
-  React.useEffect(() => {
-    if (!el || !className) return;
-    const tokens = className.split(" ");
-    for (const token of tokens) el.classList.add(token);
-    return () => {
-      for (const token of tokens) el.classList.remove(token);
-    };
-  }, [el, className]);
-}
-function useResizeObserver(el, callback) {
-  React.useEffect(() => {
-    if (!el) return;
-    callback();
-    const observer = new ResizeObserver(animationFrameThrottle(callback));
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [el, callback]);
-}
-function useTransitionActive(el) {
-  const [isActive, setIsActive] = React.useState(false);
-  React.useEffect(() => {
-    if (!el) return;
-    const events = new EventsController(el).add("transitionstart", () => setIsActive(true)).add("transitionend", () => setIsActive(false));
-    return () => events.abort();
-  }, [el]);
-  return isActive;
-}
-function useMouseEnter(el) {
-  const [isMouseEnter, setIsMouseEnter] = React.useState(false);
-  React.useEffect(() => {
-    if (!el) return;
-    const events = new EventsController(el).add("mouseenter", () => setIsMouseEnter(true)).add("mouseleave", () => setIsMouseEnter(false));
-    return () => events.abort();
-  }, [el]);
-  return isMouseEnter;
-}
-function useFocusIn(el) {
-  const [isFocusIn, setIsFocusIn] = React.useState(false);
-  React.useEffect(() => {
-    if (!el) return;
-    const events = new EventsController(el).add("focusin", () => setIsFocusIn(true)).add("focusout", () => setIsFocusIn(false));
-    return () => events.abort();
-  }, [el]);
-  return isFocusIn;
-}
-function useActive(el) {
-  const isMouseEnter = useMouseEnter(el), isFocusIn = useFocusIn(el), prevMouseEnter = React.useRef(false);
-  if (prevMouseEnter.current && !isMouseEnter) return false;
-  prevMouseEnter.current = isMouseEnter;
-  return isMouseEnter || isFocusIn;
-}
-function useColorSchemePreference() {
-  const [colorScheme, setColorScheme] = React.useState("dark");
-  React.useEffect(() => {
-    const media = window.matchMedia("(prefers-color-scheme: light)");
-    function onChange() {
-      setColorScheme(media.matches ? "light" : "dark");
-    }
-    onChange();
-    return listenEvent(media, "change", onChange);
-  }, []);
-  return colorScheme;
-}
-
-function useLayoutName(name) {
-  const player = useMediaPlayer();
-  React.useEffect(() => {
-    if (!player) return;
-    return effect(() => {
-      const el = player.$el;
-      el?.setAttribute("data-layout", name);
-      return () => el?.removeAttribute("data-layout");
-    });
-  }, [player]);
-}
-
-export { useActive, useClassName, useColorSchemePreference, useLayoutName, useResizeObserver, useTransitionActive };

package/prod/chunks/vidstack-CzjHdPIT.js

@@ -1,375 +0,0 @@
-"use client"
-
-import * as React from 'react';
-import { createReactComponent, composeRefs, listenEvent, useReactScope, scoped, computed, signal, effect, EventsController, useSignal } from './vidstack-CZgUA94N.js';
-import { MediaAnnouncerInstance, Primitive, ControlsInstance, ControlsGroupInstance, TooltipInstance, TooltipTriggerInstance, TooltipContentInstance, GoogleCastButtonInstance, QualitySliderInstance, AudioGainSliderInstance, SpeedSliderInstance, useMediaState, watchActiveTextTrack, CaptionsInstance, formatSpokenTime, formatTime } from './vidstack-B9nEslvl.js';
-import { sliderCallbacks, Preview, Steps, Thumb, Track as Track$1, TrackFill as TrackFill$1, Value, useMediaContext } from './vidstack-DpQw1Y33.js';
-
-const MediaAnnouncerBridge = createReactComponent(MediaAnnouncerInstance, {
-  events: ["onChange"]
-});
-const MediaAnnouncer = React.forwardRef(
-  ({ style, children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(MediaAnnouncerBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
-      Primitive.div,
-      {
-        ...props2,
-        style: { display: "contents", ...style },
-        ref: composeRefs(props2.ref, forwardRef)
-      },
-      children
-    ));
-  }
-);
-MediaAnnouncer.displayName = "MediaAnnouncer";
-
-const ControlsBridge = createReactComponent(ControlsInstance);
-const Root$5 = React.forwardRef(({ children, ...props }, forwardRef) => {
-  return /* @__PURE__ */ React.createElement(ControlsBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
-    Primitive.div,
-    {
-      ...props2,
-      ref: composeRefs(props2.ref, forwardRef)
-    },
-    children
-  ));
-});
-Root$5.displayName = "Controls";
-const ControlsGroupBridge = createReactComponent(ControlsGroupInstance);
-const Group = React.forwardRef(({ children, ...props }, forwardRef) => {
-  return /* @__PURE__ */ React.createElement(ControlsGroupBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
-    Primitive.div,
-    {
-      ...props2,
-      ref: composeRefs(props2.ref, forwardRef)
-    },
-    children
-  ));
-});
-Group.displayName = "ControlsGroup";
-
-var controls = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Group: Group,
-  Root: Root$5
-});
-
-const TooltipBridge = createReactComponent(TooltipInstance);
-function Root$4({ children, ...props }) {
-  return /* @__PURE__ */ React.createElement(TooltipBridge, { ...props }, children);
-}
-Root$4.displayName = "Tooltip";
-const TriggerBridge = createReactComponent(TooltipTriggerInstance);
-const Trigger = React.forwardRef(
-  ({ children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(TriggerBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
-      Primitive.button,
-      {
-        ...props2,
-        ref: composeRefs(props2.ref, forwardRef)
-      },
-      children
-    ));
-  }
-);
-Trigger.displayName = "TooltipTrigger";
-const ContentBridge = createReactComponent(TooltipContentInstance);
-const Content = React.forwardRef(
-  ({ children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(ContentBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
-      Primitive.div,
-      {
-        ...props2,
-        ref: composeRefs(props2.ref, forwardRef)
-      },
-      children
-    ));
-  }
-);
-Content.displayName = "TooltipContent";
-
-var tooltip = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Content: Content,
-  Root: Root$4,
-  Trigger: Trigger
-});
-
-const GoogleCastButtonBridge = createReactComponent(GoogleCastButtonInstance, {
-  domEventsRegex: /^onMedia/
-});
-const GoogleCastButton = React.forwardRef(
-  ({ children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(GoogleCastButtonBridge, { ...props }, (props2) => /* @__PURE__ */ React.createElement(
-      Primitive.button,
-      {
-        ...props2,
-        ref: composeRefs(props2.ref, forwardRef)
-      },
-      children
-    ));
-  }
-);
-GoogleCastButton.displayName = "GoogleCastButton";
-
-const QualitySliderBridge = createReactComponent(QualitySliderInstance, {
-  events: sliderCallbacks,
-  domEventsRegex: /^onMedia/
-});
-const Root$3 = React.forwardRef(
-  ({ children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(QualitySliderBridge, { ...props, ref: forwardRef }, (props2) => /* @__PURE__ */ React.createElement(Primitive.div, { ...props2 }, children));
-  }
-);
-Root$3.displayName = "QualitySlider";
-
-var qualitySlider = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Preview: Preview,
-  Root: Root$3,
-  Steps: Steps,
-  Thumb: Thumb,
-  Track: Track$1,
-  TrackFill: TrackFill$1,
-  Value: Value
-});
-
-const AudioGainSliderBridge = createReactComponent(AudioGainSliderInstance, {
-  events: sliderCallbacks,
-  domEventsRegex: /^onMedia/
-});
-const Root$2 = React.forwardRef(
-  ({ children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(AudioGainSliderBridge, { ...props, ref: forwardRef }, (props2) => /* @__PURE__ */ React.createElement(Primitive.div, { ...props2 }, children));
-  }
-);
-Root$2.displayName = "AudioGainSlider";
-
-var audioGainSlider = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Preview: Preview,
-  Root: Root$2,
-  Steps: Steps,
-  Thumb: Thumb,
-  Track: Track$1,
-  TrackFill: TrackFill$1,
-  Value: Value
-});
-
-const SpeedSliderBridge = createReactComponent(SpeedSliderInstance, {
-  events: sliderCallbacks,
-  domEventsRegex: /^onMedia/
-});
-const Root$1 = React.forwardRef(
-  ({ children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(SpeedSliderBridge, { ...props, ref: forwardRef }, (props2) => /* @__PURE__ */ React.createElement(Primitive.div, { ...props2 }, children));
-  }
-);
-Root$1.displayName = "SpeedSlider";
-
-var speedSlider = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Preview: Preview,
-  Root: Root$1,
-  Steps: Steps,
-  Thumb: Thumb,
-  Track: Track$1,
-  TrackFill: TrackFill$1,
-  Value: Value
-});
-
-const Title = React.forwardRef(({ children, ...props }, forwardRef) => {
-  const $title = useMediaState("title");
-  return /* @__PURE__ */ React.createElement(Primitive.span, { ...props, ref: forwardRef }, $title, children);
-});
-Title.displayName = "Title";
-
-function useActiveTextCues(track) {
-  const [activeCues, setActiveCues] = React.useState([]);
-  React.useEffect(() => {
-    if (!track) {
-      setActiveCues([]);
-      return;
-    }
-    function onCuesChange() {
-      if (track) setActiveCues(track.activeCues);
-    }
-    onCuesChange();
-    return listenEvent(track, "cue-change", onCuesChange);
-  }, [track]);
-  return activeCues;
-}
-
-function useActiveTextTrack(kind) {
-  const media = useMediaContext(), [track, setTrack] = React.useState(null);
-  React.useEffect(() => {
-    return watchActiveTextTrack(media.textTracks, kind, setTrack);
-  }, [kind]);
-  return track;
-}
-
-function useChapterTitle() {
-  const $track = useActiveTextTrack("chapters"), $cues = useActiveTextCues($track);
-  return $cues[0]?.text || "";
-}
-
-const ChapterTitle = React.forwardRef(
-  ({ defaultText = "", children, ...props }, forwardRef) => {
-    const $chapterTitle = useChapterTitle();
-    return /* @__PURE__ */ React.createElement(Primitive.span, { ...props, ref: forwardRef }, $chapterTitle || defaultText, children);
-  }
-);
-ChapterTitle.displayName = "ChapterTitle";
-
-const CaptionsBridge = createReactComponent(CaptionsInstance);
-const Captions = React.forwardRef(
-  ({ children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(CaptionsBridge, { ...props, ref: forwardRef }, (props2) => /* @__PURE__ */ React.createElement(Primitive.div, { ...props2 }, children));
-  }
-);
-Captions.displayName = "Captions";
-
-const Root = React.forwardRef(
-  ({ size = 96, children, ...props }, forwardRef) => {
-    return /* @__PURE__ */ React.createElement(
-      "svg",
-      {
-        width: size,
-        height: size,
-        fill: "none",
-        viewBox: "0 0 120 120",
-        "aria-hidden": "true",
-        "data-part": "root",
-        ...props,
-        ref: forwardRef
-      },
-      children
-    );
-  }
-);
-const Track = React.forwardRef(
-  ({ width = 8, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    "circle",
-    {
-      cx: "60",
-      cy: "60",
-      r: "54",
-      stroke: "currentColor",
-      strokeWidth: width,
-      "data-part": "track",
-      ...props,
-      ref
-    },
-    children
-  )
-);
-const TrackFill = React.forwardRef(
-  ({ width = 8, fillPercent = 50, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    "circle",
-    {
-      cx: "60",
-      cy: "60",
-      r: "54",
-      stroke: "currentColor",
-      pathLength: "100",
-      strokeWidth: width,
-      strokeDasharray: 100,
-      strokeDashoffset: 100 - fillPercent,
-      "data-part": "track-fill",
-      ...props,
-      ref
-    },
-    children
-  )
-);
-
-var spinner = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Root: Root,
-  Track: Track,
-  TrackFill: TrackFill
-});
-
-function createSignal(initialValue, deps = []) {
-  const scope = useReactScope();
-  return React.useMemo(() => scoped(() => signal(initialValue), scope), [scope, ...deps]);
-}
-function createComputed(compute, deps = []) {
-  const scope = useReactScope();
-  return React.useMemo(() => scoped(() => computed(compute), scope), [scope, ...deps]);
-}
-function createEffect(compute, deps = []) {
-  const scope = useReactScope();
-  React.useEffect(() => scoped(() => effect(compute), scope), [scope, ...deps]);
-}
-function useScoped(compute) {
-  const scope = useReactScope();
-  return React.useMemo(() => scoped(compute, scope), [scope]);
-}
-
-function useTextCues(track) {
-  const [cues, setCues] = React.useState([]);
-  React.useEffect(() => {
-    if (!track) return;
-    function onCuesChange() {
-      if (track) setCues([...track.cues]);
-    }
-    const events = new EventsController(track).add("add-cue", onCuesChange).add("remove-cue", onCuesChange);
-    onCuesChange();
-    return () => {
-      setCues([]);
-      events.abort();
-    };
-  }, [track]);
-  return cues;
-}
-
-function useChapterOptions() {
-  const media = useMediaContext(), track = useActiveTextTrack("chapters"), cues = useTextCues(track), $startTime = useSignal(media.$state.seekableStart), $endTime = useSignal(media.$state.seekableEnd);
-  useActiveTextCues(track);
-  return React.useMemo(() => {
-    const options = track ? cues.filter((cue) => cue.startTime <= $endTime && cue.endTime >= $startTime).map((cue, i) => {
-      let currentRef = null, stopProgressEffect;
-      return {
-        cue,
-        label: cue.text,
-        value: i.toString(),
-        startTimeText: formatTime(Math.max(0, cue.startTime - $startTime)),
-        durationText: formatSpokenTime(
-          Math.min($endTime, cue.endTime) - Math.max($startTime, cue.startTime)
-        ),
-        get selected() {
-          return cue === track.activeCues[0];
-        },
-        setProgressVar(ref) {
-          if (!ref || cue !== track.activeCues[0]) {
-            stopProgressEffect?.();
-            stopProgressEffect = void 0;
-            ref?.style.setProperty("--progress", "0%");
-            currentRef = null;
-            return;
-          }
-          if (currentRef === ref) return;
-          currentRef = ref;
-          stopProgressEffect?.();
-          stopProgressEffect = effect(() => {
-            const { realCurrentTime } = media.$state, time = realCurrentTime(), cueStartTime = Math.max($startTime, cue.startTime), duration = Math.min($endTime, cue.endTime) - cueStartTime, progress = Math.max(0, time - cueStartTime) / duration * 100;
-            ref.style.setProperty("--progress", progress.toFixed(3) + "%");
-          });
-        },
-        select(trigger) {
-          media.remote.seek(cue.startTime - $startTime, trigger);
-        }
-      };
-    }) : [];
-    Object.defineProperty(options, "selectedValue", {
-      get() {
-        const index = options.findIndex((option) => option.selected);
-        return (index >= 0 ? index : 0).toString();
-      }
-    });
-    return options;
-  }, [cues, $startTime, $endTime]);
-}
-
-export { Captions, ChapterTitle, Content, GoogleCastButton, Group, MediaAnnouncer, Root$4 as Root, Root$2 as Root$1, Root$1 as Root$2, Root$3, Root$5 as Root$4, Root as Root$5, Title, Track, TrackFill, Trigger, audioGainSlider, controls, createComputed, createEffect, createSignal, qualitySlider, speedSlider, spinner, tooltip, useActiveTextCues, useActiveTextTrack, useChapterOptions, useChapterTitle, useScoped, useTextCues };

package/prod/chunks/vidstack-D0XCUWbp.js

@@ -1,159 +0,0 @@
-"use client"
-
-import { IS_CHROME, IS_IOS, canGoogleCastSrc, IS_SERVER, loadScript } from './vidstack-BbPEqH3g.js';
-import { listenEvent, peek } from './vidstack-CZgUA94N.js';
-
-function getCastFrameworkURL() {
-  return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
-}
-function hasLoadedCastFramework() {
-  return !!window.cast?.framework;
-}
-function isCastAvailable() {
-  return !!window.chrome?.cast?.isAvailable;
-}
-function isCastConnected() {
-  return getCastContext().getCastState() === cast.framework.CastState.CONNECTED;
-}
-function getCastContext() {
-  return window.cast.framework.CastContext.getInstance();
-}
-function getCastSession() {
-  return getCastContext().getCurrentSession();
-}
-function getCastSessionMedia() {
-  return getCastSession()?.getSessionObj().media[0];
-}
-function hasActiveCastSession(src) {
-  const contentId = getCastSessionMedia()?.media.contentId;
-  return contentId === src?.src;
-}
-function getDefaultCastOptions() {
-  return {
-    language: "en-US",
-    autoJoinPolicy: chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED,
-    receiverApplicationId: chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID,
-    resumeSavedSession: true,
-    androidReceiverCompatible: true
-  };
-}
-function getCastErrorMessage(code) {
-  const defaultMessage = `Google Cast Error Code: ${code}`;
-  return defaultMessage;
-}
-function listenCastContextEvent(type, handler) {
-  return listenEvent(getCastContext(), type, handler);
-}
-
-class GoogleCastLoader {
-  name = "google-cast";
-  target;
-  #player;
-  /**
-   * @see {@link https://developers.google.com/cast/docs/reference/web_sender/cast.framework.CastContext}
-   */
-  get cast() {
-    return getCastContext();
-  }
-  mediaType() {
-    return "video";
-  }
-  canPlay(src) {
-    return IS_CHROME && !IS_IOS && canGoogleCastSrc(src);
-  }
-  async prompt(ctx) {
-    let loadEvent, openEvent, errorEvent;
-    try {
-      loadEvent = await this.#loadCastFramework(ctx);
-      if (!this.#player) {
-        this.#player = new cast.framework.RemotePlayer();
-        new cast.framework.RemotePlayerController(this.#player);
-      }
-      openEvent = ctx.player.createEvent("google-cast-prompt-open", {
-        trigger: loadEvent
-      });
-      ctx.player.dispatchEvent(openEvent);
-      this.#notifyRemoteStateChange(ctx, "connecting", openEvent);
-      await this.#showPrompt(peek(ctx.$props.googleCast));
-      ctx.$state.remotePlaybackInfo.set({
-        deviceName: getCastSession()?.getCastDevice().friendlyName
-      });
-      if (isCastConnected()) this.#notifyRemoteStateChange(ctx, "connected", openEvent);
-    } catch (code) {
-      const error = code instanceof Error ? code : this.#createError(
-        (code + "").toUpperCase(),
-        "Prompt failed."
-      );
-      errorEvent = ctx.player.createEvent("google-cast-prompt-error", {
-        detail: error,
-        trigger: openEvent ?? loadEvent,
-        cancelable: true
-      });
-      ctx.player.dispatch(errorEvent);
-      this.#notifyRemoteStateChange(
-        ctx,
-        isCastConnected() ? "connected" : "disconnected",
-        errorEvent
-      );
-      throw error;
-    } finally {
-      ctx.player.dispatch("google-cast-prompt-close", {
-        trigger: errorEvent ?? openEvent ?? loadEvent
-      });
-    }
-  }
-  async load(ctx) {
-    if (IS_SERVER) {
-      throw Error("[vidstack] can not load google cast provider server-side");
-    }
-    if (!this.#player) {
-      throw Error("[vidstack] google cast player was not initialized");
-    }
-    return new (await import('./vidstack-DhC5F6c8.js')).GoogleCastProvider(this.#player, ctx);
-  }
-  async #loadCastFramework(ctx) {
-    if (hasLoadedCastFramework()) return;
-    const loadStartEvent = ctx.player.createEvent("google-cast-load-start");
-    ctx.player.dispatch(loadStartEvent);
-    await loadScript(getCastFrameworkURL());
-    await customElements.whenDefined("google-cast-launcher");
-    const loadedEvent = ctx.player.createEvent("google-cast-loaded", { trigger: loadStartEvent });
-    ctx.player.dispatch(loadedEvent);
-    if (!isCastAvailable()) {
-      throw this.#createError("CAST_NOT_AVAILABLE", "Google Cast not available on this platform.");
-    }
-    return loadedEvent;
-  }
-  async #showPrompt(options) {
-    this.#setOptions(options);
-    const errorCode = await this.cast.requestSession();
-    if (errorCode) {
-      throw this.#createError(
-        errorCode.toUpperCase(),
-        getCastErrorMessage(errorCode)
-      );
-    }
-  }
-  #setOptions(options) {
-    this.cast?.setOptions({
-      ...getDefaultCastOptions(),
-      ...options
-    });
-  }
-  #notifyRemoteStateChange(ctx, state, trigger) {
-    const detail = { type: "google-cast", state };
-    ctx.notify("remote-playback-change", detail, trigger);
-  }
-  #createError(code, message) {
-    const error = Error(message);
-    error.code = code;
-    return error;
-  }
-}
-
-var loader = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  GoogleCastLoader: GoogleCastLoader
-});
-
-export { getCastContext, getCastErrorMessage, getCastSession, getCastSessionMedia, hasActiveCastSession, listenCastContextEvent, loader };