@midscene/visualizer 0.28.2-beta-20250910020051.0 → 0.28.2-beta-20250910024129.0

package/dist/lib/hooks/usePlaygroundExecution.js

@@ -1,204 +0,0 @@
-"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__, {
-    usePlaygroundExecution: ()=>usePlaygroundExecution
-});
-const external_react_namespaceObject = require("react");
-const external_types_js_namespaceObject = require("../types.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 handleRun = (0, external_react_namespaceObject.useCallback)(async (value)=>{
-        Date.now();
-        null == actionSpace || actionSpace.find((a)=>a.interfaceAlias === value.type || a.name === value.type);
-        const thisRunningId = Date.now();
-        const actionType = value.type;
-        const displayContent = `${value.type}: ${value.prompt || JSON.stringify(value.params)}`;
-        const userItem = {
-            id: `user-${Date.now()}`,
-            type: 'user',
-            content: displayContent,
-            timestamp: new Date()
-        };
-        setInfoList((prev)=>[
-                ...prev,
-                userItem
-            ]);
-        setLoading(true);
-        const result = {
-            ...external_types_js_namespaceObject.BLANK_RESULT
-        };
-        const systemItem = {
-            id: `system-${thisRunningId}`,
-            type: 'system',
-            content: '',
-            timestamp: new Date(),
-            loading: true,
-            loadingProgressText: ''
-        };
-        setInfoList((prev)=>[
-                ...prev,
-                systemItem
-            ]);
-        try {
-            currentRunningIdRef.current = thisRunningId;
-            interruptedFlagRef.current[thisRunningId] = false;
-            if (playgroundSDK.onProgressUpdate) playgroundSDK.onProgressUpdate((tip)=>{
-                if (interruptedFlagRef.current[thisRunningId]) return;
-                const progressItem = {
-                    id: `progress-${thisRunningId}-${Date.now()}`,
-                    type: 'progress',
-                    content: tip,
-                    timestamp: new Date()
-                };
-                setInfoList((prev)=>[
-                        ...prev,
-                        progressItem
-                    ]);
-            });
-            result.result = await playgroundSDK.executeAction(actionType, value, {
-                requestId: thisRunningId.toString()
-            });
-            if ('object' == typeof result.result && null !== result.result) {
-                const resultObj = result.result;
-                if (resultObj.dump) result.dump = resultObj.dump;
-                if (resultObj.reportHTML) result.reportHTML = resultObj.reportHTML;
-                if (resultObj.error) result.error = resultObj.error;
-                if (void 0 !== resultObj.result) result.result = resultObj.result;
-            }
-        } catch (e) {
-            result.error = (null == e ? void 0 : e.message) || String(e);
-            console.error('Playground execution error:', e);
-        }
-        if (interruptedFlagRef.current[thisRunningId]) return;
-        setLoading(false);
-        currentRunningIdRef.current = null;
-        let replayInfo = null;
-        let counter = replayCounter;
-        if ((null == result ? void 0 : result.dump) && !noReplayAPIs.includes(actionType)) {
-            const info = (0, replay_scripts_js_namespaceObject.allScriptsFromDump)(result.dump);
-            setReplayCounter((c)=>c + 1);
-            replayInfo = info;
-            counter = replayCounter + 1;
-        }
-        setInfoList((prev)=>prev.map((item)=>item.id === `system-${thisRunningId}` ? {
-                    ...item,
-                    content: '',
-                    loading: false,
-                    loadingProgressText: ''
-                } : item));
-        const resultItem = {
-            id: `result-${thisRunningId}`,
-            type: 'result',
-            content: 'Execution result',
-            timestamp: new Date(),
-            result: result,
-            loading: false,
-            replayScriptsInfo: replayInfo,
-            replayCounter: counter,
-            loadingProgressText: '',
-            verticalMode: verticalMode
-        };
-        setInfoList((prev)=>[
-                ...prev,
-                resultItem
-            ]);
-        if (null == storage ? void 0 : storage.saveResult) try {
-            await storage.saveResult(resultItem.id, resultItem);
-        } catch (error) {
-            console.error('Failed to save result:', error);
-        }
-        const separatorItem = {
-            id: `separator-${thisRunningId}`,
-            type: 'separator',
-            content: 'New Session',
-            timestamp: new Date()
-        };
-        setInfoList((prev)=>[
-                ...prev,
-                separatorItem
-            ]);
-    }, [
-        playgroundSDK,
-        storage,
-        actionSpace,
-        setLoading,
-        setInfoList,
-        replayCounter,
-        setReplayCounter,
-        verticalMode,
-        currentRunningIdRef,
-        interruptedFlagRef
-    ]);
-    const handleStop = (0, external_react_namespaceObject.useCallback)(async ()=>{
-        const thisRunningId = currentRunningIdRef.current;
-        if (thisRunningId && playgroundSDK.cancelExecution) try {
-            await playgroundSDK.cancelExecution(thisRunningId.toString());
-            interruptedFlagRef.current[thisRunningId] = true;
-            setLoading(false);
-            setInfoList((prev)=>prev.map((item)=>item.id === `system-${thisRunningId}` && item.loading ? {
-                        ...item,
-                        content: 'Operation stopped',
-                        loading: false,
-                        loadingProgressText: ''
-                    } : item));
-            const separatorItem = {
-                id: `separator-${thisRunningId}`,
-                type: 'separator',
-                content: 'New Session',
-                timestamp: new Date()
-            };
-            setInfoList((prev)=>[
-                    ...prev,
-                    separatorItem
-                ]);
-        } catch (error) {
-            console.error('Failed to stop execution:', error);
-        }
-    }, [
-        playgroundSDK,
-        currentRunningIdRef,
-        interruptedFlagRef,
-        setLoading,
-        setInfoList
-    ]);
-    const canStop = loading && !!currentRunningIdRef.current && !!playgroundSDK.cancelExecution;
-    return {
-        handleRun,
-        handleStop,
-        canStop
-    };
-}
-exports.usePlaygroundExecution = __webpack_exports__.usePlaygroundExecution;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "usePlaygroundExecution"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/lib/hooks/usePlaygroundState.js

@@ -1,207 +0,0 @@
-"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__, {
-    usePlaygroundState: ()=>usePlaygroundState
-});
-const external_react_namespaceObject = require("react");
-const external_types_js_namespaceObject = require("../types.js");
-function usePlaygroundState(playgroundSDK, storage, contextProvider) {
-    const [loading, setLoading] = (0, external_react_namespaceObject.useState)(false);
-    const [infoList, setInfoList] = (0, external_react_namespaceObject.useState)([]);
-    const [actionSpace, setActionSpace] = (0, external_react_namespaceObject.useState)([]);
-    const [actionSpaceLoading, setActionSpaceLoading] = (0, external_react_namespaceObject.useState)(true);
-    const [uiContextPreview, setUiContextPreview] = (0, external_react_namespaceObject.useState)();
-    const [showScrollToBottomButton, setShowScrollToBottomButton] = (0, external_react_namespaceObject.useState)(false);
-    const [verticalMode, setVerticalMode] = (0, external_react_namespaceObject.useState)(false);
-    const [replayCounter, setReplayCounter] = (0, external_react_namespaceObject.useState)(0);
-    const infoListRef = (0, external_react_namespaceObject.useRef)(null);
-    const currentRunningIdRef = (0, external_react_namespaceObject.useRef)(null);
-    const interruptedFlagRef = (0, external_react_namespaceObject.useRef)({});
-    const welcomeMessage = {
-        ...external_types_js_namespaceObject.WELCOME_MESSAGE_TEMPLATE,
-        id: 'welcome',
-        timestamp: new Date()
-    };
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        const initializeMessages = async ()=>{
-            if (null == storage ? void 0 : storage.loadMessages) try {
-                const storedMessages = await storage.loadMessages();
-                setInfoList([
-                    welcomeMessage,
-                    ...storedMessages
-                ]);
-            } catch (error) {
-                console.error('Failed to load messages:', error);
-                setInfoList([
-                    welcomeMessage
-                ]);
-            }
-            else setInfoList([
-                welcomeMessage
-            ]);
-        };
-        initializeMessages();
-    }, [
-        storage
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        if ((null == storage ? void 0 : storage.saveMessages) && infoList.length > 1) storage.saveMessages(infoList).catch((error)=>{
-            console.error('Failed to save messages:', error);
-        });
-    }, [
-        infoList,
-        storage
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!(null == contextProvider ? void 0 : contextProvider.getUIContext) || uiContextPreview) return;
-        contextProvider.getUIContext().then((context)=>setUiContextPreview(context)).catch((error)=>{
-            console.error('Failed to get UI context:', error);
-        });
-    }, [
-        contextProvider,
-        uiContextPreview
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        const loadActionSpace = async ()=>{
-            setActionSpaceLoading(true);
-            try {
-                var _contextProvider_getUIContext;
-                const context = uiContextPreview || await (null == contextProvider ? void 0 : null == (_contextProvider_getUIContext = contextProvider.getUIContext) ? void 0 : _contextProvider_getUIContext.call(contextProvider));
-                const space = await playgroundSDK.getActionSpace(context);
-                setActionSpace(space || []);
-            } catch (error) {
-                console.error('Failed to load action space:', error);
-                setActionSpace([]);
-            } finally{
-                setActionSpaceLoading(false);
-            }
-        };
-        loadActionSpace();
-    }, [
-        playgroundSDK,
-        uiContextPreview,
-        contextProvider
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        const sizeThreshold = 750;
-        setVerticalMode(window.innerWidth < sizeThreshold);
-        const handleResize = ()=>{
-            setVerticalMode(window.innerWidth < sizeThreshold);
-        };
-        window.addEventListener('resize', handleResize);
-        return ()=>window.removeEventListener('resize', handleResize);
-    }, []);
-    const scrollToBottom = (0, external_react_namespaceObject.useCallback)(()=>{
-        setTimeout(()=>{
-            if (infoListRef.current) infoListRef.current.scrollTop = infoListRef.current.scrollHeight;
-        }, 100);
-    }, []);
-    const checkIfScrolledToBottom = (0, external_react_namespaceObject.useCallback)(()=>{
-        if (infoListRef.current) {
-            const { scrollTop, scrollHeight, clientHeight } = infoListRef.current;
-            const isAtBottom = scrollTop + clientHeight >= scrollHeight - 10;
-            setShowScrollToBottomButton(!isAtBottom);
-        }
-    }, []);
-    const handleScrollToBottom = (0, external_react_namespaceObject.useCallback)(()=>{
-        if (infoListRef.current) {
-            infoListRef.current.scrollTo({
-                top: infoListRef.current.scrollHeight,
-                behavior: 'smooth'
-            });
-            setShowScrollToBottomButton(false);
-        }
-    }, []);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        if (infoList.length > 0) scrollToBottom();
-    }, [
-        infoList,
-        scrollToBottom
-    ]);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        const container = infoListRef.current;
-        if (container) {
-            container.addEventListener('scroll', checkIfScrolledToBottom);
-            checkIfScrolledToBottom();
-            return ()=>{
-                container.removeEventListener('scroll', checkIfScrolledToBottom);
-            };
-        }
-    }, [
-        checkIfScrolledToBottom
-    ]);
-    const clearInfoList = (0, external_react_namespaceObject.useCallback)(async ()=>{
-        setInfoList([
-            welcomeMessage
-        ]);
-        if (null == storage ? void 0 : storage.clearMessages) try {
-            await storage.clearMessages();
-        } catch (error) {
-            console.error('Failed to clear stored messages:', error);
-        }
-    }, [
-        storage,
-        welcomeMessage
-    ]);
-    const refreshContext = (0, external_react_namespaceObject.useCallback)(async ()=>{
-        if (null == contextProvider ? void 0 : contextProvider.refreshContext) try {
-            const newContext = await contextProvider.refreshContext();
-            setUiContextPreview(newContext);
-        } catch (error) {
-            console.error('Failed to refresh context:', error);
-        }
-    }, [
-        contextProvider
-    ]);
-    return {
-        loading,
-        setLoading,
-        infoList,
-        setInfoList,
-        actionSpace,
-        actionSpaceLoading,
-        uiContextPreview,
-        setUiContextPreview,
-        showScrollToBottomButton,
-        verticalMode,
-        replayCounter,
-        setReplayCounter,
-        infoListRef,
-        currentRunningIdRef,
-        interruptedFlagRef,
-        clearInfoList,
-        refreshContext,
-        handleScrollToBottom,
-        scrollToBottom
-    };
-}
-exports.usePlaygroundState = __webpack_exports__.usePlaygroundState;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "usePlaygroundState"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/types/browser.d.ts

@@ -1,19 +0,0 @@
-import './component/index.less';
-import './component/universal-playground/index.less';
-export { useEnvConfig } from './store/store';
-export { colorForName, highlightColorForType, globalThemeConfig, } from './utils/color';
-export { EnvConfig } from './component/env-config';
-export { Logo } from './component/logo';
-export { iconForStatus, timeCostStrElement } from './component/misc';
-export { PlaygroundResultView } from './component/playground-result';
-export type { PlaygroundResult } from './types';
-export { ContextPreview } from './component/context-preview';
-export { Player } from './component/player';
-export { Blackboard } from './component/blackboard';
-export { GithubStar } from './component/github-star';
-export { timeStr, filterBase64Value } from './utils';
-export { default as ShinyText } from './component/shiny-text';
-export { UniversalPlayground, default as UniversalPlaygroundDefault, } from './component/universal-playground';
-export type { UniversalPlaygroundProps, PlaygroundSDKLike, StorageProvider, ContextProvider, UniversalPlaygroundConfig, PlaygroundBranding, InfoListItem, FormValue, ExecutionOptions, ProgressCallback, } from './types';
-export { LocalStorageProvider, MemoryStorageProvider, NoOpStorageProvider, } from './component/universal-playground/providers/storage-provider';
-export { BaseContextProvider, StaticContextProvider, NoOpContextProvider, } from './component/universal-playground/providers/context-provider';

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

@@ -1 +0,0 @@
-export * from '../types';

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

@@ -1,6 +0,0 @@
-import type React from 'react';
-export declare function timeCostStrElement(timeCost?: number): React.JSX.Element;
-export declare const iconForStatus: (status: string) => React.JSX.Element;
-export declare const errorMessageServerNotReady: React.JSX.Element;
-export declare const serverLaunchTip: (notReadyMessage?: React.ReactNode | string) => React.JSX.Element;
-export declare const emptyResultTip: React.JSX.Element;

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

@@ -1,7 +0,0 @@
-export { ContextPreview } from '../context-preview';
-export { PlaygroundResultView } from '../playground-result';
-export { PromptInput } from '../prompt-input';
-export { useServerValid } from '../../hooks/useServerValid';
-export { ServiceModeControl } from '../service-mode-control';
-export * from '../../types';
-export { useEnvConfig } from '../../store/store';

package/dist/types/component/universal-playground/index.d.ts

@@ -1,4 +0,0 @@
-import type { UniversalPlaygroundProps } from '../../types';
-import './index.less';
-export declare function UniversalPlayground({ playgroundSDK, storage, contextProvider, config: componentConfig, branding, className, dryMode, showContextPreview, }: UniversalPlaygroundProps): import("react").JSX.Element;
-export default UniversalPlayground;

package/dist/types/component/universal-playground/providers/context-provider.d.ts

@@ -1,37 +0,0 @@
-import type { UIContext } from '@midscene/core';
-import type { ContextProvider } from '../../../types';
-/**
- * Base context provider implementation
- */
-export declare abstract class BaseContextProvider implements ContextProvider {
-    protected cachedContext?: UIContext;
-    abstract getUIContext(): Promise<UIContext>;
-    refreshContext(): Promise<UIContext>;
-}
-/**
- * Agent-based context provider for local execution modes
- */
-export declare class AgentContextProvider extends BaseContextProvider {
-    private getAgent;
-    private options?;
-    constructor(getAgent: () => any, options?: {
-        forceSameTabNavigation?: boolean;
-    } | undefined);
-    getUIContext(): Promise<UIContext>;
-}
-/**
- * Static context provider for pre-determined UI contexts
- */
-export declare class StaticContextProvider extends BaseContextProvider {
-    private context;
-    constructor(context: UIContext);
-    getUIContext(): Promise<UIContext>;
-    refreshContext(): Promise<UIContext>;
-}
-/**
- * No-op context provider for cases where context preview is disabled
- */
-export declare class NoOpContextProvider implements ContextProvider {
-    getUIContext(): Promise<UIContext>;
-    refreshContext(): Promise<UIContext>;
-}

package/dist/types/component/universal-playground/providers/storage-provider.d.ts

@@ -1,33 +0,0 @@
-import type { InfoListItem, StorageProvider } from '../../../types';
-/**
- * Local Storage implementation for playground message persistence
- */
-export declare class LocalStorageProvider implements StorageProvider {
-    private readonly messagesKey;
-    private readonly resultsKey;
-    constructor(namespace?: string);
-    saveMessages(messages: InfoListItem[]): Promise<void>;
-    loadMessages(): Promise<InfoListItem[]>;
-    clearMessages(): Promise<void>;
-    saveResult(id: string, result: InfoListItem): Promise<void>;
-}
-/**
- * Memory-only storage implementation for non-persistent scenarios
- */
-export declare class MemoryStorageProvider implements StorageProvider {
-    private messages;
-    private results;
-    saveMessages(messages: InfoListItem[]): Promise<void>;
-    loadMessages(): Promise<InfoListItem[]>;
-    clearMessages(): Promise<void>;
-    saveResult(id: string, result: InfoListItem): Promise<void>;
-}
-/**
- * No-op storage implementation for cases where persistence is disabled
- */
-export declare class NoOpStorageProvider implements StorageProvider {
-    saveMessages(_messages: InfoListItem[]): Promise<void>;
-    loadMessages(): Promise<InfoListItem[]>;
-    clearMessages(): Promise<void>;
-    saveResult(_id: string, _result: InfoListItem): Promise<void>;
-}

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

@@ -1,10 +0,0 @@
-import type { DeviceAction } from '@midscene/core';
-import type { FormValue, InfoListItem, PlaygroundSDKLike, StorageProvider } from '../types';
-/**
- * Hook for handling playground execution logic
- */
-export declare function usePlaygroundExecution(playgroundSDK: PlaygroundSDKLike, storage: StorageProvider | undefined, actionSpace: DeviceAction<unknown>[], loading: boolean, setLoading: (loading: boolean) => void, infoList: InfoListItem[], setInfoList: React.Dispatch<React.SetStateAction<InfoListItem[]>>, replayCounter: number, setReplayCounter: React.Dispatch<React.SetStateAction<number>>, verticalMode: boolean, currentRunningIdRef: React.MutableRefObject<number | null>, interruptedFlagRef: React.MutableRefObject<Record<number, boolean>>): {
-    handleRun: (value: FormValue) => Promise<void>;
-    handleStop: () => Promise<void>;
-    canStop: boolean;
-};

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

@@ -1,26 +0,0 @@
-import type { DeviceAction, UIContext } from '@midscene/core';
-import type { ContextProvider, InfoListItem, PlaygroundSDKLike, StorageProvider } from '../types';
-/**
- * Hook for managing playground state
- */
-export declare function usePlaygroundState(playgroundSDK: PlaygroundSDKLike, storage?: StorageProvider, contextProvider?: ContextProvider): {
-    loading: boolean;
-    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    infoList: InfoListItem[];
-    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>>;
-    showScrollToBottomButton: boolean;
-    verticalMode: boolean;
-    replayCounter: number;
-    setReplayCounter: import("react").Dispatch<import("react").SetStateAction<number>>;
-    infoListRef: import("react").RefObject<HTMLDivElement>;
-    currentRunningIdRef: import("react").MutableRefObject<number | null>;
-    interruptedFlagRef: import("react").MutableRefObject<Record<number, boolean>>;
-    clearInfoList: () => Promise<void>;
-    refreshContext: () => Promise<void>;
-    handleScrollToBottom: () => void;
-    scrollToBottom: () => void;
-};