@webitch/short-player 0.1.2 → 0.1.3

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.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

@@ -9,7 +9,7 @@ interface IShortPlayerContext {
     isVisibleTools: boolean;
     setIsVisibleTools: Dispatch<SetStateAction<boolean>>;
 }
-export declare const playerContext: React.Context<IShortPlayerContext | null>;
+export declare const playerContext: React.Context<IShortPlayerContext>;
 export declare const usePlayerContext: () => IShortPlayerContext;
 interface IShortPlayer {
     playlistUrl: string;

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.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.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.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.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":"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"}

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.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

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

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../../src/entites/SettingsButtons/lib/handlers.ts"],"names":[],"mappings":";;;AAIO,MAAM,sBAAsB,GAAG,CAAC,QAAqC,EAAE,KAAa,EAAE,EAAE;IAC3F,IAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO;QAAE,OAAM;IAEzC,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,KAAK,CAAA;AACzC,CAAC,CAAA;AAJY,QAAA,sBAAsB,0BAIlC;AAEM,MAAM,SAAS,GAAG,CAAC,CAAmB,EAAE,QAAmB,EAAE,eAA8F,EAAE,cAAgD,EAAE,EAAE;IACpN,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,IAAI,QAAQ,EAAE,CAAC;QACX,eAAe,CAAC,CAAC,IAAiB,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC5D,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC;AACL,CAAC,CAAC;AANW,QAAA,SAAS,aAMpB;AAEK,MAAM,UAAU,GAAG,CAAC,YAAyB,EAAE,eAAuD,EAAE,cAAgD,EAAE,EAAE;IAC3J,eAAe,CAAC,EAAE,CAAC,CAAC;IACpB,cAAc,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,CAAC;AAHW,QAAA,UAAU,cAGrB;AAEK,MAAM,MAAM,GAAG,CAAC,YAAyB,EAAE,eAA8F,EAAE,cAAgD,EAAE,EAAE;IAClM,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC1B,MAAM,aAAa,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC5D,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,cAAc,CAAC,aAAa,CAAC,CAAC;IAClC,CAAC;AACL,CAAC,CAAC;AANW,QAAA,MAAM,UAMjB;AAEK,MAAM,oBAAoB,GAAG,CAAC,CAAmB,EAAE,SAA4C,EAAE,EAAE;IACtG,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,MAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAElE,SAAS,CAAC,CAAC,IAAa,EAAE,EAAE;QACxB,IAAG,IAAI,EAAE,CAAC;YACN,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,EAAE,CAAA;YAC1B,OAAO,KAAK,CAAA;QAChB,CAAC;aAAM,CAAC;YACJ,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,iBAAiB,EAAE,CAAA;YACpC,OAAO,IAAI,CAAA;QACf,CAAC;IACL,CAAC,CAAC,CAAA;AACN,CAAC,CAAA;AAbY,QAAA,oBAAoB,wBAahC"}

package/dist/entites/SettingsButtons/models/settings-buttons.interface.js

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

package/dist/entites/SettingsButtons/models/settings-buttons.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-buttons.interface.js","sourceRoot":"","sources":["../../../../src/entites/SettingsButtons/models/settings-buttons.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,60 @@
+'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.SettingsButtons = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ui_1 = require("../../../shared/ui");
+const component_1 = require("../../../component");
+const handlers_1 = require("../lib/handlers");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const SettingsButtons = ({ videoRef }) => {
+    var _a;
+    const [isFull, setIsFull] = (0, react_1.useState)(false);
+    const [activeModal, setActiveModal] = (0, react_1.useState)(null);
+    const [modalHistory, setModalHistory] = (0, react_1.useState)([]);
+    const context = (0, component_1.usePlayerContext)();
+    (0, react_1.useEffect)(() => {
+        const handleClickOutSide = (e) => {
+            const modal = document.getElementById('settingsWrapper');
+            if (!(modal === null || modal === void 0 ? void 0 : modal.contains(e.target))) {
+                (0, handlers_1.closeModal)(modalHistory, setModalHistory, setActiveModal);
+            }
+        };
+        window.addEventListener('mousedown', handleClickOutSide);
+        return () => {
+            window.removeEventListener('mousedown', handleClickOutSide);
+        };
+    }, [videoRef]);
+    (0, react_1.useEffect)(() => {
+        const handlePressFtoFullScreen = (e) => {
+            if (e.key.toLowerCase() === 'f') {
+                console.log('F');
+                (0, handlers_1.handleOpenFullScreen)(setIsFull);
+            }
+        };
+        document.addEventListener('keyup', handlePressFtoFullScreen);
+        return () => {
+            document.removeEventListener('keyup', handlePressFtoFullScreen);
+        };
+    }, []);
+    const handleSpeed = (value) => {
+        (0, handlers_1.handleChangeVideoSpeed)(videoRef, value);
+        (0, handlers_1.closeModal)(modalHistory, setModalHistory, setActiveModal);
+    };
+    const handleChangeQualityLevel = (newQualityLevel) => {
+        context.hls.currentLevel = newQualityLevel;
+        (0, handlers_1.closeModal)(modalHistory, setModalHistory, setActiveModal);
+    };
+    const handleSubtitleBtn = (e) => {
+        context.hls.subtitleDisplay ? context.hls.subtitleDisplay = false : context.hls.subtitleDisplay = true;
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.settingsContainer, children: [(0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.subtitle, onClick: (e) => handleSubtitleBtn(e), children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.btnWrap, children: (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'subtitle' }) }) }), (0, jsx_runtime_1.jsxs)("div", { id: 'settingsWrapper', className: styles_module_scss_1.default.settingsWrapper, children: [(0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.settings, onClick: (e) => (0, handlers_1.openModal)(e, 'settings', setModalHistory, setActiveModal), children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.btnWrapSettings, children: (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'settings' }) }) }), activeModal === 'settings' && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.modal, children: [(0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: (e) => (0, handlers_1.openModal)(e, 'quality', setModalHistory, setActiveModal), children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.modalBtnContainer, children: [(0, jsx_runtime_1.jsx)("div", { children: "\u041A\u0430\u0447\u0435\u0441\u0442\u0432\u043E" }), (0, jsx_runtime_1.jsx)("div", { children: `${(_a = context.hls.levels[context.hls.currentLevel]) === null || _a === void 0 ? void 0 : _a.height}p` })] }) }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: (e) => (0, handlers_1.openModal)(e, 'speed', setModalHistory, setActiveModal), children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.modalBtnContainer, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.speedLabel, children: "\u0421\u043A\u043E\u0440\u043E\u0441\u0442\u044C \u0432\u043E\u0441\u043F\u0440\u043E\u0438\u0437\u0432\u0435\u0434\u0435\u043D\u0438\u044F" }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.speedValue, children: [videoRef.current.playbackRate, "x"] })] }) })] })), activeModal === 'quality' && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.modal, onClick: () => (0, handlers_1.goBack)(modalHistory, setModalHistory, setActiveModal), children: [(0, jsx_runtime_1.jsxs)("h3", { className: styles_module_scss_1.default.modalHeader, children: ['<', " \u041A\u0430\u0447\u0435\u0441\u0442\u0432\u043E"] }), context.hls.levels.map((level, index) => {
+                                return ((0, jsx_runtime_1.jsxs)("button", { className: styles_module_scss_1.default.modalBtn, onClick: () => handleChangeQualityLevel(index), children: [level === null || level === void 0 ? void 0 : level.height, "p"] }, index));
+                            })] })), activeModal === 'speed' && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.modal, onClick: () => (0, handlers_1.goBack)(modalHistory, setModalHistory, setActiveModal), children: [(0, jsx_runtime_1.jsxs)("h3", { className: styles_module_scss_1.default.modalHeader, children: ['<', " \u0421\u043A\u043E\u0440\u043E\u0441\u0442\u044C \u0432\u043E\u0441\u043F\u0440\u043E\u0438\u0437\u0432\u0435\u0434\u0435\u043D\u0438\u044F"] }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: () => handleSpeed(0.25), children: "0.25x" }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: () => handleSpeed(0.5), children: "0.5x" }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: () => handleSpeed(0.75), children: "0.75x" }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: () => handleSpeed(1), children: "1x" }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: () => handleSpeed(1.25), children: "1.25x" }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: () => handleSpeed(1.5), children: "1.5x" }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: () => handleSpeed(1.75), children: "1.75x" }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.modalBtn, onClick: () => handleSpeed(2), children: "2x" })] }))] }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.subtitle, onClick: (e) => (0, handlers_1.handleOpenFullScreen)(e, setIsFull), children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.btnWrap, children: isFull ? (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'fullScreenOff' }) : (0, jsx_runtime_1.jsx)(ui_1.Svg, { name: 'fullScreenOn' }) }) })] }));
+};
+exports.SettingsButtons = SettingsButtons;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,15 @@
+"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.ShortDescription = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_1 = __importDefault(require("next/link"));
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const ShortDescription = ({ channelAvatarUrl, channelUrl, username, videoName }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.shortDescriptionContainer, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.channelInfo, children: [(0, jsx_runtime_1.jsxs)(link_1.default, { href: channelUrl, className: styles_module_scss_1.default.channelInfo, children: [(0, jsx_runtime_1.jsx)("img", { src: channelAvatarUrl, alt: 'avatar', className: styles_module_scss_1.default.channelAvatar }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.channelUsername, children: username })] }), (0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.subscriptionBtn, children: "\u043F\u043E\u0434\u043F\u0438\u0441\u0430\u0442\u044C\u0441\u044F" })] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.videoName, children: videoName })] }));
+};
+exports.ShortDescription = ShortDescription;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/entites/ShortDescription/ui/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;AAIZ,qDAA4B;AAC5B,8EAAyC;AAUlC,MAAM,gBAAgB,GAAgC,CAAC,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACnH,OAAO,CACH,iCAAK,SAAS,EAAE,4BAAM,CAAC,yBAAyB,aAC5C,iCAAK,SAAS,EAAE,4BAAM,CAAC,WAAW,aAC9B,wBAAC,cAAI,IAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,4BAAM,CAAC,WAAW,aACjD,gCAAK,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAC,QAAQ,EAAC,SAAS,EAAE,4BAAM,CAAC,aAAa,GAAG,EAC3E,gCAAK,SAAS,EAAE,4BAAM,CAAC,eAAe,YAAG,QAAQ,GAAO,IACrD,EACP,mCAAQ,SAAS,EAAE,4BAAM,CAAC,eAAe,mFAAsB,IAC7D,EACN,gCAAK,SAAS,EAAE,4BAAM,CAAC,SAAS,YAAG,SAAS,GAAO,IACjD,CACT,CAAA;AACL,CAAC,CAAA;AAbY,QAAA,gBAAgB,oBAa5B"}