@checkly/playwright-core 1.42.17 → 1.47.20-alpha

package/lib/vite/traceViewer/embedded.BQq6Psnz.js

@@ -0,0 +1,104 @@
+import { M as MultiTraceModel, r as reactExports, b as currentTheme, t as toggleTheme, j as jsxRuntimeExports, W as Workbench, a as applyTheme, c as createRoot } from "./assets/workbench-Bjkiwcr1.js";
+function openPage(url, target) {
+  if (url)
+    window.parent.postMessage({ method: "openExternal", params: { url, target } }, "*");
+}
+function openSourceLocation({ file, line, column }) {
+  window.parent.postMessage({ method: "openSourceLocation", params: { file, line, column } }, "*");
+}
+const EmbeddedWorkbenchLoader = () => {
+  const [traceURLs, setTraceURLs] = reactExports.useState([]);
+  const [model, setModel] = reactExports.useState(emptyModel);
+  const [progress, setProgress] = reactExports.useState({ done: 0, total: 0 });
+  const [processingErrorMessage, setProcessingErrorMessage] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    window.addEventListener("message", async ({ data: { method, params } }) => {
+      if (method === "loadTraceRequested") {
+        setTraceURLs(params.traceUrl ? [params.traceUrl] : []);
+        setProcessingErrorMessage(null);
+      } else if (method === "applyTheme") {
+        if (currentTheme() !== params.theme)
+          toggleTheme();
+      }
+    });
+    window.parent.postMessage({ type: "loaded" }, "*");
+  }, []);
+  reactExports.useEffect(() => {
+    (async () => {
+      if (traceURLs.length) {
+        const swListener = (event) => {
+          if (event.data.method === "progress")
+            setProgress(event.data.params);
+        };
+        navigator.serviceWorker.addEventListener("message", swListener);
+        setProgress({ done: 0, total: 1 });
+        const contextEntries = [];
+        for (let i = 0; i < traceURLs.length; i++) {
+          const url = traceURLs[i];
+          const params = new URLSearchParams();
+          params.set("trace", url);
+          const response = await fetch(`contexts?${params.toString()}`);
+          if (!response.ok) {
+            setProcessingErrorMessage((await response.json()).error);
+            return;
+          }
+          contextEntries.push(...await response.json());
+        }
+        navigator.serviceWorker.removeEventListener("message", swListener);
+        const model2 = new MultiTraceModel(contextEntries);
+        setProgress({ done: 0, total: 0 });
+        setModel(model2);
+      } else {
+        setModel(emptyModel);
+      }
+    })();
+  }, [traceURLs]);
+  reactExports.useEffect(() => {
+    var _a;
+    if (processingErrorMessage)
+      (_a = window.parent) == null ? void 0 : _a.postMessage({ method: "showErrorMessage", params: { message: processingErrorMessage } }, "*");
+  }, [processingErrorMessage]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox workbench-loader", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner-progress", style: { width: progress.total ? 100 * progress.done / progress.total + "%" : 0 } }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Workbench, { model, openPage, onOpenExternally: openSourceLocation, showSettings: true }),
+    !traceURLs.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty-state", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "Select test to see the trace" }) })
+  ] });
+};
+const emptyModel = new MultiTraceModel([]);
+(async () => {
+  applyTheme();
+  const handleKeyEvent = (e) => {
+    var _a;
+    if (!e.isTrusted)
+      return;
+    (_a = window.parent) == null ? void 0 : _a.postMessage({
+      type: e.type,
+      key: e.key,
+      keyCode: e.keyCode,
+      code: e.code,
+      shiftKey: e.shiftKey,
+      altKey: e.altKey,
+      ctrlKey: e.ctrlKey,
+      metaKey: e.metaKey,
+      repeat: e.repeat
+    }, "*");
+  };
+  window.addEventListener("keydown", handleKeyEvent);
+  window.addEventListener("keyup", handleKeyEvent);
+  if (window.location.protocol !== "file:") {
+    if (!navigator.serviceWorker)
+      throw new Error(`Service workers are not supported.
+Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);
+    navigator.serviceWorker.register("sw.bundle.js");
+    if (!navigator.serviceWorker.controller) {
+      await new Promise((f) => {
+        navigator.serviceWorker.oncontrollerchange = () => f();
+      });
+    }
+    setInterval(function() {
+      fetch("ping");
+    }, 1e4);
+  }
+  createRoot(document.querySelector("#root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddedWorkbenchLoader, {}));
+})();
+//# sourceMappingURL=embedded.BQq6Psnz.js.map

package/lib/vite/traceViewer/embedded.BVDVQOzc.js

@@ -0,0 +1,2 @@
+import{M as u,r,b as y,t as E,j as o,W as k,a as x,c as M}from"./assets/workbench-C43LWZEX.js";function S(t,e){t&&window.parent.postMessage({method:"openExternal",params:{url:t,target:e}},"*")}function j({file:t,line:e,column:a}){window.parent.postMessage({method:"openSourceLocation",params:{file:t,line:e,column:a}},"*")}const L=()=>{const[t,e]=r.useState([]),[a,w]=r.useState(h),[c,d]=r.useState({done:0,total:0}),[l,g]=r.useState(null);return r.useEffect(()=>{window.addEventListener("message",async({data:{method:s,params:n}})=>{s==="loadTraceRequested"?(e(n.traceUrl?[n.traceUrl]:[]),g(null)):s==="applyTheme"&&y()!==n.theme&&E()}),window.parent.postMessage({type:"loaded"},"*")},[]),r.useEffect(()=>{(async()=>{if(t.length){const s=i=>{i.data.method==="progress"&&d(i.data.params)};navigator.serviceWorker.addEventListener("message",s),d({done:0,total:1});const n=[];for(let i=0;i<t.length;i++){const v=t[i],m=new URLSearchParams;m.set("trace",v);const p=await fetch(`contexts?${m.toString()}`);if(!p.ok){g((await p.json()).error);return}n.push(...await p.json())}navigator.serviceWorker.removeEventListener("message",s);const f=new u(n);d({done:0,total:0}),w(f)}else w(h)})()},[t]),r.useEffect(()=>{var s;l&&((s=window.parent)==null||s.postMessage({method:"showErrorMessage",params:{message:l}},"*"))},[l]),o.jsxs("div",{className:"vbox workbench-loader",children:[o.jsx("div",{className:"progress",children:o.jsx("div",{className:"inner-progress",style:{width:c.total?100*c.done/c.total+"%":0}})}),o.jsx(k,{model:a,openPage:S,onOpenExternally:j,showSettings:!0}),!t.length&&o.jsx("div",{className:"empty-state",children:o.jsx("div",{className:"title",children:"Select test to see the trace"})})]})},h=new u([]);(async()=>{x();const t=e=>{var a;e.isTrusted&&((a=window.parent)==null||a.postMessage({type:e.type,key:e.key,keyCode:e.keyCode,code:e.code,shiftKey:e.shiftKey,altKey:e.altKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,repeat:e.repeat},"*"))};if(window.addEventListener("keydown",t),window.addEventListener("keyup",t),window.location.protocol!=="file:"){if(!navigator.serviceWorker)throw new Error(`Service workers are not supported.
+Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);navigator.serviceWorker.register("sw.bundle.js"),navigator.serviceWorker.controller||await new Promise(e=>{navigator.serviceWorker.oncontrollerchange=()=>e()}),setInterval(function(){fetch("ping")},1e4)}M(document.querySelector("#root")).render(o.jsx(L,{}))})();

package/lib/vite/traceViewer/embedded.Bn8Ptzv6.js

@@ -0,0 +1,2 @@
+import{M as u,r,b as y,t as E,j as o,W as k,a as x,c as M}from"./assets/workbench-u2lRPMOT.js";function S(t,e){t&&window.parent.postMessage({method:"openExternal",params:{url:t,target:e}},"*")}function j({file:t,line:e,column:a}){window.parent.postMessage({method:"openSourceLocation",params:{file:t,line:e,column:a}},"*")}const L=()=>{const[t,e]=r.useState([]),[a,w]=r.useState(h),[c,d]=r.useState({done:0,total:0}),[l,g]=r.useState(null);return r.useEffect(()=>{window.addEventListener("message",async({data:{method:s,params:n}})=>{s==="loadTraceRequested"?(e(n.traceUrl?[n.traceUrl]:[]),g(null)):s==="applyTheme"&&y()!==n.theme&&E()}),window.parent.postMessage({type:"loaded"},"*")},[]),r.useEffect(()=>{(async()=>{if(t.length){const s=i=>{i.data.method==="progress"&&d(i.data.params)};navigator.serviceWorker.addEventListener("message",s),d({done:0,total:1});const n=[];for(let i=0;i<t.length;i++){const v=t[i],m=new URLSearchParams;m.set("trace",v);const p=await fetch(`contexts?${m.toString()}`);if(!p.ok){g((await p.json()).error);return}n.push(...await p.json())}navigator.serviceWorker.removeEventListener("message",s);const f=new u(n);d({done:0,total:0}),w(f)}else w(h)})()},[t]),r.useEffect(()=>{var s;l&&((s=window.parent)==null||s.postMessage({method:"showErrorMessage",params:{message:l}},"*"))},[l]),o.jsxs("div",{className:"vbox workbench-loader",children:[o.jsx("div",{className:"progress",children:o.jsx("div",{className:"inner-progress",style:{width:c.total?100*c.done/c.total+"%":0}})}),o.jsx(k,{model:a,openPage:S,onOpenExternally:j,showSettings:!0}),!t.length&&o.jsx("div",{className:"empty-state",children:o.jsx("div",{className:"title",children:"Select test to see the trace"})})]})},h=new u([]);(async()=>{x();const t=e=>{var a;e.isTrusted&&((a=window.parent)==null||a.postMessage({type:e.type,key:e.key,keyCode:e.keyCode,code:e.code,shiftKey:e.shiftKey,altKey:e.altKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,repeat:e.repeat},"*"))};if(window.addEventListener("keydown",t),window.addEventListener("keyup",t),window.location.protocol!=="file:"){if(!navigator.serviceWorker)throw new Error(`Service workers are not supported.
+Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);navigator.serviceWorker.register("sw.bundle.js"),navigator.serviceWorker.controller||await new Promise(e=>{navigator.serviceWorker.oncontrollerchange=()=>e()}),setInterval(function(){fetch("ping")},1e4)}M(document.querySelector("#root")).render(o.jsx(L,{}))})();

package/lib/vite/traceViewer/embedded.CvhnUgIi.js

@@ -0,0 +1,2 @@
+import{M as u,r,b as y,t as E,j as o,W as k,a as x,c as M}from"./assets/workbench-DrQjKdyE.js";function S(t,e){t&&window.parent.postMessage({method:"openExternal",params:{url:t,target:e}},"*")}function j({file:t,line:e,column:a}){window.parent.postMessage({method:"openSourceLocation",params:{file:t,line:e,column:a}},"*")}const L=()=>{const[t,e]=r.useState([]),[a,w]=r.useState(h),[c,d]=r.useState({done:0,total:0}),[l,g]=r.useState(null);return r.useEffect(()=>{window.addEventListener("message",async({data:{method:s,params:n}})=>{s==="loadTraceRequested"?(e(n.traceUrl?[n.traceUrl]:[]),g(null)):s==="applyTheme"&&y()!==n.theme&&E()}),window.parent.postMessage({type:"loaded"},"*")},[]),r.useEffect(()=>{(async()=>{if(t.length){const s=i=>{i.data.method==="progress"&&d(i.data.params)};navigator.serviceWorker.addEventListener("message",s),d({done:0,total:1});const n=[];for(let i=0;i<t.length;i++){const v=t[i],m=new URLSearchParams;m.set("trace",v);const p=await fetch(`contexts?${m.toString()}`);if(!p.ok){g((await p.json()).error);return}n.push(...await p.json())}navigator.serviceWorker.removeEventListener("message",s);const f=new u(n);d({done:0,total:0}),w(f)}else w(h)})()},[t]),r.useEffect(()=>{var s;l&&((s=window.parent)==null||s.postMessage({method:"showErrorMessage",params:{message:l}},"*"))},[l]),o.jsxs("div",{className:"vbox workbench-loader",children:[o.jsx("div",{className:"progress",children:o.jsx("div",{className:"inner-progress",style:{width:c.total?100*c.done/c.total+"%":0}})}),o.jsx(k,{model:a,openPage:S,onOpenExternally:j,showSettings:!0}),!t.length&&o.jsx("div",{className:"empty-state",children:o.jsx("div",{className:"title",children:"Select test to see the trace"})})]})},h=new u([]);(async()=>{x();const t=e=>{var a;e.isTrusted&&((a=window.parent)==null||a.postMessage({type:e.type,key:e.key,keyCode:e.keyCode,code:e.code,shiftKey:e.shiftKey,altKey:e.altKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,repeat:e.repeat},"*"))};if(window.addEventListener("keydown",t),window.addEventListener("keyup",t),window.location.protocol!=="file:"){if(!navigator.serviceWorker)throw new Error(`Service workers are not supported.
+Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);navigator.serviceWorker.register("sw.bundle.js"),navigator.serviceWorker.controller||await new Promise(e=>{navigator.serviceWorker.oncontrollerchange=()=>e()}),setInterval(function(){fetch("ping")},1e4)}M(document.querySelector("#root")).render(o.jsx(L,{}))})();

package/lib/vite/traceViewer/embedded.D27cnKiB.js

@@ -0,0 +1,104 @@
+import { M as MultiTraceModel, r as reactExports, b as currentTheme, t as toggleTheme, j as jsxRuntimeExports, W as Workbench, a as applyTheme, c as createRoot } from "./assets/workbench-C5OQh9VX.js";
+function openPage(url, target) {
+  if (url)
+    window.parent.postMessage({ method: "openExternal", params: { url, target } }, "*");
+}
+function openSourceLocation({ file, line, column }) {
+  window.parent.postMessage({ method: "openSourceLocation", params: { file, line, column } }, "*");
+}
+const EmbeddedWorkbenchLoader = () => {
+  const [traceURLs, setTraceURLs] = reactExports.useState([]);
+  const [model, setModel] = reactExports.useState(emptyModel);
+  const [progress, setProgress] = reactExports.useState({ done: 0, total: 0 });
+  const [processingErrorMessage, setProcessingErrorMessage] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    window.addEventListener("message", async ({ data: { method, params } }) => {
+      if (method === "loadTraceRequested") {
+        setTraceURLs(params.traceUrl ? [params.traceUrl] : []);
+        setProcessingErrorMessage(null);
+      } else if (method === "applyTheme") {
+        if (currentTheme() !== params.theme)
+          toggleTheme();
+      }
+    });
+    window.parent.postMessage({ type: "loaded" }, "*");
+  }, []);
+  reactExports.useEffect(() => {
+    (async () => {
+      if (traceURLs.length) {
+        const swListener = (event) => {
+          if (event.data.method === "progress")
+            setProgress(event.data.params);
+        };
+        navigator.serviceWorker.addEventListener("message", swListener);
+        setProgress({ done: 0, total: 1 });
+        const contextEntries = [];
+        for (let i = 0; i < traceURLs.length; i++) {
+          const url = traceURLs[i];
+          const params = new URLSearchParams();
+          params.set("trace", url);
+          const response = await fetch(`contexts?${params.toString()}`);
+          if (!response.ok) {
+            setProcessingErrorMessage((await response.json()).error);
+            return;
+          }
+          contextEntries.push(...await response.json());
+        }
+        navigator.serviceWorker.removeEventListener("message", swListener);
+        const model2 = new MultiTraceModel(contextEntries);
+        setProgress({ done: 0, total: 0 });
+        setModel(model2);
+      } else {
+        setModel(emptyModel);
+      }
+    })();
+  }, [traceURLs]);
+  reactExports.useEffect(() => {
+    var _a;
+    if (processingErrorMessage)
+      (_a = window.parent) == null ? void 0 : _a.postMessage({ method: "showErrorMessage", params: { message: processingErrorMessage } }, "*");
+  }, [processingErrorMessage]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox workbench-loader", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner-progress", style: { width: progress.total ? 100 * progress.done / progress.total + "%" : 0 } }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Workbench, { model, openPage, onOpenExternally: openSourceLocation, showSettings: true }),
+    !traceURLs.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty-state", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "Select test to see the trace" }) })
+  ] });
+};
+const emptyModel = new MultiTraceModel([]);
+(async () => {
+  applyTheme();
+  const handleKeyEvent = (e) => {
+    var _a;
+    if (!e.isTrusted)
+      return;
+    (_a = window.parent) == null ? void 0 : _a.postMessage({
+      type: e.type,
+      key: e.key,
+      keyCode: e.keyCode,
+      code: e.code,
+      shiftKey: e.shiftKey,
+      altKey: e.altKey,
+      ctrlKey: e.ctrlKey,
+      metaKey: e.metaKey,
+      repeat: e.repeat
+    }, "*");
+  };
+  window.addEventListener("keydown", handleKeyEvent);
+  window.addEventListener("keyup", handleKeyEvent);
+  if (window.location.protocol !== "file:") {
+    if (!navigator.serviceWorker)
+      throw new Error(`Service workers are not supported.
+Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);
+    navigator.serviceWorker.register("sw.bundle.js");
+    if (!navigator.serviceWorker.controller) {
+      await new Promise((f) => {
+        navigator.serviceWorker.oncontrollerchange = () => f();
+      });
+    }
+    setInterval(function() {
+      fetch("ping");
+    }, 1e4);
+  }
+  createRoot(document.querySelector("#root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddedWorkbenchLoader, {}));
+})();
+//# sourceMappingURL=embedded.D27cnKiB.js.map

package/lib/vite/traceViewer/embedded.DPqrDeET.js

@@ -0,0 +1,2 @@
+import{M as u,r,b as y,t as E,j as o,W as k,a as x,c as M}from"./assets/workbench-caTaZnzx.js";function S(t,e){t&&window.parent.postMessage({method:"openExternal",params:{url:t,target:e}},"*")}function j({file:t,line:e,column:a}){window.parent.postMessage({method:"openSourceLocation",params:{file:t,line:e,column:a}},"*")}const L=()=>{const[t,e]=r.useState([]),[a,w]=r.useState(h),[c,d]=r.useState({done:0,total:0}),[l,g]=r.useState(null);return r.useEffect(()=>{window.addEventListener("message",async({data:{method:s,params:n}})=>{s==="loadTraceRequested"?(e(n.traceUrl?[n.traceUrl]:[]),g(null)):s==="applyTheme"&&y()!==n.theme&&E()}),window.parent.postMessage({type:"loaded"},"*")},[]),r.useEffect(()=>{(async()=>{if(t.length){const s=i=>{i.data.method==="progress"&&d(i.data.params)};navigator.serviceWorker.addEventListener("message",s),d({done:0,total:1});const n=[];for(let i=0;i<t.length;i++){const v=t[i],m=new URLSearchParams;m.set("trace",v);const p=await fetch(`contexts?${m.toString()}`);if(!p.ok){g((await p.json()).error);return}n.push(...await p.json())}navigator.serviceWorker.removeEventListener("message",s);const f=new u(n);d({done:0,total:0}),w(f)}else w(h)})()},[t]),r.useEffect(()=>{var s;l&&((s=window.parent)==null||s.postMessage({method:"showErrorMessage",params:{message:l}},"*"))},[l]),o.jsxs("div",{className:"vbox workbench-loader",children:[o.jsx("div",{className:"progress",children:o.jsx("div",{className:"inner-progress",style:{width:c.total?100*c.done/c.total+"%":0}})}),o.jsx(k,{model:a,openPage:S,onOpenExternally:j,showSettings:!0}),!t.length&&o.jsx("div",{className:"empty-state",children:o.jsx("div",{className:"title",children:"Select test to see the trace"})})]})},h=new u([]);(async()=>{x();const t=e=>{var a;e.isTrusted&&((a=window.parent)==null||a.postMessage({type:e.type,key:e.key,keyCode:e.keyCode,code:e.code,shiftKey:e.shiftKey,altKey:e.altKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,repeat:e.repeat},"*"))};if(window.addEventListener("keydown",t),window.addEventListener("keyup",t),window.location.protocol!=="file:"){if(!navigator.serviceWorker)throw new Error(`Service workers are not supported.
+Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);navigator.serviceWorker.register("sw.bundle.js"),navigator.serviceWorker.controller||await new Promise(e=>{navigator.serviceWorker.oncontrollerchange=()=>e()}),setInterval(function(){fetch("ping")},1e4)}M(document.querySelector("#root")).render(o.jsx(L,{}))})();

package/lib/vite/traceViewer/embedded.DjZq4InJ.css

@@ -0,0 +1,68 @@
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.empty-state {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: auto;
+  flex-direction: column;
+  background-color: var(--vscode-editor-background);
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+  line-height: 24px;
+}
+
+body .empty-state {
+  background: rgba(255, 255, 255, 0.8);
+}
+
+body.dark-mode .empty-state {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.empty-state .title {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 30px;
+}
+
+.progress {
+  flex: none;
+  width: 100%;
+  height: 3px;
+  z-index: 10;
+}
+
+.inner-progress {
+  background-color: var(--vscode-progressBar-background);
+  height: 100%;
+}
+
+.workbench-loader {
+  contain: size;
+}
+
+/* Limit to a reasonable minimum viewport */
+html, body {
+  min-width: 550px;
+  min-height: 450px;
+  overflow: auto;
+}

package/lib/vite/traceViewer/embedded.html

@@ -0,0 +1,16 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Playwright Trace Viewer for VS Code</title>
+    <script type="module" crossorigin src="./embedded.CvhnUgIi.js"></script>
+    <link rel="modulepreload" crossorigin href="./assets/workbench-DrQjKdyE.js">
+    <link rel="stylesheet" crossorigin href="./workbench.DyTpxWVb.css">
+    <link rel="stylesheet" crossorigin href="./embedded.w7WN2u1R.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/lib/vite/traceViewer/embedded.w7WN2u1R.css

@@ -0,0 +1 @@
+.empty-state{display:flex;align-items:center;justify-content:center;flex:auto;flex-direction:column;background-color:var(--vscode-editor-background);position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;line-height:24px}body .empty-state{background:#fffc}body.dark-mode .empty-state{background:#000c}.empty-state .title{font-size:24px;font-weight:700;margin-bottom:30px}.progress{flex:none;width:100%;height:3px;z-index:10}.inner-progress{background-color:var(--vscode-progressBar-background);height:100%}.workbench-loader{contain:size}html,body{min-width:550px;min-height:450px;overflow:auto}

package/lib/vite/traceViewer/index.5mge2rY_.css

@@ -0,0 +1,124 @@
+/*
+  Copyright (c) Microsoft Corporation.
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+.drop-target {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: auto;
+  flex-direction: column;
+  background-color: var(--vscode-editor-background);
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+  line-height: 24px;
+}
+
+body .drop-target {
+  background: rgba(255, 255, 255, 0.8);
+}
+
+body.dark-mode .drop-target {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.drop-target .title {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 30px;
+}
+
+.drop-target .processing-error {
+  font-size: 24px;
+  color: #e74c3c;
+  font-weight: bold;
+  text-align: center;
+  margin: 30px;
+}
+
+.drop-target input {
+  margin-top: 50px;
+}
+
+.drop-target button {
+  color: rgb(255, 255, 255);
+  background-color: rgb(0, 122, 204);
+  padding: 8px 12px;
+  border: none;
+  margin: 30px 0;
+  cursor: pointer;
+}
+
+.progress {
+  flex: none;
+  width: 100%;
+  height: 3px;
+  margin-top: -3px;
+  z-index: 10;
+}
+
+.inner-progress {
+  background-color: var(--vscode-progressBar-background);
+  height: 100%;
+}
+
+.header {
+  display: flex;
+  background-color: #000;
+  flex: none;
+  flex-basis: 48px;
+  line-height: 48px;
+  font-size: 16px;
+  color: #cccccc;
+}
+
+.workbench-loader {
+  contain: size;
+}
+
+.workbench-loader .header .toolbar-button {
+  margin: 12px;
+  padding: 8px 4px;
+}
+
+.workbench-loader .logo {
+  margin-left: 16px;
+  display: flex;
+  align-items: center;
+}
+
+.workbench-loader .logo img {
+  height: 32px;
+  width: 32px;
+  pointer-events: none;
+  flex: none;
+}
+
+.workbench-loader .product {
+  font-weight: 600;
+  margin-left: 16px;
+  flex: none;
+}
+
+.workbench-loader .header .title {
+  margin-left: 16px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-wrap: nowrap;
+}

package/lib/vite/traceViewer/index.6KJ-JQ0L.js

@@ -0,0 +1,180 @@
+import { M as MultiTraceModel, r as reactExports, c as connect, j as jsxRuntimeExports, T as ToolbarButton, t as toggleTheme, W as Workbench, a as applyTheme, b as reactDomExports } from "./assets/wsPort-EUvw-dwH.js";
+const WorkbenchLoader = () => {
+  const [isServer, setIsServer] = reactExports.useState(false);
+  const [traceURLs, setTraceURLs] = reactExports.useState([]);
+  const [uploadedTraceNames, setUploadedTraceNames] = reactExports.useState([]);
+  const [model, setModel] = reactExports.useState(emptyModel);
+  const [progress, setProgress] = reactExports.useState({ done: 0, total: 0 });
+  const [dragOver, setDragOver] = reactExports.useState(false);
+  const [processingErrorMessage, setProcessingErrorMessage] = reactExports.useState(null);
+  const [fileForLocalModeError, setFileForLocalModeError] = reactExports.useState(null);
+  const processTraceFiles = reactExports.useCallback((files) => {
+    const blobUrls = [];
+    const fileNames = [];
+    const url = new URL(window.location.href);
+    for (let i = 0; i < files.length; i++) {
+      const file = files.item(i);
+      if (!file)
+        continue;
+      const blobTraceURL = URL.createObjectURL(file);
+      blobUrls.push(blobTraceURL);
+      fileNames.push(file.name);
+      url.searchParams.append("trace", blobTraceURL);
+      url.searchParams.append("traceFileName", file.name);
+    }
+    const href = url.toString();
+    window.history.pushState({}, "", href);
+    setTraceURLs(blobUrls);
+    setUploadedTraceNames(fileNames);
+    setDragOver(false);
+    setProcessingErrorMessage(null);
+  }, []);
+  const handleDropEvent = reactExports.useCallback((event) => {
+    event.preventDefault();
+    processTraceFiles(event.dataTransfer.files);
+  }, [processTraceFiles]);
+  const handleFileInputChange = reactExports.useCallback((event) => {
+    event.preventDefault();
+    if (!event.target.files)
+      return;
+    processTraceFiles(event.target.files);
+  }, [processTraceFiles]);
+  reactExports.useEffect(() => {
+    const params = new URL(window.location.href).searchParams;
+    const newTraceURLs = params.getAll("trace");
+    setIsServer(params.has("isServer"));
+    for (const url of newTraceURLs) {
+      if (url.startsWith("file:")) {
+        setFileForLocalModeError(url || null);
+        return;
+      }
+    }
+    if (params.has("isServer")) {
+      connect({
+        onEvent(method, params2) {
+          if (method === "loadTrace") {
+            setTraceURLs(params2.url ? [params2.url] : []);
+            setDragOver(false);
+            setProcessingErrorMessage(null);
+          }
+        },
+        onClose() {
+        }
+      }).then((sendMessage) => {
+        sendMessage("ready");
+      });
+    } else if (!newTraceURLs.some((url) => url.startsWith("blob:"))) {
+      setTraceURLs(newTraceURLs);
+    }
+  }, []);
+  reactExports.useEffect(() => {
+    (async () => {
+      if (traceURLs.length) {
+        const swListener = (event) => {
+          if (event.data.method === "progress")
+            setProgress(event.data.params);
+        };
+        navigator.serviceWorker.addEventListener("message", swListener);
+        setProgress({ done: 0, total: 1 });
+        const contextEntries = [];
+        for (let i = 0; i < traceURLs.length; i++) {
+          const url = traceURLs[i];
+          const params = new URLSearchParams();
+          params.set("trace", url);
+          if (uploadedTraceNames.length)
+            params.set("traceFileName", uploadedTraceNames[i]);
+          const response = await fetch(`contexts?${params.toString()}`);
+          if (!response.ok) {
+            if (!isServer)
+              setTraceURLs([]);
+            setProcessingErrorMessage((await response.json()).error);
+            return;
+          }
+          contextEntries.push(...await response.json());
+        }
+        navigator.serviceWorker.removeEventListener("message", swListener);
+        const model2 = new MultiTraceModel(contextEntries);
+        setProgress({ done: 0, total: 0 });
+        setModel(model2);
+      } else {
+        setModel(emptyModel);
+      }
+    })();
+  }, [isServer, traceURLs, uploadedTraceNames]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox workbench-loader", onDragOver: (event) => {
+    event.preventDefault();
+    setDragOver(true);
+  }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hbox header", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "logo", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: "playwright-logo.svg", alt: "Playwright logo" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "product", children: "Playwright" }),
+      model.title && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: model.title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spacer" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "color-mode", title: "Toggle color mode", toggled: false, onClick: () => toggleTheme() })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner-progress", style: { width: progress.total ? 100 * progress.done / progress.total + "%" : 0 } }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Workbench, { model }),
+    fileForLocalModeError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "drop-target", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Trace Viewer uses Service Workers to show traces. To view trace:" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { paddingTop: 20 }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          "1. Click ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: fileForLocalModeError, children: "here" }),
+          " to put your trace into the download shelf"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          "2. Go to ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "https://trace.playwright.dev", children: "trace.playwright.dev" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "3. Drop the trace from the download shelf into the page" })
+      ] })
+    ] }),
+    !isServer && !dragOver && !fileForLocalModeError && (!traceURLs.length || processingErrorMessage) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "drop-target", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "processing-error", children: processingErrorMessage }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "Drop Playwright Trace to load" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "or" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => {
+        const input = document.createElement("input");
+        input.type = "file";
+        input.multiple = true;
+        input.click();
+        input.addEventListener("change", (e) => handleFileInputChange(e));
+      }, children: "Select file(s)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: 400 }, children: "Playwright Trace Viewer is a Progressive Web App, it does not send your trace anywhere, it opens it locally." })
+    ] }),
+    isServer && !traceURLs.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "drop-target", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "Select test to see the trace" }) }),
+    dragOver && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "drop-target",
+        onDragLeave: () => {
+          setDragOver(false);
+        },
+        onDrop: (event) => handleDropEvent(event),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "Release to analyse the Playwright Trace" })
+      }
+    )
+  ] });
+};
+const emptyModel = new MultiTraceModel([]);
+(async () => {
+  applyTheme();
+  if (window.location.protocol !== "file:") {
+    if (window.location.href.includes("isUnderTest=true"))
+      await new Promise((f) => setTimeout(f, 1e3));
+    if (!navigator.serviceWorker)
+      throw new Error(`Service workers are not supported.
+Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);
+    navigator.serviceWorker.register("sw.bundle.js");
+    if (!navigator.serviceWorker.controller) {
+      await new Promise((f) => {
+        navigator.serviceWorker.oncontrollerchange = () => f();
+      });
+    }
+    setInterval(function() {
+      fetch("ping");
+    }, 1e4);
+  }
+  reactDomExports.render(/* @__PURE__ */ jsxRuntimeExports.jsx(WorkbenchLoader, {}), document.querySelector("#root"));
+})();
+//# sourceMappingURL=index.6KJ-JQ0L.js.map

package/lib/vite/traceViewer/index.B8dgQwuN.js

@@ -0,0 +1,2 @@
+import{M as k,r as o,j as e,T as W,t as D,W as M,a as C,c as F}from"./assets/workbench-C43LWZEX.js";import{T as O,W as A}from"./assets/testServerConnection-DeE2kSzz.js";const I=()=>{const[i,N]=o.useState(!1),[c,p]=o.useState([]),[g,E]=o.useState([]),[f,S]=o.useState(L),[v,w]=o.useState({done:0,total:0}),[T,u]=o.useState(!1),[y,m]=o.useState(null),[x,U]=o.useState(null),h=o.useCallback(t=>{const r=[],a=[],s=new URL(window.location.href);for(let n=0;n<t.length;n++){const l=t.item(n);if(!l)continue;const b=URL.createObjectURL(l);r.push(b),a.push(l.name),s.searchParams.append("trace",b),s.searchParams.append("traceFileName",l.name)}const d=s.toString();window.history.pushState({},"",d),p(r),E(a),u(!1),m(null)},[]);o.useEffect(()=>{const t=async r=>{var a;if((a=r.clipboardData)!=null&&a.files.length){for(const s of r.clipboardData.files)if(s.type!=="application/zip")return;r.preventDefault(),h(r.clipboardData.files)}};return document.addEventListener("paste",t),()=>document.removeEventListener("paste",t)});const P=o.useCallback(t=>{t.preventDefault(),h(t.dataTransfer.files)},[h]),R=o.useCallback(t=>{t.preventDefault(),t.target.files&&h(t.target.files)},[h]);o.useEffect(()=>{const t=new URL(window.location.href).searchParams,r=t.getAll("trace");N(t.has("isServer"));for(const a of r)if(a.startsWith("file:")){U(a||null);return}if(t.has("isServer")){const a=new URLSearchParams(window.location.search).get("ws"),s=new URL(`../${a}`,window.location.toString());s.protocol=window.location.protocol==="https:"?"wss:":"ws:";const d=new O(new A(s));d.onLoadTraceRequested(async n=>{p(n.traceUrl?[n.traceUrl]:[]),u(!1),m(null)}),d.initialize({}).catch(()=>{})}else r.some(a=>a.startsWith("blob:"))||p(r)},[]),o.useEffect(()=>{(async()=>{if(c.length){const t=s=>{s.data.method==="progress"&&w(s.data.params)};navigator.serviceWorker.addEventListener("message",t),w({done:0,total:1});const r=[];for(let s=0;s<c.length;s++){const d=c[s],n=new URLSearchParams;n.set("trace",d),g.length&&n.set("traceFileName",g[s]);const l=await fetch(`contexts?${n.toString()}`);if(!l.ok){i||p([]),m((await l.json()).error);return}r.push(...await l.json())}navigator.serviceWorker.removeEventListener("message",t);const a=new k(r);w({done:0,total:0}),S(a)}else S(L)})()},[i,c,g]);const j=!!(!i&&!T&&!x&&(!c.length||y));return e.jsxs("div",{className:"vbox workbench-loader",onDragOver:t=>{t.preventDefault(),u(!0)},children:[e.jsxs("div",{className:"hbox header",...j?{inert:"true"}:{},children:[e.jsx("div",{className:"logo",children:e.jsx("img",{src:"playwright-logo.svg",alt:"Playwright logo"})}),e.jsx("div",{className:"product",children:"Playwright"}),f.title&&e.jsx("div",{className:"title",children:f.title}),e.jsx("div",{className:"spacer"}),e.jsx(W,{icon:"color-mode",title:"Toggle color mode",toggled:!1,onClick:()=>D()})]}),e.jsx("div",{className:"progress",children:e.jsx("div",{className:"inner-progress",style:{width:v.total?100*v.done/v.total+"%":0}})}),e.jsx(M,{model:f,inert:j,showSettings:!0}),x&&e.jsxs("div",{className:"drop-target",children:[e.jsx("div",{children:"Trace Viewer uses Service Workers to show traces. To view trace:"}),e.jsxs("div",{style:{paddingTop:20},children:[e.jsxs("div",{children:["1. Click ",e.jsx("a",{href:x,children:"here"})," to put your trace into the download shelf"]}),e.jsxs("div",{children:["2. Go to ",e.jsx("a",{href:"https://trace.playwright.dev",children:"trace.playwright.dev"})]}),e.jsx("div",{children:"3. Drop the trace from the download shelf into the page"})]})]}),j&&e.jsxs("div",{className:"drop-target",children:[e.jsx("div",{className:"processing-error",role:"alert",children:y}),e.jsx("div",{className:"title",role:"heading","aria-level":1,children:"Drop Playwright Trace to load"}),e.jsx("div",{children:"or"}),e.jsx("button",{onClick:()=>{const t=document.createElement("input");t.type="file",t.multiple=!0,t.click(),t.addEventListener("change",r=>R(r))},type:"button",children:"Select file(s)"}),e.jsx("div",{style:{maxWidth:400},children:"Playwright Trace Viewer is a Progressive Web App, it does not send your trace anywhere, it opens it locally."})]}),i&&!c.length&&e.jsx("div",{className:"drop-target",children:e.jsx("div",{className:"title",children:"Select test to see the trace"})}),T&&e.jsx("div",{className:"drop-target",onDragLeave:()=>{u(!1)},onDrop:t=>P(t),children:e.jsx("div",{className:"title",children:"Release to analyse the Playwright Trace"})})]})},L=new k([]);(async()=>{if(C(),window.location.protocol!=="file:"){if(window.location.href.includes("isUnderTest=true")&&await new Promise(i=>setTimeout(i,1e3)),!navigator.serviceWorker)throw new Error(`Service workers are not supported.
+Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);navigator.serviceWorker.register("sw.bundle.js"),navigator.serviceWorker.controller||await new Promise(i=>{navigator.serviceWorker.oncontrollerchange=()=>i()}),setInterval(function(){fetch("ping")},1e4)}F(document.querySelector("#root")).render(e.jsx(I,{}))})();