@hanifhan1f/vidstack-react 1.12.34 → 1.12.35

package/server/chunks/vidstack-DtQSvsQr.js

@@ -1,189 +0,0 @@
-"use client"
-
-import * as React from 'react';
-import { RadioGroupController, useMediaContext, menuContext, MediaRemoteControl, MediaPlayerInstance, sortVideoQualities } from './vidstack-Cm0qnRvu.js';
-import { useMediaContext as useMediaContext$1 } from './vidstack-CoGzBr_V.js';
-import { prop, method, Component, hasProvidedContext, useContext, effect, useSignal, isString } from './vidstack-D_bWd66h.js';
-
-const DEFAULT_PLAYBACK_RATES = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
-class SpeedRadioGroup extends Component {
-  static props = {
-    normalLabel: "Normal",
-    rates: DEFAULT_PLAYBACK_RATES
-  };
-  #media;
-  #menu;
-  #controller;
-  get value() {
-    return this.#controller.value;
-  }
-  get disabled() {
-    const { rates } = this.$props, { canSetPlaybackRate } = this.#media.$state;
-    return !canSetPlaybackRate() || rates().length === 0;
-  }
-  constructor() {
-    super();
-    this.#controller = new RadioGroupController();
-    this.#controller.onValueChange = this.#onValueChange.bind(this);
-  }
-  onSetup() {
-    this.#media = useMediaContext();
-    if (hasProvidedContext(menuContext)) {
-      this.#menu = useContext(menuContext);
-    }
-  }
-  onConnect(el) {
-    effect(this.#watchValue.bind(this));
-    effect(this.#watchHintText.bind(this));
-    effect(this.#watchControllerDisabled.bind(this));
-  }
-  getOptions() {
-    const { rates, normalLabel } = this.$props;
-    return rates().map((rate) => ({
-      label: rate === 1 ? normalLabel : rate + "\xD7",
-      value: rate.toString()
-    }));
-  }
-  #watchValue() {
-    this.#controller.value = this.#getValue();
-  }
-  #watchHintText() {
-    const { normalLabel } = this.$props, { playbackRate } = this.#media.$state, rate = playbackRate();
-    this.#menu?.hint.set(rate === 1 ? normalLabel() : rate + "\xD7");
-  }
-  #watchControllerDisabled() {
-    this.#menu?.disable(this.disabled);
-  }
-  #getValue() {
-    const { playbackRate } = this.#media.$state;
-    return playbackRate().toString();
-  }
-  #onValueChange(value, trigger) {
-    if (this.disabled) return;
-    const rate = +value;
-    this.#media.remote.changePlaybackRate(rate, trigger);
-    this.dispatch("change", { detail: rate, trigger });
-  }
-}
-const speedradiogroup__proto = SpeedRadioGroup.prototype;
-prop(speedradiogroup__proto, "value");
-prop(speedradiogroup__proto, "disabled");
-method(speedradiogroup__proto, "getOptions");
-
-function useMediaRemote(target) {
-  const media = useMediaContext$1(), remote = React.useRef(null);
-  if (!remote.current) {
-    remote.current = new MediaRemoteControl();
-  }
-  React.useEffect(() => {
-    const ref = target && "current" in target ? target.current : target, isPlayerRef = ref instanceof MediaPlayerInstance, player = isPlayerRef ? ref : media?.player;
-    remote.current.setPlayer(player ?? null);
-    remote.current.setTarget(ref ?? null);
-  }, [media, target && "current" in target ? target.current : target]);
-  return remote.current;
-}
-
-function useVideoQualityOptions({
-  auto = true,
-  sort = "descending"
-} = {}) {
-  const media = useMediaContext$1(), { qualities, quality, autoQuality, canSetQuality } = media.$state, $qualities = useSignal(qualities);
-  useSignal(quality);
-  useSignal(autoQuality);
-  useSignal(canSetQuality);
-  return React.useMemo(() => {
-    const sortedQualities = sortVideoQualities($qualities, sort === "descending"), options = sortedQualities.map((q) => {
-      return {
-        quality: q,
-        label: q.height + "p",
-        value: getQualityValue(q),
-        bitrateText: q.bitrate && q.bitrate > 0 ? `${(q.bitrate / 1e6).toFixed(2)} Mbps` : null,
-        get selected() {
-          return q === quality();
-        },
-        get autoSelected() {
-          return autoQuality();
-        },
-        select(trigger) {
-          const index = qualities().indexOf(q);
-          if (index >= 0) media.remote.changeQuality(index, trigger);
-        }
-      };
-    });
-    if (auto) {
-      options.unshift({
-        quality: null,
-        label: isString(auto) ? auto : "Auto",
-        value: "auto",
-        bitrateText: null,
-        get selected() {
-          return autoQuality();
-        },
-        get autoSelected() {
-          return autoQuality();
-        },
-        select(trigger) {
-          media.remote.requestAutoQuality(trigger);
-        }
-      });
-    }
-    Object.defineProperty(options, "disabled", {
-      get() {
-        return !canSetQuality() || $qualities.length <= 1;
-      }
-    });
-    Object.defineProperty(options, "selectedQuality", {
-      get() {
-        return quality();
-      }
-    });
-    Object.defineProperty(options, "selectedValue", {
-      get() {
-        const $quality = quality();
-        return !autoQuality() && $quality ? getQualityValue($quality) : "auto";
-      }
-    });
-    return options;
-  }, [$qualities, sort]);
-}
-function getQualityValue(quality) {
-  return quality.height + "_" + quality.bitrate;
-}
-
-function usePlaybackRateOptions({
-  rates = DEFAULT_PLAYBACK_RATES,
-  normalLabel = "Normal"
-} = {}) {
-  const media = useMediaContext$1(), { playbackRate, canSetPlaybackRate } = media.$state;
-  useSignal(playbackRate);
-  useSignal(canSetPlaybackRate);
-  return React.useMemo(() => {
-    const options = rates.map((opt) => {
-      const label = typeof opt === "number" ? opt === 1 && normalLabel ? normalLabel : opt + "x" : opt.label, rate = typeof opt === "number" ? opt : opt.rate;
-      return {
-        label,
-        value: rate.toString(),
-        rate,
-        get selected() {
-          return playbackRate() === rate;
-        },
-        select(trigger) {
-          media.remote.changePlaybackRate(rate, trigger);
-        }
-      };
-    });
-    Object.defineProperty(options, "disabled", {
-      get() {
-        return !canSetPlaybackRate() || !options.length;
-      }
-    });
-    Object.defineProperty(options, "selectedValue", {
-      get() {
-        return playbackRate().toString();
-      }
-    });
-    return options;
-  }, [rates]);
-}
-
-export { DEFAULT_PLAYBACK_RATES, useMediaRemote, usePlaybackRateOptions, useVideoQualityOptions };

package/server/chunks/vidstack-E7eUOyFt.js

@@ -1,288 +0,0 @@
-"use client"
-
-import { createScope, signal, effect, isString, deferredPromise, isObject, isNumber, isBoolean } from './vidstack-D_bWd66h.js';
-import { preconnect, TimeRange } from './vidstack-BtitkRvR.js';
-import { EmbedProvider } from './vidstack-CgXa6YO3.js';
-import { resolveYouTubeVideoId } from './vidstack-Dm1xEU9Q.js';
-import 'react';
-import '@floating-ui/dom';
-
-const YouTubePlayerState = {
-  Ended: 0,
-  Playing: 1,
-  Paused: 2,
-  Buffering: 3,
-  Cued: 5
-};
-
-class YouTubeProvider extends EmbedProvider {
-  $$PROVIDER_TYPE = "YOUTUBE";
-  scope = createScope();
-  #ctx;
-  #videoId = signal("");
-  #state = -1;
-  #currentSrc = null;
-  #seekingTimer = -1;
-  #invalidPlay = false;
-  #promises = /* @__PURE__ */ new Map();
-  constructor(iframe, ctx) {
-    super(iframe);
-    this.#ctx = ctx;
-  }
-  /**
-   * Sets the player's interface language. The parameter value is an ISO 639-1 two-letter
-   * language code or a fully specified locale. For example, fr and fr-ca are both valid values.
-   * Other language input codes, such as IETF language tags (BCP 47) might also be handled properly.
-   *
-   * The interface language is used for tooltips in the player and also affects the default caption
-   * track. Note that YouTube might select a different caption track language for a particular
-   * user based on the user's individual language preferences and the availability of caption tracks.
-   *
-   * @defaultValue 'en'
-   */
-  language = "en";
-  color = "red";
-  /**
-   * Whether cookies should be enabled on the embed. This is turned off by default to be
-   * GDPR-compliant.
-   *
-   * @defaultValue `false`
-   */
-  cookies = false;
-  get currentSrc() {
-    return this.#currentSrc;
-  }
-  get type() {
-    return "youtube";
-  }
-  get videoId() {
-    return this.#videoId();
-  }
-  preconnect() {
-    preconnect(this.getOrigin());
-  }
-  setup() {
-    super.setup();
-    effect(this.#watchVideoId.bind(this));
-    this.#ctx.notify("provider-setup", this);
-  }
-  destroy() {
-    this.#reset();
-    const message = "provider destroyed";
-    for (const promises of this.#promises.values()) {
-      for (const { reject } of promises) reject(message);
-    }
-    this.#promises.clear();
-  }
-  async play() {
-    return this.#remote("playVideo");
-  }
-  #playFail(message) {
-    this.#getPromise("playVideo")?.reject(message);
-  }
-  async pause() {
-    return this.#remote("pauseVideo");
-  }
-  #pauseFail(message) {
-    this.#getPromise("pauseVideo")?.reject(message);
-  }
-  setMuted(muted) {
-    if (muted) this.#remote("mute");
-    else this.#remote("unMute");
-  }
-  setCurrentTime(time) {
-    this.#remote("seekTo", [time, true]);
-    this.#ctx.notify("seeking", time);
-  }
-  setVolume(volume) {
-    this.#remote("setVolume", volume * 100);
-  }
-  setPlaybackRate(rate) {
-    this.#remote("setPlaybackRate", rate);
-  }
-  async loadSource(src) {
-    if (!isString(src.src)) {
-      this.#currentSrc = null;
-      this.#videoId.set("");
-      return;
-    }
-    const videoId = resolveYouTubeVideoId(src.src);
-    this.#videoId.set(videoId ?? "");
-    this.#currentSrc = src;
-  }
-  getOrigin() {
-    return !this.cookies ? "https://www.youtube-nocookie.com" : "https://www.youtube.com";
-  }
-  #watchVideoId() {
-    this.#reset();
-    const videoId = this.#videoId();
-    if (!videoId) {
-      this.src.set("");
-      return;
-    }
-    this.src.set(`${this.getOrigin()}/embed/${videoId}`);
-    this.#ctx.notify("load-start");
-  }
-  buildParams() {
-    const { keyDisabled } = this.#ctx.$props, { muted, playsInline, nativeControls } = this.#ctx.$state, showControls = nativeControls();
-    return {
-      rel: 0,
-      autoplay: 0,
-      cc_lang_pref: this.language,
-      cc_load_policy: showControls ? 1 : void 0,
-      color: this.color,
-      controls: showControls ? 1 : 0,
-      disablekb: !showControls || keyDisabled() ? 1 : 0,
-      enablejsapi: 1,
-      fs: 1,
-      hl: this.language,
-      iv_load_policy: showControls ? 1 : 3,
-      mute: muted() ? 1 : 0,
-      playsinline: playsInline() ? 1 : 0
-    };
-  }
-  #remote(command, arg) {
-    let promise = deferredPromise(), promises = this.#promises.get(command);
-    if (!promises) this.#promises.set(command, promises = []);
-    promises.push(promise);
-    const args = Array.isArray(arg) ? arg : arg ? [arg] : void 0;
-    this.postMessage({
-      event: "command",
-      func: command,
-      args
-    });
-    return promise.promise;
-  }
-  onLoad() {
-    window.setTimeout(() => this.postMessage({ event: "listening" }), 100);
-  }
-  #onReady(trigger) {
-    this.#ctx.notify("loaded-metadata");
-    this.#ctx.notify("loaded-data");
-    this.#ctx.delegate.ready(void 0, trigger);
-  }
-  #onPause(trigger) {
-    this.#getPromise("pauseVideo")?.resolve();
-    this.#ctx.notify("pause", void 0, trigger);
-  }
-  #onTimeUpdate(time, trigger) {
-    const { duration, realCurrentTime } = this.#ctx.$state, hasEnded = this.#state === YouTubePlayerState.Ended, boundTime = hasEnded ? duration() : time;
-    this.#ctx.notify("time-change", boundTime, trigger);
-    if (!hasEnded && Math.abs(boundTime - realCurrentTime()) > 1) {
-      this.#ctx.notify("seeking", boundTime, trigger);
-    }
-  }
-  #onProgress(buffered, seekable, trigger) {
-    const detail = {
-      buffered: new TimeRange(0, buffered),
-      seekable
-    };
-    this.#ctx.notify("progress", detail, trigger);
-    const { seeking, realCurrentTime } = this.#ctx.$state;
-    if (seeking() && buffered > realCurrentTime()) {
-      this.#onSeeked(trigger);
-    }
-  }
-  #onSeeked(trigger) {
-    const { paused, realCurrentTime } = this.#ctx.$state;
-    window.clearTimeout(this.#seekingTimer);
-    this.#seekingTimer = window.setTimeout(
-      () => {
-        this.#ctx.notify("seeked", realCurrentTime(), trigger);
-        this.#seekingTimer = -1;
-      },
-      paused() ? 100 : 0
-    );
-  }
-  #onEnded(trigger) {
-    const { seeking } = this.#ctx.$state;
-    if (seeking()) this.#onSeeked(trigger);
-    this.#ctx.notify("pause", void 0, trigger);
-    this.#ctx.notify("end", void 0, trigger);
-  }
-  #onStateChange(state, trigger) {
-    const { paused, seeking } = this.#ctx.$state, isPlaying = state === YouTubePlayerState.Playing, isBuffering = state === YouTubePlayerState.Buffering, isPendingPlay = this.#isPending("playVideo"), isPlay = paused() && (isBuffering || isPlaying);
-    if (isBuffering) this.#ctx.notify("waiting", void 0, trigger);
-    if (seeking() && isPlaying) {
-      this.#onSeeked(trigger);
-    }
-    if (this.#invalidPlay && isPlaying) {
-      this.pause();
-      this.#invalidPlay = false;
-      this.setMuted(this.#ctx.$state.muted());
-      return;
-    }
-    if (!isPendingPlay && isPlay) {
-      this.#invalidPlay = true;
-      this.setMuted(true);
-      return;
-    }
-    if (isPlay) {
-      this.#getPromise("playVideo")?.resolve();
-      this.#ctx.notify("play", void 0, trigger);
-    }
-    switch (state) {
-      case YouTubePlayerState.Cued:
-        this.#onReady(trigger);
-        break;
-      case YouTubePlayerState.Playing:
-        this.#ctx.notify("playing", void 0, trigger);
-        break;
-      case YouTubePlayerState.Paused:
-        this.#onPause(trigger);
-        break;
-      case YouTubePlayerState.Ended:
-        this.#onEnded(trigger);
-        break;
-    }
-    this.#state = state;
-  }
-  onMessage({ info }, event) {
-    if (!info) return;
-    const { title, intrinsicDuration, playbackRate } = this.#ctx.$state;
-    if (isObject(info.videoData) && info.videoData.title !== title()) {
-      this.#ctx.notify("title-change", info.videoData.title, event);
-    }
-    if (isNumber(info.duration) && info.duration !== intrinsicDuration()) {
-      if (isNumber(info.videoLoadedFraction)) {
-        const buffered = info.progressState?.loaded ?? info.videoLoadedFraction * info.duration, seekable = new TimeRange(0, info.duration);
-        this.#onProgress(buffered, seekable, event);
-      }
-      this.#ctx.notify("duration-change", info.duration, event);
-    }
-    if (isNumber(info.playbackRate) && info.playbackRate !== playbackRate()) {
-      this.#ctx.notify("rate-change", info.playbackRate, event);
-    }
-    if (info.progressState) {
-      const { current, seekableStart, seekableEnd, loaded, duration } = info.progressState;
-      this.#onTimeUpdate(current, event);
-      this.#onProgress(loaded, new TimeRange(seekableStart, seekableEnd), event);
-      if (duration !== intrinsicDuration()) {
-        this.#ctx.notify("duration-change", duration, event);
-      }
-    }
-    if (isNumber(info.volume) && isBoolean(info.muted) && !this.#invalidPlay) {
-      const detail = {
-        muted: info.muted,
-        volume: info.volume / 100
-      };
-      this.#ctx.notify("volume-change", detail, event);
-    }
-    if (isNumber(info.playerState) && info.playerState !== this.#state) {
-      this.#onStateChange(info.playerState, event);
-    }
-  }
-  #reset() {
-    this.#state = -1;
-    this.#seekingTimer = -1;
-    this.#invalidPlay = false;
-  }
-  #getPromise(command) {
-    return this.#promises.get(command)?.shift();
-  }
-  #isPending(command) {
-    return Boolean(this.#promises.get(command)?.length);
-  }
-}
-
-export { YouTubeProvider };

package/server/chunks/vidstack-JkJEYEQM.js

@@ -1,159 +0,0 @@
-"use client"
-
-import { IS_CHROME, IS_IOS, canGoogleCastSrc, IS_SERVER, loadScript } from './vidstack-BtitkRvR.js';
-import { listenEvent, peek } from './vidstack-D_bWd66h.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-CSiPajWY.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 };