@midscene/visualizer 1.0.1-beta-20251024063839.0 → 1.0.1-beta-20251027033034.0

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

@@ -6,7 +6,6 @@ import { Application, Container, Graphics, Rectangle, Sprite, Text, Texture } fr
 import { useEffect, useMemo, useRef, useState } from "react";
 import { colorForName, highlightColorForType } from "../../utils/color.mjs";
 import "./index.css";
-import { treeToList } from "@midscene/shared/extractor";
 import { DropShadowFilter } from "pixi-filters";
 import { useBlackboardPreference } from "../../store/store.mjs";
 const itemFillAlpha = 0.4;
@@ -61,7 +60,7 @@ const rectMarkForItem = (rect, name, type)=>{
 };
 const Blackboard = (props)=>{
     const highlightElements = props.highlightElements || [];
-    const highlightIds = highlightElements.map((e)=>e.id);
+    highlightElements.map((e)=>e.id);
     const highlightRect = props.highlightRect;
     const highlightPoints = props.highlightPoints;
     const context = props.uiContext;
@@ -183,14 +182,6 @@ const Blackboard = (props)=>{
             const graphics = pointMarkForItem(point, 'highlightPoint');
             highlightContainer.addChild(graphics);
         });
-        const elements = treeToList(context.tree);
-        elements.forEach((element)=>{
-            const { rect, content, id } = element;
-            const ifHighlight = highlightIds.includes(id) || (null == hoverElement ? void 0 : hoverElement.id) === id;
-            if (ifHighlight) return;
-            const [graphics] = rectMarkForItem(rect, content, 'element');
-            elementMarkContainer.addChild(graphics);
-        });
         elementMarkContainer.visible = elementsVisible;
         return {
             highlightElementRects
@@ -199,7 +190,6 @@ const Blackboard = (props)=>{
         app,
         appInitialed,
         highlightElements,
-        context.tree,
         hoverElement,
         highlightRect,
         highlightPoints

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

@@ -6,7 +6,6 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import "./index.css";
 import { mouseLoading, mousePointer } from "../../utils/index.mjs";
 import { CaretRightOutlined, DownloadOutlined, ExportOutlined, LoadingOutlined } from "@ant-design/icons";
-import { treeToList } from "@midscene/shared/extractor";
 import { Dropdown, Spin, Switch, Tooltip } from "antd";
 import global_perspective from "../../icons/global-perspective.mjs";
 import player_setting from "../../icons/player-setting.mjs";
@@ -497,15 +496,13 @@ function Player(props) {
                 setSubTitleText(item.subTitle || '');
                 if ('sleep' === item.type) await sleep(item.duration);
                 else if ('insight' === item.type) {
-                    var _item_context;
                     if (!item.img) throw new Error('img is required');
                     currentImg.current = item.img;
                     await repaintImage(item.imageWidth, item.imageHeight);
-                    const elements = (null == (_item_context = item.context) ? void 0 : _item_context.tree) ? treeToList(item.context.tree) : [];
                     const highlightElements = item.highlightElement ? [
                         item.highlightElement
                     ] : [];
-                    await insightElementsAnimation(elements, highlightElements, item.searchArea, item.duration, frame);
+                    await insightElementsAnimation([], highlightElements, item.searchArea, item.duration, frame);
                     if (item.camera) {
                         if (!item.insightCameraDuration) throw new Error('insightCameraDuration is required');
                         await cameraAnimation(item.camera, item.insightCameraDuration, frame);

package/dist/es/utils/replay-scripts.mjs

@@ -1,7 +1,6 @@
 'use client';
 import { mousePointer } from "./index.mjs";
 import { paramStr, typeStr } from "@midscene/core/agent";
-import { treeToList } from "@midscene/shared/extractor";
 const stillDuration = 900;
 const actionSpinningPointerDuration = 300;
 const stillAfterInsightDuration = 300;
@@ -175,7 +174,7 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
             if (null == context ? void 0 : context.screenshotBase64) {
                 var _insightTask_output1, _insightDump_taskInfo, _context_size, _context_size1;
                 const insightDump = insightTask.log;
-                const insightContentLength = context.tree ? treeToList(context.tree).length : 0;
+                const insightContentLength = 0;
                 if (context.screenshotBase64) {
                     var _context_size2, _context_size3;
                     scripts.push({

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

@@ -37,7 +37,6 @@ const external_pixi_js_namespaceObject = require("pixi.js");
 const external_react_namespaceObject = require("react");
 const color_js_namespaceObject = require("../../utils/color.js");
 require("./index.css");
-const extractor_namespaceObject = require("@midscene/shared/extractor");
 const external_pixi_filters_namespaceObject = require("pixi-filters");
 const store_js_namespaceObject = require("../../store/store.js");
 const itemFillAlpha = 0.4;
@@ -92,7 +91,7 @@ const rectMarkForItem = (rect, name, type)=>{
 };
 const Blackboard = (props)=>{
     const highlightElements = props.highlightElements || [];
-    const highlightIds = highlightElements.map((e)=>e.id);
+    highlightElements.map((e)=>e.id);
     const highlightRect = props.highlightRect;
     const highlightPoints = props.highlightPoints;
     const context = props.uiContext;
@@ -214,14 +213,6 @@ const Blackboard = (props)=>{
             const graphics = pointMarkForItem(point, 'highlightPoint');
             highlightContainer.addChild(graphics);
         });
-        const elements = (0, extractor_namespaceObject.treeToList)(context.tree);
-        elements.forEach((element)=>{
-            const { rect, content, id } = element;
-            const ifHighlight = highlightIds.includes(id) || (null == hoverElement ? void 0 : hoverElement.id) === id;
-            if (ifHighlight) return;
-            const [graphics] = rectMarkForItem(rect, content, 'element');
-            elementMarkContainer.addChild(graphics);
-        });
         elementMarkContainer.visible = elementsVisible;
         return {
             highlightElementRects
@@ -230,7 +221,6 @@ const Blackboard = (props)=>{
         app,
         appInitialed,
         highlightElements,
-        context.tree,
         hoverElement,
         highlightRect,
         highlightPoints

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

@@ -43,7 +43,6 @@ const external_react_namespaceObject = require("react");
 require("./index.css");
 const index_js_namespaceObject = require("../../utils/index.js");
 const icons_namespaceObject = require("@ant-design/icons");
-const extractor_namespaceObject = require("@midscene/shared/extractor");
 const external_antd_namespaceObject = require("antd");
 const global_perspective_js_namespaceObject = require("../../icons/global-perspective.js");
 var global_perspective_js_default = /*#__PURE__*/ __webpack_require__.n(global_perspective_js_namespaceObject);
@@ -537,15 +536,13 @@ function Player(props) {
                 setSubTitleText(item.subTitle || '');
                 if ('sleep' === item.type) await sleep(item.duration);
                 else if ('insight' === item.type) {
-                    var _item_context;
                     if (!item.img) throw new Error('img is required');
                     currentImg.current = item.img;
                     await repaintImage(item.imageWidth, item.imageHeight);
-                    const elements = (null == (_item_context = item.context) ? void 0 : _item_context.tree) ? (0, extractor_namespaceObject.treeToList)(item.context.tree) : [];
                     const highlightElements = item.highlightElement ? [
                         item.highlightElement
                     ] : [];
-                    await insightElementsAnimation(elements, highlightElements, item.searchArea, item.duration, frame);
+                    await insightElementsAnimation([], highlightElements, item.searchArea, item.duration, frame);
                     if (item.camera) {
                         if (!item.insightCameraDuration) throw new Error('insightCameraDuration is required');
                         await cameraAnimation(item.camera, item.insightCameraDuration, frame);

package/dist/lib/utils/replay-scripts.js

@@ -32,7 +32,6 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_index_js_namespaceObject = require("./index.js");
 const agent_namespaceObject = require("@midscene/core/agent");
-const extractor_namespaceObject = require("@midscene/shared/extractor");
 const stillDuration = 900;
 const actionSpinningPointerDuration = 300;
 const stillAfterInsightDuration = 300;
@@ -206,7 +205,7 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
             if (null == context ? void 0 : context.screenshotBase64) {
                 var _insightTask_output1, _insightDump_taskInfo, _context_size, _context_size1;
                 const insightDump = insightTask.log;
-                const insightContentLength = context.tree ? (0, extractor_namespaceObject.treeToList)(context.tree).length : 0;
+                const insightContentLength = 0;
                 if (context.screenshotBase64) {
                     var _context_size2, _context_size3;
                     scripts.push({

package/dist/types/hooks/usePlaygroundState.d.ts

@@ -10,8 +10,8 @@ export declare function usePlaygroundState(playgroundSDK: PlaygroundSDKLike | nu
     setInfoList: import("react").Dispatch<import("react").SetStateAction<InfoListItem[]>>;
     actionSpace: DeviceAction<unknown>[];
     actionSpaceLoading: boolean;
-    uiContextPreview: UIContext<import("@midscene/core").BaseElement> | undefined;
-    setUiContextPreview: import("react").Dispatch<import("react").SetStateAction<UIContext<import("@midscene/core").BaseElement> | undefined>>;
+    uiContextPreview: UIContext | undefined;
+    setUiContextPreview: import("react").Dispatch<import("react").SetStateAction<UIContext | undefined>>;
     showScrollToBottomButton: boolean;
     verticalMode: boolean;
     replayCounter: number;

package/package.json

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