@checkly/playwright-core 1.47.12 → 1.48.10-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/browsers.json +14 -10
- package/lib/cli/program.js +22 -12
- package/lib/client/api.js +6 -0
- package/lib/client/browserContext.js +20 -2
- package/lib/client/channelOwner.js +5 -2
- package/lib/client/connection.js +3 -0
- package/lib/client/fetch.js +16 -3
- package/lib/client/jsHandle.js +0 -8
- package/lib/client/localUtils.js +1 -0
- package/lib/client/network.js +175 -17
- package/lib/client/page.js +21 -0
- package/lib/client/playwright.js +6 -3
- package/lib/client/tracing.js +16 -20
- package/lib/generated/consoleApiSource.js +1 -1
- package/lib/generated/injectedScriptSource.js +1 -1
- package/lib/generated/pollingRecorderSource.js +7 -0
- package/lib/generated/webSocketMockSource.js +7 -0
- package/lib/protocol/validator.js +79 -14
- package/lib/server/bidi/bidiBrowser.js +23 -8
- package/lib/server/bidi/bidiChromium.js +124 -0
- package/lib/server/bidi/bidiConnection.js +1 -1
- package/lib/server/bidi/bidiExecutionContext.js +0 -3
- package/lib/server/bidi/bidiFirefox.js +15 -21
- package/lib/server/bidi/bidiInput.js +16 -32
- package/lib/server/bidi/bidiNetworkManager.js +39 -5
- package/lib/server/bidi/bidiOverCdp.js +103 -0
- package/lib/server/bidi/bidiPage.js +98 -25
- package/lib/server/bidi/bidiPdf.js +140 -0
- package/lib/server/bidi/third_party/firefoxPrefs.js +221 -0
- package/lib/server/browser.js +13 -2
- package/lib/server/browserContext.js +6 -23
- package/lib/server/browserType.js +39 -11
- package/lib/server/chromium/chromium.js +3 -15
- package/lib/server/chromium/chromiumSwitches.js +3 -1
- package/lib/server/chromium/crBrowser.js +4 -3
- package/lib/server/chromium/crExecutionContext.js +0 -7
- package/lib/server/chromium/crPage.js +5 -2
- package/lib/server/chromium/videoRecorder.js +1 -1
- package/lib/server/codegen/csharp.js +2 -2
- package/lib/server/codegen/java.js +1 -1
- package/lib/server/codegen/javascript.js +1 -1
- package/lib/server/codegen/language.js +14 -2
- package/lib/server/codegen/python.js +2 -2
- package/lib/server/cookieStore.js +73 -0
- package/lib/server/debugController.js +2 -2
- package/lib/server/deviceDescriptorsSource.json +51 -51
- package/lib/server/dialog.js +1 -0
- package/lib/server/dispatchers/browserContextDispatcher.js +19 -2
- package/lib/server/dispatchers/jsHandleDispatcher.js +0 -5
- package/lib/server/dispatchers/pageDispatcher.js +9 -0
- package/lib/server/dispatchers/playwrightDispatcher.js +2 -1
- package/lib/server/dispatchers/webSocketRouteDispatcher.js +189 -0
- package/lib/server/download.js +9 -2
- package/lib/server/fetch.js +96 -99
- package/lib/server/firefox/ffBrowser.js +6 -4
- package/lib/server/firefox/ffExecutionContext.js +0 -3
- package/lib/server/firefox/ffPage.js +3 -0
- package/lib/server/firefox/firefox.js +2 -13
- package/lib/server/frameSelectors.js +1 -1
- package/lib/server/frames.js +3 -2
- package/lib/server/har/harTracer.js +11 -0
- package/lib/server/input.js +0 -1
- package/lib/server/javascript.js +0 -7
- package/lib/server/page.js +5 -1
- package/lib/server/playwright.js +5 -2
- package/lib/server/recorder/contextRecorder.js +33 -50
- package/lib/server/recorder/recorderActions.js +2 -1
- package/lib/server/recorder/recorderApp.js +15 -9
- package/lib/server/recorder/recorderCollection.js +68 -79
- package/lib/server/recorder/recorderFrontend.js +5 -0
- package/lib/server/recorder/recorderInTraceViewer.js +144 -0
- package/lib/server/recorder/recorderRunner.js +75 -97
- package/lib/server/recorder/recorderUtils.js +47 -6
- package/lib/server/recorder.js +28 -25
- package/lib/server/registry/index.js +85 -4
- package/lib/server/socksClientCertificatesInterceptor.js +15 -3
- package/lib/server/trace/recorder/snapshotter.js +1 -0
- package/lib/server/trace/recorder/snapshotterInjected.js +2 -2
- package/lib/server/trace/recorder/tracing.js +58 -2
- package/lib/server/trace/test/inMemorySnapshotter.js +1 -1
- package/lib/server/trace/viewer/traceViewer.js +2 -5
- package/lib/server/webkit/webkit.js +1 -1
- package/lib/server/webkit/wkBrowser.js +6 -5
- package/lib/server/webkit/wkExecutionContext.js +0 -3
- package/lib/server/webkit/wkPage.js +4 -1
- package/lib/utils/happy-eyeballs.js +13 -0
- package/lib/utils/hostPlatform.js +2 -2
- package/lib/utils/httpServer.js +1 -0
- package/lib/utils/isomorphic/locatorGenerators.js +9 -18
- package/lib/utils/isomorphic/locatorParser.js +2 -2
- package/lib/utils/isomorphic/recorderUtils.js +195 -0
- package/lib/vite/htmlReport/index.html +12 -12
- package/lib/vite/recorder/assets/codeMirrorModule-CND2fZ5Q.js +24 -0
- package/lib/vite/recorder/assets/{index-NC7rIA63.css → index-BW-aOBcL.css} +1 -1
- package/lib/vite/recorder/assets/{index-A2TWT47O.js → index-CEc83sSS.js} +10 -15
- package/lib/vite/recorder/index.html +2 -2
- package/lib/vite/traceViewer/assets/codeMirrorModule-5yiV-3wl.js +16831 -0
- package/lib/vite/traceViewer/assets/codeMirrorModule-B7Z3vq11.js +24 -0
- package/lib/vite/traceViewer/assets/codeMirrorModule-BdBhzV6t.js +16443 -0
- package/lib/vite/traceViewer/assets/codeMirrorModule-BqcXH1AO.js +16838 -0
- package/lib/vite/traceViewer/assets/codeMirrorModule-C6p3E9Zg.js +24 -0
- package/lib/vite/traceViewer/assets/codeMirrorModule-Ca-1BNel.js +24 -0
- package/lib/vite/traceViewer/assets/codeMirrorModule-CcviAl53.js +16831 -0
- package/lib/vite/{recorder/assets/codeMirrorModule-vr7pfcwZ.js → traceViewer/assets/codeMirrorModule-CqYUz5ms.js} +1 -1
- package/lib/vite/traceViewer/assets/codeMirrorModule-DS3v0XrQ.js +24 -0
- package/lib/vite/traceViewer/assets/codeMirrorModule-Dx6AXgMV.js +16838 -0
- package/lib/vite/traceViewer/assets/codeMirrorModule-EhKN7Okm.js +16449 -0
- package/lib/vite/traceViewer/assets/codeMirrorModule-MzSmL4X2.js +24 -0
- package/lib/vite/traceViewer/assets/{codeMirrorModule-cCPLLRBo.js → codeMirrorModule-T_sdMrbM.js} +1 -1
- package/lib/vite/traceViewer/assets/codeMirrorModule-U6XMqGkV.js +16437 -0
- package/lib/vite/traceViewer/assets/inspectorTab-BABZNwlH.js +17351 -0
- package/lib/vite/traceViewer/assets/inspectorTab-BPzVEZSf.js +17351 -0
- package/lib/vite/traceViewer/assets/inspectorTab-Bbgq0hgt.js +64 -0
- package/lib/vite/traceViewer/assets/inspectorTab-DhBbZz8I.js +64 -0
- package/lib/vite/traceViewer/assets/inspectorTab-DpvLVMq5.js +17351 -0
- package/lib/vite/traceViewer/assets/testServerConnection-D-tXL3sj.js +224 -0
- package/lib/vite/traceViewer/assets/workbench-B13nfocr.js +9 -0
- package/lib/vite/traceViewer/assets/workbench-BcgGQnKb.js +1473 -0
- package/lib/vite/traceViewer/assets/{wsPort-MnTGOuCA.js → workbench-Bjkiwcr1.js} +1505 -926
- package/lib/vite/traceViewer/assets/workbench-BwodYCgl.js +19119 -0
- package/lib/vite/traceViewer/assets/workbench-ByyWxoT8.js +1473 -0
- package/lib/vite/traceViewer/assets/{workbench-z8ylMSQK.js → workbench-C43LWZEX.js} +7 -7
- package/lib/vite/traceViewer/assets/workbench-C5OQh9VX.js +19119 -0
- package/lib/vite/traceViewer/assets/workbench-Crj6jzdv.js +19119 -0
- package/lib/vite/traceViewer/assets/workbench-DhqI6jeL.js +1473 -0
- package/lib/vite/traceViewer/assets/workbench-DrQjKdyE.js +72 -0
- package/lib/vite/traceViewer/assets/workbench-Pa1v1Ojh.js +72 -0
- package/lib/vite/traceViewer/assets/workbench-caTaZnzx.js +72 -0
- package/lib/vite/traceViewer/assets/workbench-gtYcQBNA.js +9 -0
- package/lib/vite/traceViewer/assets/workbench-u2lRPMOT.js +72 -0
- package/lib/vite/traceViewer/assets/xtermModule-CZ7sDYXB.js +6529 -0
- package/lib/vite/traceViewer/assets/xtermModule-DZP0glxx.js +5982 -0
- package/lib/vite/traceViewer/codeMirrorModule.Cy8X9Wtw.css +344 -0
- package/lib/vite/traceViewer/embedded.27BGR_eD.js +105 -0
- package/lib/vite/traceViewer/embedded.BBZ9gQEw.js +104 -0
- package/lib/vite/traceViewer/embedded.BQq6Psnz.js +104 -0
- package/lib/vite/traceViewer/{embedded.TOXRJZ9A.js → embedded.BVDVQOzc.js} +1 -1
- package/lib/vite/traceViewer/embedded.Bn8Ptzv6.js +2 -0
- package/lib/vite/traceViewer/embedded.CorI3dFX.js +104 -0
- package/lib/vite/traceViewer/embedded.CvhnUgIi.js +2 -0
- package/lib/vite/traceViewer/embedded.D27cnKiB.js +104 -0
- package/lib/vite/traceViewer/embedded.D4lqGydT.js +2 -0
- package/lib/vite/traceViewer/embedded.DPqrDeET.js +2 -0
- package/lib/vite/traceViewer/embedded.DTjd2aiy.js +105 -0
- package/lib/vite/traceViewer/embedded.DbzY7Q8w.js +2 -0
- package/lib/vite/traceViewer/embedded.DjZq4InJ.css +68 -0
- package/lib/vite/traceViewer/embedded.SsjKHrxC.js +105 -0
- package/lib/vite/traceViewer/embedded.f-PLGsBT.js +2 -0
- package/lib/vite/traceViewer/embedded.html +6 -4
- package/lib/vite/traceViewer/index.B7aiTMfZ.js +2 -0
- package/lib/vite/traceViewer/{index.e7qpO0B0.js → index.B8dgQwuN.js} +1 -1
- package/lib/vite/traceViewer/index.BGj8jY3H.js +2 -0
- package/lib/vite/traceViewer/index.BSak5QT9.js +2 -0
- package/lib/vite/traceViewer/index.BrT2kfuc.js +2 -0
- package/lib/vite/traceViewer/{index.RT4iItO_.js → index.C0EgJ4oW.js} +36 -21
- package/lib/vite/traceViewer/index.CUpI-BFe.js +195 -0
- package/lib/vite/traceViewer/index.DkRbtWVo.js +195 -0
- package/lib/vite/traceViewer/index.DsjmhbB6.js +195 -0
- package/lib/vite/traceViewer/index.Dz3icWJV.js +196 -0
- package/lib/vite/traceViewer/index.PqcsvBxQ.js +196 -0
- package/lib/vite/traceViewer/index.QanXxRUb.css +131 -0
- package/lib/vite/traceViewer/index._cX8k4co.js +2 -0
- package/lib/vite/traceViewer/index.html +7 -5
- package/lib/vite/traceViewer/index.pMAN88y-.js +2 -0
- package/lib/vite/traceViewer/index.yxAwzeWG.js +196 -0
- package/lib/vite/traceViewer/inspectorTab.DGJWXOSd.css +3145 -0
- package/lib/vite/traceViewer/inspectorTab.DLjBDrQR.css +1 -0
- package/lib/vite/traceViewer/recorder.7Wl6HrQl.js +550 -0
- package/lib/vite/traceViewer/recorder.B_SY1GJM.css +0 -0
- package/lib/vite/traceViewer/recorder.BufKu9Hp.js +550 -0
- package/lib/vite/traceViewer/recorder.Ch-WHviK.js +2 -0
- package/lib/vite/traceViewer/recorder.DBDpiNOK.css +15 -0
- package/lib/vite/traceViewer/recorder.POd-toIn.js +2 -0
- package/lib/vite/traceViewer/recorder.am-MV-DQ.js +550 -0
- package/lib/vite/traceViewer/recorder.html +17 -0
- package/lib/vite/traceViewer/sw.bundle.js +3 -3
- package/lib/vite/traceViewer/uiMode.BEZVCe5O.js +5 -0
- package/lib/vite/traceViewer/uiMode.BZoFj6zV.js +1723 -0
- package/lib/vite/traceViewer/uiMode.C4nbcio6.js +1730 -0
- package/lib/vite/traceViewer/uiMode.CAYqod-m.css +1 -0
- package/lib/vite/traceViewer/uiMode.D-tg1Oci.js +1730 -0
- package/lib/vite/traceViewer/uiMode.DKjMBMlc.js +1730 -0
- package/lib/vite/traceViewer/uiMode.DRmgrHSk.css +1462 -0
- package/lib/vite/traceViewer/uiMode.DVWUEIHq.css +1424 -0
- package/lib/vite/traceViewer/{uiMode.MTXOs_2V.js → uiMode.DVrL7a1K.js} +5 -5
- package/lib/vite/traceViewer/uiMode.DdtUZZVS.js +5 -0
- package/lib/vite/traceViewer/uiMode.Dg9oJCQU.js +10 -0
- package/lib/vite/traceViewer/uiMode.Dlo9s_YX.js +1723 -0
- package/lib/vite/traceViewer/uiMode.DwZAzstF.js +10 -0
- package/lib/vite/traceViewer/uiMode.O07awP3T.js +10 -0
- package/lib/vite/traceViewer/uiMode.gGHHTsyL.js +1730 -0
- package/lib/vite/traceViewer/uiMode.html +7 -5
- package/lib/vite/traceViewer/uiMode.jY2s-9ps.js +10 -0
- package/lib/vite/traceViewer/uiMode.wsGnVMQK.js +1723 -0
- package/lib/vite/traceViewer/workbench.B3X2QtYa.css +3702 -0
- package/lib/vite/traceViewer/workbench.BQNDbcQ0.css +550 -0
- package/lib/vite/traceViewer/{workbench.NokwQoMV.css → workbench.DjbIuxix.css} +1 -1
- package/lib/vite/traceViewer/workbench.DlsCx8k5.css +1 -0
- package/lib/vite/traceViewer/workbench.DyTpxWVb.css +1 -0
- package/lib/vite/traceViewer/workbench.wuxQoE2z.css +3703 -0
- package/lib/vite/traceViewer/xtermModule.4oRVGWQ-.css +209 -0
- package/package.json +1 -1
- package/types/protocol.d.ts +610 -173
- package/types/types.d.ts +2037 -949
- package/lib/vite/traceViewer/assets/codeMirrorModule-0bpaqixv.js +0 -24
- package/lib/vite/traceViewer/assets/codeMirrorModule-clyjx5sb.js +0 -15578
- package/lib/vite/traceViewer/assets/codeMirrorModule-wLpsbIhd.js +0 -24
- package/lib/vite/traceViewer/assets/wsPort-_JBDEilC.js +0 -69
- package/lib/vite/traceViewer/assets/wsPort-f2dAQL4I.js +0 -69
- package/lib/vite/traceViewer/index.-_8-eHEE.js +0 -2
- package/lib/vite/traceViewer/index.-g_5lMbJ.css +0 -1
- package/lib/vite/traceViewer/index.u51inEcm.js +0 -2
- package/lib/vite/traceViewer/uiMode.9CwNsWc6.js +0 -10
- package/lib/vite/traceViewer/uiMode.Fb0bNA4H.js +0 -10
- package/lib/vite/traceViewer/uiMode.pWy0Re7G.css +0 -1
- package/lib/vite/traceViewer/uiMode.yLNTmFO4.js +0 -1490
- package/lib/vite/traceViewer/wsPort.zR1WIy9-.css +0 -1
- /package/lib/vite/recorder/assets/{codeMirrorModule-Hs9-1ZG4.css → codeMirrorModule-ez37Vkbh.css} +0 -0
- /package/lib/vite/recorder/assets/{codicon-wpoHPmsu.ttf → codicon-DCmgc-ay.ttf} +0 -0
- /package/lib/vite/traceViewer/assets/{testServerConnection-_1gRQKgk.js → testServerConnection-DeE2kSzz.js} +0 -0
- /package/lib/vite/traceViewer/assets/{xtermModule-Yt6xwiJ_.js → xtermModule-BeNbaIVa.js} +0 -0
- /package/lib/vite/traceViewer/{codeMirrorModule.Hs9-1ZG4.css → codeMirrorModule.ez37Vkbh.css} +0 -0
- /package/lib/vite/traceViewer/{codicon.wpoHPmsu.ttf → codicon.DCmgc-ay.ttf} +0 -0
- /package/lib/vite/traceViewer/{embedded.MO1jdrtU.css → embedded.w7WN2u1R.css} +0 -0
- /package/lib/vite/traceViewer/{index.q21lh23x.css → index.CrbWWHbf.css} +0 -0
- /package/lib/vite/traceViewer/{uiMode.93DRT-rm.css → uiMode.D3cNFP6u.css} +0 -0
- /package/lib/vite/traceViewer/{xtermModule.0lwXJFHT.css → xtermModule.DSXBckUd.css} +0 -0
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
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-BwodYCgl.js";
|
|
2
|
+
function openPage(url, target) {
|
|
3
|
+
if (url)
|
|
4
|
+
window.parent.postMessage({ method: "openExternal", params: { url, target } }, "*");
|
|
5
|
+
}
|
|
6
|
+
function openSourceLocation({ file, line, column }) {
|
|
7
|
+
window.parent.postMessage({ method: "openSourceLocation", params: { file, line, column } }, "*");
|
|
8
|
+
}
|
|
9
|
+
const EmbeddedWorkbenchLoader = () => {
|
|
10
|
+
const [traceURLs, setTraceURLs] = reactExports.useState([]);
|
|
11
|
+
const [model, setModel] = reactExports.useState(emptyModel);
|
|
12
|
+
const [progress, setProgress] = reactExports.useState({ done: 0, total: 0 });
|
|
13
|
+
const [processingErrorMessage, setProcessingErrorMessage] = reactExports.useState(null);
|
|
14
|
+
reactExports.useEffect(() => {
|
|
15
|
+
window.addEventListener("message", async ({ data: { method, params } }) => {
|
|
16
|
+
if (method === "loadTraceRequested") {
|
|
17
|
+
setTraceURLs(params.traceUrl ? [params.traceUrl] : []);
|
|
18
|
+
setProcessingErrorMessage(null);
|
|
19
|
+
} else if (method === "applyTheme") {
|
|
20
|
+
if (currentTheme() !== params.theme)
|
|
21
|
+
toggleTheme();
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
window.parent.postMessage({ type: "loaded" }, "*");
|
|
25
|
+
}, []);
|
|
26
|
+
reactExports.useEffect(() => {
|
|
27
|
+
(async () => {
|
|
28
|
+
if (traceURLs.length) {
|
|
29
|
+
const swListener = (event) => {
|
|
30
|
+
if (event.data.method === "progress")
|
|
31
|
+
setProgress(event.data.params);
|
|
32
|
+
};
|
|
33
|
+
navigator.serviceWorker.addEventListener("message", swListener);
|
|
34
|
+
setProgress({ done: 0, total: 1 });
|
|
35
|
+
const contextEntries = [];
|
|
36
|
+
for (let i = 0; i < traceURLs.length; i++) {
|
|
37
|
+
const url = traceURLs[i];
|
|
38
|
+
const params = new URLSearchParams();
|
|
39
|
+
params.set("trace", url);
|
|
40
|
+
const response = await fetch(`contexts?${params.toString()}`);
|
|
41
|
+
if (!response.ok) {
|
|
42
|
+
setProcessingErrorMessage((await response.json()).error);
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
contextEntries.push(...await response.json());
|
|
46
|
+
}
|
|
47
|
+
navigator.serviceWorker.removeEventListener("message", swListener);
|
|
48
|
+
const model2 = new MultiTraceModel(contextEntries);
|
|
49
|
+
setProgress({ done: 0, total: 0 });
|
|
50
|
+
setModel(model2);
|
|
51
|
+
} else {
|
|
52
|
+
setModel(emptyModel);
|
|
53
|
+
}
|
|
54
|
+
})();
|
|
55
|
+
}, [traceURLs]);
|
|
56
|
+
reactExports.useEffect(() => {
|
|
57
|
+
var _a;
|
|
58
|
+
if (processingErrorMessage)
|
|
59
|
+
(_a = window.parent) == null ? void 0 : _a.postMessage({ method: "showErrorMessage", params: { message: processingErrorMessage } }, "*");
|
|
60
|
+
}, [processingErrorMessage]);
|
|
61
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox workbench-loader", children: [
|
|
62
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner-progress", style: { width: progress.total ? 100 * progress.done / progress.total + "%" : 0 } }) }),
|
|
63
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(Workbench, { model, openPage, onOpenExternally: openSourceLocation, showSettings: true }),
|
|
64
|
+
!traceURLs.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty-state", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "Select test to see the trace" }) })
|
|
65
|
+
] });
|
|
66
|
+
};
|
|
67
|
+
const emptyModel = new MultiTraceModel([]);
|
|
68
|
+
(async () => {
|
|
69
|
+
applyTheme();
|
|
70
|
+
const handleKeyEvent = (e) => {
|
|
71
|
+
var _a;
|
|
72
|
+
if (!e.isTrusted)
|
|
73
|
+
return;
|
|
74
|
+
(_a = window.parent) == null ? void 0 : _a.postMessage({
|
|
75
|
+
type: e.type,
|
|
76
|
+
key: e.key,
|
|
77
|
+
keyCode: e.keyCode,
|
|
78
|
+
code: e.code,
|
|
79
|
+
shiftKey: e.shiftKey,
|
|
80
|
+
altKey: e.altKey,
|
|
81
|
+
ctrlKey: e.ctrlKey,
|
|
82
|
+
metaKey: e.metaKey,
|
|
83
|
+
repeat: e.repeat
|
|
84
|
+
}, "*");
|
|
85
|
+
};
|
|
86
|
+
window.addEventListener("keydown", handleKeyEvent);
|
|
87
|
+
window.addEventListener("keyup", handleKeyEvent);
|
|
88
|
+
if (window.location.protocol !== "file:") {
|
|
89
|
+
if (!navigator.serviceWorker)
|
|
90
|
+
throw new Error(`Service workers are not supported.
|
|
91
|
+
Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);
|
|
92
|
+
navigator.serviceWorker.register("sw.bundle.js");
|
|
93
|
+
if (!navigator.serviceWorker.controller) {
|
|
94
|
+
await new Promise((f) => {
|
|
95
|
+
navigator.serviceWorker.oncontrollerchange = () => f();
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
setInterval(function() {
|
|
99
|
+
fetch("ping");
|
|
100
|
+
}, 1e4);
|
|
101
|
+
}
|
|
102
|
+
createRoot(document.querySelector("#root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddedWorkbenchLoader, {}));
|
|
103
|
+
})();
|
|
104
|
+
//# sourceMappingURL=embedded.CorI3dFX.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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.
|
|
2
|
+
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,{}))})();
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
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";
|
|
2
|
+
function openPage(url, target) {
|
|
3
|
+
if (url)
|
|
4
|
+
window.parent.postMessage({ method: "openExternal", params: { url, target } }, "*");
|
|
5
|
+
}
|
|
6
|
+
function openSourceLocation({ file, line, column }) {
|
|
7
|
+
window.parent.postMessage({ method: "openSourceLocation", params: { file, line, column } }, "*");
|
|
8
|
+
}
|
|
9
|
+
const EmbeddedWorkbenchLoader = () => {
|
|
10
|
+
const [traceURLs, setTraceURLs] = reactExports.useState([]);
|
|
11
|
+
const [model, setModel] = reactExports.useState(emptyModel);
|
|
12
|
+
const [progress, setProgress] = reactExports.useState({ done: 0, total: 0 });
|
|
13
|
+
const [processingErrorMessage, setProcessingErrorMessage] = reactExports.useState(null);
|
|
14
|
+
reactExports.useEffect(() => {
|
|
15
|
+
window.addEventListener("message", async ({ data: { method, params } }) => {
|
|
16
|
+
if (method === "loadTraceRequested") {
|
|
17
|
+
setTraceURLs(params.traceUrl ? [params.traceUrl] : []);
|
|
18
|
+
setProcessingErrorMessage(null);
|
|
19
|
+
} else if (method === "applyTheme") {
|
|
20
|
+
if (currentTheme() !== params.theme)
|
|
21
|
+
toggleTheme();
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
window.parent.postMessage({ type: "loaded" }, "*");
|
|
25
|
+
}, []);
|
|
26
|
+
reactExports.useEffect(() => {
|
|
27
|
+
(async () => {
|
|
28
|
+
if (traceURLs.length) {
|
|
29
|
+
const swListener = (event) => {
|
|
30
|
+
if (event.data.method === "progress")
|
|
31
|
+
setProgress(event.data.params);
|
|
32
|
+
};
|
|
33
|
+
navigator.serviceWorker.addEventListener("message", swListener);
|
|
34
|
+
setProgress({ done: 0, total: 1 });
|
|
35
|
+
const contextEntries = [];
|
|
36
|
+
for (let i = 0; i < traceURLs.length; i++) {
|
|
37
|
+
const url = traceURLs[i];
|
|
38
|
+
const params = new URLSearchParams();
|
|
39
|
+
params.set("trace", url);
|
|
40
|
+
const response = await fetch(`contexts?${params.toString()}`);
|
|
41
|
+
if (!response.ok) {
|
|
42
|
+
setProcessingErrorMessage((await response.json()).error);
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
contextEntries.push(...await response.json());
|
|
46
|
+
}
|
|
47
|
+
navigator.serviceWorker.removeEventListener("message", swListener);
|
|
48
|
+
const model2 = new MultiTraceModel(contextEntries);
|
|
49
|
+
setProgress({ done: 0, total: 0 });
|
|
50
|
+
setModel(model2);
|
|
51
|
+
} else {
|
|
52
|
+
setModel(emptyModel);
|
|
53
|
+
}
|
|
54
|
+
})();
|
|
55
|
+
}, [traceURLs]);
|
|
56
|
+
reactExports.useEffect(() => {
|
|
57
|
+
var _a;
|
|
58
|
+
if (processingErrorMessage)
|
|
59
|
+
(_a = window.parent) == null ? void 0 : _a.postMessage({ method: "showErrorMessage", params: { message: processingErrorMessage } }, "*");
|
|
60
|
+
}, [processingErrorMessage]);
|
|
61
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox workbench-loader", children: [
|
|
62
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner-progress", style: { width: progress.total ? 100 * progress.done / progress.total + "%" : 0 } }) }),
|
|
63
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(Workbench, { model, openPage, onOpenExternally: openSourceLocation, showSettings: true }),
|
|
64
|
+
!traceURLs.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty-state", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "Select test to see the trace" }) })
|
|
65
|
+
] });
|
|
66
|
+
};
|
|
67
|
+
const emptyModel = new MultiTraceModel([]);
|
|
68
|
+
(async () => {
|
|
69
|
+
applyTheme();
|
|
70
|
+
const handleKeyEvent = (e) => {
|
|
71
|
+
var _a;
|
|
72
|
+
if (!e.isTrusted)
|
|
73
|
+
return;
|
|
74
|
+
(_a = window.parent) == null ? void 0 : _a.postMessage({
|
|
75
|
+
type: e.type,
|
|
76
|
+
key: e.key,
|
|
77
|
+
keyCode: e.keyCode,
|
|
78
|
+
code: e.code,
|
|
79
|
+
shiftKey: e.shiftKey,
|
|
80
|
+
altKey: e.altKey,
|
|
81
|
+
ctrlKey: e.ctrlKey,
|
|
82
|
+
metaKey: e.metaKey,
|
|
83
|
+
repeat: e.repeat
|
|
84
|
+
}, "*");
|
|
85
|
+
};
|
|
86
|
+
window.addEventListener("keydown", handleKeyEvent);
|
|
87
|
+
window.addEventListener("keyup", handleKeyEvent);
|
|
88
|
+
if (window.location.protocol !== "file:") {
|
|
89
|
+
if (!navigator.serviceWorker)
|
|
90
|
+
throw new Error(`Service workers are not supported.
|
|
91
|
+
Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);
|
|
92
|
+
navigator.serviceWorker.register("sw.bundle.js");
|
|
93
|
+
if (!navigator.serviceWorker.controller) {
|
|
94
|
+
await new Promise((f) => {
|
|
95
|
+
navigator.serviceWorker.oncontrollerchange = () => f();
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
setInterval(function() {
|
|
99
|
+
fetch("ping");
|
|
100
|
+
}, 1e4);
|
|
101
|
+
}
|
|
102
|
+
createRoot(document.querySelector("#root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddedWorkbenchLoader, {}));
|
|
103
|
+
})();
|
|
104
|
+
//# sourceMappingURL=embedded.D27cnKiB.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{M as u,r,b as y,t as E,j as o,a as k,c as x}from"./assets/inspectorTab-DhBbZz8I.js";import{W as M}from"./assets/workbench-B13nfocr.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(M,{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()=>{k();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.
|
|
2
|
+
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)}x(document.querySelector("#root")).render(o.jsx(L,{}))})();
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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.
|
|
2
|
+
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,{}))})();
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { M as MultiTraceModel, r as reactExports, b as currentTheme, t as toggleTheme, j as jsxRuntimeExports, a as applyTheme, c as createRoot } from "./assets/inspectorTab-BABZNwlH.js";
|
|
2
|
+
import { W as Workbench } from "./assets/workbench-ByyWxoT8.js";
|
|
3
|
+
function openPage(url, target) {
|
|
4
|
+
if (url)
|
|
5
|
+
window.parent.postMessage({ method: "openExternal", params: { url, target } }, "*");
|
|
6
|
+
}
|
|
7
|
+
function openSourceLocation({ file, line, column }) {
|
|
8
|
+
window.parent.postMessage({ method: "openSourceLocation", params: { file, line, column } }, "*");
|
|
9
|
+
}
|
|
10
|
+
const EmbeddedWorkbenchLoader = () => {
|
|
11
|
+
const [traceURLs, setTraceURLs] = reactExports.useState([]);
|
|
12
|
+
const [model, setModel] = reactExports.useState(emptyModel);
|
|
13
|
+
const [progress, setProgress] = reactExports.useState({ done: 0, total: 0 });
|
|
14
|
+
const [processingErrorMessage, setProcessingErrorMessage] = reactExports.useState(null);
|
|
15
|
+
reactExports.useEffect(() => {
|
|
16
|
+
window.addEventListener("message", async ({ data: { method, params } }) => {
|
|
17
|
+
if (method === "loadTraceRequested") {
|
|
18
|
+
setTraceURLs(params.traceUrl ? [params.traceUrl] : []);
|
|
19
|
+
setProcessingErrorMessage(null);
|
|
20
|
+
} else if (method === "applyTheme") {
|
|
21
|
+
if (currentTheme() !== params.theme)
|
|
22
|
+
toggleTheme();
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
window.parent.postMessage({ type: "loaded" }, "*");
|
|
26
|
+
}, []);
|
|
27
|
+
reactExports.useEffect(() => {
|
|
28
|
+
(async () => {
|
|
29
|
+
if (traceURLs.length) {
|
|
30
|
+
const swListener = (event) => {
|
|
31
|
+
if (event.data.method === "progress")
|
|
32
|
+
setProgress(event.data.params);
|
|
33
|
+
};
|
|
34
|
+
navigator.serviceWorker.addEventListener("message", swListener);
|
|
35
|
+
setProgress({ done: 0, total: 1 });
|
|
36
|
+
const contextEntries = [];
|
|
37
|
+
for (let i = 0; i < traceURLs.length; i++) {
|
|
38
|
+
const url = traceURLs[i];
|
|
39
|
+
const params = new URLSearchParams();
|
|
40
|
+
params.set("trace", url);
|
|
41
|
+
const response = await fetch(`contexts?${params.toString()}`);
|
|
42
|
+
if (!response.ok) {
|
|
43
|
+
setProcessingErrorMessage((await response.json()).error);
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
contextEntries.push(...await response.json());
|
|
47
|
+
}
|
|
48
|
+
navigator.serviceWorker.removeEventListener("message", swListener);
|
|
49
|
+
const model2 = new MultiTraceModel(contextEntries);
|
|
50
|
+
setProgress({ done: 0, total: 0 });
|
|
51
|
+
setModel(model2);
|
|
52
|
+
} else {
|
|
53
|
+
setModel(emptyModel);
|
|
54
|
+
}
|
|
55
|
+
})();
|
|
56
|
+
}, [traceURLs]);
|
|
57
|
+
reactExports.useEffect(() => {
|
|
58
|
+
var _a;
|
|
59
|
+
if (processingErrorMessage)
|
|
60
|
+
(_a = window.parent) == null ? void 0 : _a.postMessage({ method: "showErrorMessage", params: { message: processingErrorMessage } }, "*");
|
|
61
|
+
}, [processingErrorMessage]);
|
|
62
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox workbench-loader", children: [
|
|
63
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner-progress", style: { width: progress.total ? 100 * progress.done / progress.total + "%" : 0 } }) }),
|
|
64
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(Workbench, { model, openPage, onOpenExternally: openSourceLocation, showSettings: true }),
|
|
65
|
+
!traceURLs.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty-state", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "Select test to see the trace" }) })
|
|
66
|
+
] });
|
|
67
|
+
};
|
|
68
|
+
const emptyModel = new MultiTraceModel([]);
|
|
69
|
+
(async () => {
|
|
70
|
+
applyTheme();
|
|
71
|
+
const handleKeyEvent = (e) => {
|
|
72
|
+
var _a;
|
|
73
|
+
if (!e.isTrusted)
|
|
74
|
+
return;
|
|
75
|
+
(_a = window.parent) == null ? void 0 : _a.postMessage({
|
|
76
|
+
type: e.type,
|
|
77
|
+
key: e.key,
|
|
78
|
+
keyCode: e.keyCode,
|
|
79
|
+
code: e.code,
|
|
80
|
+
shiftKey: e.shiftKey,
|
|
81
|
+
altKey: e.altKey,
|
|
82
|
+
ctrlKey: e.ctrlKey,
|
|
83
|
+
metaKey: e.metaKey,
|
|
84
|
+
repeat: e.repeat
|
|
85
|
+
}, "*");
|
|
86
|
+
};
|
|
87
|
+
window.addEventListener("keydown", handleKeyEvent);
|
|
88
|
+
window.addEventListener("keyup", handleKeyEvent);
|
|
89
|
+
if (window.location.protocol !== "file:") {
|
|
90
|
+
if (!navigator.serviceWorker)
|
|
91
|
+
throw new Error(`Service workers are not supported.
|
|
92
|
+
Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);
|
|
93
|
+
navigator.serviceWorker.register("sw.bundle.js");
|
|
94
|
+
if (!navigator.serviceWorker.controller) {
|
|
95
|
+
await new Promise((f) => {
|
|
96
|
+
navigator.serviceWorker.oncontrollerchange = () => f();
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
setInterval(function() {
|
|
100
|
+
fetch("ping");
|
|
101
|
+
}, 1e4);
|
|
102
|
+
}
|
|
103
|
+
createRoot(document.querySelector("#root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddedWorkbenchLoader, {}));
|
|
104
|
+
})();
|
|
105
|
+
//# sourceMappingURL=embedded.DTjd2aiy.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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-Pa1v1Ojh.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.
|
|
2
|
+
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,{}))})();
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Microsoft Corporation.
|
|
3
|
+
|
|
4
|
+
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
you may not use this file except in compliance with the License.
|
|
6
|
+
You may obtain a copy of the License at
|
|
7
|
+
|
|
8
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
|
|
10
|
+
Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
See the License for the specific language governing permissions and
|
|
14
|
+
limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
.empty-state {
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
justify-content: center;
|
|
21
|
+
flex: auto;
|
|
22
|
+
flex-direction: column;
|
|
23
|
+
background-color: var(--vscode-editor-background);
|
|
24
|
+
position: absolute;
|
|
25
|
+
top: 0;
|
|
26
|
+
right: 0;
|
|
27
|
+
bottom: 0;
|
|
28
|
+
left: 0;
|
|
29
|
+
z-index: 100;
|
|
30
|
+
line-height: 24px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
body .empty-state {
|
|
34
|
+
background: rgba(255, 255, 255, 0.8);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
body.dark-mode .empty-state {
|
|
38
|
+
background: rgba(0, 0, 0, 0.8);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.empty-state .title {
|
|
42
|
+
font-size: 24px;
|
|
43
|
+
font-weight: bold;
|
|
44
|
+
margin-bottom: 30px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.progress {
|
|
48
|
+
flex: none;
|
|
49
|
+
width: 100%;
|
|
50
|
+
height: 3px;
|
|
51
|
+
z-index: 10;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.inner-progress {
|
|
55
|
+
background-color: var(--vscode-progressBar-background);
|
|
56
|
+
height: 100%;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.workbench-loader {
|
|
60
|
+
contain: size;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* Limit to a reasonable minimum viewport */
|
|
64
|
+
html, body {
|
|
65
|
+
min-width: 550px;
|
|
66
|
+
min-height: 450px;
|
|
67
|
+
overflow: auto;
|
|
68
|
+
}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { M as MultiTraceModel, r as reactExports, b as currentTheme, t as toggleTheme, j as jsxRuntimeExports, a as applyTheme, c as createRoot } from "./assets/inspectorTab-BPzVEZSf.js";
|
|
2
|
+
import { W as Workbench } from "./assets/workbench-DhqI6jeL.js";
|
|
3
|
+
function openPage(url, target) {
|
|
4
|
+
if (url)
|
|
5
|
+
window.parent.postMessage({ method: "openExternal", params: { url, target } }, "*");
|
|
6
|
+
}
|
|
7
|
+
function openSourceLocation({ file, line, column }) {
|
|
8
|
+
window.parent.postMessage({ method: "openSourceLocation", params: { file, line, column } }, "*");
|
|
9
|
+
}
|
|
10
|
+
const EmbeddedWorkbenchLoader = () => {
|
|
11
|
+
const [traceURLs, setTraceURLs] = reactExports.useState([]);
|
|
12
|
+
const [model, setModel] = reactExports.useState(emptyModel);
|
|
13
|
+
const [progress, setProgress] = reactExports.useState({ done: 0, total: 0 });
|
|
14
|
+
const [processingErrorMessage, setProcessingErrorMessage] = reactExports.useState(null);
|
|
15
|
+
reactExports.useEffect(() => {
|
|
16
|
+
window.addEventListener("message", async ({ data: { method, params } }) => {
|
|
17
|
+
if (method === "loadTraceRequested") {
|
|
18
|
+
setTraceURLs(params.traceUrl ? [params.traceUrl] : []);
|
|
19
|
+
setProcessingErrorMessage(null);
|
|
20
|
+
} else if (method === "applyTheme") {
|
|
21
|
+
if (currentTheme() !== params.theme)
|
|
22
|
+
toggleTheme();
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
window.parent.postMessage({ type: "loaded" }, "*");
|
|
26
|
+
}, []);
|
|
27
|
+
reactExports.useEffect(() => {
|
|
28
|
+
(async () => {
|
|
29
|
+
if (traceURLs.length) {
|
|
30
|
+
const swListener = (event) => {
|
|
31
|
+
if (event.data.method === "progress")
|
|
32
|
+
setProgress(event.data.params);
|
|
33
|
+
};
|
|
34
|
+
navigator.serviceWorker.addEventListener("message", swListener);
|
|
35
|
+
setProgress({ done: 0, total: 1 });
|
|
36
|
+
const contextEntries = [];
|
|
37
|
+
for (let i = 0; i < traceURLs.length; i++) {
|
|
38
|
+
const url = traceURLs[i];
|
|
39
|
+
const params = new URLSearchParams();
|
|
40
|
+
params.set("trace", url);
|
|
41
|
+
const response = await fetch(`contexts?${params.toString()}`);
|
|
42
|
+
if (!response.ok) {
|
|
43
|
+
setProcessingErrorMessage((await response.json()).error);
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
contextEntries.push(...await response.json());
|
|
47
|
+
}
|
|
48
|
+
navigator.serviceWorker.removeEventListener("message", swListener);
|
|
49
|
+
const model2 = new MultiTraceModel(contextEntries);
|
|
50
|
+
setProgress({ done: 0, total: 0 });
|
|
51
|
+
setModel(model2);
|
|
52
|
+
} else {
|
|
53
|
+
setModel(emptyModel);
|
|
54
|
+
}
|
|
55
|
+
})();
|
|
56
|
+
}, [traceURLs]);
|
|
57
|
+
reactExports.useEffect(() => {
|
|
58
|
+
var _a;
|
|
59
|
+
if (processingErrorMessage)
|
|
60
|
+
(_a = window.parent) == null ? void 0 : _a.postMessage({ method: "showErrorMessage", params: { message: processingErrorMessage } }, "*");
|
|
61
|
+
}, [processingErrorMessage]);
|
|
62
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox workbench-loader", children: [
|
|
63
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner-progress", style: { width: progress.total ? 100 * progress.done / progress.total + "%" : 0 } }) }),
|
|
64
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(Workbench, { model, openPage, onOpenExternally: openSourceLocation, showSettings: true }),
|
|
65
|
+
!traceURLs.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "empty-state", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "Select test to see the trace" }) })
|
|
66
|
+
] });
|
|
67
|
+
};
|
|
68
|
+
const emptyModel = new MultiTraceModel([]);
|
|
69
|
+
(async () => {
|
|
70
|
+
applyTheme();
|
|
71
|
+
const handleKeyEvent = (e) => {
|
|
72
|
+
var _a;
|
|
73
|
+
if (!e.isTrusted)
|
|
74
|
+
return;
|
|
75
|
+
(_a = window.parent) == null ? void 0 : _a.postMessage({
|
|
76
|
+
type: e.type,
|
|
77
|
+
key: e.key,
|
|
78
|
+
keyCode: e.keyCode,
|
|
79
|
+
code: e.code,
|
|
80
|
+
shiftKey: e.shiftKey,
|
|
81
|
+
altKey: e.altKey,
|
|
82
|
+
ctrlKey: e.ctrlKey,
|
|
83
|
+
metaKey: e.metaKey,
|
|
84
|
+
repeat: e.repeat
|
|
85
|
+
}, "*");
|
|
86
|
+
};
|
|
87
|
+
window.addEventListener("keydown", handleKeyEvent);
|
|
88
|
+
window.addEventListener("keyup", handleKeyEvent);
|
|
89
|
+
if (window.location.protocol !== "file:") {
|
|
90
|
+
if (!navigator.serviceWorker)
|
|
91
|
+
throw new Error(`Service workers are not supported.
|
|
92
|
+
Make sure to serve the Trace Viewer (${window.location}) via HTTPS or localhost.`);
|
|
93
|
+
navigator.serviceWorker.register("sw.bundle.js");
|
|
94
|
+
if (!navigator.serviceWorker.controller) {
|
|
95
|
+
await new Promise((f) => {
|
|
96
|
+
navigator.serviceWorker.oncontrollerchange = () => f();
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
setInterval(function() {
|
|
100
|
+
fetch("ping");
|
|
101
|
+
}, 1e4);
|
|
102
|
+
}
|
|
103
|
+
createRoot(document.querySelector("#root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddedWorkbenchLoader, {}));
|
|
104
|
+
})();
|
|
105
|
+
//# sourceMappingURL=embedded.SsjKHrxC.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{M as u,r,b as y,t as E,j as o,a as k,c as x}from"./assets/inspectorTab-Bbgq0hgt.js";import{W as M}from"./assets/workbench-gtYcQBNA.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(M,{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()=>{k();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.
|
|
2
|
+
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)}x(document.querySelector("#root")).render(o.jsx(L,{}))})();
|
|
@@ -5,10 +5,12 @@
|
|
|
5
5
|
<meta charset="UTF-8">
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
7
|
<title>Playwright Trace Viewer for VS Code</title>
|
|
8
|
-
<script type="module" crossorigin src="./embedded.
|
|
9
|
-
<link rel="modulepreload" crossorigin href="./assets/
|
|
10
|
-
<link rel="
|
|
11
|
-
<link rel="stylesheet" crossorigin href="./
|
|
8
|
+
<script type="module" crossorigin src="./embedded.D4lqGydT.js"></script>
|
|
9
|
+
<link rel="modulepreload" crossorigin href="./assets/inspectorTab-DhBbZz8I.js">
|
|
10
|
+
<link rel="modulepreload" crossorigin href="./assets/workbench-B13nfocr.js">
|
|
11
|
+
<link rel="stylesheet" crossorigin href="./inspectorTab.DLjBDrQR.css">
|
|
12
|
+
<link rel="stylesheet" crossorigin href="./workbench.DlsCx8k5.css">
|
|
13
|
+
<link rel="stylesheet" crossorigin href="./embedded.w7WN2u1R.css">
|
|
12
14
|
</head>
|
|
13
15
|
<body>
|
|
14
16
|
<div id="root"></div>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{M as k,r as o,j as e,T as W,t as D,a as M,c as C}from"./assets/inspectorTab-DhBbZz8I.js";import{W as F}from"./assets/workbench-B13nfocr.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(F,{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(M(),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.
|
|
2
|
+
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)}C(document.querySelector("#root")).render(e.jsx(I,{}))})();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-
|
|
1
|
+
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.
|
|
2
2
|
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,{}))})();
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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-caTaZnzx.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.
|
|
2
|
+
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,{}))})();
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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-Pa1v1Ojh.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.
|
|
2
|
+
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,{}))})();
|