react-riyils 1.0.1 → 2.0.0

package/dist/src/index.d.ts

@@ -1,55 +1,26 @@
 import React from 'react';
-import type { Swiper as SwiperType } from 'swiper';
-import type { Video } from './riyils-viewer';
+import { type Video } from './riyils-viewer';
 import './video-swiper.css';
 import 'swiper/css';
-import 'swiper/css/navigation';
 import 'swiper/css/effect-coverflow';
-export { RiyilsViewer, type Video, type RiyilsTranslations, type RiyilsViewerProps } from './riyils-viewer';
+import 'swiper/css/virtual';
 export interface ReactRiyilsTranslations {
-    watchFullVideo: string;
-    videoProgress: string;
+    ctaButton: string;
+    carouselAriaLabel: string;
+    slideActiveAriaLabel: string;
+    slideInactiveAriaLabel: string;
 }
 export declare const defaultReactRiyilsTranslations: ReactRiyilsTranslations;
-export declare const VIDEO_DURATION_LIMIT = 10;
-export declare const PRELOAD_DISTANCE = 1;
-export declare const CONTAINER_HEIGHT_MOBILE = 380;
-export declare const CONTAINER_HEIGHT_DESKTOP = 500;
-export declare const PREVIEW_DURATION = 2;
-export declare const getPreloadStrategy: (index: number, activeIndex: number, preloadDist: number) => string;
-export declare const handleVideoPlayWithFallback: (video: HTMLVideoElement, hasInteracted: boolean, setHasInteracted: (value: boolean) => void) => void;
-export declare const safePlayVideo: (video: HTMLVideoElement) => void;
 export interface ReactRiyilsProps {
     readonly videos: Video[];
-    readonly currentIndex: number;
+    readonly currentIndex?: number;
     readonly onVideoClick: (index: number) => void;
     readonly onVideoChange: (index: number) => void;
-    readonly translations?: ReactRiyilsTranslations;
+    readonly translations?: Partial<ReactRiyilsTranslations>;
     readonly containerHeightMobile?: number;
     readonly containerHeightDesktop?: number;
-    readonly progressBarColor?: string;
-    readonly videoDurationLimit?: number;
-    readonly preloadDistance?: number;
-    readonly previewDuration?: number;
     readonly autoPlay?: boolean;
 }
-export declare function ReactRiyils({ videos, currentIndex, onVideoClick, onVideoChange, translations, containerHeightMobile, containerHeightDesktop, progressBarColor, videoDurationLimit, preloadDistance, previewDuration, autoPlay, }: Readonly<ReactRiyilsProps>): React.JSX.Element;
-export declare function useVideoPreload(videoRefs: React.MutableRefObject<(HTMLVideoElement | null)[]>, activeIndex: number, preloadDistance?: number): void;
-export declare function useVideoControls(videoElement: HTMLVideoElement | null, isActive: boolean, autoPlay?: boolean): {
-    isPlaying: boolean;
-    progress: number;
-    play: () => Promise<void> | undefined;
-    pause: () => void | undefined;
-    togglePlay: () => void | Promise<void>;
-    seek: (time: number) => void;
-};
-export declare function useSwiperControl(initialIndex?: number): {
-    swiperRef: React.MutableRefObject<SwiperType | null>;
-    currentIndex: number;
-    setCurrentIndex: React.Dispatch<React.SetStateAction<number>>;
-    goToSlide: (index: number, speed?: number) => void;
-    nextSlide: () => void;
-    prevSlide: () => void;
-    updateSlider: () => void;
-};
+export declare function ReactRiyils({ videos, currentIndex, onVideoClick, onVideoChange, translations, containerHeightMobile, containerHeightDesktop, autoPlay, }: Readonly<ReactRiyilsProps>): React.JSX.Element;
+export { RiyilsViewer, defaultRiyilsTranslations, type Video, type RiyilsTranslations, type RiyilsViewerProps } from './riyils-viewer';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,YAAY,CAAC;AACpB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,YAAY,EAAE,KAAK,KAAK,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE5G,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,8BAA8B,EAAE,uBAG5C,CAAC;AAEF,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,aAAa,MAAM,EAAE,aAAa,MAAM,KAAG,MAM5F,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,OAAO,gBAAgB,EACvB,eAAe,OAAO,EACtB,kBAAkB,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,SAe3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,gBAAgB,SAEpD,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;IACzB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IAChD,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IACxC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IACzC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAA6C,EAC7C,qBAA+C,EAC/C,sBAAiD,EACjD,gBAA4B,EAC5B,kBAAyC,EACzC,eAAkC,EAClC,eAAkC,EAClC,QAAe,GAChB,EAAE,QAAQ,CAAC,gBAAgB,CAAC,qBA+W5B;AAGD,wBAAgB,eAAe,CAC7B,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,CAAC,EAC9D,WAAW,EAAE,MAAM,EACnB,eAAe,GAAE,MAAyB,QAgB3C;AAED,wBAAgB,gBAAgB,CAC9B,YAAY,EAAE,gBAAgB,GAAG,IAAI,EACrC,QAAQ,EAAE,OAAO,EACjB,QAAQ,GAAE,OAAc;;;;;;iBAmCJ,MAAM;EAK3B;AAED,wBAAgB,gBAAgB,CAAC,YAAY,GAAE,MAAU;;;;uBAI7B,MAAM,UAAU,MAAM;;;;EAyBjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAMjF,OAAO,EACL,KAAK,KAAK,EACX,MAAM,iBAAiB,CAAC;AAEzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,YAAY,CAAC;AACpB,OAAO,6BAA6B,CAAC;AACrC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,8BAA8B,EAAE,uBAK5C,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACzD,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IACxC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AA+ED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,YAAgB,EAChB,YAAY,EACZ,aAAa,EACb,YAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,QAAe,GAChB,EAAE,QAAQ,CAAC,gBAAgB,CAAC,qBA2H5B;AAED,OAAO,EACL,YAAY,EACZ,yBAAyB,EACzB,KAAK,KAAK,EACV,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACvB,MAAM,iBAAiB,CAAC"}

package/dist/src/riyils-viewer.d.ts

@@ -1,26 +1,26 @@
 import React from 'react';
 import 'swiper/css';
+import 'swiper/css/virtual';
 export interface Video {
     id: string;
     videoUrl: string;
     thumbnailUrl?: string;
     duration?: number;
+    captionUrl?: string;
 }
 export interface RiyilsTranslations {
-    swipe: string;
     close: string;
-    mute: string;
-    unmute: string;
     speedIndicator: string;
-    videoViewer: string;
-    videoInteractionArea: string;
+    forward: string;
+    rewind: string;
 }
+export declare const defaultRiyilsTranslations: RiyilsTranslations;
 export interface RiyilsViewerProps {
     readonly videos: Video[];
     readonly initialIndex?: number;
-    readonly onClose?: () => void;
+    readonly onClose: () => void;
     readonly onVideoChange?: (index: number) => void;
-    readonly translations?: RiyilsTranslations;
+    readonly translations?: Partial<RiyilsTranslations>;
     readonly progressBarColor?: string;
 }
 export declare function RiyilsViewer({ videos, initialIndex, onClose, onVideoChange, translations, progressBarColor, }: Readonly<RiyilsViewerProps>): React.JSX.Element;

package/dist/src/riyils-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"riyils-viewer.d.ts","sourceRoot":"","sources":["../../src/riyils-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAYD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAC3C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,YAAgB,EAChB,OAAO,EACP,aAAa,EACb,YAAkC,EAClC,gBAA4B,GAC7B,EAAE,QAAQ,CAAC,iBAAiB,CAAC,qBAkW7B"}
+{"version":3,"file":"riyils-viewer.d.ts","sourceRoot":"","sources":["../../src/riyils-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAgBjF,OAAO,YAAY,CAAC;AACpB,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,yBAAyB,EAAE,kBAKvC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACpD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CACpC;AAwBD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,YAAgB,EAChB,OAAO,EACP,aAAa,EACb,YAAiB,EACjB,gBAAyB,GAC1B,EAAE,QAAQ,CAAC,iBAAiB,CAAC,qBAoY7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-riyils",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "A React component library for creating Instagram/TikTok-style vertical video swiper",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",