@webitch/short-player 0.1.1 → 0.1.3

package/dist/shared/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shared/ui/index.ts"],"names":[],"mappings":";;;AAAA,6BAA2B;AAAlB,0FAAA,GAAG,OAAA"}

package/dist/shared/utils/formatViews.d.ts

@@ -1,2 +1,2 @@
-export declare const formatViews: (views: number) => string;
+export declare const formatViews: (views: number) => string;
 //# sourceMappingURL=formatViews.d.ts.map

package/dist/shared/utils/formatViews.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatViews = void 0;
+const formatViews = (views) => {
+    if (views >= 1000000) {
+        return (views / 1000000).toFixed(1).replace('.0', '') + ' млн';
+    }
+    if (views >= 1000) {
+        return (views / 1000).toFixed(1).replace('.0', '') + ' тыс';
+    }
+    return views.toString();
+};
+exports.formatViews = formatViews;
+//# sourceMappingURL=formatViews.js.map

package/dist/shared/utils/formatViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatViews.js","sourceRoot":"","sources":["../../../src/shared/utils/formatViews.ts"],"names":[],"mappings":";;;AAAO,MAAM,WAAW,GAAG,CAAC,KAAa,EAAU,EAAE;IACjD,IAAI,KAAK,IAAI,OAAO,EAAE,CAAC;QACnB,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;IACnE,CAAC;IACD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC;IAChE,CAAC;IACD,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;AAC5B,CAAC,CAAC;AARW,QAAA,WAAW,eAQtB"}

package/dist/shared/utils/getHHSStime.d.ts

@@ -1,2 +1,2 @@
-export declare const getHHSStime: (duartion: number) => string | undefined;
+export declare const getHHSStime: (duartion: number) => string;
 //# sourceMappingURL=getHHSStime.d.ts.map

package/dist/shared/utils/getHHSStime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getHHSStime.d.ts","sourceRoot":"","sources":["../../../src/shared/utils/getHHSStime.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,uBA2B3C,CAAA"}
+{"version":3,"file":"getHHSStime.d.ts","sourceRoot":"","sources":["../../../src/shared/utils/getHHSStime.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,WA2B3C,CAAA"}

package/dist/shared/utils/getHHSStime.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHHSStime = void 0;
+const getHHSStime = (duartion) => {
+    if (duartion === 0)
+        return `00:00`;
+    if (!duartion)
+        return;
+    if (duartion < 10)
+        return `0:0${duartion}`;
+    if (duartion < 60)
+        return `0:${duartion}`;
+    if (duartion === 60)
+        return `1:00`;
+    if (duartion > 60) {
+        var seconds = Math.trunc(duartion % 60);
+        var minutes = Math.trunc(duartion / 60);
+        var secondsFormatet;
+        var minutesFormatet;
+        if (seconds < 1)
+            secondsFormatet = `00`;
+        if (seconds < 10)
+            secondsFormatet = `0${seconds}`;
+        if (seconds >= 10)
+            secondsFormatet = `${seconds}`;
+        if (minutes === 1)
+            minutesFormatet = `00`;
+        if (minutes < 10)
+            minutesFormatet = `${minutes}`;
+        if (minutes >= 10)
+            minutesFormatet = `${minutes}`;
+        return `${minutesFormatet}:${secondsFormatet}`;
+    }
+};
+exports.getHHSStime = getHHSStime;
+//# sourceMappingURL=getHHSStime.js.map

package/dist/shared/utils/getHHSStime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHHSStime.js","sourceRoot":"","sources":["../../../src/shared/utils/getHHSStime.ts"],"names":[],"mappings":";;;AAAO,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,EAAE;IAC5C,IAAG,QAAQ,KAAK,CAAC;QAAE,OAAO,OAAO,CAAA;IAEjC,IAAG,CAAC,QAAQ;QAAE,OAAM;IAEpB,IAAG,QAAQ,GAAG,EAAE;QAAE,OAAO,MAAM,QAAQ,EAAE,CAAA;IACzC,IAAG,QAAQ,GAAG,EAAE;QAAE,OAAO,KAAK,QAAQ,EAAE,CAAA;IAExC,IAAG,QAAQ,KAAK,EAAE;QAAE,OAAO,MAAM,CAAA;IAEjC,IAAG,QAAQ,GAAG,EAAE,EAAE,CAAC;QACf,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAA;QACvC,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAA;QACvC,IAAI,eAAe,CAAA;QACnB,IAAI,eAAe,CAAA;QAEnB,IAAG,OAAO,GAAG,CAAC;YAAE,eAAe,GAAG,IAAI,CAAA;QACtC,IAAG,OAAO,GAAG,EAAE;YAAE,eAAe,GAAG,IAAI,OAAO,EAAE,CAAA;QAChD,IAAG,OAAO,IAAI,EAAE;YAAE,eAAe,GAAG,GAAG,OAAO,EAAE,CAAA;QAGhD,IAAG,OAAO,KAAK,CAAC;YAAE,eAAe,GAAG,IAAI,CAAA;QACxC,IAAG,OAAO,GAAG,EAAE;YAAE,eAAe,GAAG,GAAG,OAAO,EAAE,CAAA;QAC/C,IAAG,OAAO,IAAI,EAAE;YAAE,eAAe,GAAG,GAAG,OAAO,EAAE,CAAA;QAEhD,OAAO,GAAG,eAAe,IAAI,eAAe,EAAE,CAAA;IAClD,CAAC;AACL,CAAC,CAAA;AA3BY,QAAA,WAAW,eA2BvB"}

package/dist/widgets/video-tag/lib/handlers.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from "react";
-export declare const VideoTagHandlers: (hideToolsTimer: RefObject<NodeJS.Timeout | null>, setIsVisibleTools: (visible: boolean) => void) => {
-    handleMouseMove: () => void;
-    handleMouseLeave: () => void;
-};
+import { RefObject } from "react";
+export declare const VideoTagHandlers: (hideToolsTimer: RefObject<NodeJS.Timeout | null>, setIsVisibleTools: (visible: boolean) => void) => {
+    handleMouseMove: () => void;
+    handleMouseLeave: () => void;
+};
 //# sourceMappingURL=handlers.d.ts.map

package/dist/widgets/video-tag/lib/handlers.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoTagHandlers = void 0;
+const VideoTagHandlers = (hideToolsTimer, setIsVisibleTools) => {
+    const handleMouseMove = () => {
+        setIsVisibleTools(true);
+        if (hideToolsTimer.current) {
+            clearTimeout(hideToolsTimer.current);
+        }
+        hideToolsTimer.current = setTimeout(() => {
+            setIsVisibleTools(false);
+        }, 3000);
+    };
+    const handleMouseLeave = () => {
+        if (hideToolsTimer.current) {
+            clearTimeout(hideToolsTimer.current);
+        }
+        setIsVisibleTools(false);
+    };
+    return {
+        handleMouseMove,
+        handleMouseLeave,
+    };
+};
+exports.VideoTagHandlers = VideoTagHandlers;
+//# sourceMappingURL=handlers.js.map

package/dist/widgets/video-tag/lib/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../../src/widgets/video-tag/lib/handlers.ts"],"names":[],"mappings":";;;AAGO,MAAM,gBAAgB,GAAG,CAC5B,cAAgD,EAChD,iBAA6C,EAC/C,EAAE;IAEA,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YACzB,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;QACD,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACrC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,EAAE,IAAI,CAAC,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YACzB,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;QACD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO;QACH,eAAe;QACf,gBAAgB;KACnB,CAAC;AACN,CAAC,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B"}

package/dist/widgets/video-tag/model/video-tag.interface.d.ts

@@ -1,16 +1,16 @@
-import { RefObject } from "react";
-export interface IFragment {
-    start: number;
-    end: number;
-    title: string;
-}
-export interface IVideoTag {
-    duration: number;
-    videoRef: RefObject<HTMLVideoElement | null>;
-    fragments?: IFragment[];
-    isLiveStream?: boolean;
-}
-export interface IVideoTagHandlers {
-    setIsVisibleTools: (isVisible: boolean) => void;
-}
+import { RefObject } from "react";
+export interface IFragment {
+    start: number;
+    end: number;
+    title: string;
+}
+export interface IVideoTag {
+    duration: number;
+    videoRef: RefObject<HTMLVideoElement | null>;
+    fragments?: IFragment[];
+    isLiveStream?: boolean;
+}
+export interface IVideoTagHandlers {
+    setIsVisibleTools: (isVisible: boolean) => void;
+}
 //# sourceMappingURL=video-tag.interface.d.ts.map

package/dist/widgets/video-tag/model/video-tag.interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=video-tag.interface.js.map

package/dist/widgets/video-tag/model/video-tag.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-tag.interface.js","sourceRoot":"","sources":["../../../../src/widgets/video-tag/model/video-tag.interface.ts"],"names":[],"mappings":""}

package/dist/widgets/video-tag/ui/video-tag.d.ts

@@ -1,3 +1,3 @@
-import { IVideoTag } from "../model/video-tag.interface";
-export declare const VideoTag: React.FC<IVideoTag>;
+import { IVideoTag } from "../model/video-tag.interface";
+export declare const VideoTag: React.FC<IVideoTag>;
 //# sourceMappingURL=video-tag.d.ts.map

package/dist/widgets/video-tag/ui/video-tag.js

@@ -0,0 +1,62 @@
+'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.VideoTag = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const player_tools_1 = require("../../../features/player-tools/ui/player-tools");
+const component_1 = require("../../../component");
+const handlers_1 = require("../lib/handlers");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const ui_1 = require("../../../entites/PlayBtn/ui");
+const ui_2 = require("../../../entites/SoundBtn/ui");
+const SettingsButtons_1 = require("../../../entites/SettingsButtons");
+const VideoTag = ({ duration, videoRef }) => {
+    const context = (0, component_1.usePlayerContext)();
+    (0, react_1.useEffect)(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        let animationId;
+        const applyCuePosition = () => {
+            try {
+                for (let t = 0; t < video.textTracks.length; t++) {
+                    const textTrack = video.textTracks[t];
+                    if (textTrack.kind === 'subtitles' || textTrack.kind === 'captions') {
+                        const cues = textTrack.cues;
+                        if (cues) {
+                            for (let i = 0; i < cues.length; i++) {
+                                const cue = cues[i];
+                                if (cue && cue.snapToLines !== false) {
+                                    cue.snapToLines = false;
+                                    cue.line = 7;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            catch (error) {
+            }
+            animationId = requestAnimationFrame(applyCuePosition);
+        };
+        animationId = requestAnimationFrame(applyCuePosition);
+        return () => {
+            if (animationId) {
+                cancelAnimationFrame(animationId);
+            }
+        };
+    }, [videoRef]);
+    const { handleMouseMove, handleMouseLeave } = (0, handlers_1.VideoTagHandlers)(context.hideToolsTimer, context.setIsVisibleTools);
+    // Обработчик клика по видео
+    const handleVideoClick = (e) => {
+        e.stopPropagation();
+        context.setIsPaused(prev => !prev);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { id: "playerContainer", className: context.isVisibleTools ? styles_module_scss_1.default.playerContainer : styles_module_scss_1.default.playerContainer_hidden, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.videoClickArea, onClick: handleVideoClick }), (0, jsx_runtime_1.jsx)("video", { className: styles_module_scss_1.default.video, style: { pointerEvents: 'none' }, id: 'video', ref: videoRef }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.toolsBtn, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.toolsBtn_playAndSound, children: [(0, jsx_runtime_1.jsx)(ui_1.PlayBtn, { videoRef: videoRef }), (0, jsx_runtime_1.jsx)(ui_2.SoundBtn, { duration: duration, videoRef: videoRef })] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.toolsBtn_setting, children: (0, jsx_runtime_1.jsx)(SettingsButtons_1.SettingsButtons, { videoRef: videoRef }) })] }), (0, jsx_runtime_1.jsx)(player_tools_1.PlayerTools, { duration: duration, videoRef: videoRef, isVisibleTools: context.isVisibleTools })] }));
+};
+exports.VideoTag = VideoTag;
+//# sourceMappingURL=video-tag.js.map

package/dist/widgets/video-tag/ui/video-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-tag.js","sourceRoot":"","sources":["../../../../src/widgets/video-tag/ui/video-tag.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitch/short-player",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "private": false,
   "description": "тупое гавно для тупого говна",
   "author": "Webitch",
@@ -16,11 +16,13 @@
     "README.md",
     "LICENSE"
   ],
-  "prepublishOnly": "npm run build",
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
-    "build:js": "rimraf dist && NODE_ENV=production babel src --out-dir dist --copy-files --extensions \".ts,.tsx\" --source-maps true",
+
+    "clean": "rimraf dist",
+    "build": "tsc",
+
+    "build:js": "rimraf dist && NODE_ENV=production babel src --out-dir dist --extensions \".ts,.tsx\" --source-maps true --copy-files --ignore \"**/*.d.ts\"",
     "build:types": "tsc --project ./tsconfig.types.json",
     "build:dist": "npm run build:types && npm run build:js",
     "start": "next start",

package/dist/index.ts

@@ -1 +0,0 @@
-export { ShortPlayer } from '@/component'