@webitch/short-player 0.1.1 → 0.1.3

package/dist/app/layout.d.ts

@@ -1,7 +1,7 @@
-import type { Metadata } from "next";
-import "./globals.scss";
-export declare const metadata: Metadata;
-export default function RootLayout({ children, }: Readonly<{
-    children: React.ReactNode;
-}>): import("react/jsx-runtime").JSX.Element;
+import type { Metadata } from "next";
+import "./globals.scss";
+export declare const metadata: Metadata;
+export default function RootLayout({ children, }: Readonly<{
+    children: React.ReactNode;
+}>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=layout.d.ts.map

package/dist/app/layout.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.metadata = void 0;
+exports.default = RootLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const google_1 = require("next/font/google");
+require("./globals.scss");
+const geistSans = (0, google_1.Geist)({
+    variable: "--font-geist-sans",
+    subsets: ["latin"],
+});
+const geistMono = (0, google_1.Geist_Mono)({
+    variable: "--font-geist-mono",
+    subsets: ["latin"],
+});
+exports.metadata = {
+    title: "Create Next App",
+    description: "Generated by create next app",
+};
+function RootLayout({ children, }) {
+    return ((0, jsx_runtime_1.jsx)("html", { lang: "en", className: `${geistSans.variable} ${geistMono.variable}`, children: (0, jsx_runtime_1.jsx)("body", { children: children }) }));
+}
+//# sourceMappingURL=layout.js.map

package/dist/app/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/app/layout.tsx"],"names":[],"mappings":";;;AAmBA,6BAUC;;AA5BD,6CAAqD;AACrD,0BAAwB;AAExB,MAAM,SAAS,GAAG,IAAA,cAAK,EAAC;IACtB,QAAQ,EAAE,mBAAmB;IAC7B,OAAO,EAAE,CAAC,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,IAAA,mBAAU,EAAC;IAC3B,QAAQ,EAAE,mBAAmB;IAC7B,OAAO,EAAE,CAAC,OAAO,CAAC;CACnB,CAAC,CAAC;AAEU,QAAA,QAAQ,GAAa;IAChC,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,8BAA8B;CAC5C,CAAC;AAEF,SAAwB,UAAU,CAAC,EACjC,QAAQ,GAGR;IACA,OAAO,CACL,iCAAM,IAAI,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ,EAAE,YACtE,2CAAO,QAAQ,GAAQ,GAClB,CACR,CAAC;AACJ,CAAC"}

package/dist/app/page.d.ts

@@ -1,2 +1,2 @@
-export default function Home(): import("react/jsx-runtime").JSX.Element;
+export default function Home(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=page.d.ts.map

package/dist/app/page.js

@@ -0,0 +1,19 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Home;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const component_1 = require("@/component");
+// СТАРТУЕМ ПЕРЕДЕЛ ПОД ЛАЙВЫ
+// const VIDEODATA = {
+//   playlistUrl: '/videos/hls_output/master.m3u8',
+//   duration: 9.333,
+// }
+const VIDEODATA = {
+    playlistUrl: '/videos/long-video/longVIdeo.m3u8',
+    duration: 40.333,
+};
+function Home() {
+    return ((0, jsx_runtime_1.jsx)("div", { style: { width: '500px', height: '1000px' }, children: (0, jsx_runtime_1.jsx)(component_1.ShortPlayer, { playlistUrl: VIDEODATA.playlistUrl, duration: VIDEODATA === null || VIDEODATA === void 0 ? void 0 : VIDEODATA.duration, theme: "dark" }) }));
+}
+//# sourceMappingURL=page.js.map

package/dist/app/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/app/page.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;AAoBZ,uBAOC;;AAzBD,2CAA0C;AAG1C,6BAA6B;AAE7B,sBAAsB;AACtB,mDAAmD;AACnD,qBAAqB;AACrB,IAAI;AAGJ,MAAM,SAAS,GAAG;IAChB,WAAW,EAAE,mCAAmC;IAChD,QAAQ,EAAE,MAAM;CACjB,CAAA;AAID,SAAwB,IAAI;IAE1B,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,YAC7C,uBAAC,uBAAW,IAAC,WAAW,EAAE,SAAS,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,GAAE,GAC1F,CACP,CAAC;AACJ,CAAC"}

package/dist/component/index.d.ts

@@ -1,21 +1,21 @@
-import Hls from "hls.js";
-import { Dispatch, RefObject, SetStateAction } from "react";
-import React from "react";
-interface IShortPlayerContext {
-    isPaused: boolean;
-    setIsPaused: React.Dispatch<React.SetStateAction<boolean>>;
-    hls: Hls;
-    hideToolsTimer: RefObject<NodeJS.Timeout | null>;
-    isVisibleTools: boolean;
-    setIsVisibleTools: Dispatch<SetStateAction<boolean>>;
-}
-export declare const playerContext: React.Context<IShortPlayerContext | null>;
-export declare const usePlayerContext: () => IShortPlayerContext;
-interface IShortPlayer {
-    playlistUrl: string;
-    duration: number;
-    theme: string;
-}
-export declare const ShortPlayer: React.FC<IShortPlayer>;
-export {};
+import Hls from "hls.js";
+import { Dispatch, RefObject, SetStateAction } from "react";
+import React from "react";
+interface IShortPlayerContext {
+    isPaused: boolean;
+    setIsPaused: React.Dispatch<React.SetStateAction<boolean>>;
+    hls: Hls;
+    hideToolsTimer: RefObject<NodeJS.Timeout | null>;
+    isVisibleTools: boolean;
+    setIsVisibleTools: Dispatch<SetStateAction<boolean>>;
+}
+export declare const playerContext: React.Context<IShortPlayerContext>;
+export declare const usePlayerContext: () => IShortPlayerContext;
+interface IShortPlayer {
+    playlistUrl: string;
+    duration: number;
+    theme: string;
+}
+export declare const ShortPlayer: React.FC<IShortPlayer>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component/index.tsx"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,QAAQ,CAAC;AACzB,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAwD,MAAM,OAAO,CAAC;AAEjI,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,GAAG,EAAE,GAAG,CAAA;IACR,cAAc,EAAE,SAAS,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IAChD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,aAAa,2CAAkD,CAAC;AAoC7E,eAAO,MAAM,gBAAgB,2BAM5B,CAAC;AAEF,UAAU,YAAY;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6B9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component/index.tsx"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,QAAQ,CAAC;AACzB,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAwD,MAAM,OAAO,CAAC;AAEjI,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,GAAG,EAAE,GAAG,CAAA;IACR,cAAc,EAAE,SAAS,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IAChD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,aAAa,oCAAkD,CAAC;AAoC7E,eAAO,MAAM,gBAAgB,2BAM5B,CAAC;AAEF,UAAU,YAAY;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6B9C,CAAA"}

package/dist/component/index.js

@@ -0,0 +1,64 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShortPlayer = exports.usePlayerContext = exports.playerContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hls_js_1 = __importDefault(require("hls.js"));
+const react_1 = require("react");
+const video_tag_1 = require("../widgets/video-tag/ui/video-tag");
+const themeProvider_1 = require("../shared/providers/themeProvider");
+exports.playerContext = (0, react_1.createContext)(null);
+const ShortPlayerProvider = ({ children, videoRef, hls }) => {
+    var _a, _b;
+    const [isPaused, setIsPaused] = (0, react_1.useState)(true);
+    const [isVisibleTools, setIsVisibleTools] = (0, react_1.useState)(false);
+    const hideToolsTimer = (0, react_1.useRef)(null);
+    if (isPaused) {
+        (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.pause();
+    }
+    else {
+        (_b = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _b === void 0 ? void 0 : _b.play();
+    }
+    const value = {
+        isPaused,
+        setIsPaused,
+        hls,
+        hideToolsTimer,
+        isVisibleTools,
+        setIsVisibleTools,
+    };
+    return ((0, jsx_runtime_1.jsx)(exports.playerContext.Provider, { value: value, children: children }));
+};
+const usePlayerContext = () => {
+    const context = (0, react_1.useContext)(exports.playerContext);
+    if (!context) {
+        throw new Error('usePlayerContext must be used within PlayerProvider');
+    }
+    return context;
+};
+exports.usePlayerContext = usePlayerContext;
+const ShortPlayer = ({ playlistUrl, duration, theme = 'dark' }) => {
+    const videoRef = (0, react_1.useRef)(null);
+    const hls = new hls_js_1.default({ startLevel: -1,
+        maxBufferLength: 3,
+        lowLatencyMode: false,
+        maxMaxBufferLength: 60,
+        liveSyncDurationCount: 3,
+        liveDurationInfinity: true,
+        autoStartLoad: true,
+        enableWorker: true
+        // debug: true
+    });
+    (0, react_1.useEffect)(() => {
+        if (hls_js_1.default.isSupported() && videoRef.current) {
+            hls.loadSource(playlistUrl);
+            hls.attachMedia(videoRef.current);
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(ShortPlayerProvider, { videoRef: videoRef, hls: hls, children: (0, jsx_runtime_1.jsx)(themeProvider_1.ThemeProvider, { initialTheme: theme, children: (0, jsx_runtime_1.jsx)(video_tag_1.VideoTag, { duration: duration, videoRef: videoRef }) }) }));
+};
+exports.ShortPlayer = ShortPlayer;
+//# sourceMappingURL=index.js.map

package/dist/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/component/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;AAEZ,oDAAyB;AACzB,iCAAiI;AAGjI,iEAA6D;AAC7D,qEAAyE;AAW5D,QAAA,aAAa,GAAG,IAAA,qBAAa,EAA6B,IAAI,CAAC,CAAC;AAQ7E,MAAM,mBAAmB,GAAkC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAC,EAAE,EAAE;;IACxF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAA;IACpE,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAEnD,IAAI,QAAQ,EAAE,CAAC;QACb,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA;IAC5B,CAAC;SAAM,CAAC;QACN,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,IAAI,EAAE,CAAA;IAC3B,CAAC;IAGD,MAAM,KAAK,GAAwB;QACjC,QAAQ;QACR,WAAW;QACX,GAAG;QACH,cAAc;QACd,cAAc;QACd,iBAAiB;KAClB,CAAC;IAEF,OAAO,CACL,uBAAC,qBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACjC,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IACzE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B;AAQK,MAAM,WAAW,GAA2B,CAAC,EAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,GAAC,MAAM,EAAE,EAAE,EAAE;IAE5F,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAE/C,MAAM,GAAG,GAAG,IAAI,gBAAG,CAAC,EAAC,UAAU,EAAE,CAAC,CAAC;QACjC,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,KAAK;QACrB,kBAAkB,EAAE,EAAE;QACtB,qBAAqB,EAAE,CAAC;QACxB,oBAAoB,EAAE,IAAI;QAC1B,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,IAAI;QAClB,cAAc;KACf,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAG,CAAC,WAAW,EAAE,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACxC,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;YAC3B,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QACrC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,uBAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAC/C,uBAAC,6BAAa,IAAC,YAAY,EAAE,KAAc,YACzC,uBAAC,oBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAG,GACrC,GACI,CACvB,CAAC;AACJ,CAAC,CAAA;AA7BY,QAAA,WAAW,eA6BvB"}

package/dist/entites/PlayBtn/ui/index.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from 'react';
-export declare const PlayBtn: ({ videoRef }: {
-    videoRef: RefObject<HTMLVideoElement | null>;
-}) => import("react/jsx-runtime").JSX.Element;
+import { RefObject } from 'react';
+export declare const PlayBtn: ({ videoRef }: {
+    videoRef: RefObject<HTMLVideoElement | null>;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/entites/PlayBtn/ui/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayBtn = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const component_1 = require("../../../component");
+const ui_1 = require("../../../shared/ui");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const PlayBtn = ({ videoRef }) => {
+    var _a;
+    const context = (0, component_1.usePlayerContext)();
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.playBtnWrap, children: (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.playBtn, onClick: (e) => {
+                e.stopPropagation();
+                context.setIsPaused((prev) => !prev);
+            }, children: ((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.paused) ?
+                (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: "play" })
+                :
+                    (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: "stop" }) }) }));
+};
+exports.PlayBtn = PlayBtn;
+//# sourceMappingURL=index.js.map

package/dist/entites/PlayBtn/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/entites/PlayBtn/ui/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAAqD;AACrD,2CAAwC;AAExC,8EAAyC;AAElC,MAAM,OAAO,GAAG,CAAC,EAAC,QAAQ,EAAkD,EAAE,EAAE;;IACnF,MAAM,OAAO,GAAG,IAAA,4BAAgB,GAAE,CAAA;IAElC,OAAO,CACH,gCAAK,SAAS,EAAE,4BAAM,CAAC,WAAW,YAC9B,mCACI,SAAS,EAAE,4BAAM,CAAC,OAAO,EACzB,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;gBAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO,CAAC,WAAW,CAAC,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;YACjD,CAAC,YAEA,CAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,MAAM,EAAC,CAAC;gBACnB,uBAAC,QAAG,IAAC,IAAI,EAAC,MAAM,GAAG;gBACvB,CAAC;oBACG,uBAAC,QAAG,IAAC,IAAI,EAAC,MAAM,GAAE,GAErB,GACP,CACT,CAAA;AACL,CAAC,CAAA;AApBY,QAAA,OAAO,WAoBnB"}

package/dist/entites/ProgressBar/index.d.ts

@@ -1,2 +1,2 @@
-export { ProgressBar } from './ui';
+export { ProgressBar } from './ui';
 //# sourceMappingURL=index.d.ts.map

package/dist/entites/ProgressBar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+var ui_1 = require("./ui");
+Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return ui_1.ProgressBar; } });
+//# sourceMappingURL=index.js.map

package/dist/entites/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/entites/ProgressBar/index.ts"],"names":[],"mappings":";;;AAAA,2BAAkC;AAAzB,iGAAA,WAAW,OAAA"}

package/dist/entites/ProgressBar/lib/handlers.d.ts

@@ -1,11 +1,11 @@
-import { Dispatch, JSX, RefObject, SetStateAction } from "react";
-export declare const handleMouseOver: (e: React.MouseEvent, isDragging: boolean, duration: number, progressContainerRef: RefObject<HTMLDivElement | null>, setHoverTime: (newHoverTime: number) => void) => void;
-export declare const handleClick: (e: React.MouseEvent, isDragging: boolean, duration: number, progressContainerRef: RefObject<HTMLDivElement | null>, videoRef: RefObject<HTMLMediaElement>, setCurrentVideoTime: (newCurrentVideoTime: number) => void, setIsDragging: (isDragging: boolean) => void) => void;
-export declare const handleMouseDown: (e: React.MouseEvent, setIsDragging: Dispatch<SetStateAction<boolean>>) => void;
-export declare const handleMouseUpWrapper: (e: React.MouseEvent, duration: number, progressContainerRef: RefObject<HTMLDivElement | null>, videoRef: RefObject<HTMLMediaElement>, setCurrentVideoTime: (newCurrentVideoTime: number) => void, setIsDragging: (isDragging: boolean) => void, setHoverTime: (newHoverTime: number) => void) => void;
-export interface ProgressBarFragmentProps {
-    duration: number;
-    currentVideoTime: number;
-}
-export declare const getProgressBarFragments: ({ duration, currentVideoTime, }: ProgressBarFragmentProps) => JSX.Element[];
+import { Dispatch, JSX, RefObject, SetStateAction } from "react";
+export declare const handleMouseOver: (e: React.MouseEvent, isDragging: boolean, duration: number, progressContainerRef: RefObject<HTMLDivElement | null>, setHoverTime: (newHoverTime: number) => void) => void;
+export declare const handleClick: (e: React.MouseEvent, isDragging: boolean, duration: number, progressContainerRef: RefObject<HTMLDivElement | null>, videoRef: RefObject<HTMLMediaElement>, setCurrentVideoTime: (newCurrentVideoTime: number) => void, setIsDragging: (isDragging: boolean) => void) => void;
+export declare const handleMouseDown: (e: React.MouseEvent, setIsDragging: Dispatch<SetStateAction<boolean>>) => void;
+export declare const handleMouseUpWrapper: (e: React.MouseEvent, duration: number, progressContainerRef: RefObject<HTMLDivElement | null>, videoRef: RefObject<HTMLMediaElement>, setCurrentVideoTime: (newCurrentVideoTime: number) => void, setIsDragging: (isDragging: boolean) => void, setHoverTime: (newHoverTime: number) => void) => void;
+export interface ProgressBarFragmentProps {
+    duration: number;
+    currentVideoTime: number;
+}
+export declare const getProgressBarFragments: ({ duration, currentVideoTime, }: ProgressBarFragmentProps) => JSX.Element[];
 //# sourceMappingURL=handlers.d.ts.map

package/dist/entites/ProgressBar/lib/handlers.js

@@ -0,0 +1,99 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProgressBarFragments = exports.handleMouseUpWrapper = exports.handleMouseDown = exports.handleClick = exports.handleMouseOver = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_module_scss_1 = __importDefault(require("../ui/styles.module.scss"));
+// Упрощенные хендлеры для мыши
+const handleMouseOver = (e, isDragging, duration, progressContainerRef, setHoverTime) => {
+    if (!isDragging && progressContainerRef.current && duration) {
+        const rect = progressContainerRef.current.getBoundingClientRect();
+        const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
+        const newTime = (clickPosition / rect.width) * duration;
+        setHoverTime(newTime);
+    }
+};
+exports.handleMouseOver = handleMouseOver;
+const handleClick = (e, isDragging, duration, progressContainerRef, videoRef, setCurrentVideoTime, setIsDragging) => {
+    if (!isDragging && progressContainerRef.current && duration) {
+        console.log('handleClick');
+        const rect = progressContainerRef.current.getBoundingClientRect();
+        const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
+        const newTime = (clickPosition / rect.width) * duration;
+        videoRef.current.currentTime = newTime;
+        setCurrentVideoTime(newTime);
+        setIsDragging(false);
+    }
+};
+exports.handleClick = handleClick;
+const handleMouseDown = (e, setIsDragging) => {
+    e.preventDefault();
+    console.log('handleMouseDown');
+    setIsDragging(true);
+};
+exports.handleMouseDown = handleMouseDown;
+const handleMouseUpWrapper = (e, duration, progressContainerRef, videoRef, setCurrentVideoTime, setIsDragging, setHoverTime) => {
+    console.log('handleMouseUpWrapper222s');
+    if (!progressContainerRef.current || !videoRef.current || !duration)
+        return;
+    const rect = progressContainerRef.current.getBoundingClientRect();
+    const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
+    const clickPercentage = (clickPosition / rect.width);
+    const newTime = clickPercentage * duration;
+    // Финальное обновление
+    videoRef.current.currentTime = newTime;
+    setCurrentVideoTime(newTime);
+    setHoverTime(0);
+    setIsDragging(false);
+    // Восстанавливаем таймер обновления
+};
+exports.handleMouseUpWrapper = handleMouseUpWrapper;
+const getProgressBarFragments = ({ duration, currentVideoTime, }) => {
+    const elements = [];
+    // Общая логика прогресса и буфера
+    const getGradientStops = (start, end, progress) => {
+        const gradientStops = [];
+        const progressPercent = progress >= end
+            ? 100
+            : progress > start
+                ? ((progress - start) / (end - start)) * 100
+                : 0;
+        if (progressPercent > 0) {
+            gradientStops.push("#1e90ff 0%");
+            gradientStops.push(`#1e90ff ${progressPercent}%`);
+            gradientStops.push(`#444 ${progressPercent}%`);
+        }
+        else {
+            gradientStops.push("#444 0%");
+        }
+        const bufferStops = [];
+        bufferStops.forEach(buffer => {
+            gradientStops.push(`#666 ${buffer.start}%`);
+            gradientStops.push(`#666 ${buffer.end}%`);
+        });
+        const lastValue = gradientStops.length > 0
+            ? parseFloat(gradientStops[gradientStops.length - 1].split(" ")[1].replace("%", ""))
+            : 0;
+        if (lastValue < 100) {
+            gradientStops.push(`#444 ${Math.max(lastValue, progressPercent)}%`);
+            gradientStops.push(`#444 100%`);
+        }
+        return gradientStops;
+    };
+    // Если нет фрагментов — одна сплошная полоса
+    if (duration) {
+        const gradientStops = getGradientStops(0, duration || 100, currentVideoTime);
+        const gradient = `linear-gradient(to right, ${gradientStops.join(", ")})`;
+        elements.push((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.fragment, style: {
+                left: "0%",
+                width: "100%",
+                background: gradient,
+            } }, "single-fragment"));
+        return elements;
+    }
+    return elements;
+};
+exports.getProgressBarFragments = getProgressBarFragments;
+//# sourceMappingURL=handlers.js.map

package/dist/entites/ProgressBar/lib/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../../src/entites/ProgressBar/lib/handlers.tsx"],"names":[],"mappings":"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"}

package/dist/entites/ProgressBar/ui/index.d.ts

@@ -1,8 +1,8 @@
-import { RefObject } from "react";
-interface IProgressBar {
-    duration: number;
-    videoRef: RefObject<HTMLVideoElement | null>;
-}
-export declare const ProgressBar: React.FC<IProgressBar>;
-export {};
+import { RefObject } from "react";
+interface IProgressBar {
+    duration: number;
+    videoRef: RefObject<HTMLVideoElement | null>;
+}
+export declare const ProgressBar: React.FC<IProgressBar>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/entites/ProgressBar/ui/index.js

@@ -0,0 +1,135 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const component_1 = require("../../../component");
+const handlers_1 = require("../lib/handlers");
+const getHHSStime_1 = require("../../../shared/utils/getHHSStime");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+// interface IBufferedFragment {
+//     start: number;
+//     end: number;
+// }
+const ProgressBar = ({ duration, videoRef, }) => {
+    const [hoverTime, setHoverTime] = (0, react_1.useState)(0);
+    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
+    const [currentVideoTime, setCurrentVideoTime] = (0, react_1.useState)(0); // Локальное состояние для времени
+    const progressContainerRef = (0, react_1.useRef)(null);
+    // const isMovingRef = useRef<HTMLDivElement>(null);
+    const animationFrameRef = (0, react_1.useRef)(0); // Ref для requestAnimationFrame
+    const context = (0, component_1.usePlayerContext)();
+    // Оптимизированный таймер для обновления времени
+    (0, react_1.useEffect)(() => {
+        const video = videoRef.current;
+        if (!video || isDragging)
+            return;
+        const updateTime = () => {
+            setCurrentVideoTime(video.currentTime);
+            animationFrameRef.current = requestAnimationFrame(updateTime);
+        };
+        // Запускаем обновление через requestAnimationFrame для плавности
+        animationFrameRef.current = requestAnimationFrame(updateTime);
+        return () => {
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+        };
+    }, [videoRef, duration, isDragging]);
+    (0, react_1.useEffect)(() => {
+        if (!isDragging)
+            return;
+        console.log('Dragging started');
+        const handleMouseMoveWrapper = (e) => {
+            console.log('handleMouseMoveWrapper');
+            if (!progressContainerRef.current || !duration)
+                return;
+            // Ставим видео на паузу при начале перетаскивания
+            context.setIsPaused(true);
+            // Используем requestAnimationFrame для плавного обновления
+            requestAnimationFrame(() => {
+                const rect = progressContainerRef.current.getBoundingClientRect();
+                const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
+                const clickPercentage = (clickPosition / rect.width);
+                const newTime = clickPercentage * duration;
+                // Обновляем локальное состояние
+                setCurrentVideoTime(newTime);
+                if (videoRef.current) {
+                    videoRef.current.currentTime = newTime;
+                }
+                setHoverTime(newTime);
+                const timeHoverPosition = document.getElementById('timeHover');
+                if (timeHoverPosition) {
+                    timeHoverPosition.style.left = `${clickPosition}px`;
+                }
+            });
+        };
+        const handleMouseUpWrapperGlobal = (e) => {
+            console.log('handleMouseUpWrapper - GLOBAL');
+            if (!progressContainerRef.current || !videoRef.current || !duration)
+                return;
+            const rect = progressContainerRef.current.getBoundingClientRect();
+            const clickPosition = Math.min(Math.max(e.clientX - rect.left, 0), rect.width);
+            const clickPercentage = (clickPosition / rect.width);
+            const newTime = clickPercentage * duration;
+            // Финальное обновление
+            videoRef.current.currentTime = newTime;
+            setCurrentVideoTime(newTime);
+            setHoverTime(0);
+            setIsDragging(false);
+            // Восстанавливаем воспроизведение (если нужно)
+            // context.setIsPaused(false); // Раскомментируйте если нужно
+        };
+        const playerContainer = document.documentElement;
+        if (!playerContainer)
+            return;
+        window.addEventListener('mousemove', handleMouseMoveWrapper);
+        window.addEventListener('mouseup', handleMouseUpWrapperGlobal);
+        return () => {
+            console.log('Cleaning up drag handlers');
+            window.removeEventListener('mousemove', handleMouseMoveWrapper);
+            window.removeEventListener('mouseup', handleMouseUpWrapperGlobal);
+        };
+    }, [isDragging, duration, videoRef, context]);
+    // Обновляем буфер
+    // useEffect(() => {
+    //     if (!videoRef?.current) return;
+    //     const videoElement = videoRef.current;
+    //     const updateBufferedRanges = () => {
+    //         const fragments: IBufferedFragment[] = [];
+    //         for (let index = 0; index < videoElement.buffered.length; index++) {
+    //             fragments.push({
+    //                 start: videoElement.buffered.start(index),
+    //                 end: videoElement.buffered.end(index)
+    //             });
+    //         }
+    //         setBufferedFragments(fragments);
+    //     };
+    //     videoElement.addEventListener('progress', updateBufferedRanges);
+    //     videoElement.addEventListener('loadeddata', updateBufferedRanges);
+    //     return () => {
+    //         videoElement.removeEventListener('progress', updateBufferedRanges);
+    //         videoElement.removeEventListener('loadeddata', updateBufferedRanges);
+    //     };
+    // }, [videoRef]);
+    // if (isLiveStream || !duration) return <div>это стрим, нужно переделать прогрес бар</div>
+    console.log('isDragging = ', isDragging);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.progressBarContainer, children: [(0, jsx_runtime_1.jsx)("div", { id: 'timeHover', className: hoverTime ? styles_module_scss_1.default.progressTimeHover : styles_module_scss_1.default.progressTimeHover_hidden, style: {
+                    left: `${(hoverTime / duration) * 100}%`,
+                    display: hoverTime ? 'block' : 'none'
+                }, children: (0, getHHSStime_1.getHHSStime)(Math.trunc(hoverTime)) }), (0, jsx_runtime_1.jsx)("div", { id: "progressBar", ref: progressContainerRef, className: styles_module_scss_1.default.progressContainer, onClick: (e) => (0, handlers_1.handleClick)(e, isDragging, duration, progressContainerRef, videoRef, setCurrentVideoTime, setIsDragging), onMouseDown: (e) => {
+                    (0, handlers_1.handleMouseDown)(e, setIsDragging);
+                }, 
+                // onMouseUp={(e: React.MouseEvent) => handleMouseUpWrapper(e, duration, progressContainerRef, videoRef, setCurrentVideoTime, setIsDragging, setHoverTime)}
+                onMouseLeave: () => {
+                    if (!isDragging) {
+                        setHoverTime(0);
+                    }
+                }, onMouseMove: (e) => (0, handlers_1.handleMouseOver)(e, isDragging, duration, progressContainerRef, setHoverTime), children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.fragmentsContainer, children: (0, handlers_1.getProgressBarFragments)({ duration, currentVideoTime }) }) })] }));
+};
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=index.js.map

package/dist/entites/ProgressBar/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/entites/ProgressBar/ui/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;AAEZ,iCAA+D;AAE/D,kDAAsD;AAEtD,8CAMyB;AAEzB,mEAAgE;AAChE,8EAA0C;AAQ1C,gCAAgC;AAChC,qBAAqB;AACrB,mBAAmB;AACnB,IAAI;AAEG,MAAM,WAAW,GAA2B,CAAC,EAChD,QAAQ,EACR,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC,CAAC,kCAAkC;IAC/F,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC1D,oDAAoD;IACpD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAS,CAAC,CAAC,CAAC,CAAC,gCAAgC;IAC7E,MAAM,OAAO,GAAG,IAAA,4BAAgB,GAAE,CAAC;IAEnC,iDAAiD;IACjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,IAAI,UAAU;YAAE,OAAO;QAEjC,MAAM,UAAU,GAAG,GAAG,EAAE;YACpB,mBAAmB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACvC,iBAAiB,CAAC,OAAO,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;QAClE,CAAC,CAAC;QAEF,iEAAiE;QACjE,iBAAiB,CAAC,OAAO,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;QAE9D,OAAO,GAAG,EAAE;YACR,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;gBAC5B,oBAAoB,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;YACpD,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAGrC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAEhC,MAAM,sBAAsB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC7C,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;YAEtC,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAEvD,kDAAkD;YAClD,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAE1B,2DAA2D;YAC3D,qBAAqB,CAAC,GAAG,EAAE;gBACvB,MAAM,IAAI,GAAG,oBAAoB,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC;gBACnE,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/E,MAAM,eAAe,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;gBACrD,MAAM,OAAO,GAAG,eAAe,GAAG,QAAQ,CAAC;gBAE3C,gCAAgC;gBAChC,mBAAmB,CAAC,OAAO,CAAC,CAAC;gBAC7B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;oBACnB,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC;gBAC3C,CAAC;gBAED,YAAY,CAAC,OAAO,CAAC,CAAC;gBAEtB,MAAM,iBAAiB,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;gBAC/D,IAAI,iBAAiB,EAAE,CAAC;oBACpB,iBAAiB,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,aAAa,IAAI,CAAC;gBACxD,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,MAAM,0BAA0B,GAAG,CAAC,CAAa,EAAE,EAAE;YACjD,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;YAE7C,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAE5E,MAAM,IAAI,GAAG,oBAAoB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAClE,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/E,MAAM,eAAe,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;YACrD,MAAM,OAAO,GAAG,eAAe,GAAG,QAAQ,CAAC;YAE3C,uBAAuB;YACvB,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC;YACvC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YAE7B,YAAY,CAAC,CAAC,CAAC,CAAC;YAChB,aAAa,CAAC,KAAK,CAAC,CAAC;YAErB,+CAA+C;YAC/C,6DAA6D;QACjE,CAAC,CAAC;QAEF,MAAM,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC;QAEjD,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;QAC7D,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACR,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;YACzC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC;YAChE,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC;QACtE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9C,kBAAkB;IAClB,oBAAoB;IACpB,sCAAsC;IAEtC,6CAA6C;IAE7C,2CAA2C;IAC3C,qDAAqD;IAErD,+EAA+E;IAC/E,+BAA+B;IAC/B,6DAA6D;IAC7D,wDAAwD;IACxD,kBAAkB;IAClB,YAAY;IAEZ,2CAA2C;IAC3C,SAAS;IAET,uEAAuE;IACvE,yEAAyE;IAEzE,qBAAqB;IACrB,8EAA8E;IAC9E,gFAAgF;IAChF,SAAS;IACT,kBAAkB;IAElB,2FAA2F;IAE3F,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAGzC,OAAO,CACH,iCAAK,SAAS,EAAE,4BAAM,CAAC,oBAAoB,aACvC,gCACI,EAAE,EAAC,WAAW,EACd,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,4BAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,4BAAM,CAAC,wBAAwB,EACjF,KAAK,EAAE;oBACH,IAAI,EAAE,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC,GAAG,GAAG,GAAG;oBACxC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;iBACxC,YAEA,IAAA,yBAAW,EAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GACjC,EACN,gCACI,EAAE,EAAC,aAAa,EAChB,GAAG,EAAE,oBAAoB,EACzB,SAAS,EAAE,4BAAM,CAAC,iBAAiB,EACnC,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,IAAA,sBAAW,EAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,aAAa,CAAC,EAC1I,WAAW,EAAE,CAAC,CAAmB,EAAE,EAAE;oBACjC,IAAA,0BAAe,EAAC,CAAC,EAAE,aAAa,CAAC,CAAC;gBACtC,CAAC;gBACD,2JAA2J;gBAC3J,YAAY,EAAE,GAAG,EAAE;oBACf,IAAI,CAAC,UAAU,EAAE,CAAC;wBACd,YAAY,CAAC,CAAC,CAAC,CAAC;oBACpB,CAAC;gBACL,CAAC,EACD,WAAW,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,IAAA,0BAAe,EAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EAAE,YAAY,CAAC,YAElH,gCAAK,SAAS,EAAE,4BAAM,CAAC,kBAAkB,YACpC,IAAA,kCAAuB,EAAC,EAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,GAErD,GACJ,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AA3KW,QAAA,WAAW,eA2KtB"}

package/dist/entites/SettingsButtons/index.d.ts

@@ -1,2 +1,2 @@
-export { SettingsButtons } from './ui';
+export { SettingsButtons } from './ui';
 //# sourceMappingURL=index.d.ts.map

package/dist/entites/SettingsButtons/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsButtons = void 0;
+var ui_1 = require("./ui");
+Object.defineProperty(exports, "SettingsButtons", { enumerable: true, get: function () { return ui_1.SettingsButtons; } });
+//# sourceMappingURL=index.js.map

package/dist/entites/SettingsButtons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/entites/SettingsButtons/index.ts"],"names":[],"mappings":";;;AAAA,2BAAsC;AAA7B,qGAAA,eAAe,OAAA"}

package/dist/entites/SettingsButtons/lib/handlers.d.ts

@@ -1,8 +1,8 @@
-import { Dispatch, RefObject, SetStateAction } from "react";
-import { ModalType } from "../models/settings-buttons.interface";
-export declare const handleChangeVideoSpeed: (videoRef: RefObject<HTMLVideoElement>, value: number) => void;
-export declare const openModal: (e: React.MouseEvent, newTitle: ModalType, setModalHistory: (newModalHistory: ModalType[] | ((prev: ModalType[]) => ModalType[])) => void, setActiveModal: (activeModal: ModalType) => void) => void;
-export declare const closeModal: (modalHistory: ModalType[], setModalHistory: (newModalHistory: ModalType[]) => void, setActiveModal: (activeModal: ModalType) => void) => void;
-export declare const goBack: (modalHistory: ModalType[], setModalHistory: (newModalHistory: ModalType[] | ((prev: ModalType[]) => ModalType[])) => void, setActiveModal: (activeModal: ModalType) => void) => void;
-export declare const handleOpenFullScreen: (e: React.MouseEvent, setIsFull: Dispatch<SetStateAction<boolean>>) => void;
+import { Dispatch, RefObject, SetStateAction } from "react";
+import { ModalType } from "../models/settings-buttons.interface";
+export declare const handleChangeVideoSpeed: (videoRef: RefObject<HTMLVideoElement>, value: number) => void;
+export declare const openModal: (e: React.MouseEvent, newTitle: ModalType, setModalHistory: (newModalHistory: ModalType[] | ((prev: ModalType[]) => ModalType[])) => void, setActiveModal: (activeModal: ModalType) => void) => void;
+export declare const closeModal: (modalHistory: ModalType[], setModalHistory: (newModalHistory: ModalType[]) => void, setActiveModal: (activeModal: ModalType) => void) => void;
+export declare const goBack: (modalHistory: ModalType[], setModalHistory: (newModalHistory: ModalType[] | ((prev: ModalType[]) => ModalType[])) => void, setActiveModal: (activeModal: ModalType) => void) => void;
+export declare const handleOpenFullScreen: (e: React.MouseEvent, setIsFull: Dispatch<SetStateAction<boolean>>) => void;
 //# sourceMappingURL=handlers.d.ts.map

package/dist/entites/SettingsButtons/lib/handlers.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleOpenFullScreen = exports.goBack = exports.closeModal = exports.openModal = exports.handleChangeVideoSpeed = void 0;
+const handleChangeVideoSpeed = (videoRef, value) => {
+    if (!videoRef || !videoRef.current)
+        return;
+    videoRef.current.playbackRate = value;
+};
+exports.handleChangeVideoSpeed = handleChangeVideoSpeed;
+const openModal = (e, newTitle, setModalHistory, setActiveModal) => {
+    e.stopPropagation();
+    if (newTitle) {
+        setModalHistory((prev) => [...prev, newTitle]);
+        setActiveModal(newTitle);
+    }
+};
+exports.openModal = openModal;
+const closeModal = (modalHistory, setModalHistory, setActiveModal) => {
+    setModalHistory([]);
+    setActiveModal(null);
+};
+exports.closeModal = closeModal;
+const goBack = (modalHistory, setModalHistory, setActiveModal) => {
+    if (modalHistory.length > 0) {
+        const previousModal = modalHistory[modalHistory.length - 2];
+        setModalHistory(prev => prev.slice(0, -1));
+        setActiveModal(previousModal);
+    }
+};
+exports.goBack = goBack;
+const handleOpenFullScreen = (e, setIsFull) => {
+    e.stopPropagation();
+    const playerContainer = document.getElementById('playerContainer');
+    setIsFull((prev) => {
+        if (prev) {
+            document === null || document === void 0 ? void 0 : document.exitFullscreen();
+            return false;
+        }
+        else {
+            playerContainer === null || playerContainer === void 0 ? void 0 : playerContainer.requestFullscreen();
+            return true;
+        }
+    });
+};
+exports.handleOpenFullScreen = handleOpenFullScreen;
+//# sourceMappingURL=handlers.js.map