@midscene/visualizer 0.28.4-beta-20250910153230.0 → 0.28.4

package/dist/lib/component/playground/index.css

@@ -1,7 +1,36 @@
-body {
+.result-wrapper {
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  margin: 4px 0;
+  display: flex;
+}
+
+.result-wrapper .loading-container {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.result-wrapper .loading-container .loading-progress-text {
+  color: #888;
+  margin-top: 8px;
+  font-size: 12px;
+}
+
+.result-wrapper pre {
+  white-space: pre-wrap;
+  text-wrap: unset;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  background: #f2f4f7;
+  border-radius: 8px;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
-  font-size: 14px;
+  padding: 14px;
+  overflow: scroll;
 }
 
 .prompt-input-wrapper {
@@ -334,164 +363,9 @@ body {
   color: #2b83ff;
 }
 
-.history-modal-container {
-  border-radius: 12px 12px 0 0;
-  flex-direction: column;
-  height: 70vh;
-  display: flex;
-  overflow: hidden;
-}
-
-.history-modal-container .history-modal-header {
-  justify-content: space-between;
-  align-items: center;
-  height: 48px;
-  padding: 0 25px;
-  line-height: 48px;
-  display: flex;
-}
-
-.history-modal-container .history-modal-header .close-button {
-  justify-content: center;
-  align-items: center;
-  margin-right: -4px;
-  padding: 4px;
-  display: flex;
-}
-
-.history-modal-container .history-modal-header .close-button .anticon {
-  color: #999;
-  font-size: 18px;
-}
-
-.history-modal-container .history-modal-header .close-button:hover .anticon {
-  color: #666;
-}
-
-.history-modal-container .history-search-section {
-  background: #fff;
-  padding: 16px 20px;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper {
-  color: rgba(0, 0, 0, .25);
-  align-items: center;
-  gap: 12px;
-  display: flex;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .search-input {
-  background: #f1f2f3;
-  border: none;
-  border-radius: 16px;
-  flex: 1;
-  height: 36px;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .search-input .ant-input {
-  box-shadow: none;
-  background: none;
-  border: none;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .search-input:hover, .history-modal-container .history-search-section .search-input-wrapper .search-input:focus-within {
-  background: #fff;
-  border-color: #d9d9d9;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .clear-button {
-  color: #1890ff;
-  height: auto;
-  padding: 0;
-}
-
-.history-modal-container .history-search-section .search-input-wrapper .clear-button:hover {
-  color: #40a9ff;
-}
-
-.history-modal-container .history-content {
-  flex: 1;
-  padding: 0 25px 25px;
-  overflow-y: auto;
-}
-
-.history-modal-container .history-content .history-group {
-  margin-bottom: 10px;
-}
-
-.history-modal-container .history-content .history-group .history-group-title {
-  color: rgba(0, 0, 0, .45);
-  height: 40px;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 40px;
-}
-
-.history-modal-container .history-content .history-group .history-item {
-  cursor: pointer;
-  color: rgba(0, 0, 0, .85);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  height: 40px;
-  font-size: 14px;
-  line-height: 40px;
-  overflow: hidden;
-}
-
-.history-modal-container .history-content .history-group .history-item:hover {
-  background: #f2f4f7;
-  margin: 0 -8px;
-  padding: 0 8px;
-}
-
-.history-modal-container .history-content .no-results {
-  text-align: center;
-  color: #999;
-  padding: 40px 20px;
-}
-
-.ant-modal-wrap .ant-modal-content {
-  animation: .3s cubic-bezier(.4, 0, .2, 1) forwards slideUpFromBottom !important;
-}
-
-@keyframes slideUpFromBottom {
-  0% {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.result-wrapper {
-  justify-content: center;
-  height: 100%;
-  margin: 4px 0;
-  display: flex;
-}
-
-.result-wrapper .loading-container {
-  text-align: center;
-}
-
-.result-wrapper .loading-container .loading-progress-text {
-  color: #888;
-  margin-top: 8px;
-  font-size: 12px;
-}
-
-.result-wrapper pre {
-  white-space: pre-wrap;
-  text-wrap: unset;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  background: #f2f4f7;
-  border-radius: 8px;
+body {
   margin: 0;
-  padding: 14px;
-  overflow: scroll;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  font-size: 14px;
 }
 

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

@@ -0,0 +1,113 @@
+"use strict";
+var __webpack_modules__ = {
+    "../../hooks/useServerValid": function(module) {
+        module.exports = require("../../hooks/useServerValid.js");
+    },
+    "../../store/store": function(module) {
+        module.exports = require("../../store/store.js");
+    },
+    "../../types": function(module) {
+        module.exports = require("../../types.js");
+    },
+    "../context-preview": function(module) {
+        module.exports = require("../context-preview/index.js");
+    },
+    "../playground-result": function(module) {
+        module.exports = require("../playground-result/index.js");
+    },
+    "../prompt-input": function(module) {
+        module.exports = require("../prompt-input/index.js");
+    },
+    "../service-mode-control": function(module) {
+        module.exports = require("../service-mode-control/index.js");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+        ContextPreview: ()=>_context_preview__WEBPACK_IMPORTED_MODULE_0__.ContextPreview,
+        PlaygroundResultView: ()=>_playground_result__WEBPACK_IMPORTED_MODULE_1__.PlaygroundResultView,
+        PromptInput: ()=>_prompt_input__WEBPACK_IMPORTED_MODULE_2__.PromptInput,
+        ServiceModeControl: ()=>_service_mode_control__WEBPACK_IMPORTED_MODULE_4__.ServiceModeControl,
+        useEnvConfig: ()=>_store_store__WEBPACK_IMPORTED_MODULE_6__.useEnvConfig,
+        useServerValid: ()=>_hooks_useServerValid__WEBPACK_IMPORTED_MODULE_3__.useServerValid
+    });
+    var _context_preview__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../context-preview");
+    var _playground_result__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../playground-result");
+    var _prompt_input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../prompt-input");
+    var _hooks_useServerValid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../hooks/useServerValid");
+    var _service_mode_control__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../service-mode-control");
+    var _types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../types");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _types__WEBPACK_IMPORTED_MODULE_5__)if ([
+        "PromptInput",
+        "ContextPreview",
+        "ServiceModeControl",
+        "default",
+        "PlaygroundResultView",
+        "useEnvConfig",
+        "useServerValid"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _types__WEBPACK_IMPORTED_MODULE_5__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _store_store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../store/store");
+})();
+exports.ContextPreview = __webpack_exports__.ContextPreview;
+exports.PlaygroundResultView = __webpack_exports__.PlaygroundResultView;
+exports.PromptInput = __webpack_exports__.PromptInput;
+exports.ServiceModeControl = __webpack_exports__.ServiceModeControl;
+exports.useEnvConfig = __webpack_exports__.useEnvConfig;
+exports.useServerValid = __webpack_exports__.useServerValid;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ContextPreview",
+    "PlaygroundResultView",
+    "PromptInput",
+    "ServiceModeControl",
+    "useEnvConfig",
+    "useServerValid"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/component/playground-result/index.css

@@ -0,0 +1,35 @@
+.result-wrapper {
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  margin: 4px 0;
+  display: flex;
+}
+
+.result-wrapper .loading-container {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.result-wrapper .loading-container .loading-progress-text {
+  color: #888;
+  margin-top: 8px;
+  font-size: 12px;
+}
+
+.result-wrapper pre {
+  white-space: pre-wrap;
+  text-wrap: unset;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  background: #f2f4f7;
+  border-radius: 8px;
+  margin: 0;
+  padding: 14px;
+  overflow: scroll;
+}
+

package/dist/lib/component/{playground/PlaygroundResult.js → playground-result/index.js}

@@ -38,17 +38,16 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const icons_namespaceObject = require("@ant-design/icons");
 const external_antd_namespaceObject = require("antd");
-const external_player_js_namespaceObject = require("../player.js");
-const external_shiny_text_js_namespaceObject = require("../shiny-text.js");
-var external_shiny_text_js_default = /*#__PURE__*/ __webpack_require__.n(external_shiny_text_js_namespaceObject);
-const external_playground_constants_js_namespaceObject = require("./playground-constants.js");
-require("./index.css");
+const index_js_namespaceObject = require("../misc/index.js");
+const external_player_index_js_namespaceObject = require("../player/index.js");
+const external_shiny_text_index_js_namespaceObject = require("../shiny-text/index.js");
+var external_shiny_text_index_js_default = /*#__PURE__*/ __webpack_require__.n(external_shiny_text_index_js_namespaceObject);
 const PlaygroundResultView = (param)=>{
     let { result, loading, serverValid, serviceMode, replayScriptsInfo, replayCounter, loadingProgressText, verticalMode = false, notReadyMessage, fitMode, autoZoom } = param;
     let resultWrapperClassName = 'result-wrapper';
     if (verticalMode) resultWrapperClassName += ' vertical-mode-result';
     if (replayScriptsInfo && verticalMode) resultWrapperClassName += ' result-wrapper-compact';
-    let resultDataToShow = external_playground_constants_js_namespaceObject.emptyResultTip;
+    let resultDataToShow = index_js_namespaceObject.emptyResultTip;
     if (serverValid || 'Server' !== serviceMode) {
         if (loading) resultDataToShow = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
             className: "loading-container",
@@ -61,14 +60,14 @@ const PlaygroundResultView = (param)=>{
                 }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                     className: "loading-progress-text loading-progress-text-progress",
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_shiny_text_js_default(), {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_shiny_text_index_js_default(), {
                         text: loadingProgressText,
                         speed: 3
                     })
                 })
             ]
         });
-        else if (replayScriptsInfo) resultDataToShow = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_player_js_namespaceObject.Player, {
+        else if (replayScriptsInfo) resultDataToShow = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_player_index_js_namespaceObject.Player, {
             replayScripts: replayScriptsInfo.scripts,
             imageWidth: replayScriptsInfo.width,
             imageHeight: replayScriptsInfo.height,
@@ -84,14 +83,17 @@ const PlaygroundResultView = (param)=>{
         }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("pre", {
             children: JSON.stringify(null == result ? void 0 : result.result, null, 2)
         });
-    } else resultDataToShow = (0, external_playground_constants_js_namespaceObject.serverLaunchTip)(notReadyMessage);
+    } else resultDataToShow = (0, index_js_namespaceObject.serverLaunchTip)(notReadyMessage);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: resultWrapperClassName,
         style: {
             height: '100%',
             display: 'flex',
             flexDirection: 'column',
-            flex: '1 1 auto'
+            flex: '1 1 auto',
+            justifyContent: 'center',
+            alignItems: 'center',
+            textAlign: 'center'
         },
         children: resultDataToShow
     });