@godscene/visualizer 1.7.11

package/dist/lib/component/player/scenes/pointer-layout.js

@@ -0,0 +1,88 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    POINTER_HEIGHT: ()=>POINTER_HEIGHT,
+    POINTER_HOTSPOT_X: ()=>POINTER_HOTSPOT_X,
+    POINTER_HOTSPOT_Y: ()=>POINTER_HOTSPOT_Y,
+    POINTER_WIDTH: ()=>POINTER_WIDTH,
+    resolveExportPointerLayout: ()=>resolveExportPointerLayout,
+    resolvePointerLayout: ()=>resolvePointerLayout,
+    resolveSpinnerLayout: ()=>resolveSpinnerLayout
+});
+const POINTER_REFERENCE_IMAGE_WIDTH = 1920;
+const POINTER_WIDTH = 44;
+const POINTER_HEIGHT = 56;
+const POINTER_HOTSPOT_X = 6;
+const POINTER_HOTSPOT_Y = 4;
+function assertPositiveFinite(value, name) {
+    if (!Number.isFinite(value) || value <= 0) throw new Error(`${name} must be a positive finite number`);
+}
+function buildPointerLayout(scale) {
+    return {
+        scale,
+        width: POINTER_WIDTH * scale,
+        height: POINTER_HEIGHT * scale,
+        hotspotX: POINTER_HOTSPOT_X * scale,
+        hotspotY: POINTER_HOTSPOT_Y * scale,
+        centerOffsetX: POINTER_WIDTH * scale / 2,
+        centerOffsetY: POINTER_HEIGHT * scale / 2
+    };
+}
+function resolvePointerLayout(imageWidth) {
+    assertPositiveFinite(imageWidth, 'imageWidth');
+    return buildPointerLayout(Math.max(1, Math.sqrt(imageWidth / POINTER_REFERENCE_IMAGE_WIDTH)));
+}
+function resolveExportPointerLayout(imageWidth, contentWidth) {
+    assertPositiveFinite(contentWidth, 'contentWidth');
+    const liveLayout = resolvePointerLayout(imageWidth);
+    return buildPointerLayout(liveLayout.scale * (contentWidth / imageWidth));
+}
+function resolveSpinnerLayout(pointerLayout) {
+    const size = pointerLayout.height;
+    return {
+        size,
+        centerOffset: size / 2
+    };
+}
+exports.POINTER_HEIGHT = __webpack_exports__.POINTER_HEIGHT;
+exports.POINTER_HOTSPOT_X = __webpack_exports__.POINTER_HOTSPOT_X;
+exports.POINTER_HOTSPOT_Y = __webpack_exports__.POINTER_HOTSPOT_Y;
+exports.POINTER_WIDTH = __webpack_exports__.POINTER_WIDTH;
+exports.resolveExportPointerLayout = __webpack_exports__.resolveExportPointerLayout;
+exports.resolvePointerLayout = __webpack_exports__.resolvePointerLayout;
+exports.resolveSpinnerLayout = __webpack_exports__.resolveSpinnerLayout;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "POINTER_HEIGHT",
+    "POINTER_HOTSPOT_X",
+    "POINTER_HOTSPOT_Y",
+    "POINTER_WIDTH",
+    "resolveExportPointerLayout",
+    "resolvePointerLayout",
+    "resolveSpinnerLayout"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/component/player/use-frame-player.js

@@ -0,0 +1,121 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useFramePlayer: ()=>useFramePlayer
+});
+const external_react_namespaceObject = require("react");
+function useFramePlayer(options) {
+    var _options_playbackRate, _options_playbackRate1;
+    const { durationInFrames, fps, autoPlay = false, loop = false } = options;
+    const [currentFrame, setCurrentFrame] = (0, external_react_namespaceObject.useState)(0);
+    const [playing, setPlaying] = (0, external_react_namespaceObject.useState)(autoPlay);
+    const playingRef = (0, external_react_namespaceObject.useRef)(playing);
+    const frameRef = (0, external_react_namespaceObject.useRef)(currentFrame);
+    const rateRef = (0, external_react_namespaceObject.useRef)(null != (_options_playbackRate = options.playbackRate) ? _options_playbackRate : 1);
+    const durationRef = (0, external_react_namespaceObject.useRef)(durationInFrames);
+    const fpsRef = (0, external_react_namespaceObject.useRef)(fps);
+    const loopRef = (0, external_react_namespaceObject.useRef)(loop);
+    playingRef.current = playing;
+    frameRef.current = currentFrame;
+    rateRef.current = null != (_options_playbackRate1 = options.playbackRate) ? _options_playbackRate1 : 1;
+    durationRef.current = durationInFrames;
+    fpsRef.current = fps;
+    loopRef.current = loop;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!playing) return;
+        let rafId;
+        let lastTime = null;
+        let accumulated = 0;
+        const tick = (now)=>{
+            if (null !== lastTime) {
+                const delta = (now - lastTime) * rateRef.current;
+                accumulated += delta;
+                const frameDuration = 1000 / fpsRef.current;
+                while(accumulated >= frameDuration){
+                    accumulated -= frameDuration;
+                    const next = frameRef.current + 1;
+                    if (next >= durationRef.current) if (loopRef.current) {
+                        frameRef.current = 0;
+                        setCurrentFrame(0);
+                    } else {
+                        frameRef.current = durationRef.current - 1;
+                        setCurrentFrame(durationRef.current - 1);
+                        setPlaying(false);
+                        return;
+                    }
+                    else {
+                        frameRef.current = next;
+                        setCurrentFrame(next);
+                    }
+                }
+            }
+            lastTime = now;
+            rafId = requestAnimationFrame(tick);
+        };
+        rafId = requestAnimationFrame(tick);
+        return ()=>cancelAnimationFrame(rafId);
+    }, [
+        playing
+    ]);
+    const resetIfAtEnd = ()=>{
+        if (frameRef.current >= durationRef.current - 1) {
+            frameRef.current = 0;
+            setCurrentFrame(0);
+        }
+    };
+    const play = (0, external_react_namespaceObject.useCallback)(()=>{
+        resetIfAtEnd();
+        setPlaying(true);
+    }, []);
+    const pause = (0, external_react_namespaceObject.useCallback)(()=>setPlaying(false), []);
+    const toggle = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (playingRef.current) setPlaying(false);
+        else {
+            resetIfAtEnd();
+            setPlaying(true);
+        }
+    }, []);
+    const seekTo = (0, external_react_namespaceObject.useCallback)((frame)=>{
+        const clamped = Math.max(0, Math.min(frame, durationRef.current - 1));
+        frameRef.current = clamped;
+        setCurrentFrame(clamped);
+    }, []);
+    return {
+        currentFrame,
+        playing,
+        play,
+        pause,
+        toggle,
+        seekTo
+    };
+}
+exports.useFramePlayer = __webpack_exports__.useFramePlayer;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useFramePlayer"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});