@hanifhan1f/vidstack-react 1.12.26 → 1.12.30

package/dev/vidstack.js

@@ -1,136 +1,25 @@
 "use client"
 
-import { TextTrackSymbol, RadioGroupController, useMediaContext, menuContext, Primitive, MediaPlayerInstance, MediaProviderInstance, isRemotionProvider, mediaState, TextTrack, ToggleButtonInstance, PosterInstance, useMediaState, ThumbnailsLoader, updateSliderPreviewPlacement } from './chunks/vidstack-BXgKy_7V.js';
-export { ARIAKeyShortcuts, AUDIO_EXTENSIONS, AUDIO_TYPES, AirPlayButtonInstance, AudioGainSliderInstance, AudioProviderLoader, AudioTrackList, CaptionButtonInstance, CaptionsInstance, ControlsGroupInstance, ControlsInstance, DASHProviderLoader, DASH_VIDEO_EXTENSIONS, DASH_VIDEO_TYPES, FullscreenButtonInstance, FullscreenController, GestureInstance, GoogleCastButtonInstance, HLSProviderLoader, HLS_VIDEO_EXTENSIONS, HLS_VIDEO_TYPES, List, LiveButtonInstance, LocalMediaStorage, Logger, MEDIA_KEY_SHORTCUTS, MediaAnnouncerInstance, MediaControls, MediaRemoteControl, MenuButtonInstance, MenuInstance, MenuItemInstance, MenuItemsInstance, MenuPortalInstance, MuteButtonInstance, PIPButtonInstance, PlayButtonInstance, QualitySliderInstance, RadioGroupInstance, RadioInstance, ScreenOrientationController, SeekButtonInstance, SliderChaptersInstance, SliderInstance, SliderPreviewInstance, SliderThumbnailInstance, SliderValueInstance, SliderVideoInstance, SpeedSliderInstance, TextRenderers, TextTrackList, ThumbnailInstance, TimeInstance, TimeRange, TimeSliderInstance, TooltipContentInstance, TooltipInstance, TooltipTriggerInstance, VIDEO_EXTENSIONS, VIDEO_TYPES, VideoProviderLoader, VideoQualityList, VimeoProviderLoader, VolumeSliderInstance, YouTubeProviderLoader, boundTime, canChangeVolume, canFullscreen, canGoogleCastSrc, canOrientScreen, canPlayHLSNatively, canRotateScreen, canUsePictureInPicture, canUseVideoPresentation, findActiveCue, formatSpokenTime, formatTime, getDownloadFile, getTimeRangesEnd, getTimeRangesStart, isAudioProvider, isAudioSrc, isCueActive, isDASHProvider, isDASHSrc, isGoogleCastProvider, isHLSProvider, isHLSSrc, isHTMLAudioElement, isHTMLIFrameElement, isHTMLMediaElement, isHTMLVideoElement, isMediaStream, isTrackCaptionKind, isVideoProvider, isVideoQualitySrc, isVideoSrc, isVimeoProvider, isYouTubeProvider, mediaContext, normalizeTimeIntervals, parseJSONCaptionsFile, sliderState, softResetMediaState, sortVideoQualities, updateTimeIntervals, useMediaStore, useSliderState, useSliderStore, watchActiveTextTrack, watchCueTextChange } from './chunks/vidstack-BXgKy_7V.js';
+export * from 'vidstack/exports/core.ts';
+export * from 'vidstack/exports/events.ts';
+export * from 'vidstack/exports/foundation.ts';
+export * from 'vidstack/exports/maverick.ts';
+export * from 'vidstack/exports/providers.ts';
+export * from 'vidstack/exports/utils.ts';
+export { DEFAULT_AUDIO_GAINS, DEFAULT_PLAYBACK_RATES, sliderState } from 'vidstack/exports/components.ts';
+import { Primitive, MediaPlayerInstance, MediaProviderInstance, isRemotionProvider, ToggleButtonInstance, PosterInstance, useMediaState } from './chunks/vidstack-FuCbl228.js';
+export { AirPlayButtonInstance, AudioGainSliderInstance, CaptionButtonInstance, CaptionsInstance, ControlsGroupInstance, ControlsInstance, FullscreenButtonInstance, GestureInstance, GoogleCastButtonInstance, LiveButtonInstance, MediaAnnouncerInstance, MenuButtonInstance, MenuInstance, MenuItemInstance, MenuItemsInstance, MenuPortalInstance, MuteButtonInstance, PIPButtonInstance, PlayButtonInstance, QualitySliderInstance, RadioGroupInstance, RadioInstance, SeekButtonInstance, SliderChaptersInstance, SliderInstance, SliderPreviewInstance, SliderThumbnailInstance, SliderValueInstance, SliderVideoInstance, SpeedSliderInstance, ThumbnailInstance, TimeInstance, TimeSliderInstance, TooltipContentInstance, TooltipInstance, TooltipTriggerInstance, VolumeSliderInstance, useMediaStore, useSliderState, useSliderStore } from './chunks/vidstack-FuCbl228.js';
 import * as React from 'react';
-import { isString, EventsController, DOMEvent, prop, method, Component, hasProvidedContext, useContext, effect, createReactComponent, useStateContext, useSignal, composeRefs, useSignalRecord, useReactScope, signal } from './chunks/vidstack-D_bWd66h.js';
-export { appendTriggerEvent, findTriggerEvent, hasTriggerEvent, isKeyboardClick, isKeyboardEvent, isPointerEvent, walkTriggerEventChain } from './chunks/vidstack-D_bWd66h.js';
-import { createSignal, useScoped } from './chunks/vidstack-L5mw2iPb.js';
-export { audioGainSlider as AudioGainSlider, Captions, ChapterTitle, controls as Controls, GoogleCastButton, MediaAnnouncer, qualitySlider as QualitySlider, speedSlider as SpeedSlider, spinner as Spinner, Title, tooltip as Tooltip, useActiveTextCues, useActiveTextTrack, useChapterOptions, useChapterTitle, useTextCues } from './chunks/vidstack-L5mw2iPb.js';
-import { useMediaContext as useMediaContext$1 } from './chunks/vidstack-BOPSNTgH.js';
-export { AirPlayButton, CaptionButton, FullscreenButton, Gesture, LiveButton, menu as Menu, MuteButton, PIPButton, PlayButton, radioGroup as RadioGroup, SeekButton, slider as Slider, thumbnail as Thumbnail, Time, timeSlider as TimeSlider, volumeSlider as VolumeSlider, useAudioOptions, useCaptionOptions, useMediaPlayer } from './chunks/vidstack-BOPSNTgH.js';
+import { createReactComponent, useStateContext, useSignal, isString, composeRefs, useSignalRecord, effect, useReactScope, signal, EventsController } from './chunks/vidstack-BalWqr4j.js';
+import { createSignal, useScoped } from './chunks/vidstack-gqKBE4xH.js';
+export { audioGainSlider as AudioGainSlider, Captions, ChapterTitle, controls as Controls, GoogleCastButton, MediaAnnouncer, qualitySlider as QualitySlider, speedSlider as SpeedSlider, spinner as Spinner, Title, tooltip as Tooltip, useActiveTextCues, useActiveTextTrack, useChapterOptions, useChapterTitle, useTextCues } from './chunks/vidstack-gqKBE4xH.js';
+import { mediaState, TextTrack, ThumbnailsLoader, updateSliderPreviewPlacement, DEFAULT_AUDIO_GAINS } from 'vidstack';
+import { useMediaContext } from './chunks/vidstack-CqNX679o.js';
+export { AirPlayButton, CaptionButton, FullscreenButton, Gesture, LiveButton, menu as Menu, MuteButton, PIPButton, PlayButton, radioGroup as RadioGroup, SeekButton, slider as Slider, thumbnail as Thumbnail, Time, timeSlider as TimeSlider, volumeSlider as VolumeSlider, useAudioOptions, useCaptionOptions, useMediaPlayer } from './chunks/vidstack-CqNX679o.js';
 import { Icon } from './chunks/vidstack-CBF7iUqu.js';
-export { DEFAULT_PLAYBACK_RATES, useMediaRemote, usePlaybackRateOptions, useVideoQualityOptions } from './chunks/vidstack-DTow20pt.js';
-import '@floating-ui/dom';
+export { useMediaRemote, usePlaybackRateOptions, useVideoQualityOptions } from './chunks/vidstack-PREbBNMG.js';
 import 'react-dom';
 
-class LibASSTextRenderer {
-  constructor(loader, config) {
-    this.loader = loader;
-    this.config = config;
-  }
-  priority = 1;
-  #instance = null;
-  #track = null;
-  #typeRE = /(ssa|ass)$/;
-  canRender(track, video) {
-    return !!video && !!track.src && (isString(track.type) && this.#typeRE.test(track.type) || this.#typeRE.test(track.src));
-  }
-  attach(video) {
-    if (!video) return;
-    this.loader().then(async (mod) => {
-      this.#instance = new mod.default({
-        ...this.config,
-        video,
-        subUrl: this.#track?.src || ""
-      });
-      new EventsController(this.#instance).add("ready", () => {
-        const canvas = this.#instance?._canvas;
-        if (canvas) canvas.style.pointerEvents = "none";
-      }).add("error", (event) => {
-        if (!this.#track) return;
-        this.#track[TextTrackSymbol.readyState] = 3;
-        this.#track.dispatchEvent(
-          new DOMEvent("error", {
-            trigger: event,
-            detail: event.error
-          })
-        );
-      });
-    });
-  }
-  changeTrack(track) {
-    if (!track || track.readyState === 3) {
-      this.#freeTrack();
-    } else if (this.#track !== track) {
-      this.#instance?.setTrackByUrl(track.src);
-      this.#track = track;
-    }
-  }
-  detach() {
-    this.#freeTrack();
-  }
-  #freeTrack() {
-    this.#instance?.freeTrack();
-    this.#track = null;
-  }
-}
-
-const DEFAULT_AUDIO_GAINS = [1, 1.25, 1.5, 1.75, 2, 2.5, 3, 4];
-class AudioGainRadioGroup extends Component {
-  static props = {
-    normalLabel: "Disabled",
-    gains: DEFAULT_AUDIO_GAINS
-  };
-  #media;
-  #menu;
-  #controller;
-  get value() {
-    return this.#controller.value;
-  }
-  get disabled() {
-    const { gains } = this.$props, { canSetAudioGain } = this.#media.$state;
-    return !canSetAudioGain() || gains().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 { gains, normalLabel } = this.$props;
-    return gains().map((gain) => ({
-      label: gain === 1 || gain === null ? normalLabel : String(gain * 100) + "%",
-      value: gain.toString()
-    }));
-  }
-  #watchValue() {
-    this.#controller.value = this.#getValue();
-  }
-  #watchHintText() {
-    const { normalLabel } = this.$props, { audioGain } = this.#media.$state, gain = audioGain();
-    this.#menu?.hint.set(gain === 1 || gain == null ? normalLabel() : String(gain * 100) + "%");
-  }
-  #watchControllerDisabled() {
-    this.#menu?.disable(this.disabled);
-  }
-  #getValue() {
-    const { audioGain } = this.#media.$state;
-    return audioGain()?.toString() ?? "1";
-  }
-  #onValueChange(value, trigger) {
-    if (this.disabled) return;
-    const gain = +value;
-    this.#media.remote.changeAudioGain(gain, trigger);
-    this.dispatch("change", { detail: gain, trigger });
-  }
-}
-const audiogainradiogroup__proto = AudioGainRadioGroup.prototype;
-prop(audiogainradiogroup__proto, "value");
-prop(audiogainradiogroup__proto, "disabled");
-method(audiogainradiogroup__proto, "getOptions");
-
 const playerCallbacks = [
   "onAbort",
   "onAudioTrackChange",
@@ -225,10 +114,10 @@ const MediaProvider = React.forwardRef(
 );
 MediaProvider.displayName = "MediaProvider";
 function MediaOutlet({ provider, mediaProps, iframeProps }) {
-  const { sources, crossOrigin, poster, remotePlaybackInfo, nativeControls, viewType } = useStateContext(mediaState), { loader } = provider.$state, { $provider: $$provider, $providerSetup: $$providerSetup } = useMediaContext$1(), $sources = useSignal(sources), $nativeControls = useSignal(nativeControls), $crossOrigin = useSignal(crossOrigin), $poster = useSignal(poster), $loader = useSignal(loader), $provider = useSignal($$provider), $providerSetup = useSignal($$providerSetup), $remoteInfo = useSignal(remotePlaybackInfo), $mediaType = $loader?.mediaType(), $viewType = useSignal(viewType), isAudioView = $viewType === "audio", isYouTubeEmbed = $loader?.name === "youtube", isVimeoEmbed = $loader?.name === "vimeo", isEmbed = isYouTubeEmbed || isVimeoEmbed, isRemotion = $loader?.name === "remotion", isGoogleCast = $loader?.name === "google-cast", [googleCastIconPaths, setGoogleCastIconPaths] = React.useState(""), [hasMounted, setHasMounted] = React.useState(false);
+  const { sources, crossOrigin, poster, remotePlaybackInfo, nativeControls, viewType } = useStateContext(mediaState), { loader } = provider.$state, { $provider: $$provider, $providerSetup: $$providerSetup } = useMediaContext(), $sources = useSignal(sources), $nativeControls = useSignal(nativeControls), $crossOrigin = useSignal(crossOrigin), $poster = useSignal(poster), $loader = useSignal(loader), $provider = useSignal($$provider), $providerSetup = useSignal($$providerSetup), $remoteInfo = useSignal(remotePlaybackInfo), $mediaType = $loader?.mediaType(), $viewType = useSignal(viewType), isAudioView = $viewType === "audio", isYouTubeEmbed = $loader?.name === "youtube", isVimeoEmbed = $loader?.name === "vimeo", isEmbed = isYouTubeEmbed || isVimeoEmbed, isRemotion = $loader?.name === "remotion", isGoogleCast = $loader?.name === "google-cast", [googleCastIconPaths, setGoogleCastIconPaths] = React.useState(""), [hasMounted, setHasMounted] = React.useState(false);
   React.useEffect(() => {
     if (!isGoogleCast || googleCastIconPaths) return;
-    import('./chunks/vidstack-D_bWd66h.js').then(function (n) { return n.chromecast; }).then((mod) => {
+    import('./chunks/vidstack-BalWqr4j.js').then(function (n) { return n.chromecast; }).then((mod) => {
       setGoogleCastIconPaths(mod.default);
     });
   }, [isGoogleCast]);
@@ -292,7 +181,7 @@ function MediaOutlet({ provider, mediaProps, iframeProps }) {
 MediaOutlet.displayName = "MediaOutlet";
 
 function createTextTrack(init) {
-  const media = useMediaContext$1(), track = React.useMemo(() => new TextTrack(init), Object.values(init));
+  const media = useMediaContext(), track = React.useMemo(() => new TextTrack(init), Object.values(init));
   React.useEffect(() => {
     media.textTracks.add(track);
     return () => void media.textTracks.remove(track);
@@ -429,7 +318,7 @@ function useStore(ctor, ref) {
 }
 
 function useMediaProvider() {
-  const [provider, setProvider] = React.useState(null), context = useMediaContext$1();
+  const [provider, setProvider] = React.useState(null), context = useMediaContext();
   if (!context) {
     throw Error(
       "[vidstack] no media context was found - was this called outside of `<MediaPlayer>`?"
@@ -552,7 +441,7 @@ function useAudioGainOptions({
   gains = DEFAULT_AUDIO_GAINS,
   disabledLabel = "disabled"
 } = {}) {
-  const media = useMediaContext$1(), { audioGain, canSetAudioGain } = media.$state;
+  const media = useMediaContext(), { audioGain, canSetAudioGain } = media.$state;
   useSignal(audioGain);
   useSignal(canSetAudioGain);
   return React.useMemo(() => {
@@ -584,4 +473,4 @@ function useAudioGainOptions({
   }, [gains]);
 }
 
-export { caption as Caption, DEFAULT_AUDIO_GAINS, Icon, LibASSTextRenderer, MediaPlayer, MediaPlayerInstance, MediaProvider, MediaProviderInstance, Poster, PosterInstance, TextTrack, ToggleButton, ToggleButtonInstance, Track, createTextTrack, mediaState, useActiveThumbnail, useAudioGainOptions, useMediaContext$1 as useMediaContext, useMediaProvider, useMediaState, useSliderPreview, useState, useStore, useThumbnails };
+export { caption as Caption, Icon, MediaPlayer, MediaPlayerInstance, MediaProvider, MediaProviderInstance, Poster, PosterInstance, ToggleButton, ToggleButtonInstance, Track, createTextTrack, useActiveThumbnail, useAudioGainOptions, useMediaContext, useMediaProvider, useMediaState, useSliderPreview, useState, useStore, useThumbnails };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hanifhan1f/vidstack-react",
   "description": "UI component library for building high-quality, accessible video and audio experiences on the web.",
-  "version": "1.12.26",
+  "version": "1.12.30",
   "license": "MIT",
   "type": "module",
   "types": "index.d.ts",