@midscene/visualizer 0.26.2-beta-20250812091127.0 → 0.26.3-beta-20250813021342.0

package/dist/lib/component/playground/ServiceModeControl.js

@@ -1,134 +1,134 @@
 "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 ServiceModeControl_exports = {};
-__export(ServiceModeControl_exports, {
-  ServiceModeControl: () => ServiceModeControl
+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__, {
+    ServiceModeControl: ()=>ServiceModeControl
 });
-module.exports = __toCommonJS(ServiceModeControl_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_env = require("@midscene/shared/env");
-var import_antd = require("antd");
-var import_react = require("react");
-var import_env_config = require("../env-config");
-var import_misc = require("../misc");
-var import_store = require("../store/store");
-var import_playground_utils = require("./playground-utils");
-var import_useServerValid = require("./useServerValid");
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const env_namespaceObject = require("@midscene/shared/env");
+const external_antd_namespaceObject = require("antd");
+const external_react_namespaceObject = require("react");
+const external_env_config_js_namespaceObject = require("../env-config.js");
+const external_misc_js_namespaceObject = require("../misc.js");
+const store_js_namespaceObject = require("../store/store.js");
+const external_playground_utils_js_namespaceObject = require("./playground-utils.js");
+const external_useServerValid_js_namespaceObject = require("./useServerValid.js");
+require("./index.css");
 const TITLE_TEXT = {
-  Server: "Server Status",
-  "In-Browser": "In-Browser"
+    Server: 'Server Status',
+    'In-Browser': 'In-Browser'
 };
 const SWITCH_BUTTON_TEXT = {
-  Server: "Switch to In-Browser Mode",
-  "In-Browser": "Switch to Server Mode"
+    Server: 'Switch to In-Browser Mode',
+    'In-Browser': 'Switch to Server Mode'
 };
-const ServiceModeControl = ({
-  serviceMode
-}) => {
-  const { setServiceMode, config } = (0, import_store.useEnvConfig)();
-  const serverValid = (0, import_useServerValid.useServerValid)(serviceMode === "Server");
-  const renderServerTip = () => {
-    if (serverValid) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "Connected", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "server-tip", children: (0, import_misc.iconForStatus)("connected") }) });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "Connection failed", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "server-tip", children: (0, import_misc.iconForStatus)("failed") }) });
-  };
-  const renderSwitchButton = () => {
-    const nextMode = serviceMode === "Server" ? "In-Browser" : "Server";
-    const buttonText = SWITCH_BUTTON_TEXT[serviceMode];
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_antd.Tooltip,
-      {
-        title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-          "Server Mode: send the request through the server ",
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-          "In-Browser Mode: send the request through the browser fetch API (The AI service should support CORS in this case)"
-        ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_antd.Button,
-          {
-            type: "link",
-            onClick: (e) => {
-              e.preventDefault();
-              setServiceMode(nextMode);
-            },
-            children: buttonText
-          }
-        )
-      }
-    );
-  };
-  (0, import_react.useEffect)(() => {
-    (0, import_env.overrideAIConfig)(config);
-    if (serviceMode === "Server") {
-      (0, import_playground_utils.overrideServerConfig)(config);
-    }
-  }, [config, serviceMode]);
-  const statusContent = serviceMode === "Server" && renderServerTip();
-  const title = TITLE_TEXT[serviceMode];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: "10px"
-        },
+const ServiceModeControl = (param)=>{
+    let { serviceMode } = param;
+    const { setServiceMode, config } = (0, store_js_namespaceObject.useEnvConfig)();
+    const serverValid = (0, external_useServerValid_js_namespaceObject.useServerValid)('Server' === serviceMode);
+    const renderServerTip = ()=>{
+        if (serverValid) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Tooltip, {
+            title: "Connected",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "server-tip",
+                children: (0, external_misc_js_namespaceObject.iconForStatus)('connected')
+            })
+        });
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Tooltip, {
+            title: "Connection failed",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "server-tip",
+                children: (0, external_misc_js_namespaceObject.iconForStatus)('failed')
+            })
+        });
+    };
+    const renderSwitchButton = ()=>{
+        const nextMode = 'Server' === serviceMode ? 'In-Browser' : 'Server';
+        const buttonText = SWITCH_BUTTON_TEXT[serviceMode];
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Tooltip, {
+            title: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                children: [
+                    "Server Mode: send the request through the server ",
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("br", {}),
+                    "In-Browser Mode: send the request through the browser fetch API (The AI service should support CORS in this case)"
+                ]
+            }),
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
+                type: "link",
+                onClick: (e)=>{
+                    e.preventDefault();
+                    setServiceMode(nextMode);
+                },
+                children: buttonText
+            })
+        });
+    };
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        (0, env_namespaceObject.overrideAIConfig)(config);
+        if ('Server' === serviceMode) (0, external_playground_utils_js_namespaceObject.overrideServerConfig)(config);
+    }, [
+        config,
+        serviceMode
+    ]);
+    const statusContent = 'Server' === serviceMode && renderServerTip();
+    const title = TITLE_TEXT[serviceMode];
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "h3",
-            {
-              style: {
-                whiteSpace: "nowrap",
-                margin: 0,
-                flexShrink: 0
-              },
-              children: title
-            }
-          ),
-          statusContent,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_env_config.EnvConfig, { showTooltipWhenEmpty: serviceMode !== "Server" })
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    gap: '10px'
+                },
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+                        style: {
+                            whiteSpace: 'nowrap',
+                            margin: 0,
+                            flexShrink: 0
+                        },
+                        children: title
+                    }),
+                    statusContent,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_env_config_js_namespaceObject.EnvConfig, {
+                        showTooltipWhenEmpty: 'Server' !== serviceMode
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "switch-btn-wrapper",
+                children: renderSwitchButton()
+            })
         ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "switch-btn-wrapper", children: renderSwitchButton() })
-  ] });
+    });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ServiceModeControl
+exports.ServiceModeControl = __webpack_exports__.ServiceModeControl;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ServiceModeControl"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });