@midscene/web 0.1.1 → 0.1.2

package/dist/es/playwright-report.js

@@ -2251,11 +2251,11 @@ function generateTestData(testDataList2) {
     }
   }, []);
   const projectDir = process.cwd();
-  const reportDir = path.join(projectDir, "midscene_run", "midscene-report");
+  const reportDir = path.join(projectDir, "midscene_run", "report");
   if (!fs.existsSync(reportDir)) {
     fs.mkdirSync(reportDir);
   }
-  const reportHtmlDir = path.join(projectDir, `node_modules/@midscene/visualizer-report/.output`);
+  const reportHtmlDir = path.join(projectDir, `dist/visualizer-report`);
   const tempDir = path.join(os.tmpdir(), "temp-folder");
   try {
     import_fs_extra.default.copySync(reportHtmlDir, tempDir);
@@ -2285,25 +2285,6 @@ function generateTestData(testDataList2) {
   } catch (err) {
     console.error("An error occurred while writing to the file.", err);
   }
-  try {
-    const filePath = path.join(reportDir, "index.js");
-    const searchValue = "Server is listening on http://[::]:";
-    const replaceValue = "The report has been generated on http://127.0.0.1:";
-    let fileContent = fs.readFileSync(filePath, "utf8");
-    fileContent = fileContent.replace(searchValue, replaceValue);
-    fileContent = fileContent.replaceAll("8080", "9988");
-    import_fs_extra.default.outputFileSync(filePath, fileContent);
-  } catch (err) {
-    console.error("An error occurred:", err);
-  }
-  try {
-    const filePath = path.join(reportDir, "node_modules/@modern-js/prod-server/dist/cjs/apply.js");
-    let fileContent = fs.readFileSync(filePath, "utf8");
-    fileContent = fileContent.replace("(0, import_server_core.logPlugin)(),", "");
-    import_fs_extra.default.outputFileSync(filePath, fileContent);
-  } catch (err) {
-    console.error("An error occurred:", err);
-  }
   modifyRoutesJson(reportDir, testDataList2);
 }
 function modifyRoutesJson(reportDir, testDataList2) {
@@ -2370,7 +2351,7 @@ var MidSceneReporter = class {
     generateTestData(testDataList);
     console.log(
       "\x1B[32m%s\x1B[0m",
-      `The report is generated successfully. Run the "node ./midscene_run/midscene-report/index.js" command to start the report`
+      `MidScene report has been generated. Run "npx http-server -p 0  ./midscene_run/report -o --s" to view.`
     );
   }
 };

package/dist/lib/playwright-report.js

@@ -2257,11 +2257,11 @@ function generateTestData(testDataList2) {
     }
   }, []);
   const projectDir = process.cwd();
-  const reportDir = import_path.default.join(projectDir, "midscene_run", "midscene-report");
+  const reportDir = import_path.default.join(projectDir, "midscene_run", "report");
   if (!import_fs.default.existsSync(reportDir)) {
     import_fs.default.mkdirSync(reportDir);
   }
-  const reportHtmlDir = import_path.default.join(projectDir, `node_modules/@midscene/visualizer-report/.output`);
+  const reportHtmlDir = import_path.default.join(projectDir, `dist/visualizer-report`);
   const tempDir = import_path.default.join(import_os.default.tmpdir(), "temp-folder");
   try {
     import_fs_extra.default.copySync(reportHtmlDir, tempDir);
@@ -2291,25 +2291,6 @@ function generateTestData(testDataList2) {
   } catch (err) {
     console.error("An error occurred while writing to the file.", err);
   }
-  try {
-    const filePath = import_path.default.join(reportDir, "index.js");
-    const searchValue = "Server is listening on http://[::]:";
-    const replaceValue = "The report has been generated on http://127.0.0.1:";
-    let fileContent = import_fs.default.readFileSync(filePath, "utf8");
-    fileContent = fileContent.replace(searchValue, replaceValue);
-    fileContent = fileContent.replaceAll("8080", "9988");
-    import_fs_extra.default.outputFileSync(filePath, fileContent);
-  } catch (err) {
-    console.error("An error occurred:", err);
-  }
-  try {
-    const filePath = import_path.default.join(reportDir, "node_modules/@modern-js/prod-server/dist/cjs/apply.js");
-    let fileContent = import_fs.default.readFileSync(filePath, "utf8");
-    fileContent = fileContent.replace("(0, import_server_core.logPlugin)(),", "");
-    import_fs_extra.default.outputFileSync(filePath, fileContent);
-  } catch (err) {
-    console.error("An error occurred:", err);
-  }
   modifyRoutesJson(reportDir, testDataList2);
 }
 function modifyRoutesJson(reportDir, testDataList2) {
@@ -2376,7 +2357,7 @@ var MidSceneReporter = class {
     generateTestData(testDataList);
     console.log(
       "\x1B[32m%s\x1B[0m",
-      `The report is generated successfully. Run the "node ./midscene_run/midscene-report/index.js" command to start the report`
+      `MidScene report has been generated. Run "npx http-server -p 0  ./midscene_run/report -o --s" to view.`
     );
   }
 };

package/dist/visualizer-report/index.html

@@ -0,0 +1 @@
+<!doctype html><html><head><title></title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="renderer" content="webkit"><meta name="layoutmode" content="standard"><meta name="imagemode" content="force"><meta name="wap-font-scale" content="no"><meta name="format-detection" content="telephone=no"><script defer="defer">(()=>{"use strict";var e={},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var u=t[n]={exports:{}};return e[n].call(u.exports,u,u.exports,r),u.exports}r.m=e,r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},(()=>{var e,t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__};r.t=function(n,o){if(1&o&&(n=this(n)),8&o||"object"==typeof n&&n&&(4&o&&n.__esModule||16&o&&"function"==typeof n.then))return n;var u=Object.create(null);r.r(u);var i={};e=e||[null,t({}),t([]),t(t)];for(var a=2&o&&n;"object"==typeof a&&!~e.indexOf(a);a=t(a))Object.getOwnPropertyNames(a).forEach((function(e){i[e]=function(){return n[e]}}));return i.default=function(){return n},r.d(u,i),u}})(),r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.f={},r.e=function(e){return Promise.all(Object.keys(r.f).reduce((function(t,n){return r.f[n](e,t),t}),[]))},r.u=function(e){return"static/js/async/"+e+"."+{16:"8b96d0ce",212:"b25a2c30",353:"78fcb703",399:"84fa60a7",453:"782b249a",544:"ee973964",983:"ef821e39"}[e]+".js"},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},(()=>{var e={},t="@midscene/visualizer-report:";r.l=function(n,o,u,i){if(e[n])e[n].push(o);else{if(void 0!==u)for(var a,c,f=document.getElementsByTagName("script"),l=0;l<f.length;l++){var s=f[l];if(s.getAttribute("src")==n||s.getAttribute("data-webpack")==t+u){a=s;break}}!a&&(c=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.setAttribute("data-webpack",t+u),a.src=n),e[n]=[o];var d=function(t,r){a.onerror=a.onload=null,clearTimeout(p);var o=e[n];if(delete e[n],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((function(e){return e(r)})),t)return t(r)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=d.bind(null,a.onerror),a.onload=d.bind(null,a.onload),c&&document.head.appendChild(a)}}})(),r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e=[];r.O=function(t,n,o,u){if(!n){var i=1/0;for(l=0;l<e.length;l++){n=e[l][0],o=e[l][1],u=e[l][2];for(var a=!0,c=0;c<n.length;c++)(!1&u||i>=u)&&Object.keys(r.O).every((function(e){return r.O[e](n[c])}))?n.splice(c--,1):(a=!1,u<i&&(i=u));if(a){e.splice(l--,1);var f=o();void 0!==f&&(t=f)}}return t}u=u||0;for(var l=e.length;l>0&&e[l-1][2]>u;l--)e[l]=e[l-1];e[l]=[n,o,u]}})(),r.p="/",r.rv=function(){return"1.0.0-alpha.5"},(()=>{var e={242:0};r.f.j=function(t,n){var o=r.o(e,t)?e[t]:void 0;if(0!==o)if(o)n.push(o[2]);else if(242!=t){var u=new Promise((function(r,n){o=e[t]=[r,n]}));n.push(o[2]=u);var i=r.p+r.u(t),a=Error();r.l(i,(function(n){if(r.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var u=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;a.message="Loading chunk "+t+" failed.\n("+u+": "+i+")",a.name="ChunkLoadError",a.type=u,a.request=i,o[1](a)}}),"chunk-"+t,t)}else e[t]=0},r.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,u,i=n[0],a=n[1],c=n[2],f=0;if(i.some((function(t){return 0!==e[t]}))){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(c)var l=c(r)}for(t&&t(n);f<i.length;f++)u=i[f],r.o(e,u)&&e[u]&&e[u][0](),e[u]=0;return r.O(l)},n=self.webpackChunk_midscene_visualizer_report=self.webpackChunk_midscene_visualizer_report||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),r.ruid="bundler=rspack@1.0.0-alpha.5"})()</script><script defer="defer" src="/static/js/lib-react.c011fc71.js"></script><script defer="defer" src="/static/js/lib-polyfill.3da3e38e.js"></script><script defer="defer" src="/static/js/lib-antd.55d65804.js"></script><script defer="defer" src="/static/js/lib-router.226970ff.js"></script><script defer="defer" src="/static/js/915.d3f73af1.js"></script><script defer="defer" src="/static/js/index.ae9a86c5.js"></script><link href="/static/css/index.c7751597.css" rel="stylesheet"></head><body><div id="root"><!--<?- html ?>--></div><!--<?- chunksMap.js ?>--><!--<?- SSRDataScript ?>--></body></html>

package/dist/visualizer-report/modern.config.json

@@ -0,0 +1,196 @@
+{
+  "autoLoadPlugins": false,
+  "source": {
+    "mainEntryName": "index",
+    "enableAsyncEntry": false,
+    "enableCustomEntry": false,
+    "disableDefaultEntries": false,
+    "entriesDir": "./src",
+    "configDir": "./config",
+    "globalVars": {
+      "process.env.MODERN_JS_VERSION": "2.56.2",
+      "process.env.IS_REACT18": "true"
+    },
+    "alias": {
+      "@_modern_js_internal": "/home/runner/work/midscene/midscene/packages/visualizer-report/node_modules/.modern-js",
+      "@_modern_js_src": "/home/runner/work/midscene/midscene/packages/visualizer-report/src",
+      "@": "/home/runner/work/midscene/midscene/packages/visualizer-report/src",
+      "@shared": "/home/runner/work/midscene/midscene/packages/visualizer-report/shared",
+      "styled-components": "/home/runner/work/midscene/midscene/node_modules/.pnpm/styled-components@5.3.11_@babel+core@7.24.9_react-dom@18.2.0_react@18.2.0__react-is@18.3.1_react@18.2.0/node_modules/styled-components/dist/styled-components.cjs.js",
+      "@modern-js/runtime/plugins": "/home/runner/work/midscene/midscene/packages/visualizer-report/node_modules/.modern-js/.runtime-exports/plugins.js",
+      "@modern-js/runtime-utils/node$": "/home/runner/work/midscene/midscene/node_modules/.pnpm/@modern-js+runtime-utils@2.56.2_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/@modern-js/runtime-utils/dist/cjs/node/index.js",
+      "react": "/home/runner/work/midscene/midscene/packages/visualizer-report/node_modules/react",
+      "react-dom": "/home/runner/work/midscene/midscene/packages/visualizer-report/node_modules/react-dom"
+    },
+    "include": [
+      {},
+      {},
+      {},
+      "/home/runner/work/midscene/midscene/packages/visualizer-report/node_modules/.modern-js"
+    ]
+  },
+  "output": {
+    "distPath": {
+      "root": "dist",
+      "html": ".",
+      "js": "static/js",
+      "css": "static/css",
+      "server": "bundles",
+      "worker": "worker"
+    },
+    "cleanDistPath": true,
+    "disableNodePolyfill": true,
+    "enableInlineRouteManifests": true,
+    "disableInlineRouteManifests": false,
+    "disableSourceMap": false
+  },
+  "server": {
+    "baseUrl": "/",
+    "port": 8080
+  },
+  "dev": {},
+  "html": {
+    "title": "",
+    "mountId": "root",
+    "meta": {
+      "charset": {
+        "charset": "utf-8"
+      },
+      "viewport": "width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no",
+      "http-equiv": {
+        "http-equiv": "x-ua-compatible",
+        "content": "ie=edge"
+      },
+      "renderer": "webkit",
+      "layoutmode": "standard",
+      "imagemode": "force",
+      "wap-font-scale": "no",
+      "format-detection": "telephone=no"
+    },
+    "disableHtmlFolder": true
+  },
+  "tools": {
+    "tsChecker": {
+      "issue": {
+        "exclude": [
+          {
+            "file": "**/api/lambda/**/*"
+          }
+        ]
+      }
+    },
+    "styledComponents": {
+      "topLevelImportPaths": [
+        "@modern-js/runtime/styled"
+      ]
+    }
+  },
+  "plugins": [
+    {
+      "name": "@modern-js/app-tools",
+      "post": [
+        "@modern-js/plugin-initialize",
+        "@modern-js/plugin-analyze",
+        "@modern-js/plugin-ssr",
+        "@modern-js/plugin-document",
+        "@modern-js/plugin-state",
+        "@modern-js/plugin-router",
+        "@modern-js/plugin-router-v5",
+        "@modern-js/plugin-polyfill"
+      ],
+      "registerHook": {
+        "_internalRuntimePlugins": {},
+        "modifyFileSystemRoutes": {},
+        "modifyServerRoutes": {},
+        "modifyEntrypoints": {},
+        "checkEntryPoint": {},
+        "generateEntryCode": {},
+        "htmlPartials": {},
+        "beforeGenerateRoutes": {},
+        "addDefineTypes": {},
+        "collectServerPlugins": {},
+        "_internalServerPlugins": {},
+        "beforeDev": {},
+        "afterDev": {},
+        "beforeCreateCompiler": {},
+        "afterCreateCompiler": {},
+        "beforePrintInstructions": {},
+        "beforeBuild": {},
+        "afterBuild": {},
+        "beforeDeploy": {},
+        "deploy": {},
+        "afterDeploy": {},
+        "beforeRestart": {},
+        "registerDev": {},
+        "beforeDevTask": {},
+        "registerBuildPlatform": {},
+        "beforeBuildPlatform": {}
+      },
+      "usePlugins": [
+        {
+          "name": "@modern-js/plugin-initialize",
+          "post": [
+            "@modern-js/plugin-ssr",
+            "@modern-js/plugin-document",
+            "@modern-js/plugin-state",
+            "@modern-js/plugin-router",
+            "@modern-js/plugin-router-v5",
+            "@modern-js/plugin-polyfill"
+          ]
+        },
+        {
+          "name": "@modern-js/plugin-analyze",
+          "post": [
+            "@modern-js/runtime"
+          ]
+        },
+        {
+          "name": "@modern-js/server-build"
+        },
+        {
+          "name": "@modern-js/plugin-lint"
+        },
+        {
+          "name": "@modern-js/plugin-deploy"
+        }
+      ]
+    }
+  ],
+  "builderPlugins": [
+    {
+      "name": "@modern-js/builder-plugin-ssr"
+    }
+  ],
+  "runtime": {
+    "router": true
+  },
+  "runtimeByEntries": {},
+  "_raw": {
+    "source": {
+      "alias": {
+        "react": "/home/runner/work/midscene/midscene/packages/visualizer-report/node_modules/react",
+        "react-dom": "/home/runner/work/midscene/midscene/packages/visualizer-report/node_modules/react-dom"
+      },
+      "mainEntryName": "index"
+    },
+    "runtime": {
+      "router": true
+    },
+    "html": {
+      "disableHtmlFolder": true
+    },
+    "output": {
+      "disableSourceMap": false,
+      "distPath": {
+        "html": "."
+      }
+    },
+    "plugins": [
+      "[Circular 0]"
+    ]
+  },
+  "bff": {},
+  "testing": {},
+  "deploy": {},
+  "performance": {}
+}

package/dist/visualizer-report/route.json

@@ -0,0 +1,36 @@
+{
+  "routes": [
+    {
+      "urlPath": "/",
+      "entryName": "index",
+      "entryPath": "index.html",
+      "isSPA": true,
+      "isStream": false,
+      "isSSR": false
+    },
+    {
+      "urlPath": "/playwright-31de72c0afc13db9dc09-00e11f768b63da0c779a.web-dump.json",
+      "isSPA": true,
+      "isSSR": false,
+      "entryPath": "public/playwright-31de72c0afc13db9dc09-00e11f768b63da0c779a.web-dump.json"
+    },
+    {
+      "urlPath": "/playwright-31de72c0afc13db9dc09-50c9ddc9a1d0c466547f.web-dump.json",
+      "isSPA": true,
+      "isSSR": false,
+      "entryPath": "public/playwright-31de72c0afc13db9dc09-50c9ddc9a1d0c466547f.web-dump.json"
+    },
+    {
+      "urlPath": "/playwright-45161835cecba6378a04-b2821fd5751102caa08c.web-dump.json",
+      "isSPA": true,
+      "isSSR": false,
+      "entryPath": "public/playwright-45161835cecba6378a04-b2821fd5751102caa08c.web-dump.json"
+    },
+    {
+      "urlPath": "/test-data-list.json",
+      "isSPA": true,
+      "isSSR": false,
+      "entryPath": "public/test-data-list.json"
+    }
+  ]
+}

package/dist/visualizer-report/static/css/index.c7751597.css

@@ -0,0 +1 @@
+body,html{margin:0;padding:0}.rspress-nav{transition:.2s}:root{--modern-sidebar-width:0!important;--modern-aside-width:0!important;--modern-preview-padding:0!important}.modern-doc,.modern-doc-layout{height:100vh;margin:0!important;padding:0!important;width:100%!important}.modern-sidebar,header.w-full{display:none!important}.modern-doc-container{padding:0!important}footer.mt-8{display:none}.page-container{border-bottom:1px solid #ccc;border-top:1px solid #ccc;color:#000;display:flex;flex-direction:column;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:14px;height:100%}.ant-layout{flex-grow:1;height:100%}.main-right{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.main-right .main-content{background:#f7f7f7;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.main-right.uploader-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;margin:auto;max-width:800px}.main-right.uploader-wrapper .uploader{width:100%}.main-right.uploader-wrapper .demo-loader{margin-top:10px;text-align:center;width:100%}.main-right .main-canvas-container{background:#fff;border-left:1px solid #ccc;flex-grow:1;height:100%;overflow-x:hidden;overflow-y:scroll}.main-right .main-side{box-sizing:border-box;overflow-y:scroll}.main-right .json-content{word-wrap:break-word;white-space:pre-wrap}.timeline-wrapper{border-bottom:1px solid #ccc;box-sizing:border-box;flex-basis:110px;flex-grow:0;flex-shrink:0;position:relative}.timeline-wrapper,.timeline-wrapper .timeline-canvas-wrapper,.timeline-wrapper canvas{height:100%;width:100%}.detail-panel{background:#fff;display:flex;flex-direction:column;height:100%;padding:10px}.detail-panel .ant-segmented{padding:0}.detail-panel .view-switcher{flex-shrink:0;margin-bottom:10px}.detail-panel .detail-content{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.detail-panel .blackboard{margin:0 auto}.detail-panel .screenshot-item{margin-bottom:10px}.detail-panel .screenshot-item .screenshot-item-title{margin-bottom:5px}.detail-panel .screenshot-item img{border:1px solid #888;max-width:100%}.blackboard .footer{color:#aaa}.blackboard ul{padding-left:0}.blackboard li{list-style:none}.blackboard .bottom-tip{height:30px}.blackboard .bottom-tip-item{color:#aaa;max-width:500px;text-overflow:ellipsis;word-wrap:break-word}.blackboard-filter{margin:10px 0}.blackboard-main-content canvas{border:1px solid #888;width:100%}.global-hover-preview{background:#f7f7f7;border:1px solid #ccc;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);box-sizing:border-box;display:block;max-height:400px;max-width:400px;overflow:hidden;position:fixed;text-align:center;z-index:10}.global-hover-preview img{height:auto;max-height:400px;max-width:400px;width:auto}.detail-side h2{margin-bottom:4px;margin-top:0;padding-top:0}.detail-side .ant-tag{margin-top:2px}.detail-side .meta-kv{padding:10px 10px 14px}.detail-side .meta-kv .meta{box-sizing:border-box;display:flex;flex-direction:row;line-height:1.5;padding:2px 0;width:100%}.detail-side .meta-kv .meta .meta-key{font-weight:700;padding-right:16px;text-align:right;width:100px}.detail-side .meta-kv .meta .meta-value{flex:1 1}.detail-side .item-list{cursor:default;margin-bottom:10px;padding:10px 10px}.detail-side .item-list .item{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:16px 10px 10px;position:relative;transition:.1s}.detail-side .item-list .item.item-lite{border:none;padding:0}.detail-side .item-list .item-highlight{color:#fff}.detail-side .item-list .item-highlight .subtitle{color:#ccc}.detail-side .item-list .item-extra{color:#777;position:absolute;right:10px;top:10px}.detail-side .item-list .title-right-padding{padding-right:15px}.detail-side .item-list .title{font-size:18px;font-weight:700;margin-bottom:5px}.detail-side .item-list .title .title-tag{color:#777;display:inline-block;font-size:14px;line-height:18px;margin-left:6px}.detail-side .item-list .subtitle{color:#777;font-size:14px;font-weight:400}.detail-side .item-list .description{margin-top:5px}.detail-side .item-list .description-content{font-size:14px;margin-top:10px;margin:0;white-space:break-spaces}.detail-side .item-list .element-button:hover{background:#f9483e;color:#fff}.detail-side .item-list .section-button:hover{background:#01204e;color:#fff}.detail-side pre{text-wrap:balance}.detail-side .item-list-space-up{margin-top:10px}.task-list-name{background:#ddd;border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-weight:700;margin-top:-1px;padding:2px 10px}.side-bar{background:#f7f7f7;border-right:1px solid #ccc;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;width:100%}.side-bar .brand{cursor:pointer;display:flex;padding:10px 5px}.side-bar .task-meta-section{margin-top:6px}.side-bar .task-meta{color:#777;font-weight:400;padding-left:10px}.side-bar .side-seperator{border-top:1px none}.side-bar .side-seperator.side-seperator-line{border-top:1px solid #ccc}.side-bar .side-seperator.side-seperator-space-up{margin-top:10px}.side-bar .side-seperator.side-seperator-space-down{margin-bottom:10px}.side-bar .side-sub-title{font-weight:700;padding:0 10px}.side-bar .side-item{cursor:pointer;padding:2px 0;transition:.1s}.side-bar .side-item:hover{background:#a3d6d2;color:#333}.side-bar .side-item.selected{background:#06b1ab;color:#fff}.side-bar .side-item.selected .status-text{color:#fff}.side-bar .side-item .side-item-content{padding:0 10px 0 26px}.side-bar .side-item-name{display:flex;justify-content:space-between;padding:0 10px 0 26px;position:relative}.side-bar .side-item-name .status-icon{color:#aaa;display:inline-block;font-size:10px;left:10px;line-height:10px;margin-top:-5px;position:absolute;top:50%}.side-bar .side-item-name .status-icon-success{color:#3a773a}.side-bar .side-item-name .status-icon-fail{color:#ff0a0a}.side-bar .side-item-name .status-text{color:#777}.side-bar .bottom-controls{padding:10px 10px;text-align:left;text-align:center}.nav-u66WwU{margin:20px 0;max-width:680px}.container-Hq9bKt{margin:0 auto;max-width:980px}.test-result-pnK7ny{margin-top:40px}.test-details-UpOFMM{border-top:1px solid #ccc;cursor:pointer;margin-top:-1px;padding:20px}.test-details-UpOFMM:hover{background-color:#d3d3d3}.test-info-AphlaH{display:flex}.test-name-us3J87{flex-grow:1;font-size:medium;font-weight:700}.failed-LIeQqO{font-size:small}.test-file-path-BdYiH4{color:#6e7781;margin-top:10px}.test-result{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px;padding:20px}.test-summary{margin-bottom:20px}.test-summary div{margin:5px 0}.test-file,.test-project,.test-status,.test-time{font-weight:700}.test-status.failed{color:red}.test-details{margin-top:20px}.test-name{font-size:1.2em;margin-bottom:10px}.test-duration{color:#555}.ant-collapse-content-box{padding:0!important}

package/dist/visualizer-report/static/css/index.c7751597.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/index.c7751597.css","sources":["webpack://@midscene/visualizer-report/../visualizer/dist/es/index.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/timeline.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/detail-panel.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/blackboard.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/global-hover-preview.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/detail-side.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/panel-title.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/sidebar.css","webpack://@midscene/visualizer-report/./src/pages/Home.module.css","webpack://@midscene/visualizer-report/./src/pages/TestResult.css"],"sourcesContent":["html,\nbody {\n  padding: 0;\n  margin: 0;\n}\n.rspress-nav {\n  transition: 0.2s;\n}\n:root {\n  --modern-sidebar-width: 0 !important;\n  --modern-aside-width: 0 !important;\n  --modern-preview-padding: 0 !important;\n}\n.modern-doc-layout,\n.modern-doc {\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  height: 100vh;\n}\n.modern-sidebar,\nheader.w-full {\n  display: none !important;\n}\n.modern-doc-container {\n  padding: 0 !important;\n}\nfooter.mt-8 {\n  display: none;\n}\n.page-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  color: #000;\n  font-family:\n    PingFang SC,\n    Hiragino Sans GB,\n    Microsoft YaHei,\n    Arial,\n    sans-serif;\n  font-size: 14px;\n  border-top: 1px solid #CCCCCC;\n  border-bottom: 1px solid #CCCCCC;\n}\n.ant-layout {\n  flex-grow: 1;\n  height: 100%;\n}\n.main-right {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n}\n.main-right .main-content {\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  overflow: hidden;\n  background: #f7f7f7;\n}\n.main-right.uploader-wrapper {\n  box-sizing: border-box;\n  margin: auto;\n  max-width: 800px;\n  flex-direction: column;\n  justify-content: center;\n}\n.main-right.uploader-wrapper .uploader {\n  width: 100%;\n}\n.main-right.uploader-wrapper .demo-loader {\n  width: 100%;\n  text-align: center;\n  margin-top: 10px;\n}\n.main-right .main-canvas-container {\n  flex-grow: 1;\n  height: 100%;\n  background: #ffffff;\n  overflow-x: hidden;\n  overflow-y: scroll;\n  border-left: 1px solid #CCCCCC;\n}\n.main-right .main-side {\n  box-sizing: border-box;\n  overflow-y: scroll;\n}\n.main-right .json-content {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n}\n",".timeline-wrapper {\n  flex-basis: 110px;\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  border-bottom: 1px solid #CCCCCC;\n  position: relative;\n  box-sizing: border-box;\n}\n.timeline-wrapper .timeline-canvas-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.timeline-wrapper canvas {\n  width: 100%;\n  height: 100%;\n}\n",".detail-panel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 10px;\n  background: #FFF;\n}\n.detail-panel .ant-segmented {\n  padding: 0;\n}\n.detail-panel .view-switcher {\n  margin-bottom: 10px;\n  flex-shrink: 0;\n}\n.detail-panel .detail-content {\n  box-sizing: border-box;\n  justify-content: center;\n  flex-direction: column;\n  display: flex;\n  flex-grow: 1;\n}\n.detail-panel .blackboard {\n  margin: 0 auto;\n}\n.detail-panel .screenshot-item {\n  margin-bottom: 10px;\n}\n.detail-panel .screenshot-item .screenshot-item-title {\n  margin-bottom: 5px;\n}\n.detail-panel .screenshot-item img {\n  border: 1px solid #888;\n  max-width: 100%;\n}\n",".blackboard .footer {\n  color: #aaa;\n}\n.blackboard ul {\n  padding-left: 0px;\n}\n.blackboard li {\n  list-style: none;\n}\n.blackboard .bottom-tip {\n  height: 30px;\n}\n.blackboard .bottom-tip-item {\n  max-width: 500px;\n  color: #AAA;\n  text-overflow: ellipsis;\n  word-wrap: break-word;\n}\n.blackboard-filter {\n  margin: 10px 0;\n}\n.blackboard-main-content canvas {\n  width: 100%;\n  border: 1px solid #888;\n}\n",".global-hover-preview {\n  position: fixed;\n  display: block;\n  max-width: 400px;\n  max-height: 400px;\n  overflow: hidden;\n  z-index: 10;\n  text-align: center;\n  border: 1px solid #CCCCCC;\n  box-sizing: border-box;\n  background: #f7f7f7;\n  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n.global-hover-preview img {\n  max-width: 400px;\n  max-height: 400px;\n  width: auto;\n  height: auto;\n}\n",".detail-side h2 {\n  padding-top: 0;\n  margin-top: 0;\n  margin-bottom: 4px;\n}\n.detail-side .ant-tag {\n  margin-top: 2px;\n}\n.detail-side .meta-kv {\n  padding: 10px 10px calc(10px + 4px);\n}\n.detail-side .meta-kv .meta {\n  box-sizing: border-box;\n  padding: 2px 0;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  line-height: 1.5;\n}\n.detail-side .meta-kv .meta .meta-key {\n  font-weight: bold;\n  width: 100px;\n  text-align: right;\n  padding-right: 16px;\n}\n.detail-side .meta-kv .meta .meta-value {\n  flex: 1 1;\n}\n.detail-side .item-list {\n  padding: 10px 10px;\n  cursor: default;\n  margin-bottom: 10px;\n}\n.detail-side .item-list .item {\n  padding: 16px 10px 10px;\n  transition: 0.1s;\n  border: 1px solid #DDD;\n  border-radius: 5px;\n  margin-bottom: 10px;\n  position: relative;\n}\n.detail-side .item-list .item.item-lite {\n  border: none;\n  padding: 0;\n}\n.detail-side .item-list .item-highlight {\n  color: #FFF;\n}\n.detail-side .item-list .item-highlight .subtitle {\n  color: #CCC;\n}\n.detail-side .item-list .item-extra {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  color: #777;\n}\n.detail-side .item-list .title-right-padding {\n  padding-right: 15px;\n}\n.detail-side .item-list .title {\n  font-size: 18px;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n.detail-side .item-list .title .title-tag {\n  display: inline-block;\n  margin-left: 6px;\n  color: #777;\n  font-size: 14px;\n  line-height: 18px;\n}\n.detail-side .item-list .subtitle {\n  font-weight: normal;\n  font-size: 14px;\n  color: #777;\n}\n.detail-side .item-list .description {\n  margin-top: 5px;\n}\n.detail-side .item-list .description-content {\n  font-size: 14px;\n  margin-top: 10px;\n  white-space: break-spaces;\n  margin: 0;\n}\n.detail-side .item-list .element-button:hover {\n  color: #fff;\n  background: #F9483E;\n}\n.detail-side .item-list .section-button:hover {\n  color: #fff;\n  background: #01204E;\n}\n.detail-side pre {\n  text-wrap: balance;\n}\n.detail-side .item-list-space-up {\n  margin-top: 10px;\n}\n",".task-list-name {\n  padding: 2px 10px;\n  font-weight: bold;\n  background: #DDDDDD;\n  border-top: 1px solid #CCCCCC;\n  border-bottom: 1px solid #CCCCCC;\n  margin-top: -1px;\n}\n",".side-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  border-right: 1px solid #CCCCCC;\n  overflow: auto;\n  background: #f7f7f7;\n}\n.side-bar .brand {\n  padding: 10px 5px;\n  cursor: pointer;\n  display: flex;\n}\n.side-bar .task-meta-section {\n  margin-top: 6px;\n}\n.side-bar .task-meta {\n  color: #777;\n  font-weight: normal;\n  padding-left: 10px;\n}\n.side-bar .side-seperator {\n  border-top: 1px solid none;\n}\n.side-bar .side-seperator.side-seperator-line {\n  border-top: 1px solid #CCCCCC;\n}\n.side-bar .side-seperator.side-seperator-space-up {\n  margin-top: 10px;\n}\n.side-bar .side-seperator.side-seperator-space-down {\n  margin-bottom: 10px;\n}\n.side-bar .side-sub-title {\n  padding: 0 10px;\n  font-weight: bold;\n}\n.side-bar .side-item {\n  cursor: pointer;\n  transition: 0.1s;\n  padding: 2px 0;\n}\n.side-bar .side-item:hover {\n  background: #A3D6D2;\n  color: #333;\n}\n.side-bar .side-item.selected {\n  background: #06B1AB;\n  color: #ffffff;\n}\n.side-bar .side-item.selected .status-text {\n  color: #ffffff;\n}\n.side-bar .side-item .side-item-content {\n  padding: 0 10px 0 calc(10px + 16px);\n}\n.side-bar .side-item-name {\n  padding: 0 10px 0 calc(10px + 16px);\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n}\n.side-bar .side-item-name .status-icon {\n  position: absolute;\n  left: 10px;\n  display: inline-block;\n  color: #AAA;\n  font-size: 10px;\n  line-height: 10px;\n  top: 50%;\n  margin-top: -5px;\n}\n.side-bar .side-item-name .status-icon-success {\n  color: #3a773a;\n}\n.side-bar .side-item-name .status-icon-fail {\n  color: #ff0a0a;\n}\n.side-bar .side-item-name .status-text {\n  color: #777;\n}\n.side-bar .bottom-controls {\n  padding: 10px 10px;\n  text-align: left;\n  text-align: center;\n}\n",".nav {\n    /* display: flex;\n    justify-content: center; */\n    max-width: 680px;\n    margin: 20px 0;\n}\n\n.container {\n    max-width: 980px;\n    margin: 0 auto;\n}\n\n.test-result {\n    margin-top: 40px;\n}\n\n\n.test-details {\n    margin-top: -1px;\n    cursor: pointer;\n    padding: 20px;\n    border-top: 1px solid #ccc;\n}\n.test-details:hover {\n    background-color: #d3d3d3;\n}\n\n.test-info {\n    display: flex;\n}\n.test-name{\n    flex-grow: 1;\n    font-weight: bold;\n    font-size: medium;\n}\n\n.failed{\n    font-size: small;\n}\n.test-file-path {\n    color: #6e7781;\n    margin-top: 10px;\n}",".test-result {\n    font-family: Arial, sans-serif;\n    margin: 20px;\n    padding: 20px;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    background-color: #f9f9f9;\n}\n\n.test-summary {\n  margin-bottom: 20px;\n}\n\n.test-summary div {\n  margin: 5px 0;\n}\n\n.test-project,\n.test-file,\n.test-status,\n.test-time {\n  font-weight: bold;\n}\n\n.test-status.failed {\n  color: red;\n}\n\n.test-details {\n  margin-top: 20px;\n}\n\n.test-name {\n  font-size: 1.2em;\n  margin-bottom: 10px;\n}\n\n.test-duration {\n  color: #555;\n}\n\n.ant-collapse-content-box {\n  padding: 0!important;\n}"],"names":[],"mappings":"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"}