@smitch/breeze 2.2.39 → 2.2.42

package/lib/videoplayer/Video.js

@@ -1,135 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var VideoTracks_1 = __importDefault(require("./VideoTracks"));
-var tailwind_merge_1 = require("tailwind-merge");
-var __1 = require("..");
-var posterSrc = "/poster.png";
-var loadingClasses = "[&&::-webkit-media-controls-panel]:!hidden [&&::-webkit-media-controls-enclosure]:!hidden [&&::-webkit-media-controls]:!hidden";
-var grayscaleClasses = {
-    none: "",
-    grayscale: "grayscale",
-    sepia: "sepia",
-};
-var aspects = {
-    square: "aspect-square",
-    phone: "aspect-[9/16]",
-    video: "aspect-video",
-    television: "aspect-[4/3]",
-    cinema: "aspect-[21/9]",
-    ultrawide: "aspect-[12/5]",
-};
-var Video = function (_a) {
-    var src = _a.src, _b = _a.poster, poster = _b === void 0 ? posterSrc : _b, tracks = _a.tracks, srcLangs = _a.srcLangs, trackIndex = _a.trackIndex, _c = _a.controls, controls = _c === void 0 ? true : _c, _d = _a.aspect, aspect = _d === void 0 ? "video" : _d, _e = _a.videoWidth, videoWidth = _e === void 0 ? "100%" : _e, _f = _a.videoHeight, videoHeight = _f === void 0 ? "auto" : _f, _g = _a.loop, loop = _g === void 0 ? false : _g, muted = _a.muted, autoplay = _a.autoplay, setDuration = _a.setDuration, setTime = _a.setTime, play = _a.play, togglePlay = _a.togglePlay, _h = _a.preload, preload = _h === void 0 ? "metadata" : _h, _j = _a.fallback, fallback = _j === void 0 ? "Your browser does not support the video tag." : _j, currentTime = _a.currentTime, playEnded = _a.playEnded, _k = _a.volume, volume = _k === void 0 ? 5 : _k, _l = _a.formats, formats = _l === void 0 ? ["mp4"] : _l, _m = _a.pictureInPicture, pictureInPicture = _m === void 0 ? false : _m, _o = _a.defaultError, defaultError = _o === void 0 ? "Video cannot be loaded." : _o, _p = _a.grayscale, grayscale = _p === void 0 ? "none" : _p, _q = _a.blur, blur = _q === void 0 ? false : _q, _r = _a.className, className = _r === void 0 ? "" : _r;
-    var videoRef = (0, react_1.useRef)(null);
-    var _s = (0, react_1.useState)(false), loading = _s[0], setLoading = _s[1];
-    var _t = (0, react_1.useState)(""), error = _t[0], setError = _t[1];
-    var aspectRatioClasses = (0, react_1.useMemo)(function () { return aspects[aspect]; }, [aspect]);
-    (0, react_1.useEffect)(function () {
-        var node = videoRef.current;
-        if (node) {
-            if (play)
-                node.play();
-            else
-                node.pause();
-        }
-    }, [play]);
-    (0, react_1.useEffect)(function () {
-        var node = videoRef.current;
-        if (node && trackIndex) {
-            var textTracks = node.textTracks;
-            for (var i = 0; i < textTracks.length; i++) {
-                if (i === Number(trackIndex))
-                    textTracks[i].mode = "showing";
-                else
-                    textTracks[i].mode = "disabled";
-            }
-        }
-    }, [trackIndex]);
-    (0, react_1.useEffect)(function () {
-        var node = videoRef.current;
-        if (node && typeof document !== null && node.duration) {
-            if (document.pictureInPictureElement) {
-                document.exitPictureInPicture();
-            }
-            else if (document.pictureInPictureEnabled) {
-                node.requestPictureInPicture();
-            }
-        }
-    }, [pictureInPicture]);
-    (0, react_1.useEffect)(function () {
-        var node = videoRef.current;
-        if (node && currentTime) {
-            node.currentTime = currentTime;
-        }
-    }, [currentTime]);
-    (0, react_1.useEffect)(function () {
-        var node = videoRef.current;
-        if (node)
-            node.volume = volume / 10;
-    }, [volume]);
-    var handleLoadedmetadata = (0, react_1.useCallback)(function () {
-        if (videoRef.current && setDuration)
-            setDuration(videoRef.current.duration);
-    }, [setDuration]);
-    var handleTogglePlay = function () {
-        if (togglePlay)
-            togglePlay();
-    };
-    var handleEnd = (0, react_1.useCallback)(function () {
-        var node = videoRef.current;
-        if (node && !loop) {
-            node.currentTime = 0;
-        }
-        if (playEnded)
-            playEnded();
-    }, [playEnded, loop]);
-    var handleTime = (0, react_1.useCallback)(function () {
-        if (videoRef.current && setTime)
-            setTime(videoRef.current.currentTime);
-    }, [setTime]);
-    var handleError = (0, react_1.useCallback)(function () {
-        var _a;
-        var node = videoRef.current;
-        if (node) {
-            var error_1 = ((_a = node.error) === null || _a === void 0 ? void 0 : _a.message) || defaultError;
-            setError(error_1);
-            setLoading(false);
-        }
-    }, [setError, defaultError]);
-    var handleWaiting = (0, react_1.useCallback)(function () {
-        setLoading(true);
-    }, [setLoading]);
-    var handleCanPlay = (0, react_1.useCallback)(function () {
-        setLoading(false);
-    }, [setLoading]);
-    var setVideoRef = (0, react_1.useCallback)(function (node) {
-        if (node) {
-            videoRef.current = node;
-            node.addEventListener("waiting", handleWaiting);
-            node.addEventListener("canplay", handleCanPlay);
-            node.addEventListener("loadedmetadata", handleLoadedmetadata, true);
-            node.addEventListener("ended", handleEnd, true);
-            node.addEventListener("timeupdate", handleTime, true);
-            node.addEventListener("error", handleError, true);
-        }
-        return function () {
-            if (node) {
-                node.removeEventListener("waiting", handleWaiting);
-                node.removeEventListener("canplay", handleCanPlay);
-                node.removeEventListener("loadedmetadata", handleLoadedmetadata, true);
-                node.removeEventListener("ended", handleEnd, true);
-                node.removeEventListener("timeupdate", handleTime, true);
-                node.removeEventListener("error", handleError, true);
-            }
-        };
-    }, [handleEnd, handleError, handleLoadedmetadata, handleTime, handleWaiting, handleCanPlay]);
-    return ((0, jsx_runtime_1.jsxs)("figure", { className: (0, tailwind_merge_1.twMerge)("video-figure group overflow-hidden flex items-center relative ".concat(aspectRatioClasses), className), children: [(0, jsx_runtime_1.jsxs)("video", { poster: poster, width: videoWidth, height: videoHeight, controls: controls, loop: loop, ref: setVideoRef, className: "video bg-black ".concat(grayscaleClasses[grayscale], " ").concat(blur ? "blur" : "", " ").concat(videoHeight === "100%" ? "object-cover h-full" : "", " ").concat(loading ? loadingClasses : ""), muted: muted, autoPlay: autoplay, preload: preload, onClick: handleTogglePlay, children: [formats.map(function (format, index) { return ((0, jsx_runtime_1.jsx)("source", { src: "".concat(src.slice(0, src.lastIndexOf(".")), ".").concat(format), type: "video/".concat(format) }, index)); }), tracks ? (0, jsx_runtime_1.jsx)(VideoTracks_1.default, { tracks: tracks, srcLangs: srcLangs }) : null, (0, jsx_runtime_1.jsx)("p", { children: fallback })] }), error && ((0, jsx_runtime_1.jsx)(__1.Alert, { title: "Error", message: error, status: "error", layout: "solid", className: "!absolute inset-0" })), loading && (0, jsx_runtime_1.jsx)(__1.Loading, { className: "absolute w-full", size: "lg" })] }));
-};
-exports.default = Video;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdmlkZW9wbGF5ZXIvVmlkZW8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7Ozs7OztBQUViLCtCQUFpRjtBQUNqRiw4REFBd0M7QUFDeEMsaURBQXlDO0FBQ3pDLHdCQUFvQztBQUlwQyxJQUFNLFNBQVMsR0FBRyxhQUFhLENBQUM7QUFFaEMsSUFBTSxjQUFjLEdBQ2xCLGdJQUFnSSxDQUFDO0FBRW5JLElBQU0sZ0JBQWdCLEdBQUc7SUFDdkIsSUFBSSxFQUFFLEVBQUU7SUFDUixTQUFTLEVBQUUsV0FBVztJQUN0QixLQUFLLEVBQUUsT0FBTztDQUNmLENBQUM7QUFFRixJQUFNLE9BQU8sR0FBRztJQUNkLE1BQU0sRUFBRSxlQUFlO0lBQ3ZCLEtBQUssRUFBRSxlQUFlO0lBQ3RCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLFVBQVUsRUFBRSxjQUFjO0lBQzFCLE1BQU0sRUFBRSxlQUFlO0lBQ3ZCLFNBQVMsRUFBRSxlQUFlO0NBQzNCLENBQUM7QUFFRixJQUFNLEtBQUssR0FBRyxVQUFDLEVBNEJGO1FBM0JYLEdBQUcsU0FBQSxFQUNILGNBQWtCLEVBQWxCLE1BQU0sbUJBQUcsU0FBUyxLQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixnQkFBZSxFQUFmLFFBQVEsbUJBQUcsSUFBSSxLQUFBLEVBQ2YsY0FBZ0IsRUFBaEIsTUFBTSxtQkFBRyxPQUFPLEtBQUEsRUFDaEIsa0JBQW1CLEVBQW5CLFVBQVUsbUJBQUcsTUFBTSxLQUFBLEVBQ25CLG1CQUFvQixFQUFwQixXQUFXLG1CQUFHLE1BQU0sS0FBQSxFQUNwQixZQUFZLEVBQVosSUFBSSxtQkFBRyxLQUFLLEtBQUEsRUFDWixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1As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

package/lib/videoplayer/VideoPlayer.js

@@ -1,71 +0,0 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var tailwind_merge_1 = require("tailwind-merge");
-var Video_1 = __importDefault(require("./Video"));
-var VideoControls_1 = __importDefault(require("./VideoControls"));
-var VideoPlayer = function (_a) {
-    var src = _a.src, poster = _a.poster, loop = _a.loop, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.aspect, aspect = _c === void 0 ? 'video' : _c, preload = _a.preload, fallback = _a.fallback, _d = _a.formats, formats = _d === void 0 ? ['mp4'] : _d, _e = _a.defaultError, defaultError = _e === void 0 ? 'Oops! There was an unknown error.' : _e, _f = _a.muted, muted = _f === void 0 ? false : _f, autoplay = _a.autoplay, _g = _a.controlOptions, controlOptions = _g === void 0 ? ['sound', 'fullscreen', 'pip'] : _g, _h = _a.progressBg, progressBg = _h === void 0 ? '#cccccc' : _h, _j = _a.progressColor, progressColor = _j === void 0 ? '#ffffff' : _j, tracks = _a.tracks, srcLangs = _a.srcLangs, grayscale = _a.grayscale;
-    var _k = (0, react_1.useState)(false), play = _k[0], setPlay = _k[1];
-    var _l = (0, react_1.useState)(0), duration = _l[0], setDuration = _l[1];
-    var _m = (0, react_1.useState)(0), time = _m[0], setTime = _m[1];
-    var _o = (0, react_1.useState)(0), currentTime = _o[0], setCurrentTime = _o[1];
-    var _p = (0, react_1.useState)(false), fullscreen = _p[0], setFullscreen = _p[1];
-    var _q = (0, react_1.useState)(false), pictureInPicture = _q[0], setPictureInPicture = _q[1];
-    var _r = (0, react_1.useState)(muted), mute = _r[0], setMute = _r[1];
-    var _s = (0, react_1.useState)(5), volume = _s[0], setVolume = _s[1];
-    var _t = (0, react_1.useState)(), trackIndex = _t[0], setTrackIndex = _t[1];
-    (0, react_1.useEffect)(function () {
-        var handleFullscreenChange = function () {
-            if (fullscreen && !document.fullscreenElement)
-                setFullscreen(false);
-        };
-        document.addEventListener('fullscreenchange', handleFullscreenChange);
-        return function () {
-            document.removeEventListener('fullscreenchange', handleFullscreenChange);
-        };
-    }, [setFullscreen, fullscreen]);
-    (0, react_1.useEffect)(function () {
-        setPlay(autoplay !== null && autoplay !== void 0 ? autoplay : false);
-        return function () {
-            setPlay(false);
-        };
-    }, [autoplay]);
-    var handleScrubChange = function (time) {
-        setTime(time);
-        setCurrentTime(time);
-    };
-    var handleEnded = function () {
-        setPlay(false);
-        handleScrubChange(0);
-    };
-    var handleVolume = function (volume) {
-        setVolume(volume);
-        volume === 0 ? setMute(true) : setMute(false);
-    };
-    var handleTogglePlay = function () { return setPlay(!play); };
-    var handleMute = function () { return setMute(!mute); };
-    var handleFullscreen = function () {
-        setFullscreen(!fullscreen);
-        if (typeof document !== null) {
-            var player = document.getElementById('player');
-            if (player) {
-                if (!fullscreen) {
-                    player.requestFullscreen();
-                }
-                else
-                    document.exitFullscreen();
-            }
-        }
-    };
-    var handlePiP = function () { return setPictureInPicture(!pictureInPicture); };
-    var handleCaption = function (index) { return setTrackIndex(index); };
-    return ((0, jsx_runtime_1.jsxs)("div", { id: 'player', className: (0, tailwind_merge_1.twMerge)("video-player w-full dark bg-black group relative ".concat(fullscreen ? 'fullscreen' : ''), className), children: [(0, jsx_runtime_1.jsx)(Video_1.default, { src: src, controls: false, poster: poster, aspect: aspect, loop: loop, setDuration: setDuration, setTime: setTime, currentTime: currentTime, togglePlay: handleTogglePlay, playEnded: handleEnded, play: play, muted: mute, autoplay: autoplay, preload: preload, fallback: fallback, volume: volume, formats: formats, pictureInPicture: pictureInPicture, defaultError: defaultError, tracks: tracks, srcLangs: srcLangs, trackIndex: trackIndex, grayscale: grayscale }), (0, jsx_runtime_1.jsx)(VideoControls_1.default, { duration: duration, time: time, togglePlay: handleTogglePlay, play: play, onFullscreen: handleFullscreen, fullscreen: fullscreen, onMute: handleMute, muted: mute, onScrubChange: handleScrubChange, onVolume: handleVolume, onPIP: handlePiP, onCaption: handleCaption, controlOptions: controlOptions, progressBg: progressBg, progressColor: progressColor, tracks: tracks, srcLangs: srcLangs })] }));
-};
-exports.default = VideoPlayer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9QbGF5ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdmlkZW9wbGF5ZXIvVmlkZW9QbGF5ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7Ozs7OztBQUVaLCtCQUFrRDtBQUVsRCxpREFBd0M7QUFFeEMsa0RBQTJCO0FBQzNCLGtFQUEyQztBQUczQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBa0JGO1FBakJsQixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixpQkFBYyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsY0FBZ0IsRUFBaEIsTUFBTSxtQkFBRyxPQUFPLEtBQUEsRUFDaEIsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsZUFBaUIsRUFBakIsT0FBTyxtQkFBRyxDQUFDLEtBQUssQ0FBQyxLQUFBLEVBQ2pCLG9CQUFrRCxFQUFsRCxZQUFZLG1CQUFHLG1DQUFtQyxLQUFBLEVBQ2xELGFBQWEsRUFBYixLQUFLLG1CQUFHLEtBQUssS0FBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLHNCQUErQyxFQUEvQyxjQUFjLG1CQUFHLENBQUMsT0FBTyxFQUFFLFlBQVksRUFBRSxLQUFLLENBQUMsS0FBQSxFQUMvQyxrQkFBc0IsRUFBdEIsVUFBVSxtQkFBRyxTQUFTLEtBQUEsRUFDdEIscUJBQXlCLEVBQXpCLGFBQWEsbUJBQUcsU0FBUyxLQUFBLEVBQ3pCLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQTtJQUVILElBQUEsS0FBa0IsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxFQUFoQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQW1CLENBQUE7SUFDakMsSUFBQSxLQUEwQixJQUFBLGdCQUFRLEVBQUMsQ0FBQyxDQUFDLEVBQXBDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBZSxDQUFBO0lBQ3JDLElBQUEsS0FB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