@cargo-ai/utils 1.0.4

package/build/hooks/usePictureInPicture.js

@@ -0,0 +1,126 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePictureInPicture = void 0;
+var react_1 = require("react");
+function usePictureInPicture(videoRef) {
+    var _this = this;
+    var _a = react_1.default.useState(false), isPipAvailable = _a[0], setIsPipAvailable = _a[1];
+    var _b = react_1.default.useState(false), isPipActive = _b[0], setIsPipActive = _b[1];
+    var pipWindowRef = react_1.default.useRef(null);
+    react_1.default.useEffect(function () {
+        setIsPipAvailable(document.pictureInPictureEnabled === true);
+    }, []);
+    var enterPip = react_1.default.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var videoElement, _a, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    videoElement = videoRef.current;
+                    if (videoElement === null || isPipAvailable === false) {
+                        return [2 /*return*/];
+                    }
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    _a = pipWindowRef;
+                    return [4 /*yield*/, videoElement.requestPictureInPicture()];
+                case 2:
+                    _a.current = _b.sent();
+                    setIsPipActive(true);
+                    videoElement.play();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    console.error("Failed to enter Picture-in-Picture mode:", { error: error_1 });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [isPipAvailable, videoRef]);
+    var exitPip = react_1.default.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var error_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (document.pictureInPictureElement === null) {
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, document.exitPictureInPicture()];
+                case 2:
+                    _a.sent();
+                    setIsPipActive(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_2 = _a.sent();
+                    console.error("Failed to exit Picture-in-Picture mode:", { error: error_2 });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, []);
+    var handlePipChange = react_1.default.useCallback(function () {
+        var isPipActive = document.pictureInPictureElement === videoRef.current;
+        setIsPipActive(isPipActive);
+    }, [videoRef]);
+    react_1.default.useEffect(function () {
+        var videoElement = videoRef.current;
+        if (videoElement === null) {
+            return;
+        }
+        videoElement.addEventListener("enterpictureinpicture", handlePipChange);
+        videoElement.addEventListener("leavepictureinpicture", handlePipChange);
+        return function () {
+            videoElement.removeEventListener("enterpictureinpicture", handlePipChange);
+            videoElement.removeEventListener("leavepictureinpicture", handlePipChange);
+        };
+    }, [handlePipChange, videoRef]);
+    var values = react_1.default.useMemo(function () {
+        return {
+            isPipAvailable: isPipAvailable,
+            isPipActive: isPipActive,
+            enterPip: enterPip,
+            exitPip: exitPip,
+        };
+    }, [enterPip, exitPip, isPipActive, isPipAvailable]);
+    return values;
+}
+exports.usePictureInPicture = usePictureInPicture;

package/build/hooks/useResizeObserver.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = void 0;
+var resize_observer_1 = require("@juggle/resize-observer");
+var react_1 = require("react");
+function useResizeObserver(ref, callback) {
+    react_1.default.useEffect(function () {
+        var element = ref === null ? null : "current" in ref ? ref.current : ref;
+        if (element === null || callback === undefined) {
+            return;
+        }
+        var observer = new resize_observer_1.ResizeObserver(function (entries) {
+            // https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded/58701523#58701523
+            requestAnimationFrame(function () {
+                if (!Array.isArray(entries) || !entries.length) {
+                    return;
+                }
+                // By the time the animation frame fires, the DOM might have be unmounted already
+                if (element === null || callback === undefined) {
+                    return;
+                }
+                var entry = entries[0];
+                if (entry === undefined) {
+                    return;
+                }
+                callback(entry.contentRect);
+            });
+        });
+        observer.observe(element);
+        return function () {
+            observer.disconnect();
+        };
+    }, [ref, callback]);
+}
+exports.useResizeObserver = useResizeObserver;

package/build/hooks/useScrollPosition.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollPosition = void 0;
+var react_1 = require("react");
+var useEventListener_js_1 = require("./useEventListener.js");
+function useScrollPosition() {
+    var elementRef = react_1.default.useRef(null);
+    var _a = react_1.default.useState(true), isScrollAtStart = _a[0], setIsScrollAtStart = _a[1];
+    var _b = react_1.default.useState(false), isScrollAtEnd = _b[0], setIsScrollAtEnd = _b[1];
+    var onScroll = react_1.default.useCallback(function () {
+        var element = elementRef.current;
+        if (element === null) {
+            return;
+        }
+        var scrollTop = element.scrollTop, scrollHeight = element.scrollHeight, clientHeight = element.clientHeight;
+        setIsScrollAtStart(scrollTop === 0);
+        setIsScrollAtEnd(scrollTop + clientHeight >= scrollHeight);
+    }, []);
+    (0, useEventListener_js_1.useEventListener)("scroll", onScroll, elementRef);
+    return [elementRef, { isScrollAtStart: isScrollAtStart, isScrollAtEnd: isScrollAtEnd }];
+}
+exports.useScrollPosition = useScrollPosition;

package/build/hooks/useStepper.js

@@ -0,0 +1,138 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepper = void 0;
+var react_1 = require("react");
+function useStepper(props) {
+    var steps = props.steps, initialStep = props.initialStep, onStep = props.onStep;
+    react_1.default.useEffect(function () {
+        checkUniqueKeys(steps);
+    }, [steps]);
+    var initialIndex = react_1.default.useMemo(function () {
+        var stepIndex = steps.findIndex(function (step) {
+            return step.key === initialStep;
+        });
+        if (stepIndex === -1) {
+            return 0;
+        }
+        return stepIndex;
+    }, [initialStep, steps]);
+    var _a = react_1.default.useState(initialIndex), stepIndex = _a[0], setStepIndex = _a[1];
+    var step = react_1.default.useMemo(function () {
+        return steps[stepIndex];
+    }, [stepIndex, steps]);
+    var isFirstStep = react_1.default.useMemo(function () {
+        return stepIndex === 0;
+    }, [stepIndex]);
+    var isLastStep = react_1.default.useMemo(function () {
+        return stepIndex === steps.length - 1;
+    }, [stepIndex, steps.length]);
+    var goToNextStep = react_1.default.useCallback(function () {
+        setStepIndex(function (currentStepIndex) {
+            var nextIndex = Math.min(currentStepIndex + 1, steps.length - 1);
+            var nextStep = steps[nextIndex];
+            if (nextStep !== undefined && onStep !== undefined) {
+                onStep(nextStep, nextIndex);
+            }
+            return nextIndex;
+        });
+    }, [steps, onStep]);
+    var goToPreviousStep = react_1.default.useCallback(function () {
+        setStepIndex(function (currentStepIndex) {
+            var previousIndex = Math.max(currentStepIndex - 1, 0);
+            var previousStep = steps[previousIndex];
+            if (previousStep !== undefined && onStep !== undefined) {
+                onStep(previousStep, previousIndex);
+            }
+            return previousIndex;
+        });
+    }, [steps, onStep]);
+    var goToStep = react_1.default.useCallback(function (key) {
+        var index = steps.findIndex(function (curentStep) {
+            return curentStep.key === key;
+        });
+        if (index === -1) {
+            return;
+        }
+        setStepIndex(index);
+        var indexStep = steps[index];
+        if (indexStep !== undefined && onStep !== undefined) {
+            onStep(indexStep, index);
+        }
+    }, [steps, onStep]);
+    var reset = react_1.default.useCallback(function () {
+        setStepIndex(initialIndex);
+        var initialIndexStep = steps[initialIndex];
+        if (initialIndexStep !== undefined && onStep !== undefined) {
+            onStep(initialIndexStep, initialIndex);
+        }
+    }, [initialIndex, steps, onStep]);
+    var ComponentWithInjectedProps = react_1.default.useMemo(function () {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name
+        return function (props) {
+            if (step === undefined) {
+                return null;
+            }
+            return react_1.default.createElement(step.Component, __assign(__assign({}, props), { step: step, stepIndex: stepIndex, isFirstStep: isFirstStep, isLastStep: isLastStep, goToNextStep: goToNextStep, goToPreviousStep: goToPreviousStep, goToStep: goToStep, reset: reset }));
+        };
+    }, [
+        step,
+        goToStep,
+        isFirstStep,
+        isLastStep,
+        goToNextStep,
+        goToPreviousStep,
+        reset,
+        stepIndex,
+    ]);
+    var currentStep = react_1.default.useMemo(function () {
+        if (step === undefined) {
+            return undefined;
+        }
+        return __assign(__assign({}, step), { Component: ComponentWithInjectedProps });
+    }, [ComponentWithInjectedProps, step]);
+    var values = react_1.default.useMemo(function () {
+        return {
+            step: currentStep,
+            stepIndex: stepIndex,
+            isFirstStep: isFirstStep,
+            isLastStep: isLastStep,
+            goToNextStep: goToNextStep,
+            goToPreviousStep: goToPreviousStep,
+            goToStep: goToStep,
+            reset: reset,
+        };
+    }, [
+        currentStep,
+        stepIndex,
+        isFirstStep,
+        isLastStep,
+        goToNextStep,
+        goToPreviousStep,
+        goToStep,
+        reset,
+    ]);
+    return values;
+}
+exports.useStepper = useStepper;
+function checkUniqueKeys(steps) {
+    var keys = steps.map(function (step) {
+        return step.key;
+    });
+    var duplicates = keys.filter(function (key, index) {
+        return keys.indexOf(key) !== index;
+    });
+    if (duplicates.length > 0) {
+        throw new Error("Duplicate step keys found: ".concat(duplicates.join(", ")));
+    }
+}

package/build/hooks/useStorageState.js

@@ -0,0 +1,110 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStorageState = void 0;
+var react_1 = require("react");
+var storage_js_1 = require("../storage.js");
+function useStorageState(options) {
+    var _this = this;
+    var key = options.key, defaultValue = options.defaultValue, _a = options.storage, storage = _a === void 0 ? "localStorage" : _a, getValueOverrideAfterRestore = options.getValueOverrideAfterRestore, matchIsValueToBeStored = options.matchIsValueToBeStored;
+    var _b = react_1.default.useState(defaultValue), storedValue = _b[0], setStoreValue = _b[1];
+    var _c = react_1.default.useState(false), hasRestoredValue = _c[0], setHasRestoredValue = _c[1];
+    var isRestoringValueRef = react_1.default.useRef(false);
+    var lastKeyRestoredRef = react_1.default.useRef(undefined);
+    var callbacksAfterRestoreRef = react_1.default.useRef([]);
+    react_1.default.useEffect(function () {
+        if (key === undefined || key === lastKeyRestoredRef.current) {
+            return;
+        }
+        setHasRestoredValue(false);
+        isRestoringValueRef.current = true;
+        lastKeyRestoredRef.current = key;
+        var updateRestoredStorageValue = function () { return __awaiter(_this, void 0, void 0, function () {
+            var storageValue, restoredValue, _a, restoredValueAfterCallbacks, _i, _b, callback;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0: return [4 /*yield*/, (0, storage_js_1.getItemFromStorage)(key, { storage: storage })];
+                    case 1:
+                        storageValue = _c.sent();
+                        if (!(getValueOverrideAfterRestore !== undefined)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, getValueOverrideAfterRestore(storageValue)];
+                    case 2:
+                        _a = _c.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _a = storageValue;
+                        _c.label = 4;
+                    case 4:
+                        restoredValue = _a;
+                        if (restoredValue !== undefined) {
+                            restoredValueAfterCallbacks = restoredValue;
+                            // eslint-disable-next-line no-restricted-syntax
+                            for (_i = 0, _b = callbacksAfterRestoreRef.current; _i < _b.length; _i++) {
+                                callback = _b[_i];
+                                restoredValueAfterCallbacks = callback(restoredValueAfterCallbacks);
+                            }
+                            setStoreValue(restoredValueAfterCallbacks);
+                        }
+                        setHasRestoredValue(true);
+                        isRestoringValueRef.current = false;
+                        callbacksAfterRestoreRef.current = [];
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        updateRestoredStorageValue();
+    }, [defaultValue, getValueOverrideAfterRestore, key, storage]);
+    var setValue = react_1.default.useCallback(function (value) {
+        if (isRestoringValueRef.current === true) {
+            callbacksAfterRestoreRef.current.push(value instanceof Function ? value : function () { return value; });
+            return;
+        }
+        var valueToStore = value instanceof Function ? value(storedValue) : value;
+        setStoreValue(valueToStore);
+        if (key !== undefined &&
+            (matchIsValueToBeStored === undefined ||
+                matchIsValueToBeStored(valueToStore))) {
+            (0, storage_js_1.setItemInStorage)(key, valueToStore, { storage: storage });
+        }
+    }, [key, storedValue, matchIsValueToBeStored, storage]);
+    var returnValue = react_1.default.useMemo(function () {
+        return [storedValue, setValue, hasRestoredValue];
+    }, [storedValue, setValue, hasRestoredValue]);
+    return returnValue;
+}
+exports.useStorageState = useStorageState;

package/build/hooks/useVideoPlayer/VideoManager.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoManager = void 0;
+// Singleton to ensure unique video element
+var VideoManager = /** @class */ (function () {
+    function VideoManager() {
+        this.videoElement = null;
+        this.isPlaying = false;
+        this.hasStarted = false;
+        this.currentTime = 0;
+    }
+    VideoManager.getInstance = function () {
+        if (VideoManager.instance === null) {
+            VideoManager.instance = new VideoManager();
+        }
+        return VideoManager.instance;
+    };
+    VideoManager.prototype.setVideoElement = function (video) {
+        if (this.videoElement !== null && this.videoElement !== video) {
+            this.saveVideoState();
+            this.releaseVideo();
+        }
+        this.videoElement = video;
+        this.restoreVideoState();
+    };
+    VideoManager.prototype.getVideoElement = function () {
+        return this.videoElement;
+    };
+    VideoManager.prototype.play = function () {
+        if (this.videoElement === null) {
+            return;
+        }
+        this.videoElement.play();
+        this.isPlaying = true;
+        this.hasStarted = true;
+    };
+    VideoManager.prototype.pause = function () {
+        if (this.videoElement === null) {
+            return;
+        }
+        this.videoElement.pause();
+        this.isPlaying = false;
+    };
+    VideoManager.prototype.saveVideoState = function () {
+        if (this.videoElement === null) {
+            return;
+        }
+        this.currentTime = this.videoElement.currentTime;
+        this.isPlaying = this.videoElement.paused === false;
+        this.hasStarted = this.isPlaying || this.currentTime > 0;
+    };
+    VideoManager.prototype.restoreVideoState = function () {
+        if (this.videoElement === null) {
+            return;
+        }
+        this.videoElement.currentTime = this.currentTime;
+        if (this.isPlaying === true && this.videoElement.paused === true) {
+            this.videoElement.play();
+        }
+    };
+    VideoManager.prototype.releaseVideo = function () {
+        if (this.videoElement === null) {
+            return;
+        }
+        this.pause();
+        this.videoElement = null;
+        this.hasStarted = false;
+    };
+    VideoManager.prototype.isSameVideo = function (video) {
+        return this.videoElement === video;
+    };
+    VideoManager.prototype.getHasStarted = function () {
+        return this.hasStarted;
+    };
+    VideoManager.instance = null;
+    return VideoManager;
+}());
+exports.VideoManager = VideoManager;

package/build/hooks/useVideoPlayer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVideoPlayer = void 0;
+var useVideoPlayer_js_1 = require("./useVideoPlayer.js");
+Object.defineProperty(exports, "useVideoPlayer", { enumerable: true, get: function () { return useVideoPlayer_js_1.useVideoPlayer; } });

package/build/hooks/useVideoPlayer/useVideoPlayer.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVideoPlayer = void 0;
+var react_1 = require("react");
+var VideoManager_js_1 = require("./VideoManager.js");
+function useVideoPlayer() {
+    var videoRef = react_1.default.useRef(null);
+    var videoManagerRef = react_1.default.useRef(VideoManager_js_1.VideoManager.getInstance());
+    var _a = react_1.default.useState(false), isPlaying = _a[0], setIsPlaying = _a[1];
+    var _b = react_1.default.useState(videoManagerRef.current.getHasStarted()), hasStarted = _b[0], setHasStarted = _b[1];
+    var _c = react_1.default.useState(null), videoDuration = _c[0], setVideoDuration = _c[1];
+    var onPlayback = react_1.default.useCallback(function () {
+        var videoElement = videoRef.current;
+        if (videoElement === null) {
+            return;
+        }
+        var videoManager = videoManagerRef.current;
+        videoManager.setVideoElement(videoElement);
+        if (videoElement.paused === true || videoElement.ended === true) {
+            videoManager.play();
+            setIsPlaying(true);
+            setHasStarted(true);
+        }
+        else {
+            videoManager.pause();
+            setIsPlaying(false);
+        }
+    }, []);
+    var onVideoEnd = react_1.default.useCallback(function () {
+        var videoElement = videoRef.current;
+        if (videoElement === null) {
+            return;
+        }
+        var videoManager = videoManagerRef.current;
+        videoManager.releaseVideo();
+        videoManager.saveVideoState();
+        videoManager.pause();
+        setIsPlaying(false);
+        setHasStarted(false);
+    }, []);
+    react_1.default.useEffect(function () {
+        var videoElement = videoRef.current;
+        if (videoElement === null) {
+            return undefined;
+        }
+        var videoManager = videoManagerRef.current;
+        if (videoManager.isSameVideo(videoElement) === true) {
+            videoManager.restoreVideoState();
+            setHasStarted(videoManager.getHasStarted());
+            setIsPlaying(videoElement.paused === false);
+        }
+        else {
+            videoElement.currentTime = 0;
+            setHasStarted(false);
+            setIsPlaying(false);
+        }
+        var handlePlay = function () {
+            setIsPlaying(true);
+            setHasStarted(true);
+        };
+        var handlePause = function () {
+            setIsPlaying(false);
+        };
+        var handleEnded = function () {
+            setIsPlaying(false);
+            setHasStarted(false);
+        };
+        var handleLoadedMetadata = function () {
+            setVideoDuration(videoElement.duration);
+        };
+        videoElement.addEventListener("play", handlePlay);
+        videoElement.addEventListener("pause", handlePause);
+        videoElement.addEventListener("ended", handleEnded);
+        videoElement.addEventListener("loadedmetadata", handleLoadedMetadata);
+        return function () {
+            videoElement.removeEventListener("play", handlePlay);
+            videoElement.removeEventListener("pause", handlePause);
+            videoElement.removeEventListener("ended", handleEnded);
+            videoElement.removeEventListener("loadedmetadata", handleLoadedMetadata);
+            var videoManager = VideoManager_js_1.VideoManager.getInstance();
+            if (videoManager.isSameVideo(videoElement) === true) {
+                videoManager.saveVideoState();
+            }
+        };
+    }, []);
+    return react_1.default.useMemo(function () {
+        return [
+            videoRef,
+            {
+                isPlaying: isPlaying,
+                hasStarted: hasStarted,
+                onPlayback: onPlayback,
+                onVideoEnd: onVideoEnd,
+                videoDuration: videoDuration,
+                videoManager: videoManagerRef.current,
+            },
+        ];
+    }, [hasStarted, isPlaying, onPlayback, onVideoEnd, videoDuration]);
+}
+exports.useVideoPlayer = useVideoPlayer;

package/build/hooks/useWillUnmountEffect.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWillUnmountEffect = void 0;
+var react_1 = require("react");
+var useWillUnmountEffect = function (cleanupCallback) {
+    if (cleanupCallback === void 0) { cleanupCallback = function () { }; }
+    var callbackRef = react_1.default.useRef(cleanupCallback);
+    callbackRef.current = cleanupCallback; // always up to date
+    react_1.default.useEffect(function () {
+        return function () { return callbackRef.current(); };
+    }, []);
+};
+exports.useWillUnmountEffect = useWillUnmountEffect;

package/build/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./array.js"), exports);
+__exportStar(require("./collection.js"), exports);
+__exportStar(require("./components.js"), exports);
+__exportStar(require("./cron.js"), exports);
+__exportStar(require("./delay.js"), exports);
+__exportStar(require("./hooks/index.js"), exports);
+__exportStar(require("./json.js"), exports);
+__exportStar(require("./random.js"), exports);
+__exportStar(require("./storage.js"), exports);
+__exportStar(require("./string.js"), exports);
+__exportStar(require("./type.js"), exports);
+__exportStar(require("./user.js"), exports);