HUB/_hublib-web
18
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: release v0.0.1

Browse Source
This commit is contained in:
Stanislav Ulegin
2026-02-27 09:50:13 +03:00
parent ed30903f96
commit 8f2c799235
321 changed files with 23986 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
dist/react/video-player/components/with-processing/index.d.ts vendored Normal file
View File

@@ -0,0 +1,7 @@
import { IWithCoverVideoPlayerProps } from "../with-cover";
export interface IWithProcessingVideoPlayerProps extends IWithCoverVideoPlayerProps {
showProcessing?: boolean;
}
declare const WithProcessing: ({ showProcessing, children, ...props }: IWithProcessingVideoPlayerProps) => import("react/jsx-runtime").JSX.Element;
export default WithProcessing;
//# sourceMappingURL=index.d.ts.map

1
dist/react/video-player/components/with-processing/index.d.ts.map vendored Normal file
View File

@@ -0,0 +1 @@
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/react/video-player/components/with-processing/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAI3D,MAAM,WAAW,+BAChB,SAAQ,0BAA0B;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,GAAI,wCAIrB,+BAA+B,4CASjC,CAAC;AAEF,eAAe,cAAc,CAAC"}

12
dist/react/video-player/components/with-processing/index.js vendored Normal file
View File

@@ -0,0 +1,12 @@
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import React from "react";
import PlayerExtension from "../player-extension";
import VideoProcessing from "./video-processing";
import styles from "./with-processing.module.scss";
const WithProcessing = ({ showProcessing = false, children, ...props }) => {
return (_jsxs(PlayerExtension, { className: props.className, children: [showProcessing && _jsx(VideoProcessing, { className: styles.processing }), React.cloneElement(children, {
...props,
})] }));
};
export default WithProcessing;
//# sourceMappingURL=index.js.map

1
dist/react/video-player/components/with-processing/index.js.map vendored Normal file
View File

@@ -0,0 +1 @@
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/react/video-player/components/with-processing/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAElD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAOnD,MAAM,cAAc,GAAG,CAAC,EACvB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,GAAG,KAAK,EACyB,EAAE,EAAE;IACrC,OAAO,CACN,MAAC,eAAe,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,aACzC,cAAc,IAAI,KAAC,eAAe,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,GAAI,EACnE,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;gBAC7B,GAAG,KAAK;aACR,CAAC,IACe,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

6
dist/react/video-player/components/with-processing/video-processing/index.d.ts vendored Normal file
View File

@@ -0,0 +1,6 @@
import { IBaseComponentProps } from "../../../shared/types";
interface IVideoErrorProps extends IBaseComponentProps {
}
declare const VideoProcessing: ({ className }: IVideoErrorProps) => import("react/jsx-runtime").JSX.Element;
export default VideoProcessing;
//# sourceMappingURL=index.d.ts.map

1
dist/react/video-player/components/with-processing/video-processing/index.d.ts.map vendored Normal file
View File

@@ -0,0 +1 @@
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/react/video-player/components/with-processing/video-processing/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,UAAU,gBAAiB,SAAQ,mBAAmB;CAAG;AAEzD,QAAA,MAAM,eAAe,GAAI,eAAe,gBAAgB,4CAiBvD,CAAC;AAEF,eAAe,eAAe,CAAC"}

8
dist/react/video-player/components/with-processing/video-processing/index.js vendored Normal file
View File

@@ -0,0 +1,8 @@
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import cn from "classnames";
import styles from "./video-processing.module.scss";
const VideoProcessing = ({ className }) => {
return (_jsxs("div", { className: cn(styles.container, className), children: [_jsxs("div", { className: styles.spinner, children: [_jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar }), _jsx("div", { className: styles.spinnerBar })] }), _jsx("p", { children: "\u0412\u0438\u0434\u0435\u043E \u043E\u0431\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0435\u0442\u0441\u044F, \u043F\u043E\u0434\u043E\u0436\u0434\u0438\u0442\u0435" })] }));
};
export default VideoProcessing;
//# sourceMappingURL=index.js.map

1
dist/react/video-player/components/with-processing/video-processing/index.js.map vendored Normal file
View File

@@ -0,0 +1 @@
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/react/video-player/components/with-processing/video-processing/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAIpD,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAoB,EAAE,EAAE;IAC3D,OAAO,CACN,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,aAC9C,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC7B,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,EACzC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,GAAQ,IACpC,EAEN,sMAAsC,IACjC,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

86
dist/react/video-player/components/with-processing/video-processing/video-processing.module.scss vendored Normal file
View File

@@ -0,0 +1,86 @@
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
background-color: var(--Default-BgLight);
pointer-events: none;
}
.text {
margin-top: 20px;
font-size: 13px;
text-align: center;
color: white;
}
.spinner {
position: relative;
width: 100px;
height: 100px;
border-radius: 100px;
background-color: var(--Default-BgLight);
}
.spinnerBar {
position: absolute;
width: 4px; /* Толщина палочек */
height: 16px; /* Длина палочек */
background: linear-gradient(to bottom, white, grey);
border-radius: 4px;
top: 25px; /* Отступ от центра (радиус внутреннего круга) */
left: 48%;
transform-origin: 48% 25px; /* Сдвиг оси вращения */
animation: spinner-fade 1.2s linear infinite;
}
.spinnerBar:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.spinnerBar:nth-child(2) {
transform: rotate(45deg);
animation-delay: -1s;
}
.spinnerBar:nth-child(3) {
transform: rotate(90deg);
animation-delay: -0.9s;
}
.spinnerBar:nth-child(4) {
transform: rotate(135deg);
animation-delay: -0.8s;
}
.spinnerBar:nth-child(5) {
transform: rotate(180deg);
animation-delay: -0.7s;
}
.spinnerBar:nth-child(6) {
transform: rotate(225deg);
animation-delay: -0.6s;
}
.spinnerBar:nth-child(7) {
transform: rotate(270deg);
animation-delay: -0.5s;
}
.spinnerBar:nth-child(8) {
transform: rotate(315deg);
animation-delay: -0.4s;
}
@keyframes spinner-fade {
0% {
opacity: 1;
}
100% {
opacity: 0.3;
}
}

17
dist/react/video-player/components/with-processing/with-processing.module.scss vendored Normal file
View File

@@ -0,0 +1,17 @@
.videoMain {
max-width: 100%;
overflow: hidden;
object-fit: cover;
position: relative;
width: 100%;
justify-content: center;
align-items: center;
// max-height: 757px;
}
.processing {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}