@hanifhan1f/vidstack 1.12.13 → 1.12.18

package/src/elements/lit/directives/signal.ts

@@ -1,80 +0,0 @@
-import { nothing } from 'lit-html';
-import { AsyncDirective, directive, PartType, type PartInfo } from 'lit-html/async-directive.js';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { computed, effect, peek, type ReadSignal, type StopEffect } from 'maverick.js';
-
-class SignalDirective extends AsyncDirective {
-  #signal: ReadSignal<any> | null = null;
-  #isAttr = false;
-  #stop: StopEffect | null = null;
-
-  constructor(part: PartInfo) {
-    super(part);
-    this.#isAttr = part.type === PartType.ATTRIBUTE || part.type === PartType.BOOLEAN_ATTRIBUTE;
-  }
-
-  render(signal: ReadSignal<any> | null) {
-    if (signal !== this.#signal) {
-      this.disconnected();
-      this.#signal = signal;
-      if (this.isConnected) this.#watch();
-    }
-
-    return this.#signal ? this.#resolveValue(peek(this.#signal)) : nothing;
-  }
-
-  override reconnected() {
-    this.#watch();
-  }
-
-  override disconnected() {
-    this.#stop?.();
-    this.#stop = null;
-  }
-
-  #watch() {
-    if (!this.#signal) return;
-    this.#stop = effect(this.#onValueChange.bind(this));
-  }
-
-  #resolveValue(value: any) {
-    return this.#isAttr ? ifDefined(value) : value;
-  }
-
-  #setValue(value: any) {
-    this.setValue(this.#resolveValue(value));
-  }
-
-  #onValueChange() {
-    if (__DEV__) {
-      try {
-        this.#setValue(this.#signal?.());
-      } catch (error) {
-        if (
-          error instanceof Error &&
-          error.message.includes('This `ChildPart` has no `parentNode`')
-        ) {
-          const svelteDynamicImportExample = [
-            "{#await import('./Player.svelte') then {default: Player}}",
-            '  <svelte:component this={Player} />',
-            '{/await}',
-          ].join('\n');
-
-          console.warn(
-            `[vidstack] Failed to render most likely due to a hydration issue with your framework.` +
-              ` Dynamically importing the player should resolve the issue.` +
-              `\n\nSvelte Example:\n\n${svelteDynamicImportExample}`,
-          );
-        } else {
-          console.error(error);
-        }
-      }
-    } else {
-      this.#setValue(this.#signal?.());
-    }
-  }
-}
-
-export function $signal(compute: () => any): any {
-  return directive(SignalDirective)(computed(compute));
-}

package/src/elements/lit/html.ts

@@ -1,11 +0,0 @@
-import { html } from 'lit-html';
-import { isReadSignal } from 'maverick.js';
-
-import { $signal } from './directives/signal';
-
-/**
- * Extends `lit-html` by setting all signal values as a `SignalDirective`.
- */
-export const $html = (strings: TemplateStringsArray, ...values: any[]) => {
-  return html(strings, ...values.map((val) => (isReadSignal(val) ? $signal(val) : val)));
-};

package/src/elements/lit/lit-element.ts

@@ -1,23 +0,0 @@
-import { render } from 'lit-html';
-
-export class LitElement extends HTMLElement {
-  rootPart: any = null;
-
-  connectedCallback() {
-    this.rootPart = render((this as unknown as LitRenderer).render(), this, {
-      renderBefore: this.firstChild,
-    });
-
-    this.rootPart.setConnected(true);
-  }
-
-  disconnectedCallback() {
-    this.rootPart?.setConnected(false);
-    this.rootPart = null;
-    render(null, this);
-  }
-}
-
-export interface LitRenderer {
-  render(): any;
-}

package/src/elements/state-controller.ts

@@ -1,48 +0,0 @@
-import { effect, onDispose, type ReadSignal } from 'maverick.js';
-
-import { requestScopedAnimationFrame } from '../utils/dom';
-
-export class StateController {
-  #el: HTMLElement | null;
-  #states: ReadSignal<Record<string, boolean>>;
-
-  constructor(el: HTMLElement | null, states: ReadSignal<Record<string, boolean>>) {
-    this.#el = el;
-    this.#states = states;
-
-    if (this.#el) this.#observe(this.#el);
-
-    onDispose(() => {
-      this.#el = null;
-    });
-
-    requestScopedAnimationFrame(() => {
-      const tooltip = this.#getTooltip();
-      if (tooltip) this.#observe(tooltip);
-    });
-  }
-
-  #getTooltip() {
-    if (!this.#el) return;
-
-    const describedBy =
-      this.#el.getAttribute('aria-describedby') ?? this.#el.getAttribute('data-describedby');
-
-    return describedBy && document.getElementById(describedBy);
-  }
-
-  #observe(root: HTMLElement) {
-    effect(this.#update.bind(this, root));
-  }
-
-  #update(root: HTMLElement) {
-    const states = this.#states();
-    for (const state of Object.keys(states)) {
-      const el = root.querySelector<HTMLElement>(`[data-state="${state}"]`);
-      if (el) {
-        const display = el.localName === 'slot' ? 'contents' : 'inline-block';
-        el.style.display = !states[state] ? 'none' : display;
-      }
-    }
-  }
-}

package/src/exports/components.ts

@@ -1,79 +0,0 @@
-export * from '../components/player';
-export * from '../components/provider/provider';
-export * from '../components/aria/announcer';
-
-// Controls
-export * from '../components/ui/controls';
-export * from '../components/ui/controls-group';
-
-// Buttons
-export * from '../components/ui/tooltip/tooltip';
-export * from '../components/ui/tooltip/tooltip-trigger';
-export * from '../components/ui/tooltip/tooltip-content';
-export * from '../components/ui/buttons/toggle-button';
-export * from '../components/ui/buttons/airplay-button';
-export * from '../components/ui/buttons/google-cast-button';
-export * from '../components/ui/buttons/play-button';
-export * from '../components/ui/buttons/caption-button';
-export * from '../components/ui/buttons/fullscreen-button';
-export * from '../components/ui/buttons/mute-button';
-export * from '../components/ui/buttons/pip-button';
-export * from '../components/ui/buttons/seek-button';
-export * from '../components/ui/buttons/live-button';
-
-// Slider
-export type * from '../components/ui/sliders/slider/api/events';
-export type * from '../components/ui/sliders/slider/api/cssvars';
-export * from '../components/ui/sliders/slider/api/state';
-export * from '../components/ui/sliders/slider/slider';
-export * from '../components/ui/sliders/slider/slider-controller';
-export * from '../components/ui/sliders/slider/types';
-export * from '../components/ui/sliders/slider-thumbnail';
-export * from '../components/ui/sliders/slider-video';
-export * from '../components/ui/sliders/slider-value';
-export * from '../components/ui/sliders/slider-preview';
-export * from '../components/ui/sliders/volume-slider';
-export * from '../components/ui/sliders/audio-gain-slider';
-export * from '../components/ui/sliders/speed-slider';
-export * from '../components/ui/sliders/quality-slider';
-export * from '../components/ui/sliders/time-slider/time-slider';
-export * from '../components/ui/sliders/time-slider/slider-chapters';
-export { sliderContext, type SliderContext } from '../components/ui/sliders/slider/slider-context';
-
-// Menu
-export * from '../components/ui/menu/menu';
-export * from '../components/ui/menu/menu-button';
-export * from '../components/ui/menu/menu-item';
-export * from '../components/ui/menu/menu-portal';
-export * from '../components/ui/menu/menu-items';
-export * from '../components/ui/menu/radio/radio-group';
-export * from '../components/ui/menu/radio/radio';
-export * from '../components/ui/menu/radio-groups/chapters-radio-group';
-export * from '../components/ui/menu/radio-groups/audio-radio-group';
-export * from '../components/ui/menu/radio-groups/audio-gain-radio-group';
-export * from '../components/ui/menu/radio-groups/captions-radio-group';
-export * from '../components/ui/menu/radio-groups/speed-radio-group';
-export * from '../components/ui/menu/radio-groups/quality-radio-group';
-
-// Media UI
-export * from '../components/ui/gesture';
-
-// Display
-export * from '../components/ui/captions/captions';
-export * from '../components/ui/poster';
-export * from '../components/ui/time';
-export * from '../components/ui/thumbnails/thumbnail';
-export * from '../components/ui/thumbnails/thumbnail-loader';
-
-// Layouts
-export type { DefaultLayoutProps } from '../components/layouts/default/props';
-export type {
-  DefaultLayoutWord,
-  DefaultLayoutTranslations,
-} from '../components/layouts/default/translations';
-export type { PlyrLayoutProps, PlyrMarker, PlyrControl } from '../components/layouts/plyr/props';
-export type {
-  PlyrLayoutWord,
-  PlyrLayoutTranslations,
-} from '../components/layouts/plyr/translations';
-export { usePlyrLayoutClasses } from '../components/layouts/plyr/plyr-layout';

package/src/exports/core.ts

@@ -1,41 +0,0 @@
-// API
-export type * from '../core/api/media-events';
-export type * from '../core/api/media-request-events';
-export type * from '../core/api/types';
-export * from '../core/api/src-types';
-export * from '../core/api/player-state';
-export * from '../core/api/player-events';
-export { type MediaContext, mediaContext } from '../core/api/media-context';
-export type { MediaPlayerProps, MediaStateAccessors, PlayerSrc } from '../core/api/player-props';
-
-// State
-export { MediaRemoteControl } from '../core/state/remote-control';
-export {
-  type MediaStorage,
-  LocalMediaStorage,
-  type SerializedVideoQuality,
-} from '../core/state/media-storage';
-
-// Tracks
-export * from '../core/tracks/audio/audio-tracks';
-export * from '../core/tracks/text/render/libass-text-renderer';
-export * from '../core/tracks/text/render/text-renderer';
-export * from '../core/tracks/text/text-track';
-export * from '../core/tracks/text/text-tracks';
-export * from '../core/tracks/text/utils';
-export type * from '../core/tracks/audio/events';
-export type * from '../core/tracks/text/events';
-
-// Quality
-export * from '../core/quality/video-quality';
-export type * from '../core/quality/events';
-export * from '../core/quality/utils';
-
-// Keyboard
-export type * from '../core/keyboard/types';
-export { MEDIA_KEY_SHORTCUTS } from '../core/keyboard/controller';
-export { ARIAKeyShortcuts } from '../core/keyboard/aria-shortcuts';
-
-// Misc
-export * from '../core/time-ranges';
-export { MediaControls } from '../core/controls';

package/src/exports/events.ts

@@ -1,46 +0,0 @@
-export type * from '../core/api/media-events';
-export type * from '../core/api/media-request-events';
-export type * from '../core/api/player-events';
-export type * from '../core/tracks/audio/events';
-export type * from '../core/tracks/text/events';
-export type * from '../core/quality/events';
-
-export type * from '../foundation/fullscreen/events';
-export type * from '../foundation/logger/events';
-export type * from '../foundation/orientation/events';
-
-export type * from '../providers/hls/events';
-export type * from '../providers/dash/events';
-export type * from '../providers/google-cast/events';
-export type * from '../providers/video/presentation/events';
-
-export type * from '../components/ui/sliders/slider/api/events';
-
-export type { AirPlayButtonEvents } from '../components/ui/buttons/airplay-button';
-export type { AudioGainSliderEvents } from '../components/ui/sliders/audio-gain-slider';
-export type { CaptionButtonEvents } from '../components/ui/buttons/caption-button';
-export type { ControlsEvents, ControlsChangeEvent } from '../components/ui/controls';
-export type { FullscreenButtonEvents } from '../components/ui/buttons/fullscreen-button';
-export type {
-  GestureEvent,
-  GestureEventType,
-  GestureEvents,
-  GestureTriggerEvent,
-  GestureWillTriggerEvent,
-} from '../components/ui/gesture';
-export type { GoogleCastButtonEvents } from '../components/ui/buttons/google-cast-button';
-export type { MediaAnnouncerEvents } from '../components/aria/announcer';
-export type { MuteButtonEvents } from '../components/ui/buttons/mute-button';
-export type { PIPButtonEvents } from '../components/ui/buttons/pip-button';
-export type { PlayButtonEvents } from '../components/ui/buttons/play-button';
-export type { QualitySliderEvents } from '../components/ui/sliders/quality-slider';
-export type { RadioChangeEvent, RadioSelectEvent } from '../components/ui/menu/radio/radio';
-export type { SeekButtonEvents } from '../components/ui/buttons/seek-button';
-export type {
-  SliderVideoEvents,
-  SliderVideoErrorEvent,
-  SliderVideoCanPlayEvent,
-} from '../components/ui/sliders/slider-video';
-export type { SpeedSliderEvents } from '../components/ui/sliders/speed-slider';
-export type { TimeSliderEvents } from '../components/ui/sliders/time-slider/time-slider';
-export type { VolumeSliderEvents } from '../components/ui/sliders/volume-slider';

package/src/exports/font.ts

@@ -1,3 +0,0 @@
-// Font
-export * from '../core/font/font-options';
-export { updateFontCssVars } from '../core/font/font-vars';

package/src/exports/foundation.ts

@@ -1,8 +0,0 @@
-export { Logger } from '../foundation/logger/controller';
-export * from '../foundation/list/list';
-export * from '../foundation/fullscreen/controller';
-export * from '../foundation/fullscreen/events';
-export * from '../foundation/logger/events';
-export * from '../foundation/orientation/controller';
-export * from '../foundation/orientation/events';
-export * from '../foundation/orientation/types';

package/src/exports/maverick.ts

@@ -1,9 +0,0 @@
-export {
-  hasTriggerEvent,
-  walkTriggerEventChain,
-  findTriggerEvent,
-  appendTriggerEvent,
-  isPointerEvent,
-  isKeyboardClick,
-  isKeyboardEvent,
-} from 'maverick.js/std';

package/src/exports/providers.ts

@@ -1,42 +0,0 @@
-export type {
-  AnyMediaProvider,
-  MediaProviderAdapter,
-  MediaFullscreenAdapter,
-  MediaProviderLoader,
-} from '../providers/types';
-
-export * from '../providers/type-check';
-
-// Audio
-export { AudioProviderLoader } from '../providers/audio/loader';
-export type { AudioProvider } from '../providers/audio/provider';
-
-// Video
-export type * from '../providers/video/presentation/events';
-export { VideoProviderLoader } from '../providers/video/loader';
-export type { VideoProvider } from '../providers/video/provider';
-
-// HLS
-export type * from '../providers/hls/events';
-export type * from '../providers/hls/types';
-export type { HLSProvider } from '../providers/hls/provider';
-export { HLSProviderLoader } from '../providers/hls/loader';
-
-// DASH
-export type * from '../providers/dash/events';
-export type * from '../providers/dash/types';
-export { DASHProviderLoader } from '../providers/dash/loader';
-export type { DASHProvider } from '../providers/dash/provider';
-
-// Google Cast
-export type { GoogleCastLoader } from '../providers/google-cast/loader';
-export type { GoogleCastProvider } from '../providers/google-cast/provider';
-export type * from '../providers/google-cast/events';
-
-// Vimeo
-export { VimeoProviderLoader } from '../providers/vimeo/loader';
-export type { VimeoProvider } from '../providers/vimeo/provider';
-
-// YouTube
-export { YouTubeProviderLoader } from '../providers/youtube/loader';
-export type { YouTubeProvider } from '../providers/youtube/provider';

package/src/exports/utils.ts

@@ -1,18 +0,0 @@
-// Network
-export { getDownloadFile, type FileDownloadInfo } from '../utils/network';
-
-// Time
-export { formatTime, formatSpokenTime } from '../utils/time';
-
-// MIME
-export * from '../utils/mime';
-
-// Support
-export {
-  canChangeVolume,
-  canOrientScreen,
-  canPlayHLSNatively,
-  canUsePictureInPicture,
-  canUseVideoPresentation,
-  canRotateScreen,
-} from '../utils/support';

package/src/foundation/fullscreen/controller.ts

@@ -1,128 +0,0 @@
-import fscreen from 'fscreen';
-import { onDispose, ViewController } from 'maverick.js';
-import { EventsController, listenEvent } from 'maverick.js/std';
-
-import type { FullscreenEvents } from './events';
-
-const CAN_FULLSCREEN = fscreen.fullscreenEnabled;
-
-export class FullscreenController
-  extends ViewController<{}, {}, FullscreenEvents>
-  implements FullscreenAdapter
-{
-  /**
-   * Tracks whether we're the active fullscreen event listener. Fullscreen events can only be
-   * listened to globally on the document so we need to know if they relate to the current host
-   * element or not.
-   */
-  #listening = false;
-
-  #active = false;
-
-  get active() {
-    return this.#active;
-  }
-
-  get supported() {
-    return CAN_FULLSCREEN;
-  }
-
-  protected override onConnect() {
-    new EventsController(fscreen as unknown as EventTarget)
-      .add('fullscreenchange', this.#onChange.bind(this))
-      .add('fullscreenerror', this.#onError.bind(this));
-
-    onDispose(this.#onDisconnect.bind(this));
-  }
-
-  async #onDisconnect() {
-    if (CAN_FULLSCREEN) await this.exit();
-  }
-
-  #onChange(event: Event) {
-    const active = isFullscreen(this.el);
-    if (active === this.#active) return;
-    if (!active) this.#listening = false;
-    this.#active = active;
-    this.dispatch('fullscreen-change', { detail: active, trigger: event });
-  }
-
-  #onError(event: Event) {
-    if (!this.#listening) return;
-    this.dispatch('fullscreen-error', { detail: null, trigger: event });
-    this.#listening = false;
-  }
-
-  async enter() {
-    try {
-      this.#listening = true;
-      if (!this.el || isFullscreen(this.el)) return;
-      assertFullscreenAPI();
-      return fscreen.requestFullscreen(this.el);
-    } catch (error) {
-      this.#listening = false;
-      throw error;
-    }
-  }
-
-  async exit() {
-    if (!this.el || !isFullscreen(this.el)) return;
-    assertFullscreenAPI();
-    return fscreen.exitFullscreen();
-  }
-}
-
-export function canFullscreen(): boolean {
-  return CAN_FULLSCREEN;
-}
-
-function isFullscreen(host?: HTMLElement | null): boolean {
-  if (fscreen.fullscreenElement === host) return true;
-  try {
-    // Throws in iOS Safari...
-    return host!.matches(
-      // @ts-expect-error - `fullscreenPseudoClass` is missing from `@types/fscreen`.
-      fscreen.fullscreenPseudoClass,
-    );
-  } catch (error) {
-    return false;
-  }
-}
-
-function assertFullscreenAPI() {
-  if (CAN_FULLSCREEN) return;
-  throw Error(
-    __DEV__
-      ? '[vidstack] fullscreen API is not enabled or supported in this environment'
-      : '[vidstack] no fullscreen API',
-  );
-}
-
-export interface FullscreenAdapter {
-  /**
-   * Whether the host element is in fullscreen mode.
-   */
-  readonly active: boolean;
-  /**
-   * Whether the native browser fullscreen API is available, or the current provider can
-   * toggle fullscreen mode. This does not mean that the operation is guaranteed to be successful,
-   * only that it can be attempted.
-   *
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API}
-   */
-  readonly supported: boolean;
-  /**
-   * Request to display the current host element in fullscreen.
-   *
-   * @throws Error - if fullscreen API is not available.
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullscreen}
-   */
-  enter(): Promise<void>;
-  /**
-   * Attempt to exit fullscreen on the current host element.
-   *
-   * @throws Error - if fullscreen API is not available.
-   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Document/exitFullscreen}
-   */
-  exit(): Promise<void>;
-}

package/src/foundation/fullscreen/events.ts

@@ -1,26 +0,0 @@
-import type { DOMEvent } from 'maverick.js/std';
-
-export interface FullscreenEvents {
-  'fullscreen-change': FullscreenChangeEvent;
-  'fullscreen-error': FullscreenErrorEvent;
-}
-
-/**
- * Fired when an element enters/exits fullscreen. The event detail is a `boolean` indicating
- * if fullscreen was entered (`true`) or exited (`false`).
- *
- * @bubbles
- * @composed
- * @detail isFullscreen
- */
-export interface FullscreenChangeEvent extends DOMEvent<boolean> {}
-
-/**
- * Fired when an error occurs either entering or exiting fullscreen. This will generally occur
- * if the user has not interacted with the page yet.
- *
- * @bubbles
- * @composed
- * @detail error
- */
-export interface FullscreenErrorEvent extends DOMEvent<unknown> {}