@midscene/visualizer 1.7.7-beta-20260429033400.0 → 1.7.7

package/dist/lib/component/player/index.js

@@ -46,6 +46,7 @@ var global_perspective_js_default = /*#__PURE__*/ __webpack_require__.n(global_p
 const player_setting_js_namespaceObject = require("../../icons/player-setting.js");
 var player_setting_js_default = /*#__PURE__*/ __webpack_require__.n(player_setting_js_namespaceObject);
 const store_js_namespaceObject = require("../../store/store.js");
+const external_playback_controls_js_namespaceObject = require("./playback-controls.js");
 const external_report_download_js_namespaceObject = require("./report-download.js");
 const StepScene_js_namespaceObject = require("./scenes/StepScene.js");
 const export_branded_video_js_namespaceObject = require("./scenes/export-branded-video.js");
@@ -150,20 +151,38 @@ function Player(props) {
         loop: false,
         playbackRate: playbackSpeed
     });
+    const effectiveEndFrame = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (!frameMap) return 0;
+        for(let i = frameMap.scriptFrames.length - 1; i >= 0; i--){
+            const sf = frameMap.scriptFrames[i];
+            if (sf.taskId) return sf.startFrame + sf.durationInFrames - 1;
+        }
+        return Math.max(0, frameMap.totalDurationInFrames - 1);
+    }, [
+        frameMap
+    ]);
+    const handlePlaybackToggle = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (player.playing) return void player.pause();
+        if ((0, external_playback_controls_js_namespaceObject.shouldRestartPlaybackFromBeginning)(player.currentFrame, effectiveEndFrame)) player.seekTo(0);
+        player.play();
+    }, [
+        effectiveEndFrame,
+        player.currentFrame,
+        player.pause,
+        player.play,
+        player.playing,
+        player.seekTo
+    ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
         if (!frameMap || player.playing) return;
-        const { scriptFrames, totalDurationInFrames } = frameMap;
-        if (player.currentFrame < totalDurationInFrames - 1) return;
-        for(let i = scriptFrames.length - 1; i >= 0; i--){
-            const sf = scriptFrames[i];
-            if (sf.taskId) {
-                player.seekTo(sf.startFrame + sf.durationInFrames - 1);
-                break;
-            }
-        }
+        if (player.currentFrame < frameMap.totalDurationInFrames - 1) return;
+        if (effectiveEndFrame > 0) player.seekTo(effectiveEndFrame);
     }, [
+        effectiveEndFrame,
         frameMap,
-        player.playing
+        player.currentFrame,
+        player.playing,
+        player.seekTo
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
         if (!frameMap || !(null == props ? void 0 : props.onTaskChange)) return;
@@ -217,21 +236,40 @@ function Player(props) {
     }, [
         currentFrameState
     ]);
+    const [isExporting, setIsExporting] = (0, external_react_namespaceObject.useState)(false);
+    const [exportProgress, setExportProgress] = (0, external_react_namespaceObject.useState)(0);
+    const exportInFlightRef = (0, external_react_namespaceObject.useRef)(false);
     const [controlsVisible, setControlsVisible] = (0, external_react_namespaceObject.useState)(true);
     const hideTimerRef = (0, external_react_namespaceObject.useRef)(null);
     const showControls = (0, external_react_namespaceObject.useCallback)(()=>{
         setControlsVisible(true);
         if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
+        if (isExporting) return;
         hideTimerRef.current = setTimeout(()=>setControlsVisible(false), 3000);
-    }, []);
+    }, [
+        isExporting
+    ]);
     const onMouseEnter = (0, external_react_namespaceObject.useCallback)(()=>{
         setControlsVisible(true);
         if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
     }, []);
     const onMouseLeave = (0, external_react_namespaceObject.useCallback)(()=>{
         if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
+        if (isExporting) return;
         hideTimerRef.current = setTimeout(()=>setControlsVisible(false), 1000);
-    }, []);
+    }, [
+        isExporting
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!isExporting) return;
+        setControlsVisible(true);
+        if (hideTimerRef.current) {
+            clearTimeout(hideTimerRef.current);
+            hideTimerRef.current = null;
+        }
+    }, [
+        isExporting
+    ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
         const handleKeyDown = (e)=>{
             var _e_target;
@@ -239,13 +277,13 @@ function Player(props) {
             if ('INPUT' === tag || 'TEXTAREA' === tag || 'SELECT' === tag) return;
             if ('Space' === e.code) {
                 e.preventDefault();
-                player.toggle();
+                handlePlaybackToggle();
             }
         };
         document.addEventListener('keydown', handleKeyDown);
         return ()=>document.removeEventListener('keydown', handleKeyDown);
     }, [
-        player
+        handlePlaybackToggle
     ]);
     const seekBarRef = (0, external_react_namespaceObject.useRef)(null);
     const handleSeekPointerDown = (0, external_react_namespaceObject.useCallback)((e)=>{
@@ -255,7 +293,7 @@ function Player(props) {
         const seek = (clientX)=>{
             const rect = bar.getBoundingClientRect();
             const ratio = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
-            player.seekTo(Math.round(ratio * (frameMap.totalDurationInFrames - 1)));
+            player.seekTo(Math.round(ratio * effectiveEndFrame));
         };
         seek(e.clientX);
         const onMove = (ev)=>seek(ev.clientX);
@@ -267,7 +305,8 @@ function Player(props) {
         bar.addEventListener('pointerup', onUp);
     }, [
         frameMap,
-        player
+        player,
+        effectiveEndFrame
     ]);
     const [isFullscreen, setIsFullscreen] = (0, external_react_namespaceObject.useState)(false);
     const toggleFullscreen = (0, external_react_namespaceObject.useCallback)(()=>{
@@ -281,10 +320,9 @@ function Player(props) {
         document.addEventListener('fullscreenchange', handler);
         return ()=>document.removeEventListener('fullscreenchange', handler);
     }, []);
-    const [isExporting, setIsExporting] = (0, external_react_namespaceObject.useState)(false);
-    const [exportProgress, setExportProgress] = (0, external_react_namespaceObject.useState)(0);
     const handleExportVideo = (0, external_react_namespaceObject.useCallback)(()=>_async_to_generator(function*() {
-            if (!frameMap || isExporting) return;
+            if (!frameMap || exportInFlightRef.current) return;
+            exportInFlightRef.current = true;
             setIsExporting(true);
             setExportProgress(0);
             try {
@@ -294,25 +332,24 @@ function Player(props) {
                 external_antd_namespaceObject.message.success('Video exported');
             } catch (e) {
                 console.error('Export failed:', e);
-                external_antd_namespaceObject.message.error('Export failed');
+                const errorMessage = e instanceof Error ? e.message : 'Export failed';
+                external_antd_namespaceObject.message.error(errorMessage);
             } finally{
+                exportInFlightRef.current = false;
                 setIsExporting(false);
                 setExportProgress(0);
             }
         })(), [
         autoZoom,
-        frameMap,
-        isExporting
+        frameMap
     ]);
     const chapterMarkers = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (!frameMap) return [];
-        const { scriptFrames, totalDurationInFrames } = frameMap;
-        if (0 === totalDurationInFrames) return [];
+        if (!frameMap || effectiveEndFrame <= 0) return [];
         const markers = [];
-        for (const sf of scriptFrames){
+        for (const sf of frameMap.scriptFrames){
             if ('img' !== sf.type && 'insight' !== sf.type || 0 === sf.durationInFrames) continue;
             const globalFrame = sf.startFrame;
-            const percent = globalFrame / totalDurationInFrames * 100;
+            const percent = globalFrame / effectiveEndFrame * 100;
             if (percent > 1 && percent < 99) {
                 const parts = [
                     sf.title,
@@ -327,16 +364,38 @@ function Player(props) {
         }
         return markers;
     }, [
-        frameMap
+        frameMap,
+        effectiveEndFrame
     ]);
-    if (!scripts || 0 === scripts.length || !frameMap) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: "player-container"
-    });
+    var _props_reportFileContent;
+    const reportFileContent = null != (_props_reportFileContent = null == props ? void 0 : props.reportFileContent) ? _props_reportFileContent : null;
+    const canDownloadReport = (null == props ? void 0 : props.canDownloadReport) !== false;
+    if (!scripts || 0 === scripts.length || !frameMap) {
+        if (reportFileContent && canDownloadReport) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "player-container player-container-empty",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "player-empty-state",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "player-empty-text",
+                        children: "No replay available"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
+                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.DownloadOutlined, {}),
+                        onClick: ()=>{
+                            handleDownloadReport();
+                        },
+                        children: "Download report"
+                    })
+                ]
+            })
+        });
+        return null;
+    }
     const compositionWidth = (null == currentFrameState ? void 0 : currentFrameState.imageWidth) || frameMap.imageWidth;
     const compositionHeight = (null == currentFrameState ? void 0 : currentFrameState.imageHeight) || frameMap.imageHeight;
     const isPortraitCanvas = compositionHeight > compositionWidth;
-    const totalFrames = frameMap.totalDurationInFrames;
-    const seekPercent = totalFrames > 1 ? player.currentFrame / (totalFrames - 1) * 100 : 0;
+    const seekPercent = effectiveEndFrame > 0 ? Math.min(100, player.currentFrame / effectiveEndFrame * 100) : 0;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: "player-container",
         "data-fit-mode": null == props ? void 0 : props.fitMode,
@@ -363,7 +422,7 @@ function Player(props) {
                             height: '100%',
                             overflow: 'hidden'
                         },
-                        onClick: player.toggle,
+                        onClick: handlePlaybackToggle,
                         children: (()=>{
                             const scale = containerSize.width > 0 && containerSize.height > 0 ? Math.min(containerSize.width / compositionWidth, containerSize.height / compositionHeight) : 1;
                             return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
@@ -413,16 +472,16 @@ function Player(props) {
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                             className: "status-icon",
-                            onClick: player.toggle,
+                            onClick: handlePlaybackToggle,
                             children: player.playing ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.PauseOutlined, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CaretRightOutlined, {})
                         }),
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
                             className: "time-display",
                             children: [
-                                formatTime(player.currentFrame, frameMap.fps),
-                                " /",
+                                formatTime(Math.min(player.currentFrame, effectiveEndFrame), frameMap.fps),
                                 ' ',
-                                formatTime(totalFrames, frameMap.fps)
+                                "/ ",
+                                formatTime(effectiveEndFrame + 1, frameMap.fps)
                             ]
                         }),
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
@@ -461,7 +520,7 @@ function Player(props) {
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                             className: "player-custom-controls",
                             children: [
-                                (null == props ? void 0 : props.reportFileContent) && (null == props ? void 0 : props.canDownloadReport) !== false ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Tooltip, {
+                                reportFileContent && canDownloadReport ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Tooltip, {
                                     title: "Download Report",
                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                         className: "status-icon",
@@ -497,18 +556,32 @@ function Player(props) {
                                                     },
                                                     onClick: isExporting ? void 0 : handleExportVideo,
                                                     children: [
-                                                        isExporting ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Spin, {
-                                                            size: "small"
-                                                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ExportOutlined, {
-                                                            style: {
-                                                                width: '16px',
-                                                                height: '16px'
-                                                            }
-                                                        }),
                                                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                                             style: {
-                                                                fontSize: '14px'
+                                                                width: 16,
+                                                                height: 16,
+                                                                display: 'inline-flex',
+                                                                alignItems: 'center',
+                                                                justifyContent: 'center',
+                                                                flexShrink: 0
                                                             },
+                                                            children: isExporting ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Progress, {
+                                                                type: "circle",
+                                                                percent: exportProgress,
+                                                                size: 16,
+                                                                strokeWidth: 14,
+                                                                showInfo: false,
+                                                                strokeColor: "#1677ff",
+                                                                trailColor: "rgba(0, 0, 0, 0.12)"
+                                                            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ExportOutlined, {
+                                                                style: {
+                                                                    width: '16px',
+                                                                    height: '16px'
+                                                                }
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                            className: "player-export-label",
                                                             children: isExporting ? `Exporting ${exportProgress}%` : 'Export video'
                                                         })
                                                     ]
@@ -632,7 +705,7 @@ function Player(props) {
                                                         style: {
                                                             height: '32px',
                                                             lineHeight: '32px',
-                                                            padding: '0 8px 0 24px',
+                                                            padding: '0 8px 0 28px',
                                                             fontSize: '14px',
                                                             cursor: 'pointer',
                                                             borderRadius: '4px'

package/dist/lib/component/player/playback-controls.js

@@ -0,0 +1,38 @@
+"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 ('undefined' != 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__, {
+    shouldRestartPlaybackFromBeginning: ()=>shouldRestartPlaybackFromBeginning
+});
+function shouldRestartPlaybackFromBeginning(currentFrame, effectiveEndFrame) {
+    return effectiveEndFrame > 0 && currentFrame >= effectiveEndFrame;
+}
+exports.shouldRestartPlaybackFromBeginning = __webpack_exports__.shouldRestartPlaybackFromBeginning;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "shouldRestartPlaybackFromBeginning"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/component/player/scenes/StepScene.js

@@ -32,6 +32,7 @@ const index_js_namespaceObject = require("../../../utils/index.js");
 const highlight_element_js_namespaceObject = require("../../../utils/highlight-element.js");
 const external_derive_frame_state_js_namespaceObject = require("./derive-frame-state.js");
 const external_playback_layout_js_namespaceObject = require("./playback-layout.js");
+const external_pointer_layout_js_namespaceObject = require("./pointer-layout.js");
 const POINTER_PHASE = 0.375;
 const CROSSFADE_FRAMES = 10;
 const StepsTimeline = ({ frameMap, autoZoom, frame, width: compWidth, height: compHeight, fps })=>{
@@ -44,8 +45,8 @@ const StepsTimeline = ({ frameMap, autoZoom, frame, width: compWidth, height: co
         fps
     ]);
     if (!state.img) return null;
-    const { img, imageWidth: imgW, imageHeight: imgH, prevImg, camera, prevCamera, insights, spinning: spinningPointer, spinningElapsedMs, currentPointerImg, title, subTitle, frameInScript, imageChanged, pointerMoved, rawProgress } = state;
-    const pT = pointerMoved ? Math.min(rawProgress / POINTER_PHASE, 1) : rawProgress;
+    const { img, imageWidth: imgW, imageHeight: imgH, prevImg, camera, prevCamera, insights, spinning: spinningPointer, spinningElapsedMs, currentPointerImg, pointerVisible, title, subTitle, frameInScript, imageChanged, pointerMoved, rawProgress } = state;
+    const pT = autoZoom ? pointerMoved ? Math.min(rawProgress / POINTER_PHASE, 1) : rawProgress : 1;
     const cT = pointerMoved ? rawProgress <= POINTER_PHASE ? 0 : Math.min((rawProgress - POINTER_PHASE) / (1 - POINTER_PHASE), 1) : rawProgress;
     const pointerLeft = prevCamera.pointerLeft + (camera.pointerLeft - prevCamera.pointerLeft) * pT;
     const pointerTop = prevCamera.pointerTop + (camera.pointerTop - prevCamera.pointerTop) * pT;
@@ -60,8 +61,10 @@ const StepsTimeline = ({ frameMap, autoZoom, frame, width: compWidth, height: co
     const camH = imgH / imgW * cameraWidth;
     const ptrX = (pointerLeft - cameraLeft) / cameraWidth * contentWidth;
     const ptrY = (pointerTop - cameraTop) / camH * contentHeight;
-    const showCursor = camera.pointerLeft !== Math.round(imgW / 2) || camera.pointerTop !== Math.round(imgH / 2) || prevCamera.pointerLeft !== Math.round(imgW / 2) || prevCamera.pointerTop !== Math.round(imgH / 2);
-    const resScale = Math.max(1, Math.sqrt(imgW / 1920));
+    const showCursor = (0, external_derive_frame_state_js_namespaceObject.shouldRenderCursor)(pointerVisible, camera, prevCamera, imgW, imgH);
+    const pointerLayout = (0, external_pointer_layout_js_namespaceObject.resolvePointerLayout)(imgW);
+    const spinnerLayout = (0, external_pointer_layout_js_namespaceObject.resolveSpinnerLayout)(pointerLayout);
+    const resScale = pointerLayout.scale;
     const crossfadeAlpha = imageChanged ? Math.min(frameInScript / CROSSFADE_FRAMES, 1) : 1;
     const spinRotation = spinningPointer ? (Math.sin(spinningElapsedMs / 500 - Math.PI / 2) + 1) / 2 * Math.PI * 2 : 0;
     const renderInsightOverlays = ()=>{
@@ -171,10 +174,10 @@ const StepsTimeline = ({ frameMap, autoZoom, frame, width: compWidth, height: co
                     src: index_js_namespaceObject.mouseLoading,
                     style: {
                         position: 'absolute',
-                        left: ptrX - 22 * resScale,
-                        top: ptrY - 28 * resScale,
-                        width: 44 * resScale,
-                        height: 56 * resScale,
+                        left: ptrX - spinnerLayout.centerOffset,
+                        top: ptrY - spinnerLayout.centerOffset,
+                        width: spinnerLayout.size,
+                        height: spinnerLayout.size,
                         transform: `rotate(${spinRotation}rad)`,
                         transformOrigin: 'center center',
                         filter: 'drop-shadow(0 1px 2px rgba(0,0,0,0.3))'
@@ -185,10 +188,10 @@ const StepsTimeline = ({ frameMap, autoZoom, frame, width: compWidth, height: co
                     src: currentPointerImg,
                     style: {
                         position: 'absolute',
-                        left: ptrX - 6 * resScale,
-                        top: ptrY - 4 * resScale,
-                        width: 44 * resScale,
-                        height: 56 * resScale,
+                        left: ptrX - pointerLayout.hotspotX,
+                        top: ptrY - pointerLayout.hotspotY,
+                        width: pointerLayout.width,
+                        height: pointerLayout.height,
                         filter: 'drop-shadow(0 1px 2px rgba(0,0,0,0.3))'
                     }
                 })

package/dist/lib/component/player/scenes/derive-frame-state.js

@@ -24,7 +24,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    deriveFrameState: ()=>deriveFrameState
+    deriveFrameState: ()=>deriveFrameState,
+    shouldRenderCursor: ()=>shouldRenderCursor
 });
 const index_js_namespaceObject = require("../../../utils/index.js");
 function _define_property(obj, key, value) {
@@ -100,6 +101,11 @@ function updateImage(acc, sf, baseW, baseH) {
 function checkPointerMoved(prev, cur) {
     return Math.abs(prev.pointerLeft - cur.pointerLeft) > 1 || Math.abs(prev.pointerTop - cur.pointerTop) > 1;
 }
+function shouldRenderCursor(pointerVisible, camera, prevCamera, imageWidth, imageHeight) {
+    const centerX = Math.round(imageWidth / 2);
+    const centerY = Math.round(imageHeight / 2);
+    return pointerVisible || Math.abs(camera.pointerLeft - centerX) > 1 || Math.abs(camera.pointerTop - centerY) > 1 || Math.abs(prevCamera.pointerLeft - centerX) > 1 || Math.abs(prevCamera.pointerTop - centerY) > 1;
+}
 function handleImg(acc, sf, frame, baseW, baseH) {
     updateImage(acc, sf, baseW, baseH);
     const sfEnd = sf.startFrame + sf.durationInFrames;
@@ -160,6 +166,7 @@ function deriveFrameState(scriptFrames, frame, baseW, baseH, fps) {
         spinning: false,
         spinningElapsedMs: 0,
         pointerImg: index_js_namespaceObject.mousePointer,
+        pointerVisible: false,
         title: '',
         subTitle: '',
         taskId: void 0,
@@ -174,7 +181,10 @@ function deriveFrameState(scriptFrames, frame, baseW, baseH, fps) {
         const sfEnd = sf.startFrame + sf.durationInFrames;
         if (0 === sf.durationInFrames) {
             if (sf.startFrame <= frame) {
-                if ('pointer' === sf.type && sf.pointerImg) acc.pointerImg = sf.pointerImg;
+                if ('pointer' === sf.type && sf.pointerImg) {
+                    acc.pointerImg = sf.pointerImg;
+                    acc.pointerVisible = true;
+                }
                 acc.title = sf.title || acc.title;
                 acc.subTitle = sf.subTitle || acc.subTitle;
                 var _sf_taskId;
@@ -234,6 +244,7 @@ function deriveFrameState(scriptFrames, frame, baseW, baseH, fps) {
         spinning: acc.spinning,
         spinningElapsedMs: acc.spinningElapsedMs,
         currentPointerImg: acc.pointerImg,
+        pointerVisible: acc.pointerVisible,
         title: acc.title,
         subTitle: acc.subTitle,
         taskId: acc.taskId,
@@ -245,8 +256,10 @@ function deriveFrameState(scriptFrames, frame, baseW, baseH, fps) {
     };
 }
 exports.deriveFrameState = __webpack_exports__.deriveFrameState;
+exports.shouldRenderCursor = __webpack_exports__.shouldRenderCursor;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "deriveFrameState"
+    "deriveFrameState",
+    "shouldRenderCursor"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true