@checkly/playwright-core 1.48.22-beta → 1.48.22

package/lib/vite/traceViewer/index.1b525c1c.js

@@ -1,181 +0,0 @@
-import { M as MultiTraceModel, r as reactExports, c as connect, j as jsxs, a as jsx, T as ToolbarButton, t as toggleTheme, W as Workbench, b as applyTheme, d as reactDomExports } from "./assets/wsPort-cc0077b5.js";
-const workbenchLoader = "";
-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__ */ jsxs("div", { className: "vbox workbench-loader", onDragOver: (event) => {
-    event.preventDefault();
-    setDragOver(true);
-  }, children: [
-    /* @__PURE__ */ jsxs("div", { className: "hbox header", children: [
-      /* @__PURE__ */ jsx("div", { className: "logo", children: /* @__PURE__ */ jsx("img", { src: "playwright-logo.svg", alt: "Playwright logo" }) }),
-      /* @__PURE__ */ jsx("div", { className: "product", children: "Playwright" }),
-      model.title && /* @__PURE__ */ jsx("div", { className: "title", children: model.title }),
-      /* @__PURE__ */ jsx("div", { className: "spacer" }),
-      /* @__PURE__ */ jsx(ToolbarButton, { icon: "color-mode", title: "Toggle color mode", toggled: false, onClick: () => toggleTheme() })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "progress", children: /* @__PURE__ */ jsx("div", { className: "inner-progress", style: { width: progress.total ? 100 * progress.done / progress.total + "%" : 0 } }) }),
-    /* @__PURE__ */ jsx(Workbench, { model }),
-    fileForLocalModeError && /* @__PURE__ */ jsxs("div", { className: "drop-target", children: [
-      /* @__PURE__ */ jsx("div", { children: "Trace Viewer uses Service Workers to show traces. To view trace:" }),
-      /* @__PURE__ */ jsxs("div", { style: { paddingTop: 20 }, children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          "1. Click ",
-          /* @__PURE__ */ jsx("a", { href: fileForLocalModeError, children: "here" }),
-          " to put your trace into the download shelf"
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          "2. Go to ",
-          /* @__PURE__ */ jsx("a", { href: "https://trace.playwright.dev", children: "trace.playwright.dev" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { children: "3. Drop the trace from the download shelf into the page" })
-      ] })
-    ] }),
-    !isServer && !dragOver && !fileForLocalModeError && (!traceURLs.length || processingErrorMessage) && /* @__PURE__ */ jsxs("div", { className: "drop-target", children: [
-      /* @__PURE__ */ jsx("div", { className: "processing-error", children: processingErrorMessage }),
-      /* @__PURE__ */ jsx("div", { className: "title", children: "Drop Playwright Trace to load" }),
-      /* @__PURE__ */ jsx("div", { children: "or" }),
-      /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "drop-target", children: /* @__PURE__ */ jsx("div", { className: "title", children: "Select test to see the trace" }) }),
-    dragOver && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "drop-target",
-        onDragLeave: () => {
-          setDragOver(false);
-        },
-        onDrop: (event) => handleDropEvent(event),
-        children: /* @__PURE__ */ 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__ */ jsx(WorkbenchLoader, {}), document.querySelector("#root"));
-})();
-//# sourceMappingURL=index.1b525c1c.js.map

package/lib/vite/traceViewer/index.55e65778.js

@@ -1,181 +0,0 @@
-import { M as MultiTraceModel, r as reactExports, c as connect, j as jsxs, a as jsx, T as ToolbarButton, t as toggleTheme, W as Workbench, b as applyTheme, d as reactDomExports } from "./assets/wsPort-54626118.js";
-const workbenchLoader = "";
-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__ */ jsxs("div", { className: "vbox workbench-loader", onDragOver: (event) => {
-    event.preventDefault();
-    setDragOver(true);
-  }, children: [
-    /* @__PURE__ */ jsxs("div", { className: "hbox header", children: [
-      /* @__PURE__ */ jsx("div", { className: "logo", children: /* @__PURE__ */ jsx("img", { src: "playwright-logo.svg", alt: "Playwright logo" }) }),
-      /* @__PURE__ */ jsx("div", { className: "product", children: "Playwright" }),
-      model.title && /* @__PURE__ */ jsx("div", { className: "title", children: model.title }),
-      /* @__PURE__ */ jsx("div", { className: "spacer" }),
-      /* @__PURE__ */ jsx(ToolbarButton, { icon: "color-mode", title: "Toggle color mode", toggled: false, onClick: () => toggleTheme() })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "progress", children: /* @__PURE__ */ jsx("div", { className: "inner-progress", style: { width: progress.total ? 100 * progress.done / progress.total + "%" : 0 } }) }),
-    /* @__PURE__ */ jsx(Workbench, { model }),
-    fileForLocalModeError && /* @__PURE__ */ jsxs("div", { className: "drop-target", children: [
-      /* @__PURE__ */ jsx("div", { children: "Trace Viewer uses Service Workers to show traces. To view trace:" }),
-      /* @__PURE__ */ jsxs("div", { style: { paddingTop: 20 }, children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          "1. Click ",
-          /* @__PURE__ */ jsx("a", { href: fileForLocalModeError, children: "here" }),
-          " to put your trace into the download shelf"
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          "2. Go to ",
-          /* @__PURE__ */ jsx("a", { href: "https://trace.playwright.dev", children: "trace.playwright.dev" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { children: "3. Drop the trace from the download shelf into the page" })
-      ] })
-    ] }),
-    !isServer && !dragOver && !fileForLocalModeError && (!traceURLs.length || processingErrorMessage) && /* @__PURE__ */ jsxs("div", { className: "drop-target", children: [
-      /* @__PURE__ */ jsx("div", { className: "processing-error", children: processingErrorMessage }),
-      /* @__PURE__ */ jsx("div", { className: "title", children: "Drop Playwright Trace to load" }),
-      /* @__PURE__ */ jsx("div", { children: "or" }),
-      /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "drop-target", children: /* @__PURE__ */ jsx("div", { className: "title", children: "Select test to see the trace" }) }),
-    dragOver && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "drop-target",
-        onDragLeave: () => {
-          setDragOver(false);
-        },
-        onDrop: (event) => handleDropEvent(event),
-        children: /* @__PURE__ */ 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__ */ jsx(WorkbenchLoader, {}), document.querySelector("#root"));
-})();
-//# sourceMappingURL=index.55e65778.js.map

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

@@ -1,124 +0,0 @@
-/*
-  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.5nqVcfiC.js

@@ -1,180 +0,0 @@
-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-CAXygIGt.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.5nqVcfiC.js.map