@hanifhan1f/vidstack-react 1.12.13 → 1.12.15

package/types/react/src/providers/remotion/ui/context.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { type MediaVolumeContextValue, type SetMediaVolumeContextValue, type TimelineContextValue } from 'remotion';
-import type { RemotionSrc } from '../types';
-export declare const REMOTION_PROVIDER_ID = "vds-remotion-provider";
-export interface RemotionContextProviderProps {
-    src: RemotionSrc;
-    component: React.LazyExoticComponent<React.ComponentType<unknown>>;
-    timeline: TimelineContextValue;
-    mediaVolume: MediaVolumeContextValue;
-    setMediaVolume: SetMediaVolumeContextValue;
-    children: React.ReactNode;
-    numberOfSharedAudioTags?: number;
-}
-export declare function RemotionContextProvider({ src: { compositionWidth: width, compositionHeight: height, fps, durationInFrames, numberOfSharedAudioTags, }, component, timeline, mediaVolume, setMediaVolume, children, numberOfSharedAudioTags: providedNumberOfAudioTags, }: RemotionContextProviderProps): React.JSX.Element;
-export declare namespace RemotionContextProvider {
-    var displayName: string;
-}

package/types/react/src/providers/remotion/ui/error-boundary.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-export interface ErrorBoundaryProps {
-    children: React.ReactNode;
-    fallback?: (error: Error) => React.ReactNode;
-    onError?: (error: Error) => void;
-}
-interface ErrorBoundaryState {
-    hasError: Error | null;
-}
-export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    static displayName: string;
-    state: {
-        hasError: Error | null;
-    };
-    static getDerivedStateFromError(hasError: Error): {
-        hasError: Error;
-    };
-    componentDidCatch(error: Error): void;
-    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-}
-export {};

package/types/react/src/providers/remotion/ui/poster.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { type RemotionThumbnailProps } from './thumbnail';
-export interface RemotionPosterProps extends RemotionThumbnailProps {
-}
-/**
- * @attr data-visible - Whether poster should be shown.
- * @docs {@link https://www.vidstack.io/docs/player/components/remotion/remotion-poster}
- * @example
- * ```tsx
- * <MediaPlayer>
- *   <MediaProvider>
- *     <RemotionPoster frame={100} />
- *   </MediaProvider>
- * </MediaPlayer>
- * ```
- */
-declare const RemotionPoster: React.ForwardRefExoticComponent<Omit<RemotionPosterProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default RemotionPoster;

package/types/react/src/providers/remotion/ui/slider-thumbnail.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { type RemotionThumbnailProps } from './thumbnail';
-export interface RemotionSliderThumbnailProps extends Omit<RemotionThumbnailProps, 'frame'> {
-}
-/**
- * @docs {@link https://www.vidstack.io/docs/player/components/remotion/remotion-slider-thumbnail}
- * @example
- * ```tsx
- * <TimeSlider.Root>
- *   <TimeSlider.Preview>
- *     <RemotionSliderThumbnail />
- *   </TimeSlider.Preview>
- * </TimeSlider.Root>
- * ```
- */
-declare const RemotionSliderThumbnail: React.ForwardRefExoticComponent<Omit<RemotionSliderThumbnailProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default RemotionSliderThumbnail;

package/types/react/src/providers/remotion/ui/thumbnail.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { type PrimitivePropsWithRef } from '../../../components/primitives/nodes';
-import type { RemotionErrorRenderer, RemotionLoadingRenderer } from '../types';
-export interface RemotionThumbnailProps extends Omit<PrimitivePropsWithRef<'div'>, 'children' | 'onError'> {
-    /** The video frame to display. */
-    frame: number;
-    /**
-     * A callback function that allows you to return a custom UI that gets displayed while the
-     * thumbnail is loading. If this prop is not provided it will default to the loading renderer
-     * given to the player source.
-     */
-    renderLoading?: RemotionLoadingRenderer;
-    /**
-     * A callback for rendering a custom error message. If this prop is not provided it will default
-     * to the error renderer given to the player source.
-     */
-    errorFallback?: RemotionErrorRenderer;
-    /**
-     * Called when an error or uncaught exception has happened in the video. If this prop is not
-     * provided it will default to the error callback given to the player source.
-     */
-    onError?(error: Error): void;
-}
-/**
- * @docs {@link https://www.vidstack.io/docs/player/components/remotion/remotion-thumbnail}
- * @example
- * ```tsx
- * <RemotionThumbnail frame={100} />
- * ```
- */
-declare const RemotionThumbnail: React.ForwardRefExoticComponent<Omit<RemotionThumbnailProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default RemotionThumbnail;

package/types/react/src/providers/remotion/validate.d.ts

@@ -1,12 +0,0 @@
-import { NoReactInternals } from 'remotion/no-react';
-import type { RemotionSrc } from './types';
-export declare function validateRemotionResource({ src, compositionWidth: width, compositionHeight: height, fps, durationInFrames, initialFrame, inFrame, outFrame, numberOfSharedAudioTags, }: RemotionSrc): void;
-export declare const validateFps: typeof NoReactInternals.validateFps;
-export declare const validateDimension: typeof NoReactInternals.validateDimension;
-export declare const validateDurationInFrames: typeof NoReactInternals.validateDurationInFrames;
-export declare function validateInitialFrame(initialFrame: number | undefined, frames: number): void;
-export declare function validateSingleFrame(frame: unknown, variableName: string): number | null;
-export declare function validateInOutFrames(inFrame: number | undefined | null, outFrame: number | undefined | null, frames: number): void;
-export declare function validateSharedNumberOfAudioTags(tags: number | undefined): void;
-export declare function validatePlaybackRate(playbackRate: number): void;
-export declare function validateComponent(src: RemotionSrc['src']): void;

package/types/react/src/source.d.ts

@@ -1,3 +0,0 @@
-import type { PlayerSrc as BasePlayerSrc } from 'vidstack';
-import type { RemotionSrc } from './providers/remotion/types';
-export type PlayerSrc = BasePlayerSrc | RemotionSrc;

package/types/react/src/utils.d.ts

@@ -1,3 +0,0 @@
-import type { VTTCue } from 'media-captions';
-export declare function createVTTCue(startTime?: number, endTime?: number, text?: string): VTTCue;
-export declare function appendParamsToURL(baseUrl: string, params: Record<string, any>): string;

package/types/vidstack/src/core/api/src-types.d.ts

@@ -1,50 +0,0 @@
-import type { SetRequired } from 'type-fest';
-export type MediaSrc = string | AudioSrc | VideoSrc | HLSSrc | DASHSrc | YouTubeSrc | VimeoSrc;
-export type MediaSrcObject = MediaStream | MediaSource | Blob;
-export type HTMLMediaSrc = string | MediaSrcObject;
-export interface Src<T = unknown> {
-    src: T;
-    type: string;
-}
-export interface AudioSrc extends AudioSrcMeta {
-    src: HTMLMediaSrc;
-    type: AudioMimeType;
-}
-export type AudioMimeType = 'audio/mpeg' | 'audio/ogg' | 'audio/3gp' | 'audio/mp3' | 'audio/webm' | 'audio/flac' | 'audio/object';
-export interface AudioSrcMeta {
-    id?: string;
-    bitrate?: number;
-    channels?: number;
-}
-export interface VideoSrc extends VideoSrcMeta {
-    src: HTMLMediaSrc;
-    type: VideoMimeType;
-}
-export type VideoMimeType = 'video/mp4' | 'video/webm' | 'video/3gp' | 'video/ogg' | 'video/avi' | 'video/mpeg' | 'video/object';
-export interface VideoSrcMeta {
-    id?: string;
-    width?: number;
-    height?: number;
-    bitrate?: number;
-    framerate?: number;
-    codec?: string;
-}
-export interface HLSSrc {
-    src: string;
-    type: HLSMimeType;
-}
-export type HLSMimeType = 'application/vnd.apple.mpegurl' | 'audio/mpegurl' | 'audio/x-mpegurl' | 'application/x-mpegurl' | 'video/x-mpegurl' | 'video/mpegurl' | 'application/mpegurl';
-export interface DASHSrc {
-    src: string;
-    type: DASHMimeType;
-}
-export type DASHMimeType = 'application/dash+xml';
-export interface YouTubeSrc {
-    src: string;
-    type: 'video/youtube';
-}
-export interface VimeoSrc {
-    src: string;
-    type: 'video/vimeo';
-}
-export declare function isVideoQualitySrc(src: Src): src is SetRequired<VideoSrc, 'width' | 'height'>;

package/types/vidstack/src/utils/mime.d.ts

@@ -1,15 +0,0 @@
-import type { Src } from '../core/api/src-types';
-export declare const AUDIO_EXTENSIONS: RegExp;
-export declare const AUDIO_TYPES: Set<string>;
-export declare const VIDEO_EXTENSIONS: RegExp;
-export declare const VIDEO_TYPES: Set<string>;
-export declare const HLS_VIDEO_EXTENSIONS: RegExp;
-export declare const DASH_VIDEO_EXTENSIONS: RegExp;
-export declare const HLS_VIDEO_TYPES: Set<string>;
-export declare const DASH_VIDEO_TYPES: Set<string>;
-export declare function isAudioSrc({ src, type }: Src): boolean;
-export declare function isVideoSrc(src: Src): boolean;
-export declare function isHLSSrc({ src, type }: Src): boolean;
-export declare function isDASHSrc({ src, type }: Src): boolean;
-export declare function canGoogleCastSrc(src: Src): boolean;
-export declare function isMediaStream(src: unknown): src is MediaStream;

package/types/vidstack/src/utils/network.d.ts

@@ -1,17 +0,0 @@
-import type { Src } from '../core/api/src-types';
-export declare function appendParamsToURL(baseUrl: string, params: Record<string, any>): string;
-export declare function preconnect(url: string, rel?: 'preconnect' | 'prefetch' | 'preload'): boolean;
-export declare function loadScript(src: string): Promise<void>;
-export declare function getRequestCredentials(crossOrigin?: string | null): RequestCredentials | undefined;
-export type FileDownloadInfo = boolean | string | {
-    url: string;
-    filename: string;
-} | null;
-export declare function getDownloadFile({ title, src, download, }: {
-    src: Src;
-    title: string;
-    download?: FileDownloadInfo;
-}): {
-    url: unknown;
-    name: string;
-} | null;

package/types/vidstack/src/utils/support.d.ts

@@ -1,72 +0,0 @@
-export declare const UA: string;
-export declare const IS_IOS: boolean;
-export declare const IS_IPHONE: boolean;
-export declare const IS_CHROME: boolean;
-export declare const IS_IOS_CHROME: boolean;
-export declare const IS_SAFARI: boolean;
-/**
- * Returns the current Android OS version. Defaults to `0` if unknown.
- */
-export declare function getAndroidVersion(): number;
-/**
- * Checks whether the `IntersectionObserver` API is available.
- */
-export declare function canObserveIntersection(): boolean;
-/**
- * Checks if the ScreenOrientation API is available.
- *
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation}
- */
-export declare function canOrientScreen(): boolean;
-/**
- * Checks if the screen orientation can be changed.
- *
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation}
- */
-export declare function canRotateScreen(): boolean;
-/**
- * Reduced motion iOS & MacOS setting.
- *
- * @see {@link https://webkit.org/blog/7551/responsive-design-for-motion/}
- */
-export declare function isReducedMotionPreferred(): boolean;
-export declare function canPlayAudioType(audio: HTMLAudioElement | null, type: string): boolean;
-export declare function canPlayVideoType(video: HTMLVideoElement | null, type: string): boolean;
-/**
- * Checks if the native HTML5 video player can play HLS.
- */
-export declare function canPlayHLSNatively(video?: HTMLVideoElement | null): boolean;
-/**
- * Checks if the native HTML5 video player can enter picture-in-picture (PIP) mode when using
- * the Chrome browser.
- *
- * @see {@link https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture}
- */
-export declare function canUsePictureInPicture(video: HTMLVideoElement | null): boolean;
-/**
- * Checks if the native HTML5 video player can use the presentation API in Safari.
- *
- * @see {@link https://developer.apple.com/documentation/webkitjs/htmlvideoelement/1631913-webkitpresentationmode}
- */
-export declare function canUseVideoPresentation(video: HTMLVideoElement | null): boolean;
-export declare function canChangeVolume(): Promise<boolean>;
-/**
- * @see {@link https://github.com/video-dev/hls.js/blob/master/src/is-supported.ts}
- */
-export declare function getMediaSource(): typeof MediaSource | undefined;
-/**
- * @see {@link https://github.com/video-dev/hls.js/blob/master/src/is-supported.ts}
- */
-export declare function getSourceBuffer(): typeof SourceBuffer | undefined;
-/**
- * Whether `hls.js` is supported in this environment. Checks whether `MediaSource` or
- * `ManagedMediaSource` and a valid `SourceBuffer` API are available.
- *
- * @see {@link https://github.com/video-dev/hls.js/blob/master/src/is-supported.ts}
- */
-export declare function isHLSSupported(): boolean;
-/**
- * Whether `dashjs` is supported in this environment. Checks whether `MediaSource` or
- * `ManagedMediaSource` and a valid `SourceBuffer` API are available.
- */
-export declare function isDASHSupported(): boolean;

package/vite.config.ts

@@ -1,23 +0,0 @@
-import path from 'node:path';
-
-import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  define: {
-    __DEV__: 'true',
-    __SERVER__: 'false',
-  },
-  plugins: [
-    {
-      name: 'ts-paths',
-      enforce: 'pre',
-    },
-    react(),
-  ],
-  optimizeDeps: {
-    noDiscovery: true,
-    include: ['react', 'react-dom', 'react-dom/client'],
-  },
-});