@midscene/visualizer 0.26.2 → 0.26.3-beta-20250813075706.0

package/dist/lib/component/env-config.js

@@ -1,151 +1,146 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var env_config_exports = {};
-__export(env_config_exports, {
-  EnvConfig: () => EnvConfig
+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__, {
+    EnvConfig: ()=>EnvConfig
 });
-module.exports = __toCommonJS(env_config_exports);
-var import_buffer = __toESM(require("buffer"));
-var import_browser = __toESM(require("process/browser"));
-var import_console_browserify = __toESM(require("console-browserify"));
-var buffer = {
-  Buffer: import_buffer.default
-};
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_react = require("react");
-var import_store = require("./store/store");
-function EnvConfig({
-  showTooltipWhenEmpty = true,
-  showModelName = true,
-  tooltipPlacement = "bottom",
-  mode = "icon"
-}) {
-  const { config, configString, loadConfig, syncFromStorage } = (0, import_store.useEnvConfig)();
-  const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
-  const [tempConfigString, setTempConfigString] = (0, import_react.useState)(configString);
-  const midsceneModelName = config.MIDSCENE_MODEL_NAME;
-  const componentRef = (0, import_react.useRef)(null);
-  const showModal = (e) => {
-    syncFromStorage();
-    setIsModalOpen(true);
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  const handleOk = () => {
-    setIsModalOpen(false);
-    loadConfig(tempConfigString);
-  };
-  const handleCancel = () => {
-    setIsModalOpen(false);
-  };
-  (0, import_react.useEffect)(() => {
-    if (isModalOpen) {
-      setTempConfigString(configString);
-    }
-  }, [isModalOpen, configString]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      style: {
-        display: "flex",
-        justifyContent: "flex-end",
-        gap: "10px",
-        alignItems: "center",
-        height: "100%",
-        minHeight: "32px"
-      },
-      ref: componentRef,
-      children: [
-        showModelName ? midsceneModelName : null,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_antd.Tooltip,
-          {
-            title: "Please set up your environment variables before using.",
-            placement: tooltipPlacement,
-            align: { offset: [-10, 5] },
-            getPopupContainer: () => componentRef.current,
-            open: (
-              // undefined for default behavior of tooltip, hover for show
-              // close tooltip when modal is open
-              isModalOpen ? false : showTooltipWhenEmpty ? Object.keys(config).length === 0 : void 0
-            ),
-            children: mode === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SettingOutlined, { onClick: showModal }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "span",
-              {
-                onClick: showModal,
-                style: { color: "#006AFF", cursor: "pointer" },
-                children: "set up"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_antd.Modal,
-          {
-            title: "Model Env Config",
-            open: isModalOpen,
-            onOk: handleOk,
-            onCancel: handleCancel,
-            okText: "Save",
-            style: { width: "800px", height: "100%", marginTop: "10%" },
-            destroyOnClose: true,
-            maskClosable: true,
-            centered: true,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_antd.Input.TextArea,
-                {
-                  rows: 7,
-                  placeholder: "OPENAI_API_KEY=sk-...\nMIDSCENE_MODEL_NAME=gpt-4o-2024-08-06\n...",
-                  value: tempConfigString,
-                  onChange: (e) => setTempConfigString(e.target.value),
-                  style: { whiteSpace: "nowrap", wordWrap: "break-word" }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "The format is KEY=VALUE and separated by new lines." }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
-                  "These data will be saved ",
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "locally in your browser" }),
-                  "."
-                ] })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const icons_namespaceObject = require("@ant-design/icons");
+const external_antd_namespaceObject = require("antd");
+const external_react_namespaceObject = require("react");
+const store_js_namespaceObject = require("./store/store.js");
+function EnvConfig(param) {
+    let { showTooltipWhenEmpty = true, showModelName = true, tooltipPlacement = 'bottom', mode = 'icon' } = param;
+    const { config, configString, loadConfig, syncFromStorage } = (0, store_js_namespaceObject.useEnvConfig)();
+    const [isModalOpen, setIsModalOpen] = (0, external_react_namespaceObject.useState)(false);
+    const [tempConfigString, setTempConfigString] = (0, external_react_namespaceObject.useState)(configString);
+    const midsceneModelName = config.MIDSCENE_MODEL_NAME;
+    const componentRef = (0, external_react_namespaceObject.useRef)(null);
+    const showModal = (e)=>{
+        syncFromStorage();
+        setIsModalOpen(true);
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    const handleOk = ()=>{
+        setIsModalOpen(false);
+        loadConfig(tempConfigString);
+    };
+    const handleCancel = ()=>{
+        setIsModalOpen(false);
+    };
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (isModalOpen) setTempConfigString(configString);
+    }, [
+        isModalOpen,
+        configString
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        style: {
+            display: 'flex',
+            justifyContent: 'flex-end',
+            gap: '10px',
+            alignItems: 'center',
+            height: '100%',
+            minHeight: '32px'
+        },
+        ref: componentRef,
+        children: [
+            showModelName ? midsceneModelName : null,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Tooltip, {
+                title: "Please set up your environment variables before using.",
+                placement: tooltipPlacement,
+                align: {
+                    offset: [
+                        -10,
+                        5
+                    ]
+                },
+                getPopupContainer: ()=>componentRef.current,
+                open: isModalOpen ? false : showTooltipWhenEmpty ? 0 === Object.keys(config).length : void 0,
+                children: 'icon' === mode ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.SettingOutlined, {
+                    onClick: showModal
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    onClick: showModal,
+                    style: {
+                        color: '#006AFF',
+                        cursor: 'pointer'
+                    },
+                    children: "set up"
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Modal, {
+                title: "Model Env Config",
+                open: isModalOpen,
+                onOk: handleOk,
+                onCancel: handleCancel,
+                okText: "Save",
+                style: {
+                    width: '800px',
+                    height: '100%',
+                    marginTop: '10%'
+                },
+                destroyOnClose: true,
+                maskClosable: true,
+                centered: true,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Input.TextArea, {
+                        rows: 7,
+                        placeholder: 'OPENAI_API_KEY=sk-...\nMIDSCENE_MODEL_NAME=gpt-4o-2024-08-06\n...',
+                        value: tempConfigString,
+                        onChange: (e)=>setTempConfigString(e.target.value),
+                        style: {
+                            whiteSpace: 'nowrap',
+                            wordWrap: 'break-word'
+                        }
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                                children: "The format is KEY=VALUE and separated by new lines."
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
+                                children: [
+                                    "These data will be saved ",
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("strong", {
+                                        children: "locally in your browser"
+                                    }),
+                                    "."
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  EnvConfig
+exports.EnvConfig = __webpack_exports__.EnvConfig;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "EnvConfig"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });

package/dist/lib/component/github-star.css

@@ -1,3 +1,4 @@
 .github-star {
   height: 22px;
 }
+

package/dist/lib/component/github-star.js

@@ -1,65 +1,54 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var github_star_exports = {};
-__export(github_star_exports, {
-  GithubStar: () => GithubStar
+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__, {
+    GithubStar: ()=>GithubStar
 });
-module.exports = __toCommonJS(github_star_exports);
-var import_buffer = __toESM(require("buffer"));
-var import_browser = __toESM(require("process/browser"));
-var import_console_browserify = __toESM(require("console-browserify"));
-var buffer = {
-  Buffer: import_buffer.default
-};
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_github_star = require("./github-star.css");
-const GithubStar = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "a",
-    {
-      href: "https://github.com/web-infra-dev/midscene",
-      target: "_blank",
-      rel: "noreferrer",
-      style: { display: "flex", alignItems: "center" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "img",
-        {
-          className: "github-star",
-          src: "https://img.shields.io/github/stars/web-infra-dev/midscene?style=social",
-          alt: "Github star",
-          style: { display: "block" }
-        }
-      )
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  GithubStar
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("./github-star.css");
+const GithubStar = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+        href: "https://github.com/web-infra-dev/midscene",
+        target: "_blank",
+        rel: "noreferrer",
+        style: {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
+            className: "github-star",
+            src: "https://img.shields.io/github/stars/web-infra-dev/midscene?style=social",
+            alt: "Github star",
+            style: {
+                display: 'block'
+            }
+        })
+    });
+exports.GithubStar = __webpack_exports__.GithubStar;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "GithubStar"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });

package/dist/lib/component/logo.css

@@ -1,11 +1,13 @@
 .logo img {
-  height: 30px;
-  line-height: 30px;
   vertical-align: baseline;
+  height: 30px;
   vertical-align: -webkit-baseline-middle;
+  line-height: 30px;
 }
+
 .logo-with-star-wrapper {
-  display: flex;
   flex-direction: row;
   justify-content: space-between;
+  display: flex;
 }
+

package/dist/lib/component/logo.js

@@ -1,60 +1,57 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var logo_exports = {};
-__export(logo_exports, {
-  Logo: () => Logo,
-  LogoUrl: () => LogoUrl
+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__, {
+    Logo: ()=>Logo,
+    LogoUrl: ()=>LogoUrl
 });
-module.exports = __toCommonJS(logo_exports);
-var import_buffer = __toESM(require("buffer"));
-var import_browser = __toESM(require("process/browser"));
-var import_console_browserify = __toESM(require("console-browserify"));
-var buffer = {
-  Buffer: import_buffer.default
-};
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_logo = require("./logo.css");
-const LogoUrl = "https://lf3-static.bytednsdoc.com/obj/eden-cn/vhaeh7vhabf/Midscene.png";
-const Logo = ({ hideLogo = false }) => {
-  if (hideLogo) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "logo", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "https://midscenejs.com/", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "img",
-    {
-      alt: "Midscene_logo",
-      src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/vhaeh7vhabf/Midscene.png"
-    }
-  ) }) });
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("./logo.css");
+const LogoUrl = 'https://lf3-static.bytednsdoc.com/obj/eden-cn/vhaeh7vhabf/Midscene.png';
+const Logo = (param)=>{
+    let { hideLogo = false } = param;
+    if (hideLogo) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "logo",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+            href: "https://midscenejs.com/",
+            target: "_blank",
+            rel: "noreferrer",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
+                alt: "Midscene_logo",
+                src: "https://lf3-static.bytednsdoc.com/obj/eden-cn/vhaeh7vhabf/Midscene.png"
+            })
+        })
+    });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Logo,
-  LogoUrl
+exports.Logo = __webpack_exports__.Logo;
+exports.LogoUrl = __webpack_exports__.LogoUrl;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Logo",
+    "LogoUrl"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });