@midscene/visualizer 0.29.2-beta-20250925081422.0 → 0.29.3-beta-20250925084104.0

package/dist/es/component/player/index.mjs

@@ -126,6 +126,12 @@ function Player(props) {
         null == props ? void 0 : props.autoZoom,
         setAutoZoom
     ]);
+    useEffect(()=>{
+        if ((null == props ? void 0 : props.elementsVisible) !== void 0) setElementsVisible(props.elementsVisible);
+    }, [
+        null == props ? void 0 : props.elementsVisible,
+        setElementsVisible
+    ]);
     const scripts = null == props ? void 0 : props.replayScripts;
     const imageWidth = (null == props ? void 0 : props.imageWidth) || 1920;
     const imageHeight = (null == props ? void 0 : props.imageHeight) || 1080;
@@ -745,7 +751,7 @@ function Player(props) {
                                                                     fontSize: '12px',
                                                                     marginRight: '16px'
                                                                 },
-                                                                children: "Focus on Cursor"
+                                                                children: "Focus on cursor"
                                                             })
                                                         ]
                                                     }),
@@ -798,7 +804,7 @@ function Player(props) {
                                                                     fontSize: '12px',
                                                                     marginRight: '16px'
                                                                 },
-                                                                children: "Show Element Markers"
+                                                                children: "Show element markers"
                                                             })
                                                         ]
                                                     }),

package/dist/es/hooks/usePlaygroundExecution.mjs

@@ -1,11 +1,8 @@
 import { useCallback } from "react";
 import { useEnvConfig } from "../store/store.mjs";
+import { noReplayAPIs } from "@midscene/playground";
 import { BLANK_RESULT } from "../utils/constants.mjs";
 import { allScriptsFromDump } from "../utils/replay-scripts.mjs";
-const noReplayAPIs = [
-    'aiQuery',
-    'aiAssert'
-];
 function usePlaygroundExecution(playgroundSDK, storage, actionSpace, loading, setLoading, infoList, setInfoList, replayCounter, setReplayCounter, verticalMode, currentRunningIdRef, interruptedFlagRef) {
     const { deepThink, screenshotIncluded, domIncluded } = useEnvConfig();
     const handleRun = useCallback(async (value)=>{

package/dist/es/store/store.mjs

@@ -30,14 +30,37 @@ const { create: store_create } = external_zustand_namespaceObject;
 const AUTO_ZOOM_KEY = 'midscene-auto-zoom';
 const BACKGROUND_VISIBLE_KEY = 'midscene-background-visible';
 const ELEMENTS_VISIBLE_KEY = 'midscene-elements-visible';
+const parseBooleanParam = (value)=>{
+    if (null === value) return;
+    const normalized = value.trim().toLowerCase();
+    if ([
+        '1',
+        'true',
+        'yes',
+        'on'
+    ].includes(normalized)) return true;
+    if ([
+        '0',
+        'false',
+        'no',
+        'off'
+    ].includes(normalized)) return false;
+};
+const getQueryPreference = (paramName)=>{
+    if ('undefined' == typeof window) return;
+    const searchParams = new URLSearchParams(window.location.search);
+    return parseBooleanParam(searchParams.get(paramName));
+};
 const useBlackboardPreference = store_create((set)=>{
     const savedAutoZoom = 'false' !== localStorage.getItem(AUTO_ZOOM_KEY);
     const savedBackgroundVisible = 'false' !== localStorage.getItem(BACKGROUND_VISIBLE_KEY);
     const savedElementsVisible = 'false' !== localStorage.getItem(ELEMENTS_VISIBLE_KEY);
+    const autoZoomFromQuery = getQueryPreference('focusOnCursor');
+    const elementsVisibleFromQuery = getQueryPreference('showElementMarkers');
     return {
         backgroundVisible: savedBackgroundVisible,
-        elementsVisible: savedElementsVisible,
-        autoZoom: savedAutoZoom,
+        elementsVisible: void 0 === elementsVisibleFromQuery ? savedElementsVisible : elementsVisibleFromQuery,
+        autoZoom: void 0 === autoZoomFromQuery ? savedAutoZoom : autoZoomFromQuery,
         setBackgroundVisible: (visible)=>{
             set({
                 backgroundVisible: visible

package/dist/es/utils/playground-utils.mjs

@@ -2,6 +2,7 @@ import { StaticPage, StaticPageAgent } from "@midscene/web/static";
 import { isZodObjectSchema, unwrapZodType } from "../types.mjs";
 const actionNameForType = (type)=>{
     const typeWithoutAi = type.startsWith('ai') ? type.slice(2) : type;
+    if (typeWithoutAi.startsWith('IOS')) return typeWithoutAi.substring(3).replace(/([A-Z])/g, ' $1').replace(/^/, 'IOS').trim();
     const fullName = typeWithoutAi.replace(/([A-Z])/g, ' $1').trim();
     const words = fullName.split(' ');
     if (words.length > 3) return words.slice(-3).join(' ');

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

@@ -166,6 +166,12 @@ function Player(props) {
         null == props ? void 0 : props.autoZoom,
         setAutoZoom
     ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if ((null == props ? void 0 : props.elementsVisible) !== void 0) setElementsVisible(props.elementsVisible);
+    }, [
+        null == props ? void 0 : props.elementsVisible,
+        setElementsVisible
+    ]);
     const scripts = null == props ? void 0 : props.replayScripts;
     const imageWidth = (null == props ? void 0 : props.imageWidth) || 1920;
     const imageHeight = (null == props ? void 0 : props.imageHeight) || 1080;
@@ -785,7 +791,7 @@ function Player(props) {
                                                                     fontSize: '12px',
                                                                     marginRight: '16px'
                                                                 },
-                                                                children: "Focus on Cursor"
+                                                                children: "Focus on cursor"
                                                             })
                                                         ]
                                                     }),
@@ -838,7 +844,7 @@ function Player(props) {
                                                                     fontSize: '12px',
                                                                     marginRight: '16px'
                                                                 },
-                                                                children: "Show Element Markers"
+                                                                children: "Show element markers"
                                                             })
                                                         ]
                                                     }),

package/dist/lib/hooks/usePlaygroundExecution.js

@@ -28,12 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_react_namespaceObject = require("react");
 const store_js_namespaceObject = require("../store/store.js");
+const playground_namespaceObject = require("@midscene/playground");
 const constants_js_namespaceObject = require("../utils/constants.js");
 const replay_scripts_js_namespaceObject = require("../utils/replay-scripts.js");
-const noReplayAPIs = [
-    'aiQuery',
-    'aiAssert'
-];
 function usePlaygroundExecution(playgroundSDK, storage, actionSpace, loading, setLoading, infoList, setInfoList, replayCounter, setReplayCounter, verticalMode, currentRunningIdRef, interruptedFlagRef) {
     const { deepThink, screenshotIncluded, domIncluded } = (0, store_js_namespaceObject.useEnvConfig)();
     const handleRun = (0, external_react_namespaceObject.useCallback)(async (value)=>{
@@ -110,7 +107,7 @@ function usePlaygroundExecution(playgroundSDK, storage, actionSpace, loading, se
         currentRunningIdRef.current = null;
         let replayInfo = null;
         let counter = replayCounter;
-        if ((null == result ? void 0 : result.dump) && !noReplayAPIs.includes(actionType)) {
+        if ((null == result ? void 0 : result.dump) && !playground_namespaceObject.noReplayAPIs.includes(actionType)) {
             const info = (0, replay_scripts_js_namespaceObject.allScriptsFromDump)(result.dump);
             setReplayCounter((c)=>c + 1);
             replayInfo = info;

package/dist/lib/store/store.js

@@ -32,14 +32,37 @@ const { create } = external_zustand_namespaceObject;
 const AUTO_ZOOM_KEY = 'midscene-auto-zoom';
 const BACKGROUND_VISIBLE_KEY = 'midscene-background-visible';
 const ELEMENTS_VISIBLE_KEY = 'midscene-elements-visible';
+const parseBooleanParam = (value)=>{
+    if (null === value) return;
+    const normalized = value.trim().toLowerCase();
+    if ([
+        '1',
+        'true',
+        'yes',
+        'on'
+    ].includes(normalized)) return true;
+    if ([
+        '0',
+        'false',
+        'no',
+        'off'
+    ].includes(normalized)) return false;
+};
+const getQueryPreference = (paramName)=>{
+    if ('undefined' == typeof window) return;
+    const searchParams = new URLSearchParams(window.location.search);
+    return parseBooleanParam(searchParams.get(paramName));
+};
 const useBlackboardPreference = create((set)=>{
     const savedAutoZoom = 'false' !== localStorage.getItem(AUTO_ZOOM_KEY);
     const savedBackgroundVisible = 'false' !== localStorage.getItem(BACKGROUND_VISIBLE_KEY);
     const savedElementsVisible = 'false' !== localStorage.getItem(ELEMENTS_VISIBLE_KEY);
+    const autoZoomFromQuery = getQueryPreference('focusOnCursor');
+    const elementsVisibleFromQuery = getQueryPreference('showElementMarkers');
     return {
         backgroundVisible: savedBackgroundVisible,
-        elementsVisible: savedElementsVisible,
-        autoZoom: savedAutoZoom,
+        elementsVisible: void 0 === elementsVisibleFromQuery ? savedElementsVisible : elementsVisibleFromQuery,
+        autoZoom: void 0 === autoZoomFromQuery ? savedAutoZoom : autoZoomFromQuery,
         setBackgroundVisible: (visible)=>{
             set({
                 backgroundVisible: visible

package/dist/lib/utils/playground-utils.js

@@ -33,6 +33,7 @@ const static_namespaceObject = require("@midscene/web/static");
 const external_types_js_namespaceObject = require("../types.js");
 const actionNameForType = (type)=>{
     const typeWithoutAi = type.startsWith('ai') ? type.slice(2) : type;
+    if (typeWithoutAi.startsWith('IOS')) return typeWithoutAi.substring(3).replace(/([A-Z])/g, ' $1').replace(/^/, 'IOS').trim();
     const fullName = typeWithoutAi.replace(/([A-Z])/g, ' $1').trim();
     const words = fullName.split(' ');
     if (words.length > 3) return words.slice(-3).join(' ');

package/dist/types/component/player/index.d.ts

@@ -9,4 +9,5 @@ export declare function Player(props?: {
     key?: string | number;
     fitMode?: 'width' | 'height';
     autoZoom?: boolean;
+    elementsVisible?: boolean;
 }): import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@midscene/visualizer",
-  "version": "0.29.2-beta-20250925081422.0",
+  "version": "0.29.3-beta-20250925084104.0",
   "repository": "https://github.com/web-infra-dev/midscene",
   "homepage": "https://midscenejs.com/",
   "types": "./dist/types/index.d.ts",
@@ -70,10 +70,10 @@
     "antd": "^5.21.6",
     "buffer": "6.0.3",
     "dayjs": "^1.11.11",
-    "@midscene/core": "0.29.2-beta-20250925081422.0",
-    "@midscene/playground": "0.29.2-beta-20250925081422.0",
-    "@midscene/shared": "0.29.2-beta-20250925081422.0",
-    "@midscene/web": "0.29.2-beta-20250925081422.0"
+    "@midscene/core": "0.29.3-beta-20250925084104.0",
+    "@midscene/playground": "0.29.3-beta-20250925084104.0",
+    "@midscene/web": "0.29.3-beta-20250925084104.0",
+    "@midscene/shared": "0.29.3-beta-20250925084104.0"
   },
   "license": "MIT",
   "scripts": {