@zezosoft/react-player 0.0.5 → 0.0.6

package/dist/store/VideoState.d.ts

@@ -1,74 +1,2 @@
-import Hls from "hls.js";
-import { Dispatch, SetStateAction } from "react";
-interface VideoState {
-    videoRef: HTMLVideoElement | null;
-    setVideoRef: (ref: HTMLVideoElement) => void;
-    playing: boolean | ((prevState: boolean) => boolean);
-    setPlaying: Dispatch<SetStateAction<boolean>>;
-    videoWrapperRef: HTMLDivElement | null;
-    setVideoWrapperRef: (ref: HTMLDivElement) => void;
-    isBuffering?: boolean;
-    setIsBuffering: (isBuffering: boolean) => void;
-    isPlaying: boolean;
-    setIsPlaying: (isPlaying: boolean) => void;
-    muted: boolean;
-    setMuted: (muted: boolean) => void;
-    volume: number;
-    setVolume: (volume: number) => void;
-    controls: boolean;
-    setControls: (controls: boolean) => void;
-    currentTime: number;
-    setCurrentTime: (currentTime: number) => void;
-    duration: number;
-    setDuration: (duration: number) => void;
-    isFullscreen: boolean;
-    setIsFullscreen: (isFullscreen: boolean) => void;
-    hlsInstance?: Hls;
-    setHlsInstance: (hlsInstance: Hls) => void;
-    qualityLevels?: Hls["levels"];
-    setQualityLevels: (qualityLevels: Hls["levels"]) => void;
-    activeQuality?: string;
-    setActiveQuality: (activeQuality: string) => void;
-    activeSubtitle?: {
-        lang: string;
-        label: string;
-        url: string;
-    } | null;
-    setActiveSubtitle: (subtitle: {
-        lang: string;
-        label: string;
-        url: string;
-    } | null) => void;
-    subtitles: {
-        lang: string;
-        label: string;
-        url: string;
-    }[];
-    setSubtitles: (subtitles: {
-        lang: string;
-        label: string;
-        url: string;
-    }[]) => void;
-    showIntroSkip: boolean;
-    setShowIntroSkip: (show: boolean) => void;
-    autoPlayNext: boolean;
-    setAutoPlayNext: (value: boolean) => void;
-    episodeList: {
-        id: number;
-        title: string;
-        url: string;
-    }[];
-    setEpisodeList: (list: {
-        id: number;
-        title: string;
-        url: string;
-    }[]) => void;
-    currentEpisodeIndex: number;
-    setCurrentEpisodeIndex: (index: number) => void;
-    showCountdown: boolean;
-    setShowCountdown: (show: boolean) => void;
-    countdownTime: number;
-    setCountdownTime: (time: number) => void;
-}
+import { VideoState } from "./types/StoreTypes";
 export declare const useVideoStore: import("zustand").UseBoundStore<import("zustand").StoreApi<VideoState>>;
-export {};

package/dist/store/index.d.ts

@@ -0,0 +1,3 @@
+export { useVideoStore } from "./VideoState";
+export type * from "./types/StoreTypes";
+export * from "./slices";

package/dist/store/slices/episodesSlice.d.ts

@@ -0,0 +1,5 @@
+import { StateCreator } from "zustand";
+import { EpisodesState, VideoState } from "../types/StoreTypes";
+export declare const createEpisodesSlice: StateCreator<VideoState, [
+], [
+], EpisodesState>;

package/dist/store/slices/index.d.ts

@@ -0,0 +1,8 @@
+export { createVideoRefsSlice } from "./videoRefsSlice";
+export { createVideoPlaybackSlice } from "./videoPlaybackSlice";
+export { createVideoTimingSlice } from "./videoTimingSlice";
+export { createVideoControlsSlice } from "./videoControlsSlice";
+export { createVideoQualitySlice } from "./videoQualitySlice";
+export { createSubtitlesSlice } from "./subtitlesSlice";
+export { createEpisodesSlice } from "./episodesSlice";
+export { createIntroSlice } from "./introSlice";

package/dist/store/slices/introSlice.d.ts

@@ -0,0 +1,5 @@
+import { StateCreator } from "zustand";
+import { IntroState, VideoState } from "../types/StoreTypes";
+export declare const createIntroSlice: StateCreator<VideoState, [
+], [
+], IntroState>;

package/dist/store/slices/subtitlesSlice.d.ts

@@ -0,0 +1,5 @@
+import { StateCreator } from "zustand";
+import { SubtitlesState, VideoState } from "../types/StoreTypes";
+export declare const createSubtitlesSlice: StateCreator<VideoState, [
+], [
+], SubtitlesState>;

package/dist/store/slices/videoControlsSlice.d.ts

@@ -0,0 +1,5 @@
+import { StateCreator } from "zustand";
+import { VideoControlsState, VideoState } from "../types/StoreTypes";
+export declare const createVideoControlsSlice: StateCreator<VideoState, [
+], [
+], VideoControlsState>;

package/dist/store/slices/videoPlaybackSlice.d.ts

@@ -0,0 +1,5 @@
+import { StateCreator } from "zustand";
+import { VideoPlaybackState, VideoState } from "../types/StoreTypes";
+export declare const createVideoPlaybackSlice: StateCreator<VideoState, [
+], [
+], VideoPlaybackState>;

package/dist/store/slices/videoQualitySlice.d.ts

@@ -0,0 +1,5 @@
+import { StateCreator } from "zustand";
+import { VideoQualityState, VideoState } from "../types/StoreTypes";
+export declare const createVideoQualitySlice: StateCreator<VideoState, [
+], [
+], VideoQualityState>;

package/dist/store/slices/videoRefsSlice.d.ts

@@ -0,0 +1,5 @@
+import { StateCreator } from "zustand";
+import { VideoRefsState, VideoState } from "../types/StoreTypes";
+export declare const createVideoRefsSlice: StateCreator<VideoState, [
+], [
+], VideoRefsState>;

package/dist/store/slices/videoTimingSlice.d.ts

@@ -0,0 +1,5 @@
+import { StateCreator } from "zustand";
+import { VideoTimingState, VideoState } from "../types/StoreTypes";
+export declare const createVideoTimingSlice: StateCreator<VideoState, [
+], [
+], VideoTimingState>;

package/dist/store/types/StoreTypes.d.ts

@@ -0,0 +1,74 @@
+import Hls from "hls.js";
+import { Dispatch, SetStateAction } from "react";
+export interface VideoRefsState {
+    videoRef: HTMLVideoElement | null;
+    setVideoRef: (ref: HTMLVideoElement) => void;
+    videoWrapperRef: HTMLDivElement | null;
+    setVideoWrapperRef: (ref: HTMLDivElement) => void;
+}
+export interface VideoPlaybackState {
+    playing: boolean | ((prevState: boolean) => boolean);
+    setPlaying: Dispatch<SetStateAction<boolean>>;
+    isBuffering: boolean;
+    setIsBuffering: (isBuffering: boolean) => void;
+    isPlaying: boolean;
+    setIsPlaying: (isPlaying: boolean) => void;
+    muted: boolean;
+    setMuted: (muted: boolean) => void;
+    volume: number;
+    setVolume: (volume: number) => void;
+}
+export interface VideoTimingState {
+    currentTime: number;
+    setCurrentTime: (currentTime: number) => void;
+    duration: number;
+    setDuration: (duration: number) => void;
+}
+export interface VideoControlsState {
+    controls: boolean;
+    setControls: (controls: boolean) => void;
+    isFullscreen: boolean;
+    setIsFullscreen: (isFullscreen: boolean) => void;
+}
+export interface VideoQualityState {
+    hlsInstance?: Hls;
+    setHlsInstance: (hlsInstance: Hls) => void;
+    qualityLevels?: Hls["levels"];
+    setQualityLevels: (qualityLevels: Hls["levels"]) => void;
+    activeQuality: string;
+    setActiveQuality: (activeQuality: string) => void;
+}
+export interface SubtitleTrack {
+    lang: string;
+    label: string;
+    url: string;
+}
+export interface SubtitlesState {
+    activeSubtitle: SubtitleTrack | null;
+    setActiveSubtitle: (subtitle: SubtitleTrack | null) => void;
+    subtitles: SubtitleTrack[];
+    setSubtitles: (subtitles: SubtitleTrack[]) => void;
+}
+export interface Episode {
+    id: number;
+    title: string;
+    url: string;
+}
+export interface EpisodesState {
+    episodeList: Episode[];
+    setEpisodeList: (list: Episode[]) => void;
+    currentEpisodeIndex: number;
+    setCurrentEpisodeIndex: (index: number) => void;
+    showCountdown: boolean;
+    setShowCountdown: (show: boolean) => void;
+    countdownTime: number;
+    setCountdownTime: (time: number) => void;
+    autoPlayNext: boolean;
+    setAutoPlayNext: (value: boolean) => void;
+}
+export interface IntroState {
+    showIntroSkip: boolean;
+    setShowIntroSkip: (show: boolean) => void;
+}
+export interface VideoState extends VideoRefsState, VideoPlaybackState, VideoTimingState, VideoControlsState, VideoQualityState, SubtitlesState, EpisodesState, IntroState {
+}

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@zezosoft/react-player",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "main": "dist/index.js",
   "type": "module",
   "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "npx rollup -c",
+    "dev": "npx rollup -c -w",
+    "prepare": "npm run build"
+  },
   "files": [
     "dist"
   ],
@@ -53,9 +58,5 @@
   },
   "dependencies": {
     "react-icons": "^5.5.0"
-  },
-  "scripts": {
-    "build": "npx rollup -c",
-    "dev": "npx rollup -c -w"
   }
-}
+}