softbuilders-react-video-player 1.2.0 → 1.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (17) hide show
  1. package/dist/components/ChapterTooltip/index.js.map +1 -1
  2. package/dist/components/ChapterTooltip/index.tsx +1 -1
  3. package/dist/components/Slider/index.d.ts +2 -1
  4. package/dist/components/Slider/index.js +3 -2
  5. package/dist/components/Slider/index.js.map +1 -1
  6. package/dist/components/Slider/index.tsx +36 -33
  7. package/dist/components/SoftBuildersVideoPlayer/index.js +5 -2
  8. package/dist/components/SoftBuildersVideoPlayer/index.js.map +1 -1
  9. package/dist/components/SoftBuildersVideoPlayer/index.tsx +6 -3
  10. package/dist/components/TimeSlider/index.js +12 -2
  11. package/dist/components/TimeSlider/index.js.map +1 -1
  12. package/dist/components/TimeSlider/index.tsx +92 -80
  13. package/dist/components/VideoPlayerComponent/index.js +34 -27
  14. package/dist/components/VideoPlayerComponent/index.js.map +1 -1
  15. package/dist/components/VideoPlayerComponent/index.tsx +38 -26
  16. package/dist/index.mjs +54 -29
  17. package/package.json +2 -1
package/dist/components/ChapterTooltip/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChapterTooltip/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAQrF,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YAClD,OAAO,CAAC,IAAI,CAAC,CAAC;YAEd,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAErC,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE,EAAE;QAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,cAAc,GAAG,CAAC,CAAC,aAAa,CAAC;QACvC,MAAM,aAAa,GACjB,CAAC,CAAC,OAAO,GAAG,cAAc,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QAC1D,MAAM,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC;QAEhD,0EAA0E;QAC1E,MAAM,eAAe,GAAG,aAAa,GAAG,YAAY,CAAC;QAErD,oDAAoD;QACpD,MAAM,WAAW,GACf,OAAO,CAAC,SAAS;YACjB,eAAe,GAAG,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;QAE1D,oDAAoD;QACpD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,cACE,EAAE,EAAE,cAAc,OAAO,CAAC,KAAK,EAAE,EACjC,SAAS,EAAC,iEAAiE,EAC3E,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,OAAO,CAAC,eAAe,GAAG;YACnC,KAAK,EAAE,GAAG,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,eAAe,GAAG;SAC7D,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAElC,iBACE,EAAE,EAAE,WAAW,OAAO,CAAC,KAAK,EAAE,EAC9B,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,kBAAkB,YAE3B,cAAK,SAAS,EAAC,4EAA4E,YACzF,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,YACjB,eAAK,SAAS,EAAC,8CAA8C,aAC3D,sBAAI,OAAO,CAAC,KAAK,GAAK,EACtB,aAAG,SAAS,EAAC,uDAAuD,aACjE,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,QAAI,GAAG,EAC1C,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,IAChC,IACA,GACE,GACN,GACC,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChapterTooltip/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAQrF,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IAC5C,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YAClD,OAAO,CAAC,IAAI,CAAC,CAAC;YAEd,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAErC,MAAM,kBAAkB,GAAG,CAAC,CAAM,EAAE,EAAE;QACpC,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,cAAc,GAAG,CAAC,CAAC,aAAa,CAAC;QACvC,MAAM,aAAa,GACjB,CAAC,CAAC,OAAO,GAAG,cAAc,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QAC1D,MAAM,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC;QAEhD,0EAA0E;QAC1E,MAAM,eAAe,GAAG,aAAa,GAAG,YAAY,CAAC;QAErD,oDAAoD;QACpD,MAAM,WAAW,GACf,OAAO,CAAC,SAAS;YACjB,eAAe,GAAG,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;QAE1D,oDAAoD;QACpD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,cACE,EAAE,EAAE,cAAc,OAAO,CAAC,KAAK,EAAE,EACjC,SAAS,EAAC,iEAAiE,EAC3E,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,OAAO,CAAC,eAAe,GAAG;YACnC,KAAK,EAAE,GAAG,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,eAAe,GAAG;SAC7D,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAElC,iBACE,EAAE,EAAE,WAAW,OAAO,CAAC,KAAK,EAAE,EAC9B,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,kBAAkB,YAE3B,cAAK,SAAS,EAAC,4EAA4E,YACzF,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,YACjB,eAAK,SAAS,EAAC,8CAA8C,aAC3D,sBAAI,OAAO,CAAC,KAAK,GAAK,EACtB,aAAG,SAAS,EAAC,uDAAuD,aACjE,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,QAAI,GAAG,EAC1C,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,IAChC,IACA,GACE,GACN,GACC,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/dist/components/ChapterTooltip/index.tsx CHANGED
@@ -26,7 +26,7 @@ const ChapterTooltip = ({ chapter }: Props) => {
26
26
  }
27
27
  }, [currentTime, chapter.startTime]);
28
28
 
29
- const handleClickChapter = (e) => {
29
+ const handleClickChapter = (e: any) => {
30
30
  e.stopPropagation();
31
31
 
32
32
  const chapterElement = e.currentTarget;
package/dist/components/Slider/index.d.ts CHANGED
@@ -3,8 +3,9 @@ import "./style.css";
3
3
  type Props = {
4
4
  value: number;
5
5
  handleValueChange: React.ChangeEventHandler<HTMLInputElement>;
6
+ handleSliderClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
6
7
  min?: number;
7
8
  max?: number;
8
9
  } & InputHTMLAttributes<HTMLInputElement>;
9
- declare const Slider: ({ value, handleValueChange, min, max, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
10
+ declare const Slider: ({ value, handleValueChange, min, max, className, handleSliderClick, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
10
11
  export default Slider;
package/dist/components/Slider/index.js CHANGED
@@ -12,9 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
13
  import "./style.css";
14
14
  const Slider = (_a) => {
15
- var { value, handleValueChange, min = 0, max = 100, className } = _a, rest = __rest(_a, ["value", "handleValueChange", "min", "max", "className"]);
16
- return (_jsx("input", Object.assign({ type: "range", min: min, onMouseDown: (e) => e.stopPropagation(), onClick: (e) => {
15
+ var { value, handleValueChange, min = 0, max = 100, className, handleSliderClick = () => { } } = _a, rest = __rest(_a, ["value", "handleValueChange", "min", "max", "className", "handleSliderClick"]);
16
+ return (_jsx("input", Object.assign({ type: 'range', min: min, onMouseDown: (e) => e.stopPropagation(), onClick: (e) => {
17
17
  e.stopPropagation();
18
+ handleSliderClick(e);
18
19
  }, onMouseUp: (e) => e.stopPropagation(), max: max, value: value, onChange: (e) => {
19
20
  e.preventDefault();
20
21
  e.stopPropagation();
package/dist/components/Slider/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,aAAa,CAAC;AASrB,MAAM,MAAM,GAAG,CAAC,EAOR,EAAE,EAAE;QAPI,EACd,KAAK,EACL,iBAAiB,EACjB,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,SAAS,OAEH,EADH,IAAI,cANO,yDAOf,CADQ;IAEP,OAAO,CACL,8BACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC,EACD,SAAS,EAAE;UACP,SAAS,EAAE,EACf,KAAK,EAAE;YACL,UAAU,EAAE,qCAAqC,KAAK,gBAAgB,KAAK,IAAI;SAChF,IACG,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,aAAa,CAAC;AAUrB,MAAM,MAAM,GAAG,CAAC,EAQR,EAAE,EAAE;QARI,EACf,KAAK,EACL,iBAAiB,EACjB,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,SAAS,EACT,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,OAErB,EADJ,IAAI,cAPQ,8EAQf,CADO;IAEP,OAAO,CACN,8BACC,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,EACD,SAAS,EAAE;UACJ,SAAS,EAAE,EAClB,KAAK,EAAE;YACN,UAAU,EAAE,qCAAqC,KAAK,gBAAgB,KAAK,IAAI;SAC/E,IACG,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/dist/components/Slider/index.tsx CHANGED
@@ -2,44 +2,47 @@ import React, { InputHTMLAttributes, SetStateAction, useState } from "react";
2
2
  import "./style.css";
3
3
 
4
4
  type Props = {
5
- value: number;
6
- handleValueChange: React.ChangeEventHandler<HTMLInputElement>;
7
- min?: number;
8
- max?: number;
5
+ value: number;
6
+ handleValueChange: React.ChangeEventHandler<HTMLInputElement>;
7
+ handleSliderClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
8
+ min?: number;
9
+ max?: number;
9
10
  } & InputHTMLAttributes<HTMLInputElement>;
10
11
 
11
12
  const Slider = ({
12
- value,
13
- handleValueChange,
14
- min = 0,
15
- max = 100,
16
- className,
17
- ...rest
13
+ value,
14
+ handleValueChange,
15
+ min = 0,
16
+ max = 100,
17
+ className,
18
+ handleSliderClick = () => {},
19
+ ...rest
18
20
  }: Props) => {
19
- return (
20
- <input
21
- type="range"
22
- min={min}
23
- onMouseDown={(e) => e.stopPropagation()}
24
- onClick={(e) => {
25
- e.stopPropagation();
26
- }}
27
- onMouseUp={(e) => e.stopPropagation()}
28
- max={max}
29
- value={value}
30
- onChange={(e) => {
31
- e.preventDefault();
32
- e.stopPropagation();
33
- handleValueChange(e);
34
- }}
35
- className={`sb-w-full sb-h-2 sb-bg-transparent sb-bg-opacity-50 sb-rounded-lg sb-appearance-none sb-cursor-pointer sb-range-slider sb-slider-thumb
21
+ return (
22
+ <input
23
+ type='range'
24
+ min={min}
25
+ onMouseDown={(e) => e.stopPropagation()}
26
+ onClick={(e) => {
27
+ e.stopPropagation();
28
+ handleSliderClick(e);
29
+ }}
30
+ onMouseUp={(e) => e.stopPropagation()}
31
+ max={max}
32
+ value={value}
33
+ onChange={(e) => {
34
+ e.preventDefault();
35
+ e.stopPropagation();
36
+ handleValueChange(e);
37
+ }}
38
+ className={`sb-w-full sb-h-2 sb-bg-transparent sb-bg-opacity-50 sb-rounded-lg sb-appearance-none sb-cursor-pointer sb-range-slider sb-slider-thumb
36
39
  ${className}`}
37
- style={{
38
- background: `linear-gradient(to right, #f97316 ${value}%, #30303070 ${value}%)`,
39
- }}
40
- {...rest}
41
- />
42
- );
40
+ style={{
41
+ background: `linear-gradient(to right, #f97316 ${value}%, #30303070 ${value}%)`,
42
+ }}
43
+ {...rest}
44
+ />
45
+ );
43
46
  };
44
47
 
45
48
  export default Slider;
package/dist/components/SoftBuildersVideoPlayer/index.js CHANGED
@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef, memo, useCallback, useEffect, useMemo, useState, } from "react";
3
3
  import VideoPlayerComponent from "../VideoPlayerComponent";
4
4
  import { convertSRTtoVTT } from "../../utils";
5
+ import { isEqual } from "lodash";
5
6
  const DEFAULT_OPTIONS = {
6
7
  autoplay: false,
7
8
  controls: true,
@@ -72,8 +73,10 @@ const Component = forwardRef(({ options, notes, chapters, startTime = 0, handleS
72
73
  return (_jsx(VideoPlayerComponent, { id: id, chapters: chapters, options: Object.assign(Object.assign({}, mergedOptions), { tracks }), notes: notes, poster: "", startTime: startTime, handleSaveNoteAction: handleSaveNoteAction, disableNote: disableNote, onPause: onPause, onPlay: onPlay, childRef: childRef, bottomRedBar: bottomRedBar, noteButtonClick: noteButtonClick }));
73
74
  });
74
75
  const SoftBuildersVideoPlayer = memo(Component, (prevProps, nextProps) => {
75
- return (prevProps.options === nextProps.options &&
76
- // prevProps.notes === nextProps.notes &&
76
+ console.log(isEqual(prevProps.options, nextProps.options, "oooop"));
77
+ console.log(nextProps.notes, prevProps.notes, "oooop");
78
+ return (isEqual(prevProps.options, nextProps.options) &&
79
+ prevProps.notes === nextProps.notes &&
77
80
  prevProps.chapters === nextProps.chapters &&
78
81
  prevProps.startTime === nextProps.startTime);
79
82
  });
package/dist/components/SoftBuildersVideoPlayer/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SoftBuildersVideoPlayer/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SoftBuildersVideoPlayer/index.tsx"],"names":[],"mappings":"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"}
package/dist/components/SoftBuildersVideoPlayer/index.tsx CHANGED
@@ -14,7 +14,7 @@ import {
14
14
  SoftBuildersVideoPlayerTrack,
15
15
  } from "../../types";
16
16
  import { convertSRTtoVTT } from "../../utils";
17
-
17
+ import { isEqual } from "lodash";
18
18
  const DEFAULT_OPTIONS: SoftBuildersVideoPlayerOptions = {
19
19
  autoplay: false,
20
20
  controls: true,
@@ -158,9 +158,12 @@ const Component = forwardRef<HTMLDivElement, Props<any>>(
158
158
  );
159
159
 
160
160
  const SoftBuildersVideoPlayer = memo(Component, (prevProps, nextProps) => {
161
+ console.log(isEqual(prevProps.options, nextProps.options, "oooop"));
162
+ console.log(nextProps.notes, prevProps.notes, "oooop");
163
+
161
164
  return (
162
- prevProps.options === nextProps.options &&
163
- // prevProps.notes === nextProps.notes &&
165
+ isEqual(prevProps.options, nextProps.options) &&
166
+ prevProps.notes === nextProps.notes &&
164
167
  prevProps.chapters === nextProps.chapters &&
165
168
  prevProps.startTime === nextProps.startTime
166
169
  );
package/dist/components/TimeSlider/index.js CHANGED
@@ -16,6 +16,16 @@ const TimeSlider = ({ chapters }) => {
16
16
  console.log("time: ", time);
17
17
  player === null || player === void 0 ? void 0 : player.currentTime(time);
18
18
  };
19
+ const handleSliderClick = (e) => {
20
+ const slider = e.currentTarget; // Get the slider element
21
+ const rect = slider.getBoundingClientRect(); // Get the bounding rect of the slider
22
+ const offsetX = e.clientX - rect.left; // Get the click position relative to the slider
23
+ const newTimeSlider = (offsetX / rect.width) * DEFERENCE; // Calculate the new slider value
24
+ // Update the time using the same function
25
+ const time = (newTimeSlider * duration) / DEFERENCE;
26
+ player === null || player === void 0 ? void 0 : player.currentTime(time);
27
+ setTimeSlider(newTimeSlider); // Update the state to reflect the change
28
+ };
19
29
  useEffect(() => {
20
30
  const intervalId = setInterval(() => {
21
31
  const currentTime = (player === null || player === void 0 ? void 0 : player.currentTime()) || 0;
@@ -43,9 +53,9 @@ const TimeSlider = ({ chapters }) => {
43
53
  arr.push(`black 100%`);
44
54
  setMaskCuttes(arr.toString());
45
55
  }, [chapters, duration]);
46
- return (_jsxs("div", { className: " sb-w-full sb-h-2 sb-flex sb-items-center sb-justify-center", children: [_jsx("div", { className: "sb-absolute sb-top-0 sb-left-0 sb-w-full sb-z-10", children: _jsx(Slider, { value: timeSlider, handleValueChange: handleValueChange, min: MIN, max: MAX, style: {
56
+ return (_jsxs("div", { className: ' sb-w-full sb-h-2 sb-flex sb-items-center sb-justify-center', children: [_jsx("div", { className: 'sb-absolute sb-top-0 sb-left-0 sb-w-full sb-z-10', children: _jsx(Slider, { value: timeSlider, handleValueChange: handleValueChange, handleSliderClick: handleSliderClick, min: MIN, max: MAX, style: {
47
57
  background: "transparent",
48
- } }) }), _jsx("div", { className: "sb-absolute sb-top-0 sb-left-0 sb-w-full sb-h-2 sb-bg-slate-400 sb-rounded-md", style: {
58
+ } }) }), _jsx("div", { className: 'sb-absolute sb-top-0 sb-left-0 sb-w-full sb-h-2 sb-bg-slate-400 sb-rounded-md', style: {
49
59
  background: `
50
60
  linear-gradient(to right,
51
61
  #f97316 0%,
package/dist/components/TimeSlider/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeSlider/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeSlider/index.tsx"],"names":[],"mappings":"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"}
package/dist/components/TimeSlider/index.tsx CHANGED
@@ -5,86 +5,99 @@ import { SoftBuildersVideoPlayerChapter } from "../../types";
5
5
  import log from "video.js/dist/types/utils/log";
6
6
 
7
7
  const MIN = 0,
8
- MAX = 100;
8
+ MAX = 100;
9
9
  const DEFERENCE = Math.abs(MAX - MIN);
10
10
  const BAR_PERCENTAGE_WIDTH = 0.5;
11
11
 
12
12
  type Props = {
13
- chapters?: SoftBuildersVideoPlayerChapter[];
13
+ chapters?: SoftBuildersVideoPlayerChapter[];
14
14
  };
15
15
 
16
16
  const TimeSlider = ({ chapters }: Props) => {
17
- const [timeSlider, setTimeSlider] = useState(0);
18
-
19
- const { player, duration, downloadedBufferPercentage } =
20
- useSoftBuildersVideoPlayerContext();
21
-
22
- const handleValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {
23
- const newTimeSlider = Number(e.target.value);
24
- setTimeSlider(newTimeSlider);
25
- console.log("newTimeSlider: ", newTimeSlider);
26
-
27
- const time = (newTimeSlider * duration) / DEFERENCE;
28
- console.log("time: ", time);
29
-
30
- player?.currentTime(time);
31
- };
32
-
33
- useEffect(() => {
34
- const intervalId = setInterval(() => {
35
- const currentTime = player?.currentTime() || 0;
36
-
37
- const time = (currentTime * DEFERENCE) / duration;
38
-
39
- setTimeSlider(time);
40
- }, 1000);
41
-
42
- // Cleanup function to clear the interval
43
- return () => clearInterval(intervalId);
44
- }, [player, duration]);
45
-
46
- const [maskCuttes, setMaskCuttes] = useState("");
47
-
48
- useEffect(() => {
49
- const arr: string[] = ["black 0%"];
50
- chapters?.forEach((c) => {
51
- const startPercentage = Math.floor((c.startTime * 100) / duration);
52
- const endPercentage = Math.floor((c.endTime * 100) / duration);
53
- arr.push(`black ${startPercentage}%`);
54
- arr.push(`transparent ${startPercentage}%`);
55
- arr.push(`transparent ${startPercentage + BAR_PERCENTAGE_WIDTH}%`);
56
-
57
- arr.push(`black ${startPercentage + BAR_PERCENTAGE_WIDTH}%`);
58
- arr.push(`black ${endPercentage}%`);
59
-
60
- arr.push(`transparent ${endPercentage}%`);
61
- arr.push(`transparent ${endPercentage + BAR_PERCENTAGE_WIDTH}%`);
62
-
63
- arr.push(`black ${endPercentage + BAR_PERCENTAGE_WIDTH}%`);
64
- });
65
- arr.push(`black 100%`);
66
-
67
- setMaskCuttes(arr.toString());
68
- }, [chapters, duration]);
69
-
70
- return (
71
- <div className=" sb-w-full sb-h-2 sb-flex sb-items-center sb-justify-center">
72
- <div className="sb-absolute sb-top-0 sb-left-0 sb-w-full sb-z-10">
73
- <Slider
74
- value={timeSlider}
75
- handleValueChange={handleValueChange}
76
- min={MIN}
77
- max={MAX}
78
- style={{
79
- background: "transparent",
80
- }}
81
- />
82
- </div>
83
-
84
- <div
85
- className="sb-absolute sb-top-0 sb-left-0 sb-w-full sb-h-2 sb-bg-slate-400 sb-rounded-md"
86
- style={{
87
- background: `
17
+ const [timeSlider, setTimeSlider] = useState(0);
18
+
19
+ const { player, duration, downloadedBufferPercentage } =
20
+ useSoftBuildersVideoPlayerContext();
21
+
22
+ const handleValueChange = (e: React.ChangeEvent<HTMLInputElement>) => {
23
+ const newTimeSlider = Number(e.target.value);
24
+ setTimeSlider(newTimeSlider);
25
+ console.log("newTimeSlider: ", newTimeSlider);
26
+
27
+ const time = (newTimeSlider * duration) / DEFERENCE;
28
+ console.log("time: ", time);
29
+
30
+ player?.currentTime(time);
31
+ };
32
+
33
+ const handleSliderClick = (e: React.MouseEvent<HTMLDivElement>) => {
34
+ const slider = e.currentTarget; // Get the slider element
35
+ const rect = slider.getBoundingClientRect(); // Get the bounding rect of the slider
36
+ const offsetX = e.clientX - rect.left; // Get the click position relative to the slider
37
+ const newTimeSlider = (offsetX / rect.width) * DEFERENCE; // Calculate the new slider value
38
+
39
+ // Update the time using the same function
40
+ const time = (newTimeSlider * duration) / DEFERENCE;
41
+ player?.currentTime(time);
42
+ setTimeSlider(newTimeSlider); // Update the state to reflect the change
43
+ };
44
+
45
+ useEffect(() => {
46
+ const intervalId = setInterval(() => {
47
+ const currentTime = player?.currentTime() || 0;
48
+
49
+ const time = (currentTime * DEFERENCE) / duration;
50
+
51
+ setTimeSlider(time);
52
+ }, 1000);
53
+
54
+ // Cleanup function to clear the interval
55
+ return () => clearInterval(intervalId);
56
+ }, [player, duration]);
57
+
58
+ const [maskCuttes, setMaskCuttes] = useState("");
59
+
60
+ useEffect(() => {
61
+ const arr: string[] = ["black 0%"];
62
+ chapters?.forEach((c) => {
63
+ const startPercentage = Math.floor((c.startTime * 100) / duration);
64
+ const endPercentage = Math.floor((c.endTime * 100) / duration);
65
+ arr.push(`black ${startPercentage}%`);
66
+ arr.push(`transparent ${startPercentage}%`);
67
+ arr.push(`transparent ${startPercentage + BAR_PERCENTAGE_WIDTH}%`);
68
+
69
+ arr.push(`black ${startPercentage + BAR_PERCENTAGE_WIDTH}%`);
70
+ arr.push(`black ${endPercentage}%`);
71
+
72
+ arr.push(`transparent ${endPercentage}%`);
73
+ arr.push(`transparent ${endPercentage + BAR_PERCENTAGE_WIDTH}%`);
74
+
75
+ arr.push(`black ${endPercentage + BAR_PERCENTAGE_WIDTH}%`);
76
+ });
77
+ arr.push(`black 100%`);
78
+
79
+ setMaskCuttes(arr.toString());
80
+ }, [chapters, duration]);
81
+
82
+ return (
83
+ <div className=' sb-w-full sb-h-2 sb-flex sb-items-center sb-justify-center'>
84
+ <div className='sb-absolute sb-top-0 sb-left-0 sb-w-full sb-z-10'>
85
+ <Slider
86
+ value={timeSlider}
87
+ handleValueChange={handleValueChange}
88
+ handleSliderClick={handleSliderClick}
89
+ min={MIN}
90
+ max={MAX}
91
+ style={{
92
+ background: "transparent",
93
+ }}
94
+ />
95
+ </div>
96
+
97
+ <div
98
+ className='sb-absolute sb-top-0 sb-left-0 sb-w-full sb-h-2 sb-bg-slate-400 sb-rounded-md'
99
+ style={{
100
+ background: `
88
101
  linear-gradient(to right,
89
102
  #f97316 0%,
90
103
  #f97316 ${timeSlider}%,
@@ -94,17 +107,16 @@ const TimeSlider = ({ chapters }: Props) => {
94
107
  #30303030 100%
95
108
  )
96
109
  `,
97
- maskImage: `
110
+ maskImage: `
98
111
  linear-gradient(to right,
99
112
  ${maskCuttes}
100
113
  )
101
114
  `,
102
- maskSize: "100% 100%",
103
- maskRepeat: "no-repeat",
104
- }}
105
- ></div>
106
- </div>
107
- );
115
+ maskSize: "100% 100%",
116
+ maskRepeat: "no-repeat",
117
+ }}></div>
118
+ </div>
119
+ );
108
120
  };
109
121
 
110
122
  export default TimeSlider;
package/dist/components/VideoPlayerComponent/index.js CHANGED
@@ -8,6 +8,7 @@ import "./style/style.css";
8
8
  import "../../styles/tailwind.css";
9
9
  import { SoftBuildersVideoPlayerProvider } from "./provider";
10
10
  import BigPlayButton from "../BigPlayButton";
11
+ import { isEqual } from "lodash";
11
12
  let bigPlayButtonRoot = {};
12
13
  const renderBigPlayButton = (id, player, isPaused, setIsPaused, opacity = "100") => {
13
14
  const container = document.getElementById(`video-container-${id}`);
@@ -58,6 +59,7 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
58
59
  const [isQualityMenuOpen, setIsQualityMenuOpen] = useState(false);
59
60
  const [isSubtitleMenuOpen, setIsSubtitleMenuOpen] = useState(false);
60
61
  const [isNoteOpen, setNoteOpen] = useState(false);
62
+ console.log("notes", notes);
61
63
  const onReady = (player) => {
62
64
  console.log("onReady: ", onReady);
63
65
  if (playerRef) {
@@ -87,16 +89,42 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
87
89
  videoElement.style.height = "100%";
88
90
  playerRef.current = videojs(videoElement, options, () => {
89
91
  var _a;
90
- setIsReady(true);
91
92
  (_a = playerRef.current) === null || _a === void 0 ? void 0 : _a.currentTime(startTime);
92
93
  });
94
+ onReady(playerRef.current);
93
95
  };
94
96
  useEffect(() => {
95
97
  if (playerRef.current) {
96
- playerRef.current.dispose();
97
- playerRef.current = undefined;
98
+ if (!isEqual(playerRef.current.poster_, poster)) {
99
+ playerRef.current.dispose();
100
+ console.log("dispose: ");
101
+ playerRef.current = undefined;
102
+ }
98
103
  }
99
104
  initializePlayer();
105
+ console.log("initializePlayer: ghhh");
106
+ }, [options]);
107
+ useEffect(() => {
108
+ return () => {
109
+ if (playerRef.current) {
110
+ console.log(playerRef.current, options, "jk");
111
+ if (!isEqual(playerRef.current.poster_, poster)) {
112
+ playerRef.current.dispose();
113
+ console.log("dispose7: ");
114
+ playerRef.current = undefined;
115
+ setTimeout(() => {
116
+ if (bigPlayButtonRoot[id]) {
117
+ bigPlayButtonRoot[id].unmount();
118
+ bigPlayButtonRoot[id] = undefined;
119
+ }
120
+ if (controlBarRoot[id]) {
121
+ controlBarRoot[id].unmount();
122
+ controlBarRoot[id] = undefined;
123
+ }
124
+ }, 0);
125
+ }
126
+ }
127
+ };
100
128
  }, [options]);
101
129
  useEffect(() => {
102
130
  if (playerRef.current && isReady) {
@@ -114,6 +142,7 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
114
142
  useEffect(() => {
115
143
  if (isReady) {
116
144
  const controlBarTimeout = setTimeout(() => {
145
+ console.log("isReady: ", isReady);
117
146
  renderControlBar(id, playerRef.current, isPaused, setIsPaused, duration, notes, chapters, 5, handleSaveNoteAction, opacity, (e) => {
118
147
  handlePlayerClick(e, true);
119
148
  }, bgColor, setIsQualityMenuOpen, setIsSubtitleMenuOpen, disableNote, setNoteOpen, noteButtonClick);
@@ -139,7 +168,7 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
139
168
  }, 500);
140
169
  return () => clearTimeout(playButtonTimeout);
141
170
  }
142
- }, [id, isPaused, isReady, opacity]);
171
+ }, [id, isPaused, isReady, opacity, options, notes]);
143
172
  useEffect(() => {
144
173
  if (playerRef.current) {
145
174
  const intervalId = setInterval(() => {
@@ -157,27 +186,6 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
157
186
  (_b = playerRef.current) === null || _b === void 0 ? void 0 : _b.play();
158
187
  }
159
188
  }, [startTime]);
160
- useEffect(() => {
161
- return () => {
162
- if (playerRef.current) {
163
- // Defer cleanup to avoid flushSync issues during rendering
164
- setTimeout(() => {
165
- var _a;
166
- if (bigPlayButtonRoot[id]) {
167
- bigPlayButtonRoot[id].unmount();
168
- bigPlayButtonRoot[id] = undefined;
169
- }
170
- if (controlBarRoot[id]) {
171
- controlBarRoot[id].unmount();
172
- controlBarRoot[id] = undefined;
173
- }
174
- // Dispose the player after custom elements are cleaned up
175
- (_a = playerRef.current) === null || _a === void 0 ? void 0 : _a.dispose();
176
- playerRef.current = undefined;
177
- }, 0);
178
- }
179
- };
180
- }, []);
181
189
  const timeoutRef = useRef(null);
182
190
  useEffect(() => {
183
191
  if (isQualityMenuOpen || isSubtitleMenuOpen) {
@@ -197,8 +205,7 @@ const VideoPlayerComponent = forwardRef(({ id, options, notes, chapters, startTi
197
205
  }
198
206
  }, [isQualityMenuOpen, isSubtitleMenuOpen]);
199
207
  useEffect(() => {
200
- if (playerRef.current) {
201
- }
208
+ console.log("notes: ", notes);
202
209
  }, [notes]);
203
210
  const handlePlayerClick = async (e, isTimerOnly = false) => {
204
211
  e.preventDefault();
package/dist/components/VideoPlayerComponent/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VideoPlayerComponent/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/VideoPlayerComponent/index.tsx"],"names":[],"mappings":"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"}
package/dist/components/VideoPlayerComponent/index.tsx CHANGED
@@ -13,6 +13,7 @@ import "./style/style.css";
13
13
  import "../../styles/tailwind.css";
14
14
  import { SoftBuildersVideoPlayerProvider } from "./provider";
15
15
  import BigPlayButton from "../BigPlayButton";
16
+ import { isEqual } from "lodash";
16
17
 
17
18
  let bigPlayButtonRoot: {
18
19
  [key: string]: ReactDOM.Root | undefined;
@@ -128,6 +129,7 @@ export type Props<T = any> = {
128
129
  childRef?: React.Ref<HTMLDivElement>;
129
130
  noteButtonClick?: (e: any) => void;
130
131
  };
132
+
131
133
  const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
132
134
  (
133
135
  {
@@ -158,6 +160,8 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
158
160
  const [isQualityMenuOpen, setIsQualityMenuOpen] = useState(false);
159
161
  const [isSubtitleMenuOpen, setIsSubtitleMenuOpen] = useState(false);
160
162
  const [isNoteOpen, setNoteOpen] = useState(false);
163
+ console.log("notes", notes);
164
+
161
165
  const onReady = (player: Player) => {
162
166
  console.log("onReady: ", onReady);
163
167
  if (playerRef) {
@@ -176,6 +180,7 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
176
180
  });
177
181
  }
178
182
  };
183
+
179
184
  const initializePlayer = () => {
180
185
  const videoElement = document.createElement("video-js");
181
186
  videoElement.setAttribute("playsinline", "true");
@@ -188,16 +193,42 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
188
193
  videoElement.style.height = "100%";
189
194
 
190
195
  playerRef.current = videojs(videoElement, options, () => {
191
- setIsReady(true);
192
196
  playerRef.current?.currentTime(startTime);
193
197
  });
198
+ onReady(playerRef.current);
194
199
  };
195
200
  useEffect(() => {
196
201
  if (playerRef.current) {
197
- playerRef.current.dispose();
198
- playerRef.current = undefined;
202
+ if (!isEqual(playerRef.current.poster_, poster)) {
203
+ playerRef.current.dispose();
204
+ console.log("dispose: ");
205
+ playerRef.current = undefined;
206
+ }
199
207
  }
200
208
  initializePlayer();
209
+ console.log("initializePlayer: ghhh");
210
+ }, [options]);
211
+ useEffect(() => {
212
+ return () => {
213
+ if (playerRef.current) {
214
+ console.log(playerRef.current, options, "jk");
215
+ if (!isEqual(playerRef.current.poster_, poster)) {
216
+ playerRef.current.dispose();
217
+ console.log("dispose7: ");
218
+ playerRef.current = undefined;
219
+ setTimeout(() => {
220
+ if (bigPlayButtonRoot[id]) {
221
+ bigPlayButtonRoot[id].unmount();
222
+ bigPlayButtonRoot[id] = undefined;
223
+ }
224
+ if (controlBarRoot[id]) {
225
+ controlBarRoot[id].unmount();
226
+ controlBarRoot[id] = undefined;
227
+ }
228
+ }, 0);
229
+ }
230
+ }
231
+ };
201
232
  }, [options]);
202
233
  useEffect(() => {
203
234
  if (playerRef.current && isReady) {
@@ -213,6 +244,8 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
213
244
  useEffect(() => {
214
245
  if (isReady) {
215
246
  const controlBarTimeout = setTimeout(() => {
247
+ console.log("isReady: ", isReady);
248
+
216
249
  renderControlBar(
217
250
  id,
218
251
  playerRef.current,
@@ -262,7 +295,7 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
262
295
  }, 500);
263
296
  return () => clearTimeout(playButtonTimeout);
264
297
  }
265
- }, [id, isPaused, isReady, opacity]);
298
+ }, [id, isPaused, isReady, opacity, options, notes]);
266
299
  useEffect(() => {
267
300
  if (playerRef.current) {
268
301
  const intervalId = setInterval(() => {
@@ -278,27 +311,7 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
278
311
  playerRef.current?.play();
279
312
  }
280
313
  }, [startTime]);
281
- useEffect(() => {
282
- return () => {
283
- if (playerRef.current) {
284
- // Defer cleanup to avoid flushSync issues during rendering
285
- setTimeout(() => {
286
- if (bigPlayButtonRoot[id]) {
287
- bigPlayButtonRoot[id].unmount();
288
- bigPlayButtonRoot[id] = undefined;
289
- }
290
- if (controlBarRoot[id]) {
291
- controlBarRoot[id].unmount();
292
- controlBarRoot[id] = undefined;
293
- }
294
314
 
295
- // Dispose the player after custom elements are cleaned up
296
- playerRef.current?.dispose();
297
- playerRef.current = undefined;
298
- }, 0);
299
- }
300
- };
301
- }, []);
302
315
  const timeoutRef = useRef<any>(null);
303
316
  useEffect(() => {
304
317
  if (isQualityMenuOpen || isSubtitleMenuOpen) {
@@ -319,8 +332,7 @@ const VideoPlayerComponent = forwardRef<HTMLDivElement, Props<any>>(
319
332
  }, [isQualityMenuOpen, isSubtitleMenuOpen]);
320
333
 
321
334
  useEffect(() => {
322
- if (playerRef.current) {
323
- }
335
+ console.log("notes: ", notes);
324
336
  }, [notes]);
325
337
 
326
338
  const handlePlayerClick = async (e: any, isTimerOnly = false) => {
package/dist/index.mjs CHANGED
@@ -171,13 +171,16 @@ var Slider = (_a) => {
171
171
  handleValueChange,
172
172
  min = 0,
173
173
  max = 100,
174
- className
174
+ className,
175
+ handleSliderClick = () => {
176
+ }
175
177
  } = _b, rest = __objRest(_b, [
176
178
  "value",
177
179
  "handleValueChange",
178
180
  "min",
179
181
  "max",
180
- "className"
182
+ "className",
183
+ "handleSliderClick"
181
184
  ]);
182
185
  return /* @__PURE__ */ jsx3(
183
186
  "input",
@@ -187,6 +190,7 @@ var Slider = (_a) => {
187
190
  onMouseDown: (e) => e.stopPropagation(),
188
191
  onClick: (e) => {
189
192
  e.stopPropagation();
193
+ handleSliderClick(e);
190
194
  },
191
195
  onMouseUp: (e) => e.stopPropagation(),
192
196
  max,
@@ -1048,6 +1052,15 @@ var TimeSlider = ({ chapters }) => {
1048
1052
  console.log("time: ", time);
1049
1053
  player == null ? void 0 : player.currentTime(time);
1050
1054
  };
1055
+ const handleSliderClick = (e) => {
1056
+ const slider = e.currentTarget;
1057
+ const rect = slider.getBoundingClientRect();
1058
+ const offsetX = e.clientX - rect.left;
1059
+ const newTimeSlider = offsetX / rect.width * DEFERENCE;
1060
+ const time = newTimeSlider * duration / DEFERENCE;
1061
+ player == null ? void 0 : player.currentTime(time);
1062
+ setTimeSlider(newTimeSlider);
1063
+ };
1051
1064
  useEffect9(() => {
1052
1065
  const intervalId = setInterval(() => {
1053
1066
  const currentTime = (player == null ? void 0 : player.currentTime()) || 0;
@@ -1080,6 +1093,7 @@ var TimeSlider = ({ chapters }) => {
1080
1093
  {
1081
1094
  value: timeSlider,
1082
1095
  handleValueChange,
1096
+ handleSliderClick,
1083
1097
  min: MIN2,
1084
1098
  max: MAX2,
1085
1099
  style: {
@@ -1538,6 +1552,7 @@ var BigPlayButton = ({ player, isPaused, setIsPaused }) => {
1538
1552
  var BigPlayButton_default = BigPlayButton;
1539
1553
 
1540
1554
  // src/components/VideoPlayerComponent/index.tsx
1555
+ import { isEqual } from "lodash";
1541
1556
  import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
1542
1557
  var bigPlayButtonRoot = {};
1543
1558
  var renderBigPlayButton = (id, player, isPaused, setIsPaused, opacity = "100") => {
@@ -1635,6 +1650,7 @@ var VideoPlayerComponent = forwardRef(
1635
1650
  const [isQualityMenuOpen, setIsQualityMenuOpen] = useState14(false);
1636
1651
  const [isSubtitleMenuOpen, setIsSubtitleMenuOpen] = useState14(false);
1637
1652
  const [isNoteOpen, setNoteOpen] = useState14(false);
1653
+ console.log("notes", notes);
1638
1654
  const onReady = (player) => {
1639
1655
  console.log("onReady: ", onReady);
1640
1656
  if (playerRef) {
@@ -1665,16 +1681,42 @@ var VideoPlayerComponent = forwardRef(
1665
1681
  videoElement.style.height = "100%";
1666
1682
  playerRef.current = videojs(videoElement, options, () => {
1667
1683
  var _a;
1668
- setIsReady(true);
1669
1684
  (_a = playerRef.current) == null ? void 0 : _a.currentTime(startTime);
1670
1685
  });
1686
+ onReady(playerRef.current);
1671
1687
  };
1672
1688
  useEffect14(() => {
1673
1689
  if (playerRef.current) {
1674
- playerRef.current.dispose();
1675
- playerRef.current = void 0;
1690
+ if (!isEqual(playerRef.current.poster_, poster)) {
1691
+ playerRef.current.dispose();
1692
+ console.log("dispose: ");
1693
+ playerRef.current = void 0;
1694
+ }
1676
1695
  }
1677
1696
  initializePlayer();
1697
+ console.log("initializePlayer: ghhh");
1698
+ }, [options]);
1699
+ useEffect14(() => {
1700
+ return () => {
1701
+ if (playerRef.current) {
1702
+ console.log(playerRef.current, options, "jk");
1703
+ if (!isEqual(playerRef.current.poster_, poster)) {
1704
+ playerRef.current.dispose();
1705
+ console.log("dispose7: ");
1706
+ playerRef.current = void 0;
1707
+ setTimeout(() => {
1708
+ if (bigPlayButtonRoot[id]) {
1709
+ bigPlayButtonRoot[id].unmount();
1710
+ bigPlayButtonRoot[id] = void 0;
1711
+ }
1712
+ if (controlBarRoot[id]) {
1713
+ controlBarRoot[id].unmount();
1714
+ controlBarRoot[id] = void 0;
1715
+ }
1716
+ }, 0);
1717
+ }
1718
+ }
1719
+ };
1678
1720
  }, [options]);
1679
1721
  useEffect14(() => {
1680
1722
  if (playerRef.current && isReady) {
@@ -1689,6 +1731,7 @@ var VideoPlayerComponent = forwardRef(
1689
1731
  useEffect14(() => {
1690
1732
  if (isReady) {
1691
1733
  const controlBarTimeout = setTimeout(() => {
1734
+ console.log("isReady: ", isReady);
1692
1735
  renderControlBar(
1693
1736
  id,
1694
1737
  playerRef.current,
@@ -1738,7 +1781,7 @@ var VideoPlayerComponent = forwardRef(
1738
1781
  }, 500);
1739
1782
  return () => clearTimeout(playButtonTimeout);
1740
1783
  }
1741
- }, [id, isPaused, isReady, opacity]);
1784
+ }, [id, isPaused, isReady, opacity, options, notes]);
1742
1785
  useEffect14(() => {
1743
1786
  if (playerRef.current) {
1744
1787
  const intervalId = setInterval(() => {
@@ -1755,25 +1798,6 @@ var VideoPlayerComponent = forwardRef(
1755
1798
  (_b = playerRef.current) == null ? void 0 : _b.play();
1756
1799
  }
1757
1800
  }, [startTime]);
1758
- useEffect14(() => {
1759
- return () => {
1760
- if (playerRef.current) {
1761
- setTimeout(() => {
1762
- var _a;
1763
- if (bigPlayButtonRoot[id]) {
1764
- bigPlayButtonRoot[id].unmount();
1765
- bigPlayButtonRoot[id] = void 0;
1766
- }
1767
- if (controlBarRoot[id]) {
1768
- controlBarRoot[id].unmount();
1769
- controlBarRoot[id] = void 0;
1770
- }
1771
- (_a = playerRef.current) == null ? void 0 : _a.dispose();
1772
- playerRef.current = void 0;
1773
- }, 0);
1774
- }
1775
- };
1776
- }, []);
1777
1801
  const timeoutRef = useRef2(null);
1778
1802
  useEffect14(() => {
1779
1803
  if (isQualityMenuOpen || isSubtitleMenuOpen) {
@@ -1792,8 +1816,7 @@ var VideoPlayerComponent = forwardRef(
1792
1816
  }
1793
1817
  }, [isQualityMenuOpen, isSubtitleMenuOpen]);
1794
1818
  useEffect14(() => {
1795
- if (playerRef.current) {
1796
- }
1819
+ console.log("notes: ", notes);
1797
1820
  }, [notes]);
1798
1821
  const handlePlayerClick = async (e, isTimerOnly = false) => {
1799
1822
  e.preventDefault();
@@ -1921,6 +1944,7 @@ var VideoPlayerComponent = forwardRef(
1921
1944
  var VideoPlayerComponent_default = VideoPlayerComponent;
1922
1945
 
1923
1946
  // src/components/SoftBuildersVideoPlayer/index.tsx
1947
+ import { isEqual as isEqual2 } from "lodash";
1924
1948
  import { jsx as jsx37 } from "react/jsx-runtime";
1925
1949
  var DEFAULT_OPTIONS = {
1926
1950
  autoplay: false,
@@ -1994,8 +2018,9 @@ var Component = forwardRef2(
1994
2018
  }
1995
2019
  );
1996
2020
  var SoftBuildersVideoPlayer = memo(Component, (prevProps, nextProps) => {
1997
- return prevProps.options === nextProps.options && // prevProps.notes === nextProps.notes &&
1998
- prevProps.chapters === nextProps.chapters && prevProps.startTime === nextProps.startTime;
2021
+ console.log(isEqual2(prevProps.options, nextProps.options, "oooop"));
2022
+ console.log(nextProps.notes, prevProps.notes, "oooop");
2023
+ return isEqual2(prevProps.options, nextProps.options) && prevProps.notes === nextProps.notes && prevProps.chapters === nextProps.chapters && prevProps.startTime === nextProps.startTime;
1999
2024
  });
2000
2025
  var SoftBuildersVideoPlayer_default = SoftBuildersVideoPlayer;
2001
2026
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "softbuilders-react-video-player",
3
3
  "description": "Standalone video player component",
4
- "version": "1.2.0",
4
+ "version": "1.2.1",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "files": [
@@ -24,6 +24,7 @@
24
24
  "react-dom": "^18.3.1"
25
25
  },
26
26
  "dependencies": {
27
+ "lodash": "^4.17.21",
27
28
  "typescript": "^5.6.2",
28
29
  "video.js": "^8.18.0"
29
30
  },