@midscene/visualizer 0.26.2 → 0.26.3-beta-20250813021342.0

package/dist/lib/component/misc.js

@@ -1,90 +1,91 @@
 "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 misc_exports = {};
-__export(misc_exports, {
-  iconForStatus: () => iconForStatus,
-  timeCostStrElement: () => timeCostStrElement
+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__, {
+    iconForStatus: ()=>iconForStatus,
+    timeCostStrElement: ()=>timeCostStrElement
 });
-module.exports = __toCommonJS(misc_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");
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const icons_namespaceObject = require("@ant-design/icons");
 function timeCostStrElement(timeCost) {
-  let str;
-  if (typeof timeCost !== "number") {
-    str = "-";
-  } else {
-    str = `${(timeCost / 1e3).toFixed(2)}s`;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "span",
-    {
-      style: {
-        fontVariantNumeric: "tabular-nums",
-        fontFeatureSettings: "tnum"
-      },
-      children: str
-    }
-  );
+    let str;
+    str = 'number' != typeof timeCost ? '-' : `${(timeCost / 1000).toFixed(2)}s`;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        style: {
+            fontVariantNumeric: 'tabular-nums',
+            fontFeatureSettings: 'tnum'
+        },
+        children: str
+    });
 }
-const iconForStatus = (status) => {
-  switch (status) {
-    case "finished":
-    case "passed":
-    case "success":
-    case "connected":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#00AD4B" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckOutlined, {}) });
-    case "finishedWithWarning":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#f7bb05" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.WarningOutlined, {}) });
-    case "failed":
-    case "closed":
-    case "timedOut":
-    case "interrupted":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#FF0A0A" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, {}) });
-    case "pending":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClockCircleOutlined, {});
-    case "cancelled":
-    case "skipped":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LogoutOutlined, {});
-    case "running":
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowRightOutlined, {});
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusOutlined, {});
-  }
+const iconForStatus = (status)=>{
+    switch(status){
+        case 'finished':
+        case 'passed':
+        case 'success':
+        case 'connected':
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                style: {
+                    color: '#00AD4B'
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CheckOutlined, {})
+            });
+        case 'finishedWithWarning':
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                style: {
+                    color: '#f7bb05'
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.WarningOutlined, {})
+            });
+        case 'failed':
+        case 'closed':
+        case 'timedOut':
+        case 'interrupted':
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                style: {
+                    color: '#FF0A0A'
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CloseOutlined, {})
+            });
+        case 'pending':
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ClockCircleOutlined, {});
+        case 'cancelled':
+        case 'skipped':
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.LogoutOutlined, {});
+        case 'running':
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ArrowRightOutlined, {});
+        default:
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.MinusOutlined, {});
+    }
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  iconForStatus,
-  timeCostStrElement
+exports.iconForStatus = __webpack_exports__.iconForStatus;
+exports.timeCostStrElement = __webpack_exports__.timeCostStrElement;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "iconForStatus",
+    "timeCostStrElement"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });

package/dist/lib/component/pixi-loader.js

@@ -1,87 +1,56 @@
 "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 __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+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]
+        });
     };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
+})();
+(()=>{
+    __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 step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-var pixi_loader_exports = {};
-__export(pixi_loader_exports, {
-  getTexture: () => getTexture,
-  getTextureFromCache: () => getTextureFromCache,
-  loadTexture: () => loadTexture
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    getTexture: ()=>getTexture,
+    getTextureFromCache: ()=>getTextureFromCache,
+    loadTexture: ()=>loadTexture
 });
-module.exports = __toCommonJS(pixi_loader_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
+require("pixi.js/unsafe-eval");
+const external_pixi_js_namespaceObject = require("pixi.js");
+const globalTextureMap = new Map();
+const loadTexture = async (img)=>{
+    if (globalTextureMap.has(img)) return;
+    return external_pixi_js_namespaceObject.Assets.load(img).then((texture)=>{
+        globalTextureMap.set(img, texture);
+    });
 };
-var import_unsafe_eval = require("pixi.js/unsafe-eval");
-var PIXI = __toESM(require("pixi.js"));
-const globalTextureMap = /* @__PURE__ */ new Map();
-const loadTexture = (img) => __async(void 0, null, function* () {
-  if (globalTextureMap.has(img))
-    return;
-  return PIXI.Assets.load(img).then((texture) => {
-    globalTextureMap.set(img, texture);
-  });
-});
-const getTextureFromCache = (name) => {
-  return globalTextureMap.get(name);
-};
-const getTexture = (name) => __async(void 0, null, function* () {
-  if (globalTextureMap.has(name)) {
+const getTextureFromCache = (name)=>globalTextureMap.get(name);
+const getTexture = async (name)=>{
+    if (globalTextureMap.has(name)) return globalTextureMap.get(name);
+    await loadTexture(name);
     return globalTextureMap.get(name);
-  }
-  yield loadTexture(name);
-  return globalTextureMap.get(name);
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getTexture,
-  getTextureFromCache,
-  loadTexture
+};
+exports.getTexture = __webpack_exports__.getTexture;
+exports.getTextureFromCache = __webpack_exports__.getTextureFromCache;
+exports.loadTexture = __webpack_exports__.loadTexture;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "getTexture",
+    "getTextureFromCache",
+    "loadTexture"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });

package/dist/lib/component/player.css

@@ -1,167 +1,185 @@
 .player-container {
+  box-sizing: border-box;
+  background: #f2f4f7;
+  border: 1px solid #f2f4f7;
+  border-radius: 8px;
+  flex-direction: column;
   width: 100%;
-  height: 100%;
   max-width: 100%;
+  height: 100%;
+  min-height: 300px;
   max-height: 100%;
+  margin: 0 auto;
   padding: 12px;
-  background: #F2F4F7;
-  box-sizing: border-box;
-  border: 1px solid #F2F4F7;
-  border-radius: 8px;
   line-height: 100%;
-  margin: 0 auto;
   display: flex;
-  flex-direction: column;
-  overflow: visible;
-  min-height: 300px;
   position: relative;
+  overflow: visible;
 }
-.player-container[data-fit-mode=height] {
+
+.player-container[data-fit-mode="height"] {
   background: #fff;
 }
-.player-container[data-fit-mode=height] .canvas-container {
-  background-color: #F2F4F7;
+
+.player-container[data-fit-mode="height"] .canvas-container {
+  background-color: #f2f4f7;
 }
+
 .player-container .canvas-container {
-  flex: 0 0 auto;
-  min-height: 200px;
   width: 100%;
-  display: flex;
+  min-height: 200px;
+  aspect-ratio: var(--canvas-aspect-ratio, 16 / 9);
+  background-color: #fff;
+  border-top-left-radius: 16px;
+  border-top-right-radius: 16px;
+  flex: none;
   justify-content: center;
   align-items: center;
-  overflow: hidden;
+  display: flex;
   position: relative;
-  background-color: #fff;
-  border-top-right-radius: 16px;
-  border-top-left-radius: 16px;
-  aspect-ratio: var(--canvas-aspect-ratio, 16/9);
+  overflow: hidden;
 }
+
 .player-container .canvas-container canvas {
+  box-sizing: border-box;
+  object-fit: contain;
+  border: none;
   width: 100%;
-  height: auto;
   max-width: 100%;
+  height: auto;
   max-height: 100%;
-  box-sizing: border-box;
-  display: block;
   margin: 0 auto;
-  object-fit: contain;
-  border: none;
+  display: block;
 }
-.player-container .canvas-container[data-fit-mode=height] {
-  flex: 1 1 auto;
+
+.player-container .canvas-container[data-fit-mode="height"] {
   aspect-ratio: unset;
-  min-height: 0;
+  flex: auto;
   height: auto;
+  min-height: 0;
 }
-.player-container .canvas-container[data-fit-mode=height] canvas {
-  height: 100%;
+
+.player-container .canvas-container[data-fit-mode="height"] canvas {
   width: auto;
   max-width: 100%;
+  height: 100%;
   max-height: 100%;
 }
-.player-container .canvas-container[data-fit-mode=width] {
-  aspect-ratio: var(--canvas-aspect-ratio, 16/9);
+
+.player-container .canvas-container[data-fit-mode="width"] {
+  aspect-ratio: var(--canvas-aspect-ratio, 16 / 9);
 }
-.player-container .canvas-container[data-fit-mode=width] canvas {
+
+.player-container .canvas-container[data-fit-mode="width"] canvas {
   width: 100%;
   height: auto;
 }
+
 .player-container .player-timeline-wrapper {
+  flex: none;
   width: 100%;
   height: 4px;
-  flex: none;
   margin-bottom: 2px;
   position: relative;
 }
+
 .player-container .player-timeline {
+  background: #666;
+  flex-shrink: 0;
   width: 100%;
   height: 4px;
-  background: #666;
   position: relative;
-  flex-shrink: 0;
 }
+
 .player-container .player-timeline .player-timeline-progress {
+  background: #2b83ff;
+  height: 4px;
   transition-timing-function: linear;
   position: absolute;
   top: 0;
   left: 0;
-  height: 4px;
-  background: #2B83FF;
 }
+
 .player-container .player-tools-wrapper {
+  box-sizing: border-box;
+  flex: none;
   width: 100%;
   height: 72px;
-  flex: none;
+  padding: 15px 16px;
   position: relative;
-  padding-top: 15px;
-  padding-bottom: 15px;
-  padding-left: 16px;
-  padding-right: 16px;
-  box-sizing: border-box;
 }
+
 .player-container .player-tools {
-  width: 100%;
-  height: 42px;
-  max-width: 100%;
-  overflow: hidden;
   color: #000;
-  font-size: 14px;
   box-sizing: border-box;
-  display: flex;
   flex-direction: row;
-  justify-content: space-between;
   flex-shrink: 0;
+  justify-content: space-between;
+  width: 100%;
+  max-width: 100%;
+  height: 42px;
+  font-size: 14px;
+  display: flex;
+  overflow: hidden;
 }
+
 .player-container .player-tools .ant-spin {
   color: #333;
 }
+
 .player-container .player-tools .player-control {
-  flex-grow: 1;
-  display: flex;
   flex-direction: row;
+  flex-grow: 1;
   align-items: center;
+  display: flex;
   overflow: hidden;
 }
+
 .player-container .player-tools .status-icon {
-  transition: 0.2s;
-  width: 32px;
-  height: 32px;
   border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 32px;
+  height: 32px;
   margin-left: 10px;
+  transition: all .2s;
+  display: flex;
 }
+
 .player-container .player-tools .status-icon:hover {
   cursor: pointer;
-  background: #F0f0f0;
+  background: #f0f0f0;
 }
+
 .player-container .player-tools .status-text {
+  flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
+  justify-content: space-between;
+  width: 0;
   min-width: 0;
-  overflow: hidden;
-  position: relative;
   height: 100%;
   display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  width: 0;
+  position: relative;
+  overflow: hidden;
 }
+
 .player-container .player-tools .title {
   font-weight: 600;
 }
-.player-container .player-tools .title,
-.player-container .player-tools .subtitle {
+
+.player-container .player-tools .title, .player-container .player-tools .subtitle {
   text-overflow: ellipsis;
-  overflow: hidden;
   white-space: nowrap;
   width: 100%;
+  overflow: hidden;
 }
+
 .player-container .player-tools .player-tools-item {
-  height: 100%;
-  display: flex;
   flex-direction: column;
   justify-content: center;
+  height: 100%;
+  display: flex;
 }
+