npm - quidproquo-web-admin - Versions diffs - 0.1.2 → 0.1.4 - Mend

quidproquo-web-admin 0.1.2 → 0.1.4

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.

Files changed (2234) hide show

package/lib/commonjs/LogViewer/LogDialog/tabs/TraceTab/TraceTab.js ADDED Viewed

@@ -0,0 +1,139 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TraceTab = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const quidproquo_core_1 = require("quidproquo-core");
+const quidproquo_web_react_1 = require("quidproquo-web-react");
+const quidproquo_webserver_1 = require("quidproquo-webserver");
+const react_1 = require("react");
+const Troubleshoot_1 = __importDefault(require("@mui/icons-material/Troubleshoot"));
+const material_1 = require("@mui/material");
+const logic_1 = require("../../../logic");
+const TraceViewer_1 = require("../../../TraceViewer");
+const MovedToColdStorage_1 = require("../../MovedToColdStorage");
+// Backstop for a missed TraceDone websocket message (reconnect gaps, dev servers
+// without the admin socket). checkOnly polls never trigger trace runs.
+const PENDING_POLL_MS = 15000;
+// Async trace flow: the first open only checks for a stored trace — found ones load
+// immediately, otherwise an explainer with a Begin Trace button is shown. Beginning a
+// trace kicks off a fire-and-forget run in the owning service and this tab waits for
+// its TraceDone websocket push (with a slow checkOnly poll as a fallback). See
+// trace-replay-plan.md.
+const TraceTab = ({ log, isVisible }) => {
+    var _a, _b, _c, _d;
+    const urlResolvers = (0, quidproquo_web_react_1.useBaseUrlResolvers)();
+    const accessToken = (0, quidproquo_web_react_1.useAuthAccessToken)();
+    const [trace, setTrace] = (0, react_1.useState)(undefined);
+    const [isWaiting, setIsWaiting] = (0, react_1.useState)(false);
+    const [traceError, setTraceError] = (0, react_1.useState)(undefined);
+    const [hasRequested, setHasRequested] = (0, react_1.useState)(false);
+    const [hasCheckedForStoredTrace, setHasCheckedForStoredTrace] = (0, react_1.useState)(false);
+    // "My code only" — held here so Begin Trace / Re-run Trace can send it: a trace with
+    // it on sets no breakpoints outside the user's own code. Every step pause freezes the
+    // replay for several inspector round trips, so full traces of real bundles burn the
+    // whole wall-clock budget on framework glue — own-code-only is the sane default.
+    const [hideExternalSteps, setHideExternalSteps] = (0, react_1.useState)(true);
+    // The request a stale async response must not clobber (rapid re-runs, dialog reuse)
+    const requestVersionRef = (0, react_1.useRef)(0);
+    const requestTrace = (options) => __awaiter(void 0, void 0, void 0, function* () {
+        const requestVersion = ++requestVersionRef.current;
+        if (!options.checkOnly) {
+            setIsWaiting(true);
+            setTraceError(undefined);
+        }
+        try {
+            const result = yield (0, logic_1.getLogTrace)(urlResolvers.getApiUrl(), log.logCorrelation, options, accessToken);
+            if (requestVersion !== requestVersionRef.current) {
+                return;
+            }
+            if (result.trace) {
+                setTrace(result.trace);
+                setIsWaiting(false);
+            }
+            else if (result.pending && !options.checkOnly) {
+                // check=true reports pending whenever no trace is stored — the server can't
+                // tell idle from in-flight — so only a real trace request may start waiting
+                setIsWaiting(true);
+            }
+            else if (!options.checkOnly) {
+                setTraceError('No trace was produced for this log');
+                setIsWaiting(false);
+            }
+        }
+        catch (error) {
+            if (requestVersion !== requestVersionRef.current) {
+                return;
+            }
+            setTraceError(error instanceof Error ? error.message : String(error));
+            setIsWaiting(false);
+        }
+    });
+    (0, react_1.useEffect)(() => {
+        if (isVisible && !hasRequested && !log.isLoading && !log.isLogInColdStorage) {
+            setHasRequested(true);
+            // First open never starts a trace — it only loads a stored one; starting one is
+            // the explicit Begin Trace action below
+            requestTrace({ checkOnly: true }).finally(() => setHasCheckedForStoredTrace(true));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isVisible, hasRequested, log.isLoading, log.isLogInColdStorage]);
+    // The owning service finished tracing — the log service pushed the result
+    (0, quidproquo_web_react_1.useSubscribeToWebSocketEvent)(quidproquo_webserver_1.WebSocketQueueQpqAdminServerMessageEventType.TraceDone, (webSocketService, message) => {
+        if (message.payload.correlation !== log.logCorrelation || !isWaiting) {
+            return;
+        }
+        if (message.payload.succeeded) {
+            requestTrace({ checkOnly: true });
+        }
+        else {
+            setTraceError(message.payload.errorText || 'Trace failed');
+            setIsWaiting(false);
+        }
+    });
+    // Poll fallback while waiting — checkOnly, so it can never stack trace runs
+    (0, react_1.useEffect)(() => {
+        if (!isWaiting) {
+            return;
+        }
+        const pollTimer = setInterval(() => requestTrace({ checkOnly: true }), PENDING_POLL_MS);
+        return () => clearInterval(pollTimer);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isWaiting]);
+    if (log.isLoading) {
+        return (0, jsx_runtime_1.jsx)("div", { children: "Loading..." });
+    }
+    if (log.isLogInColdStorage) {
+        return (0, jsx_runtime_1.jsx)(MovedToColdStorage_1.MovedToColdStorage, { guid: log.logCorrelation });
+    }
+    if (isWaiting) {
+        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { p: 2 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { sx: { mb: 1 }, variant: "body2", children: ["Tracing in ", ((_a = log.log) === null || _a === void 0 ? void 0 : _a.moduleName) ? `the ${log.log.moduleName} service` : 'the owning service', " \u2014 replaying the log and recording every statement. This can take a minute; the result appears here when it lands."] }), (0, jsx_runtime_1.jsx)(material_1.LinearProgress, {})] }));
+    }
+    if (traceError) {
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { p: 2 }, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { action: (0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", onClick: () => requestTrace({ refresh: true, onlyOwnCode: hideExternalSteps }), size: "small", children: "Retry" }), severity: "error", children: traceError }) }));
+    }
+    if (!trace) {
+        if (!hasCheckedForStoredTrace) {
+            return null;
+        }
+        // No stored trace — explain what tracing is and let the user start one explicitly.
+        // Begin Trace deliberately leaves refresh false so a trace that landed since the
+        // check is served straight from storage instead of re-running.
+        const isTraceable = ((_b = log.log) === null || _b === void 0 ? void 0 : _b.runtimeType) === quidproquo_core_1.QpqRuntimeType.EXECUTE_STORY;
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { alignItems: 'center', display: 'flex', height: '100%', justifyContent: 'center', p: 3 }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { maxWidth: 560, textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(Troubleshoot_1.default, { color: "primary", sx: { fontSize: 56, mb: 1 } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { gutterBottom: true, variant: "h6", children: "Step-through execution trace" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "text.secondary", sx: { mb: 3 }, variant: "body2", children: "A trace replays this log inside the service that ran it, recording every statement it executes and the local variables at each step \u2014 then you can scrub through the run line by line, like a time-travel debugger for exactly what happened." }), !isTraceable && ((0, jsx_runtime_1.jsxs)(material_1.Alert, { severity: "warning", sx: { mb: 3, textAlign: 'left' }, children: ["Only ", quidproquo_core_1.QpqRuntimeType.EXECUTE_STORY, " logs can be traced \u2014 this is a ", ((_c = log.log) === null || _c === void 0 ? void 0 : _c.runtimeType) || 'different', " log. Use the Tree tab to walk down to the ", quidproquo_core_1.QpqRuntimeType.EXECUTE_STORY, " runs it triggered and trace those instead."] })), isTraceable && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { mb: 1 }, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: hideExternalSteps, onChange: (event) => setHideExternalSteps(event.target.checked), size: "small" }), label: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: "My code only \u2014 trace just this service's own source (much faster; framework internals get no steps)" }) }) })), (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: !isTraceable, onClick: () => requestTrace({ onlyOwnCode: hideExternalSteps }), variant: "contained", children: "Begin Trace" }), isTraceable && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: "text.secondary", display: "block", sx: { mt: 1.5 }, variant: "caption", children: ["Runs in ", ((_d = log.log) === null || _d === void 0 ? void 0 : _d.moduleName) ? `the ${log.log.moduleName} service` : 'the owning service', " and can take a minute."] }))] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: '100%' }, children: (0, jsx_runtime_1.jsx)(TraceViewer_1.TraceViewer, { actions: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: hideExternalSteps ? 'Re-traces with breakpoints only in your own code — the whole step budget goes to your statements' : '', children: (0, jsx_runtime_1.jsxs)(material_1.Button, { onClick: () => requestTrace({ refresh: true, onlyOwnCode: hideExternalSteps }), size: "small", sx: { flexShrink: 0 }, children: ["Re-run Trace", hideExternalSteps ? ' (my code only)' : ''] }) }), hideExternalSteps: hideExternalSteps, onHideExternalStepsChange: setHideExternalSteps, trace: trace }) }));
+};
+exports.TraceTab = TraceTab;
+//# sourceMappingURL=TraceTab.js.map

package/lib/commonjs/LogViewer/LogDialog/tabs/TraceTab/TraceTab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TraceTab.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/TraceTab/TraceTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { QpqExecutionTrace, QpqRuntimeType } from 'quidproquo-core';\nimport { useAuthAccessToken, useBaseUrlResolvers, useSubscribeToWebSocketEvent } from 'quidproquo-web-react';\nimport { WebSocketQueueQpqAdminServerEventMessageTraceDone, WebSocketQueueQpqAdminServerMessageEventType } from 'quidproquo-webserver';\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport TroubleshootIcon from '@mui/icons-material/Troubleshoot';\nimport { Alert, Box, Button, Checkbox, FormControlLabel, LinearProgress, Tooltip, Typography } from '@mui/material';\n\nimport { getLogTrace } from '../../../logic';\nimport { TraceViewer } from '../../../TraceViewer';\nimport { AsyncStoryState } from '../../hooks';\nimport { MovedToColdStorage } from '../../MovedToColdStorage';\n\ninterface TraceTabProps {\n log: AsyncStoryState;\n isVisible: boolean;\n}\n\n// Backstop for a missed TraceDone websocket message (reconnect gaps, dev servers\n// without the admin socket). checkOnly polls never trigger trace runs.\nconst PENDING_POLL_MS = 15_000;\n\n// Async trace flow: the first open only checks for a stored trace — found ones load\n// immediately, otherwise an explainer with a Begin Trace button is shown. Beginning a\n// trace kicks off a fire-and-forget run in the owning service and this tab waits for\n// its TraceDone websocket push (with a slow checkOnly poll as a fallback). See\n// trace-replay-plan.md.\nexport const TraceTab: React.FC<TraceTabProps> = ({ log, isVisible }) => {\n const urlResolvers = useBaseUrlResolvers();\n const accessToken = useAuthAccessToken();\n\n const [trace, setTrace] = useState<QpqExecutionTrace | undefined>(undefined);\n const [isWaiting, setIsWaiting] = useState(false);\n const [traceError, setTraceError] = useState<string | undefined>(undefined);\n const [hasRequested, setHasRequested] = useState(false);\n const [hasCheckedForStoredTrace, setHasCheckedForStoredTrace] = useState(false);\n\n // \"My code only\" — held here so Begin Trace / Re-run Trace can send it: a trace with\n // it on sets no breakpoints outside the user's own code. Every step pause freezes the\n // replay for several inspector round trips, so full traces of real bundles burn the\n // whole wall-clock budget on framework glue — own-code-only is the sane default.\n const [hideExternalSteps, setHideExternalSteps] = useState(true);\n\n // The request a stale async response must not clobber (rapid re-runs, dialog reuse)\n const requestVersionRef = useRef(0);\n\n const requestTrace = async (options: { refresh?: boolean; checkOnly?: boolean; onlyOwnCode?: boolean }) => {\n const requestVersion = ++requestVersionRef.current;\n if (!options.checkOnly) {\n setIsWaiting(true);\n setTraceError(undefined);\n }\n\n try {\n const result = await getLogTrace(urlResolvers.getApiUrl(), log.logCorrelation, options, accessToken);\n if (requestVersion !== requestVersionRef.current) {\n return;\n }\n\n if (result.trace) {\n setTrace(result.trace);\n setIsWaiting(false);\n } else if (result.pending && !options.checkOnly) {\n // check=true reports pending whenever no trace is stored — the server can't\n // tell idle from in-flight — so only a real trace request may start waiting\n setIsWaiting(true);\n } else if (!options.checkOnly) {\n setTraceError('No trace was produced for this log');\n setIsWaiting(false);\n }\n } catch (error) {\n if (requestVersion !== requestVersionRef.current) {\n return;\n }\n setTraceError(error instanceof Error ? error.message : String(error));\n setIsWaiting(false);\n }\n };\n\n useEffect(() => {\n if (isVisible && !hasRequested && !log.isLoading && !log.isLogInColdStorage) {\n setHasRequested(true);\n // First open never starts a trace — it only loads a stored one; starting one is\n // the explicit Begin Trace action below\n requestTrace({ checkOnly: true }).finally(() => setHasCheckedForStoredTrace(true));\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isVisible, hasRequested, log.isLoading, log.isLogInColdStorage]);\n\n // The owning service finished tracing — the log service pushed the result\n useSubscribeToWebSocketEvent(\n WebSocketQueueQpqAdminServerMessageEventType.TraceDone,\n (webSocketService, message: WebSocketQueueQpqAdminServerEventMessageTraceDone) => {\n if (message.payload.correlation !== log.logCorrelation || !isWaiting) {\n return;\n }\n\n if (message.payload.succeeded) {\n requestTrace({ checkOnly: true });\n } else {\n setTraceError(message.payload.errorText || 'Trace failed');\n setIsWaiting(false);\n }\n },\n );\n\n // Poll fallback while waiting — checkOnly, so it can never stack trace runs\n useEffect(() => {\n if (!isWaiting) {\n return;\n }\n const pollTimer = setInterval(() => requestTrace({ checkOnly: true }), PENDING_POLL_MS);\n return () => clearInterval(pollTimer);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isWaiting]);\n\n if (log.isLoading) {\n return <div>Loading...</div>;\n }\n\n if (log.isLogInColdStorage) {\n return <MovedToColdStorage guid={log.logCorrelation} />;\n }\n\n if (isWaiting) {\n return (\n <Box sx={{ p: 2 }}>\n <Typography sx={{ mb: 1 }} variant=\"body2\">\n Tracing in {log.log?.moduleName ? `the ${log.log.moduleName} service` : 'the owning service'} — replaying the log and recording every\n statement. This can take a minute; the result appears here when it lands.\n </Typography>\n <LinearProgress />\n </Box>\n );\n }\n\n if (traceError) {\n return (\n <Box sx={{ p: 2 }}>\n <Alert\n action={\n <Button color=\"inherit\" onClick={() => requestTrace({ refresh: true, onlyOwnCode: hideExternalSteps })} size=\"small\">\n Retry\n </Button>\n }\n severity=\"error\"\n >\n {traceError}\n </Alert>\n </Box>\n );\n }\n\n if (!trace) {\n if (!hasCheckedForStoredTrace) {\n return null;\n }\n\n // No stored trace — explain what tracing is and let the user start one explicitly.\n // Begin Trace deliberately leaves refresh false so a trace that landed since the\n // check is served straight from storage instead of re-running.\n const isTraceable = log.log?.runtimeType === QpqRuntimeType.EXECUTE_STORY;\n\n return (\n <Box sx={{ alignItems: 'center', display: 'flex', height: '100%', justifyContent: 'center', p: 3 }}>\n <Box sx={{ maxWidth: 560, textAlign: 'center' }}>\n <TroubleshootIcon color=\"primary\" sx={{ fontSize: 56, mb: 1 }} />\n <Typography gutterBottom variant=\"h6\">\n Step-through execution trace\n </Typography>\n <Typography color=\"text.secondary\" sx={{ mb: 3 }} variant=\"body2\">\n A trace replays this log inside the service that ran it, recording every statement it executes and the local variables at each step — then\n you can scrub through the run line by line, like a time-travel debugger for exactly what happened.\n </Typography>\n {!isTraceable && (\n <Alert severity=\"warning\" sx={{ mb: 3, textAlign: 'left' }}>\n Only {QpqRuntimeType.EXECUTE_STORY} logs can be traced — this is a {log.log?.runtimeType || 'different'} log. Use the Tree tab to walk\n down to the {QpqRuntimeType.EXECUTE_STORY} runs it triggered and trace those instead.\n </Alert>\n )}\n {isTraceable && (\n <Box sx={{ mb: 1 }}>\n <FormControlLabel\n control={<Checkbox checked={hideExternalSteps} onChange={(event) => setHideExternalSteps(event.target.checked)} size=\"small\" />}\n label={\n <Typography variant=\"body2\">\n My code only — trace just this service's own source (much faster; framework internals get no steps)\n </Typography>\n }\n />\n </Box>\n )}\n <Button disabled={!isTraceable} onClick={() => requestTrace({ onlyOwnCode: hideExternalSteps })} variant=\"contained\">\n Begin Trace\n </Button>\n {isTraceable && (\n <Typography color=\"text.secondary\" display=\"block\" sx={{ mt: 1.5 }} variant=\"caption\">\n Runs in {log.log?.moduleName ? `the ${log.log.moduleName} service` : 'the owning service'} and can take a minute.\n </Typography>\n )}\n </Box>\n </Box>\n );\n }\n\n return (\n <Box sx={{ height: '100%' }}>\n <TraceViewer\n actions={\n <Tooltip\n title={hideExternalSteps ? 'Re-traces with breakpoints only in your own code — the whole step budget goes to your statements' : ''}\n >\n <Button onClick={() => requestTrace({ refresh: true, onlyOwnCode: hideExternalSteps })} size=\"small\" sx={{ flexShrink: 0 }}>\n Re-run Trace{hideExternalSteps ? ' (my code only)' : ''}\n </Button>\n </Tooltip>\n }\n hideExternalSteps={hideExternalSteps}\n onHideExternalStepsChange={setHideExternalSteps}\n trace={trace}\n />\n </Box>\n );\n};\n"]}

package/lib/commonjs/LogViewer/LogDialog/tabs/TraceTab/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './TraceTab';

package/lib/commonjs/LogViewer/{AdminLogs/hooks/types → LogDialog/tabs/TraceTab}/index.js RENAMED Viewed

@@ -14,4 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./LogLogSearchParams"), exports);
+__exportStar(require("./TraceTab"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/LogViewer/LogDialog/tabs/TraceTab/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/TraceTab/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B","sourcesContent":["export * from './TraceTab';\n"]}

package/lib/commonjs/LogViewer/LogDialog/tabs/TreeTab/TreeTab.js CHANGED Viewed

@@ -10,3 +10,4 @@ const TreeTab = ({ log, isVisible, setSelectedLogCorrelation, treeApi, }) => {
     return ((0, jsx_runtime_1.jsx)(LogCorrelations_1.LogCorrelations, { isVisible: isVisible, logCorrelation: log.logCorrelation, setSelectedLogCorrelation: setSelectedLogCorrelation, treeApi: treeApi }));
 };
 exports.TreeTab = TreeTab;
+//# sourceMappingURL=TreeTab.js.map

package/lib/commonjs/LogViewer/LogDialog/tabs/TreeTab/TreeTab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TreeTab.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/TreeTab/TreeTab.tsx"],"names":[],"mappings":";;;;AAGA,8DAA2D;AAYpD,MAAM,OAAO,GAA2B,CAAC,EAC9C,GAAG,EAEH,SAAS,EACT,yBAAyB,EAEzB,OAAO,GACR,EAAE,EAAE;IACH,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,OAAO,yDAAqB,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,uBAAC,iCAAe,IACd,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,GAAG,CAAC,cAAc,EAClC,yBAAyB,EAAE,yBAAyB,EACpD,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,OAAO,WAoBlB","sourcesContent":["import React from 'react';\n\nimport { TreeApi } from '../../../hooks';\nimport { LogCorrelations } from '../../../LogCorrelations';\nimport { AsyncStoryState } from '../../hooks';\n\ninterface TreeTabProps {\n log: AsyncStoryState;\n\n isVisible: boolean;\n setSelectedLogCorrelation: (correlation: string) => void;\n\n treeApi: TreeApi;\n}\n\nexport const TreeTab: React.FC<TreeTabProps> = ({\n log,\n\n isVisible,\n setSelectedLogCorrelation,\n\n treeApi,\n}) => {\n if (log.isLoading) {\n return <div>Loading...</div>;\n }\n\n return (\n <LogCorrelations\n isVisible={isVisible}\n logCorrelation={log.logCorrelation}\n setSelectedLogCorrelation={setSelectedLogCorrelation}\n treeApi={treeApi}\n />\n );\n};\n"]}

package/lib/commonjs/LogViewer/LogDialog/tabs/TreeTab/index.js CHANGED Viewed

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./TreeTab"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/LogViewer/LogDialog/tabs/TreeTab/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/LogDialog/tabs/TreeTab/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B","sourcesContent":["export * from './TreeTab';\n"]}

package/lib/commonjs/LogViewer/LogDialog/tabs/index.d.ts CHANGED Viewed

@@ -3,4 +3,5 @@ export * from './LogDetailsTab';
 export * from './NotesTab';
 export * from './RawTab';
 export * from './TimelineTab';
+export * from './TraceTab';
 export * from './TreeTab';

package/lib/commonjs/LogViewer/LogDialog/tabs/index.js CHANGED Viewed

@@ -19,4 +19,6 @@ __exportStar(require("./LogDetailsTab"), exports);
 __exportStar(require("./NotesTab"), exports);
 __exportStar(require("./RawTab"), exports);
 __exportStar(require("./TimelineTab"), exports);
+__exportStar(require("./TraceTab"), exports);
 __exportStar(require("./TreeTab"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/LogViewer/LogDialog/tabs/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/LogViewer/LogDialog/tabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,kDAAgC;AAChC,6CAA2B;AAC3B,2CAAyB;AACzB,gDAA8B;AAC9B,6CAA2B;AAC3B,4CAA0B","sourcesContent":["export * from './HelpTab';\nexport * from './LogDetailsTab';\nexport * from './NotesTab';\nexport * from './RawTab';\nexport * from './TimelineTab';\nexport * from './TraceTab';\nexport * from './TreeTab';\n"]}

package/lib/commonjs/LogViewer/LogMetadataGrid.js CHANGED Viewed

@@ -7,9 +7,9 @@ exports.LogMetadataGrid = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
 const x_data_grid_1 = require("@mui/x-data-grid");
+const adminApp_1 = require("../adminApp");
 const DataGridPagination_1 = require("../components/DataGridPagination/DataGridPagination");
 const DateCell_1 = require("../components/DateCell/DateCell");
-const hooks_1 = require("./hooks");
 const LogDialog_1 = require("./LogDialog");
 const formatTime = (ms) => {
     if (ms < 1000)
@@ -47,7 +47,15 @@ const columns = [
     },
 ];
 const LogMetadataGrid = ({ logs, isLoading }) => {
-    const { selectedLogCorrelation, onRowClick, clearSelectedLogCorrelation, setSelectedLogCorrelation, searchProgress } = (0, hooks_1.useLogManagement)();
+    var _a;
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const session = (0, adminApp_1.useSessionState)();
+    const volatile = (0, adminApp_1.useVolatileState)();
+    const searchProgress = (0, adminApp_1.getSearchProgress)(volatile.logResults[(0, adminApp_1.logSearchKey)(session.search)]);
+    const selectedLogCorrelation = (_a = session.openCorrelation) !== null && _a !== void 0 ? _a : '';
+    const onRowClick = ({ row }) => api.applyCorrelationOpened(row.correlation, adminApp_1.CorrelationOpenSource.grid);
+    const clearSelectedLogCorrelation = () => api.applyCorrelationClosed();
+    const setSelectedLogCorrelation = (correlation) => api.applyCorrelationOpened(correlation, adminApp_1.CorrelationOpenSource.tree);
     const getRowClassName = (params) => {
         return params.row.checked ? 'greenRow' : '';
     };
@@ -61,3 +69,4 @@ const LogMetadataGrid = ({ logs, isLoading }) => {
                 }, getRowClassName: getRowClassName, loading: isLoading, onRowClick: onRowClick, rows: logs.map((log) => (Object.assign(Object.assign({}, log), { id: log.correlation }))) }), (0, jsx_runtime_1.jsx)(LogDialog_1.LogDialog, { handleClose: clearSelectedLogCorrelation, logCorrelation: selectedLogCorrelation, open: !!selectedLogCorrelation, setSelectedLogCorrelation: setSelectedLogCorrelation, storyResultMetadatas: logs })] }));
 };
 exports.LogMetadataGrid = LogMetadataGrid;
+//# sourceMappingURL=LogMetadataGrid.js.map

package/lib/commonjs/LogViewer/LogMetadataGrid.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogMetadataGrid.js","sourceRoot":"","sources":["../../../src/LogViewer/LogMetadataGrid.tsx"],"names":[],"mappings":";;;;;;;AAEA,kFAA0D;AAC1D,kDAAsG;AAEtG,0CAAqI;AACrI,4FAAyF;AACzF,8DAA2D;AAC3D,2CAAwC;AAExC,MAAM,UAAU,GAAG,CAAC,EAAU,EAAE,EAAE;IAChC,IAAI,EAAE,GAAG,IAAI;QAAE,OAAO,GAAG,EAAE,IAAI,CAAC;IAChC,MAAM,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC;IACtB,IAAI,GAAG,GAAG,EAAE;QAAE,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1C,MAAM,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;IACrB,IAAI,GAAG,GAAG,EAAE;QAAE,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1C,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE,GAAG,EAAE;QAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACxC,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC;IACpB,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,OAAO,GAAiB;IAC5B;QACE,KAAK,EAAE,WAAW;QAClB,UAAU,EAAE,YAAY;QACxB,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,uBAAC,mBAAQ,IAAC,WAAW,EAAE,MAAM,CAAC,KAAK,GAAI;KACtF;IACD,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE;IACvD,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE;IACrD,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE;IACjD,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE;IAChD,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE;IACpD;QACE,KAAK,EAAE,iBAAiB;QACxB,UAAU,EAAE,gBAAgB;QAC5B,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,2DAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI;QAC7E,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC;KACpD;CACF,CAAC;AAOK,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAwB,EAAE,EAAE;;IAC3E,MAAM,CAAC,GAAG,CAAC,GAAG,IAAA,sBAAW,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAA,0BAAe,GAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAA,2BAAgB,GAAE,CAAC;IAEpC,MAAM,cAAc,GAAG,IAAA,4BAAiB,EAAC,QAAQ,CAAC,UAAU,CAAC,IAAA,uBAAY,EAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5F,MAAM,sBAAsB,GAAG,MAAA,OAAO,CAAC,eAAe,mCAAI,EAAE,CAAC;IAE7D,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAoC,EAAE,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,GAAG,CAAC,WAAW,EAAE,gCAAqB,CAAC,IAAI,CAAC,CAAC;IAC1I,MAAM,2BAA2B,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,sBAAsB,EAAE,CAAC;IACvE,MAAM,yBAAyB,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,WAAW,EAAE,gCAAqB,CAAC,IAAI,CAAC,CAAC;IAE/H,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE;QACzD,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,6DACE,4CACG;;;;SAIA,GACK,EACR,uBAAC,sBAAQ,IACP,YAAY,QACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE;oBACV,UAAU,EAAE,uCAAkB;oBAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,uBAAC,wBAAc,IAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAC,aAAa,GAAG;iBACtF,EACD,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,iCAAM,GAAG,KAAE,EAAE,EAAE,GAAG,CAAC,WAAW,IAAG,CAAC,GAC1D,EACF,uBAAC,qBAAS,IACR,WAAW,EAAE,2BAA2B,EACxC,cAAc,EAAE,sBAAsB,EACtC,IAAI,EAAE,CAAC,CAAC,sBAAsB,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,oBAAoB,EAAE,IAAI,GAC1B,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,eAAe,mBA8C1B","sourcesContent":["import { LogMetadata } from 'quidproquo-webserver';\n\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { DataGrid, GridColDef, GridRenderCellParams, GridRowClassNameParams } from '@mui/x-data-grid';\n\nimport { CorrelationOpenSource, getSearchProgress, logSearchKey, useAdminApp, useSessionState, useVolatileState } from '../adminApp';\nimport { DataGridPagination } from '../components/DataGridPagination/DataGridPagination';\nimport { DateCell } from '../components/DateCell/DateCell';\nimport { LogDialog } from './LogDialog';\n\nconst formatTime = (ms: number) => {\n if (ms < 1000) return `${ms}ms`;\n const sec = ms / 1000;\n if (sec < 60) return `${sec.toFixed(1)}s`;\n const min = sec / 60;\n if (min < 60) return `${min.toFixed(1)}m`;\n const hr = min / 60;\n if (hr < 24) return `${hr.toFixed(1)}h`;\n const day = hr / 24;\n return `${day.toFixed(1)}d`;\n};\n\nconst columns: GridColDef[] = [\n {\n field: 'startedAt',\n headerName: 'Started at',\n flex: 1,\n renderCell: (params: GridRenderCellParams) => <DateCell isoDateTime={params.value} />,\n },\n { field: 'moduleName', headerName: 'Service', flex: 1 },\n { field: 'runtimeType', headerName: 'Type', flex: 1 },\n { field: 'generic', headerName: 'Info', flex: 3 },\n { field: 'error', headerName: 'Error', flex: 4 },\n { field: 'userInfo', headerName: 'User', flex: 1.5 },\n {\n field: 'executionTimeMs',\n headerName: 'Execution Time',\n flex: 1,\n renderCell: (params: GridRenderCellParams) => <>{formatTime(params.value)}</>,\n sortComparator: (v1, v2) => Number(v1) - Number(v2),\n },\n];\n\ntype LogMetadataGridProps = {\n logs: LogMetadata[];\n isLoading: boolean;\n};\n\nexport const LogMetadataGrid = ({ logs, isLoading }: LogMetadataGridProps) => {\n const [api] = useAdminApp();\n const session = useSessionState();\n const volatile = useVolatileState();\n\n const searchProgress = getSearchProgress(volatile.logResults[logSearchKey(session.search)]);\n const selectedLogCorrelation = session.openCorrelation ?? '';\n\n const onRowClick = ({ row }: { row: { correlation: string } }) => api.applyCorrelationOpened(row.correlation, CorrelationOpenSource.grid);\n const clearSelectedLogCorrelation = () => api.applyCorrelationClosed();\n const setSelectedLogCorrelation = (correlation: string) => api.applyCorrelationOpened(correlation, CorrelationOpenSource.tree);\n\n const getRowClassName = (params: GridRowClassNameParams) => {\n return params.row.checked ? 'greenRow' : '';\n };\n\n return (\n <>\n <style>\n {`\n .greenRow {\n background-color: #eaffea;\n }\n `}\n </style>\n <DataGrid\n autoPageSize\n columns={columns}\n components={{\n Pagination: DataGridPagination,\n LoadingOverlay: () => <LinearProgress value={searchProgress} variant=\"determinate\" />,\n }}\n getRowClassName={getRowClassName}\n loading={isLoading}\n onRowClick={onRowClick}\n rows={logs.map((log) => ({ ...log, id: log.correlation }))}\n />\n <LogDialog\n handleClose={clearSelectedLogCorrelation}\n logCorrelation={selectedLogCorrelation}\n open={!!selectedLogCorrelation}\n setSelectedLogCorrelation={setSelectedLogCorrelation}\n storyResultMetadatas={logs}\n />\n </>\n );\n};\n"]}

package/lib/commonjs/LogViewer/LogRawJson.js CHANGED Viewed

@@ -7,3 +7,4 @@ const LogRawJson = ({ log }) => {
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: 1, p: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { gutterBottom: true, variant: "h6", children: "Raw JSON" }), (0, jsx_runtime_1.jsx)("pre", { style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, children: JSON.stringify(log, null, 2) })] }));
 };
 exports.LogRawJson = LogRawJson;
+//# sourceMappingURL=LogRawJson.js.map

package/lib/commonjs/LogViewer/LogRawJson.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogRawJson.js","sourceRoot":"","sources":["../../../src/LogViewer/LogRawJson.tsx"],"names":[],"mappings":";;;;AAEA,4CAAgD;AAMzC,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;IACrD,OAAO,CACL,wBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,aACzB,uBAAC,qBAAU,IAAC,YAAY,QAAC,OAAO,EAAC,IAAI,yBAExB,EACb,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,YAAG,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,IACjG,CACP,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,UAAU,cASrB","sourcesContent":["import { StoryResult } from 'quidproquo-core';\n\nimport { Box, Typography } from '@mui/material';\n\ninterface LogRawJsonProps {\n log: StoryResult<any>;\n}\n\nexport const LogRawJson = ({ log }: LogRawJsonProps) => {\n return (\n <Box sx={{ width: 1, p: 2 }}>\n <Typography gutterBottom variant=\"h6\">\n Raw JSON\n </Typography>\n <pre style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>{JSON.stringify(log, null, 2)}</pre>\n </Box>\n );\n};\n"]}

package/lib/commonjs/LogViewer/LogSearch.d.ts CHANGED Viewed

@@ -1 +1,7 @@
+declare global {
+    interface Window {
+        logs: any;
+        viewLog: any;
+    }
+}
 export declare const LogSearch: () => import("react").JSX.Element;

package/lib/commonjs/LogViewer/LogSearch.js CHANGED Viewed

@@ -2,14 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogSearch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const adminApp_1 = require("../adminApp");
 const TabViewBox_1 = require("../components/TabViewBox");
 const useIsLoading_1 = require("../view/Loading/hooks/useIsLoading");
-const hooks_1 = require("./hooks");
 const LogMetadataGrid_1 = require("./LogMetadataGrid");
 const TopSection_1 = require("./TopSection");
 const LogSearch = () => {
-    const { onSearch, logs } = (0, hooks_1.useLogSearch)();
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const session = (0, adminApp_1.useSessionState)();
+    const volatile = (0, adminApp_1.useVolatileState)();
     const isLoading = (0, useIsLoading_1.useIsLoading)();
-    return (0, jsx_runtime_1.jsx)(TabViewBox_1.TabViewBox, { body: () => (0, jsx_runtime_1.jsx)(LogMetadataGrid_1.LogMetadataGrid, { isLoading: isLoading, logs: logs }), header: () => (0, jsx_runtime_1.jsx)(TopSection_1.TopSection, { onSearch: onSearch }) });
+    const results = volatile.logResults[(0, adminApp_1.logSearchKey)(session.search)];
+    const logs = (0, react_1.useMemo)(() => { var _a; return (_a = results === null || results === void 0 ? void 0 : results.logs) !== null && _a !== void 0 ? _a : []; }, [results === null || results === void 0 ? void 0 : results.logs]);
+    (0, react_1.useEffect)(() => {
+        window.logs = logs;
+        window.viewLog = (log) => api.applyCorrelationOpened(log.correlation, adminApp_1.CorrelationOpenSource.grid);
+    }, [logs, api]);
+    (0, react_1.useEffect)(() => {
+        console.log('logs attached to window, try: viewLog(logs[0])');
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(TabViewBox_1.TabViewBox, { body: () => (0, jsx_runtime_1.jsx)(LogMetadataGrid_1.LogMetadataGrid, { isLoading: isLoading || !!(results === null || results === void 0 ? void 0 : results.isSearching), logs: logs }), header: () => (0, jsx_runtime_1.jsx)(TopSection_1.TopSection, { onSearch: () => api.runLogSearch() }) }));
 };
 exports.LogSearch = LogSearch;
+//# sourceMappingURL=LogSearch.js.map

package/lib/commonjs/LogViewer/LogSearch.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogSearch.js","sourceRoot":"","sources":["../../../src/LogViewer/LogSearch.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2C;AAE3C,0CAAkH;AAClH,yDAAsD;AACtD,qEAAkE;AAClE,uDAAoD;AACpD,6CAA0C;AASnC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,GAAG,CAAC,GAAG,IAAA,sBAAW,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAA,0BAAe,GAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAA,2BAAgB,GAAE,CAAC;IACpC,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAA,uBAAY,EAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,EAAE,CAAA,EAAA,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,MAAM,CAAC,OAAO,GAAG,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,GAAG,CAAC,WAAW,EAAE,gCAAqB,CAAC,IAAI,CAAC,CAAC;IACzG,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;IAEhB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,GAAG,CAAC,gDAAgD,CAAC,CAAC;IAChE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,uBAAU,IACT,IAAI,EAAE,GAAG,EAAE,CAAC,uBAAC,iCAAe,IAAC,SAAS,EAAE,SAAS,IAAI,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA,EAAE,IAAI,EAAE,IAAI,GAAI,EAC3F,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,uBAAU,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,YAAY,EAAE,GAAI,GAChE,CACH,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,SAAS,aAwBpB","sourcesContent":["import { useEffect, useMemo } from 'react';\n\nimport { CorrelationOpenSource, logSearchKey, useAdminApp, useSessionState, useVolatileState } from '../adminApp';\nimport { TabViewBox } from '../components/TabViewBox';\nimport { useIsLoading } from '../view/Loading/hooks/useIsLoading';\nimport { LogMetadataGrid } from './LogMetadataGrid';\nimport { TopSection } from './TopSection';\n\ndeclare global {\n interface Window {\n logs: any;\n viewLog: any;\n }\n}\n\nexport const LogSearch = () => {\n const [api] = useAdminApp();\n const session = useSessionState();\n const volatile = useVolatileState();\n const isLoading = useIsLoading();\n\n const results = volatile.logResults[logSearchKey(session.search)];\n const logs = useMemo(() => results?.logs ?? [], [results?.logs]);\n\n useEffect(() => {\n window.logs = logs;\n window.viewLog = (log: any) => api.applyCorrelationOpened(log.correlation, CorrelationOpenSource.grid);\n }, [logs, api]);\n\n useEffect(() => {\n console.log('logs attached to window, try: viewLog(logs[0])');\n }, []);\n\n return (\n <TabViewBox\n body={() => <LogMetadataGrid isLoading={isLoading || !!results?.isSearching} logs={logs} />}\n header={() => <TopSection onSearch={() => api.runLogSearch()} />}\n />\n );\n};\n"]}

package/lib/commonjs/LogViewer/LogSummary.js CHANGED Viewed

@@ -6,9 +6,11 @@ const quidproquo_web_react_1 = require("quidproquo-web-react");
 const quidproquo_webserver_1 = require("quidproquo-webserver");
 const react_1 = require("react");
 const material_1 = require("@mui/material");
+const adminApp_1 = require("../adminApp");
 const LogSummary = ({ log }) => {
     const [checkedLoading, setCheckedLoading] = (0, react_1.useState)(true);
     const [logMetadata, setLogMetadata] = (0, react_1.useState)(null);
+    const [adminApi] = (0, adminApp_1.useAdminApp)();
     const sendMessage = (0, quidproquo_web_react_1.useWebsocketSendEvent)();
     const handleCheckboxChange = (event) => {
         setCheckedLoading(true);
@@ -19,6 +21,7 @@ const LogSummary = ({ log }) => {
                 checked: event.target.checked,
             },
         };
+        adminApi.applyLogCheckToggled(log.correlation, event.target.checked);
         sendMessage(checkEvent);
     };
     (0, quidproquo_web_react_1.useSubscribeToWebSocketEvent)(quidproquo_webserver_1.WebSocketQueueQpqAdminServerMessageEventType.LogMetadata, (_webSocketService, message) => {
@@ -40,3 +43,4 @@ const LogSummary = ({ log }) => {
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: 1, p: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { gutterBottom: true, variant: "h6", children: "Log Summary" }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ["Correlation ID: ", log.correlation] }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: checkedLoading ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 }) : (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: !!(logMetadata === null || logMetadata === void 0 ? void 0 : logMetadata.checked), onChange: handleCheckboxChange }), label: "Mark as done" })] }));
 };
 exports.LogSummary = LogSummary;
+//# sourceMappingURL=LogSummary.js.map

package/lib/commonjs/LogViewer/LogSummary.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogSummary.js","sourceRoot":"","sources":["../../../src/LogViewer/LogSummary.tsx"],"names":[],"mappings":";;;;AACA,+DAA2F;AAC3F,+DAO8B;AAE9B,iCAA4C;AAC5C,4CAA8F;AAE9F,0CAA0C;AAMnC,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;IACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAEzE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAA,sBAAW,GAAE,CAAC;IACjC,MAAM,WAAW,GAAG,IAAA,4CAAqB,GAAE,CAAC;IAE5C,MAAM,oBAAoB,GAAG,CAAC,KAA0C,EAAE,EAAE;QAC1E,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAExB,MAAM,UAAU,GAA2D;YACzE,IAAI,EAAE,2DAAoC,CAAC,cAAc;YACzD,OAAO,EAAE;gBACP,aAAa,EAAE,GAAG,CAAC,WAAW;gBAC9B,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC9B;SACF,CAAC;QAEF,QAAQ,CAAC,oBAAoB,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACrE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAA,mDAA4B,EAC1B,mEAA4C,CAAC,WAAW,EACxD,CAAC,iBAAiB,EAAE,OAA4D,EAAE,EAAE;QAClF,IAAI,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,KAAK,GAAG,CAAC,WAAW,EAAE,CAAC;YACxD,OAAO;QACT,CAAC;QAED,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC,CACF,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAA+D;YAC/E,IAAI,EAAE,2DAAoC,CAAC,kBAAkB;YAC7D,OAAO,EAAE;gBACP,aAAa,EAAE,GAAG,CAAC,WAAW;aAC/B;SACF,CAAC;QAEF,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,wBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,aACzB,uBAAC,qBAAU,IAAC,YAAY,QAAC,OAAO,EAAC,IAAI,4BAExB,EACb,wBAAC,qBAAU,mCAAkB,GAAG,CAAC,WAAW,IAAc,EAC1D,uBAAC,2BAAgB,IACf,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,uBAAC,2BAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,uBAAC,mBAAQ,IAAC,OAAO,EAAE,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,EAAE,QAAQ,EAAE,oBAAoB,GAAI,EACxI,KAAK,EAAC,cAAc,GACpB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,UAAU,cAyDrB","sourcesContent":["import { StoryResult } from 'quidproquo-core';\nimport { useSubscribeToWebSocketEvent, useWebsocketSendEvent } from 'quidproquo-web-react';\nimport {\n LogMetadata,\n WebsocketAdminClientMessageEventType,\n WebSocketQueueClientEventMessageQpqAdminMarkLogChecked,\n WebSocketQueueClientEventMessageQpqAdminRefreshLogMetadata,\n WebSocketQueueQpqAdminServerEventMessageLogMetadata,\n WebSocketQueueQpqAdminServerMessageEventType,\n} from 'quidproquo-webserver';\n\nimport { useEffect, useState } from 'react';\nimport { Box, Checkbox, CircularProgress, FormControlLabel, Typography } from '@mui/material';\n\nimport { useAdminApp } from '../adminApp';\n\ninterface LogSummaryProps {\n log: StoryResult<any>;\n}\n\nexport const LogSummary = ({ log }: LogSummaryProps) => {\n const [checkedLoading, setCheckedLoading] = useState(true);\n const [logMetadata, setLogMetadata] = useState<LogMetadata | null>(null);\n\n const [adminApi] = useAdminApp();\n const sendMessage = useWebsocketSendEvent();\n\n const handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setCheckedLoading(true);\n\n const checkEvent: WebSocketQueueClientEventMessageQpqAdminMarkLogChecked = {\n type: WebsocketAdminClientMessageEventType.MarkLogChecked,\n payload: {\n correlationId: log.correlation,\n checked: event.target.checked,\n },\n };\n\n adminApi.applyLogCheckToggled(log.correlation, event.target.checked);\n sendMessage(checkEvent);\n };\n\n useSubscribeToWebSocketEvent(\n WebSocketQueueQpqAdminServerMessageEventType.LogMetadata,\n (_webSocketService, message: WebSocketQueueQpqAdminServerEventMessageLogMetadata) => {\n if (message.payload.log.correlation !== log.correlation) {\n return;\n }\n\n setCheckedLoading(false);\n setLogMetadata(message.payload.log);\n },\n );\n\n useEffect(() => {\n const refreshEvent: WebSocketQueueClientEventMessageQpqAdminRefreshLogMetadata = {\n type: WebsocketAdminClientMessageEventType.RefreshLogMetadata,\n payload: {\n correlationId: log.correlation,\n },\n };\n\n sendMessage(refreshEvent);\n }, [log.correlation, sendMessage]);\n\n return (\n <Box sx={{ width: 1, p: 2 }}>\n <Typography gutterBottom variant=\"h6\">\n Log Summary\n </Typography>\n <Typography>Correlation ID: {log.correlation}</Typography>\n <FormControlLabel\n control={checkedLoading ? <CircularProgress size={24} /> : <Checkbox checked={!!logMetadata?.checked} onChange={handleCheckboxChange} />}\n label=\"Mark as done\"\n />\n </Box>\n );\n};\n"]}

package/lib/commonjs/LogViewer/LogSummaryDetails.js CHANGED Viewed

@@ -16,8 +16,9 @@ const LogSummaryDetails = ({ log }) => {
     const [expanded, setExpanded] = (0, react_1.useState)(false);
     const totalRuntime = new Date(log.finishedAt).getTime() - new Date(log.startedAt).getTime();
     const functionKey = log.qpqFunctionRuntimeInfo
-        ? (0, quidproquo_core_1.getUniqueKeyFromQpqFunctionRuntime)(log.qpqFunctionRuntimeInfo)
+        ? (0, quidproquo_core_1.getFederatedKeyFromQpqFunctionRuntime)(log.qpqFunctionRuntimeInfo)
         : runtimeTypeToCamelCase(log.runtimeType);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { alignItems: "center", display: "flex", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { gutterBottom: true, variant: "h5", children: [log.runtimeType, " - ", log.moduleName] }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: expanded ? 'Collapse' : 'Expand', children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => setExpanded(!expanded), size: "small", children: expanded ? (0, jsx_runtime_1.jsx)(ExpandLess_1.default, {}) : (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) }) })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("pre", { style: AnyVariableView_1.genericFunctionRendererStyles.pre, children: [(0, jsx_runtime_1.jsxs)("div", { style: AnyVariableView_1.genericFunctionRendererStyles.commentBlock, children: [(0, jsx_runtime_1.jsx)("div", { children: '// //////////////////////////////////////////////////////' }), (0, jsx_runtime_1.jsxs)("div", { children: ['// src: ', functionKey] }), log.fromCorrelation && ((0, jsx_runtime_1.jsxs)("div", { children: ['// Caller: ', log.fromCorrelation] })), (0, jsx_runtime_1.jsxs)("div", { children: ['// Total Runtime: ', (0, jsx_runtime_1.jsxs)("span", { style: AnyVariableView_1.genericFunctionRendererStyles.highlightComment, children: [totalRuntime, " ms"] })] }), (0, jsx_runtime_1.jsx)("div", { children: '// //////////////////////////////////////////////////////' })] }), (0, jsx_runtime_1.jsx)(AnyVariableView_1.GenericFunctionRenderer, { args: log.input, expanded: expanded, functionName: functionKey.split('::').pop() || 'unknown' })] }) })] }));
 };
 exports.LogSummaryDetails = LogSummaryDetails;
+//# sourceMappingURL=LogSummaryDetails.js.map

package/lib/commonjs/LogViewer/LogSummaryDetails.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogSummaryDetails.js","sourceRoot":"","sources":["../../../src/LogViewer/LogSummaryDetails.tsx"],"names":[],"mappings":";;;;;;;AAAA,qDAAqF;AAErF,iCAAiC;AACjC,gFAA4D;AAC5D,gFAA4D;AAC5D,4CAAqE;AAErE,8FAAkI;AAMlI,MAAM,sBAAsB,GAAG,CAAC,WAAmB,EAAU,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;AAEtI,MAAM,iBAAiB,GAAG,CAAC,EAAE,GAAG,EAA0B,EAAE,EAAE;IACnE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC;IAC5F,MAAM,WAAW,GAAG,GAAG,CAAC,sBAAsB;QAC5C,CAAC,CAAC,IAAA,uDAAqC,EAAC,GAAG,CAAC,sBAAsB,CAAC;QACnE,CAAC,CAAC,sBAAsB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE5C,OAAO,CACL,6DACE,wBAAC,cAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,aACrC,wBAAC,qBAAU,IAAC,YAAY,QAAC,OAAO,EAAC,IAAI,aAClC,GAAG,CAAC,WAAW,SAAK,GAAG,CAAC,UAAU,IACxB,EACb,uBAAC,kBAAO,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,YAC9C,uBAAC,qBAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAC,OAAO,YAC5D,QAAQ,CAAC,CAAC,CAAC,uBAAC,oBAAc,KAAG,CAAC,CAAC,CAAC,uBAAC,oBAAc,KAAG,GACxC,GACL,IACN,EACN,0CACE,iCAAK,KAAK,EAAE,+CAA6B,CAAC,GAAG,aAC3C,iCAAK,KAAK,EAAE,+CAA6B,CAAC,YAAY,aACpD,0CAAM,2DAA2D,GAAO,EACxE,4CACG,UAAU,EACV,WAAW,IACR,EACL,GAAG,CAAC,eAAe,IAAI,CACtB,4CACG,aAAa,EACb,GAAG,CAAC,eAAe,IAChB,CACP,EACD,4CACG,oBAAoB,EACrB,kCAAM,KAAK,EAAE,+CAA6B,CAAC,gBAAgB,aAAG,YAAY,WAAW,IACjF,EACN,0CAAM,2DAA2D,GAAO,IACpE,EACN,uBAAC,yCAAuB,IAAC,IAAI,EAAE,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,IAAI,SAAS,GAAI,IACtH,GACF,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,iBAAiB,qBA6C5B","sourcesContent":["import { getFederatedKeyFromQpqFunctionRuntime, StoryResult } from 'quidproquo-core';\n\nimport { useState } from 'react';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { Box, IconButton, Tooltip, Typography } from '@mui/material';\n\nimport { GenericFunctionRenderer, genericFunctionRendererStyles } from './actionComponents/genericActionRenderer/AnyVariableView';\n\ninterface LogSummaryDetailsProps {\n log: StoryResult<any>;\n}\n\nconst runtimeTypeToCamelCase = (runtimeType: string): string => runtimeType.toLowerCase().replace(/_(\\w)/g, (_, char) => char.toUpperCase());\n\nexport const LogSummaryDetails = ({ log }: LogSummaryDetailsProps) => {\n const [expanded, setExpanded] = useState(false);\n\n const totalRuntime = new Date(log.finishedAt).getTime() - new Date(log.startedAt).getTime();\n const functionKey = log.qpqFunctionRuntimeInfo\n ? getFederatedKeyFromQpqFunctionRuntime(log.qpqFunctionRuntimeInfo)\n : runtimeTypeToCamelCase(log.runtimeType);\n\n return (\n <>\n <Box alignItems=\"center\" display=\"flex\">\n <Typography gutterBottom variant=\"h5\">\n {log.runtimeType} - {log.moduleName}\n </Typography>\n <Tooltip title={expanded ? 'Collapse' : 'Expand'}>\n <IconButton onClick={() => setExpanded(!expanded)} size=\"small\">\n {expanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n </IconButton>\n </Tooltip>\n </Box>\n <div>\n <pre style={genericFunctionRendererStyles.pre}>\n <div style={genericFunctionRendererStyles.commentBlock}>\n <div>{'// //////////////////////////////////////////////////////'}</div>\n <div>\n {'// src: '}\n {functionKey}\n </div>\n {log.fromCorrelation && (\n <div>\n {'// Caller: '}\n {log.fromCorrelation}\n </div>\n )}\n <div>\n {'// Total Runtime: '}\n <span style={genericFunctionRendererStyles.highlightComment}>{totalRuntime} ms</span>\n </div>\n <div>{'// //////////////////////////////////////////////////////'}</div>\n </div>\n <GenericFunctionRenderer args={log.input} expanded={expanded} functionName={functionKey.split('::').pop() || 'unknown'} />\n </pre>\n </div>\n </>\n );\n};\n"]}

package/lib/commonjs/LogViewer/LogSummaryReturn.js CHANGED Viewed

@@ -15,3 +15,4 @@ const LogSummaryReturn = ({ log }) => {
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { alignItems: "center", display: "flex", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { gutterBottom: true, variant: "h6", children: log.error ? 'Thrown Error' : 'Returned' }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: expanded ? 'Collapse' : 'Expand', children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => setExpanded(!expanded), size: "small", children: expanded ? (0, jsx_runtime_1.jsx)(ExpandLess_1.default, {}) : (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) }) })] }), (0, jsx_runtime_1.jsx)("pre", { style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, children: (0, jsx_runtime_1.jsx)("pre", { style: actionComponents_1.genericFunctionRendererStyles.pre, children: log.error ? (0, jsx_runtime_1.jsx)(actionComponents_1.AnyVariableView, { expanded: expanded, value: log.error }) : (0, jsx_runtime_1.jsx)(actionComponents_1.AnyVariableView, { expanded: expanded, value: log.result }) }) })] }));
 };
 exports.LogSummaryReturn = LogSummaryReturn;
+//# sourceMappingURL=LogSummaryReturn.js.map

package/lib/commonjs/LogViewer/LogSummaryReturn.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LogSummaryReturn.js","sourceRoot":"","sources":["../../../src/LogViewer/LogSummaryReturn.tsx"],"names":[],"mappings":";;;;;;;AAEA,iCAAiC;AACjC,gFAA4D;AAC5D,gFAA4D;AAC5D,4CAAqE;AAErE,yDAAoF;AAM7E,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAyB,EAAE,EAAE;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,4CACE,wBAAC,cAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,aACrC,uBAAC,qBAAU,IAAC,YAAY,QAAC,OAAO,EAAC,IAAI,YAClC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,GAC7B,EACb,uBAAC,kBAAO,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,YAC9C,uBAAC,qBAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAC,OAAO,YAC5D,QAAQ,CAAC,CAAC,CAAC,uBAAC,oBAAc,KAAG,CAAC,CAAC,CAAC,uBAAC,oBAAc,KAAG,GACxC,GACL,IACN,EACN,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,YAC7D,gCAAK,KAAK,EAAE,gDAA6B,CAAC,GAAG,YAC1C,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,kCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,uBAAC,kCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,GAAI,GAC/H,GACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B","sourcesContent":["import { StoryResult } from 'quidproquo-core';\n\nimport { useState } from 'react';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { Box, IconButton, Tooltip, Typography } from '@mui/material';\n\nimport { AnyVariableView, genericFunctionRendererStyles } from './actionComponents';\n\ninterface LogSummaryReturnProps {\n log: StoryResult<any>;\n}\n\nexport const LogSummaryReturn = ({ log }: LogSummaryReturnProps) => {\n const [expanded, setExpanded] = useState(false);\n\n return (\n <div>\n <Box alignItems=\"center\" display=\"flex\">\n <Typography gutterBottom variant=\"h6\">\n {log.error ? 'Thrown Error' : 'Returned'}\n </Typography>\n <Tooltip title={expanded ? 'Collapse' : 'Expand'}>\n <IconButton onClick={() => setExpanded(!expanded)} size=\"small\">\n {expanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n </IconButton>\n </Tooltip>\n </Box>\n <pre style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>\n <pre style={genericFunctionRendererStyles.pre}>\n {log.error ? <AnyVariableView expanded={expanded} value={log.error} /> : <AnyVariableView expanded={expanded} value={log.result} />}\n </pre>\n </pre>\n </div>\n );\n};\n"]}

package/lib/commonjs/LogViewer/TopSection.js CHANGED Viewed

@@ -17,13 +17,13 @@ const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const system_1 = require("@mui/system");
 const x_date_pickers_1 = require("@mui/x-date-pickers");
 const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
+const adminApp_1 = require("../adminApp");
 const AsyncButton_1 = require("../components/AsyncButton");
-const queryParams_1 = require("../queryParams");
 const constants_1 = require("./constants");
 const hooks_1 = require("./hooks");
 function TopSection({ onSearch }) {
     const serviceOptions = (0, hooks_1.useServiceNames)();
-    const { runtimeType, handleRuntimeTypeOnChange, service, handleServiceOnChange, startDate, handleStartDateChange, endDate, handleEndDateChange, user, handleUserOnChange, info, handleInfoOnChange, deep, handleDeepOnChange, error, handleErrorOnChange, updateStartAndEndTimeSpan, } = (0, queryParams_1.useUrlFields)();
+    const { runtimeType, handleRuntimeTypeOnChange, service, handleServiceOnChange, startDate, handleStartDateChange, endDate, handleEndDateChange, user, handleUserOnChange, info, handleInfoOnChange, deep, handleDeepOnChange, error, handleErrorOnChange, updateStartAndEndTimeSpan, } = (0, adminApp_1.useSearchFields)();
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     const handleQuickTimeClick = (event) => {
         setAnchorEl(event.currentTarget);
@@ -52,3 +52,4 @@ function TopSection({ onSearch }) {
                                     shrink: true,
                                 }, label: "Deep Search", onChange: handleDeepOnChange, placeholder: "Use with caution, reduce results with above fields first, this is a contains search on the log JSON, so it will be slow.", value: deep }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(AsyncButton_1.AsyncButton, { onClick: () => onSearch(), children: "Search" }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Menu, { anchorEl: anchorEl, id: "quick-time-menu", keepMounted: true, onClose: handleQuickTimeClose, open: Boolean(anchorEl), children: [(0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(5), children: "Last 5 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30), children: "Last 30 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(1 * 60), children: "Last hour" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(3 * 60), children: "Last 3 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(8 * 60), children: "Last 8 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(16 * 60), children: "Last 16 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(24 * 60), children: "Last 24 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(7 * 24 * 60), children: "Last 7 days" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30 * 24 * 60), children: "Last month" })] })] }));
 }
+//# sourceMappingURL=TopSection.js.map

package/lib/commonjs/LogViewer/TopSection.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TopSection.js","sourceRoot":"","sources":["../../../src/LogViewer/TopSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { Autocomplete, IconButton, Menu } from '@mui/material';\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select from '@mui/material/Select';\nimport TextField from '@mui/material/TextField';\nimport { Box } from '@mui/system';\nimport { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers';\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';\n\nimport { useSearchFields } from '../adminApp';\nimport { AsyncButton } from '../components/AsyncButton';\nimport { RuntimeTypes } from './constants';\nimport { useServiceNames } from './hooks';\n\nexport interface TopSectionProps {\n onSearch: () => Promise<any>;\n}\n\nexport function TopSection({ onSearch }: TopSectionProps) {\n const serviceOptions = useServiceNames();\n\n const {\n runtimeType,\n handleRuntimeTypeOnChange,\n service,\n handleServiceOnChange,\n startDate,\n handleStartDateChange,\n endDate,\n handleEndDateChange,\n user,\n handleUserOnChange,\n info,\n handleInfoOnChange,\n deep,\n handleDeepOnChange,\n error,\n handleErrorOnChange,\n updateStartAndEndTimeSpan,\n } = useSearchFields();\n\n const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n const handleQuickTimeClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleQuickTimeClose = () => {\n setAnchorEl(null);\n };\n\n const handleQuickTimeSelect = (minutes: number) => {\n updateStartAndEndTimeSpan(minutes);\n handleQuickTimeClose();\n };\n\n return (\n <LocalizationProvider dateAdapter={AdapterDateFns}>\n <Grid columns={12} container spacing={2}>\n <Grid item xs={2}>\n <FormControl fullWidth>\n <InputLabel id=\"runtime-select-label\">Runtime Type</InputLabel>\n <Select\n id=\"demo-simple-select\"\n label=\"Runtime Type\"\n labelId=\"runtime-select-label\"\n onChange={handleRuntimeTypeOnChange}\n value={runtimeType}\n >\n {RuntimeTypes.map((key) => (\n <MenuItem key={key} value={key}>\n {key}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Grid>\n <Grid item xs={2}>\n <FormControl fullWidth>\n <Autocomplete\n getOptionLabel={(option) => option.label}\n onChange={handleServiceOnChange}\n options={serviceOptions}\n renderInput={(params) => (\n <TextField\n {...params}\n InputLabelProps={{\n shrink: true,\n }}\n label=\"Service Name\"\n />\n )}\n value={serviceOptions.find((o) => o.value === service) || null}\n />\n </FormControl>\n </Grid>\n <Grid item xs={2}>\n <Box position=\"relative\">\n <FormControl fullWidth>\n <DateTimePicker label=\"Start DateTime\" onChange={handleStartDateChange} value={startDate} />\n </FormControl>\n <IconButton\n aria-controls=\"quick-time-menu\"\n aria-haspopup=\"true\"\n aria-label=\"quick time select\"\n onClick={handleQuickTimeClick}\n sx={{\n position: 'absolute',\n right: '-28px',\n top: '50%',\n transform: 'translateY(-50%)',\n }}\n >\n <ExpandMoreIcon />\n </IconButton>\n </Box>\n </Grid>\n <Grid item xs={2}>\n <FormControl fullWidth>\n <DateTimePicker label=\"End DateTime\" onChange={handleEndDateChange} value={endDate} />\n </FormControl>\n </Grid>\n <Grid item xs={4}>\n <FormControl fullWidth>\n <TextField\n InputLabelProps={{\n shrink: true,\n }}\n label=\"User\"\n onChange={handleUserOnChange}\n value={user}\n />\n </FormControl>\n </Grid>\n <Grid item xs={6}>\n <FormControl fullWidth>\n <TextField\n InputLabelProps={{\n shrink: true,\n }}\n label=\"Info\"\n onChange={handleInfoOnChange}\n value={info}\n />\n </FormControl>\n </Grid>\n <Grid item xs={6}>\n <FormControl fullWidth>\n <TextField\n InputLabelProps={{\n shrink: true,\n }}\n label=\"Error Filter\"\n onChange={handleErrorOnChange}\n value={error}\n />\n </FormControl>\n </Grid>\n <Grid item xs={10}>\n <FormControl fullWidth>\n <TextField\n InputLabelProps={{\n shrink: true,\n }}\n label=\"Deep Search\"\n onChange={handleDeepOnChange}\n placeholder=\"Use with caution, reduce results with above fields first, this is a contains search on the log JSON, so it will be slow.\"\n value={deep}\n />\n </FormControl>\n </Grid>\n <Grid item xs={2}>\n <AsyncButton onClick={() => onSearch()}>Search</AsyncButton>\n </Grid>\n </Grid>\n <Menu anchorEl={anchorEl} id=\"quick-time-menu\" keepMounted onClose={handleQuickTimeClose} open={Boolean(anchorEl)}>\n <MenuItem onClick={() => handleQuickTimeSelect(5)}>Last 5 minutes</MenuItem>\n <MenuItem onClick={() => handleQuickTimeSelect(30)}>Last 30 minutes</MenuItem>\n <MenuItem onClick={() => handleQuickTimeSelect(1 * 60)}>Last hour</MenuItem>\n <MenuItem onClick={() => handleQuickTimeSelect(3 * 60)}>Last 3 hours</MenuItem>\n <MenuItem onClick={() => handleQuickTimeSelect(8 * 60)}>Last 8 hours</MenuItem>\n <MenuItem onClick={() => handleQuickTimeSelect(16 * 60)}>Last 16 hours</MenuItem>\n <MenuItem onClick={() => handleQuickTimeSelect(24 * 60)}>Last 24 hours</MenuItem>\n <MenuItem onClick={() => handleQuickTimeSelect(7 * 24 * 60)}>Last 7 days</MenuItem>\n <MenuItem onClick={() => handleQuickTimeSelect(30 * 24 * 60)}>Last month</MenuItem>\n </Menu>\n </LocalizationProvider>\n );\n}\n"]}

package/lib/commonjs/LogViewer/TraceViewer/LocalValueTree.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { QpqExecutionTraceValue } from 'quidproquo-core';
+import React from 'react';
+interface LocalValueTreeProps {
+    name: string;
+    value: QpqExecutionTraceValue;
+}
+export declare const LocalValueTree: React.FC<LocalValueTreeProps>;
+export {};

package/lib/commonjs/LogViewer/TraceViewer/LocalValueTree.js ADDED Viewed

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocalValueTree = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const primitiveStyle = { color: 'rgba(70, 140, 200, 1)' };
+const markerStyle = { color: 'rgba(150, 150, 150, 1)', fontStyle: 'italic' };
+const nameStyle = { fontWeight: 600 };
+const branchStyle = { paddingLeft: 20 };
+// Capture-time placeholders («circular», «function fn», «+3 more», …) come through as
+// strings — render them dim/italic so they read as markers, not data.
+const isMarkerString = (value) => value.startsWith('«') && value.endsWith('»');
+const renderPrimitive = (value) => {
+    if (typeof value === 'string') {
+        return isMarkerString(value) ? (0, jsx_runtime_1.jsx)("span", { style: markerStyle, children: value.slice(1, -1) }) : (0, jsx_runtime_1.jsx)("span", { style: primitiveStyle, children: `'${value}'` });
+    }
+    return (0, jsx_runtime_1.jsx)("span", { style: primitiveStyle, children: String(value) });
+};
+const RenderNode = ({ label, node }) => {
+    if (node === null || typeof node !== 'object') {
+        return ((0, jsx_runtime_1.jsxs)("div", { style: branchStyle, children: [(0, jsx_runtime_1.jsx)("span", { style: nameStyle, children: label }), ": ", renderPrimitive(node)] }));
+    }
+    const isArray = Array.isArray(node);
+    const entries = Object.entries(node);
+    const summary = isArray ? `[${entries.length}]` : `{${entries.length}}`;
+    return ((0, jsx_runtime_1.jsxs)("details", { style: branchStyle, children: [(0, jsx_runtime_1.jsxs)("summary", { style: { cursor: 'pointer' }, children: [(0, jsx_runtime_1.jsx)("span", { style: nameStyle, children: label }), " ", (0, jsx_runtime_1.jsx)("span", { style: markerStyle, children: summary })] }), entries.map(([key, child]) => ((0, jsx_runtime_1.jsx)(RenderNode, { label: key, node: child }, key)))] }));
+};
+const LocalValueTree = ({ name, value }) => {
+    const parsed = (0, react_1.useMemo)(() => {
+        if (!value.json) {
+            return undefined;
+        }
+        try {
+            return JSON.parse(value.json);
+        }
+        catch (_a) {
+            return undefined;
+        }
+    }, [value.json]);
+    if (parsed === undefined || parsed === null || typeof parsed !== 'object') {
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { style: nameStyle, children: name }), " = ", value.preview] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("details", { children: [(0, jsx_runtime_1.jsxs)("summary", { style: { cursor: 'pointer' }, children: [(0, jsx_runtime_1.jsx)("span", { style: nameStyle, children: name }), " = ", value.preview] }), Object.entries(parsed).map(([key, child]) => ((0, jsx_runtime_1.jsx)(RenderNode, { label: key, node: child }, key)))] }));
+};
+exports.LocalValueTree = LocalValueTree;
+//# sourceMappingURL=LocalValueTree.js.map

package/lib/commonjs/LogViewer/TraceViewer/LocalValueTree.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LocalValueTree.js","sourceRoot":"","sources":["../../../../src/LogViewer/TraceViewer/LocalValueTree.tsx"],"names":[],"mappings":"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","sourcesContent":["import { QpqExecutionTraceValue } from 'quidproquo-core';\n\nimport React, { useMemo } from 'react';\n\n// Expandable rendering of one captured local. Values with a deep json capture render as\n// a collapsible tree (native <details>, so state survives without bookkeeping); values\n// without one fall back to their preview string.\n\ninterface LocalValueTreeProps {\n name: string;\n value: QpqExecutionTraceValue;\n}\n\nconst primitiveStyle: React.CSSProperties = { color: 'rgba(70, 140, 200, 1)' };\nconst markerStyle: React.CSSProperties = { color: 'rgba(150, 150, 150, 1)', fontStyle: 'italic' };\nconst nameStyle: React.CSSProperties = { fontWeight: 600 };\nconst branchStyle: React.CSSProperties = { paddingLeft: 20 };\n\n// Capture-time placeholders («circular», «function fn», «+3 more», …) come through as\n// strings — render them dim/italic so they read as markers, not data.\nconst isMarkerString = (value: string): boolean => value.startsWith('«') && value.endsWith('»');\n\nconst renderPrimitive = (value: unknown): React.ReactNode => {\n if (typeof value === 'string') {\n return isMarkerString(value) ? <span style={markerStyle}>{value.slice(1, -1)}</span> : <span style={primitiveStyle}>{`'${value}'`}</span>;\n }\n return <span style={primitiveStyle}>{String(value)}</span>;\n};\n\nconst RenderNode: React.FC<{ label: string; node: unknown }> = ({ label, node }) => {\n if (node === null || typeof node !== 'object') {\n return (\n <div style={branchStyle}>\n <span style={nameStyle}>{label}</span>: {renderPrimitive(node)}\n </div>\n );\n }\n\n const isArray = Array.isArray(node);\n const entries = Object.entries(node as Record<string, unknown>);\n const summary = isArray ? `[${entries.length}]` : `{${entries.length}}`;\n\n return (\n <details style={branchStyle}>\n <summary style={{ cursor: 'pointer' }}>\n <span style={nameStyle}>{label}</span> <span style={markerStyle}>{summary}</span>\n </summary>\n {entries.map(([key, child]) => (\n <RenderNode key={key} label={key} node={child} />\n ))}\n </details>\n );\n};\n\nexport const LocalValueTree: React.FC<LocalValueTreeProps> = ({ name, value }) => {\n const parsed = useMemo(() => {\n if (!value.json) {\n return undefined;\n }\n try {\n return JSON.parse(value.json);\n } catch {\n return undefined;\n }\n }, [value.json]);\n\n if (parsed === undefined || parsed === null || typeof parsed !== 'object') {\n return (\n <div>\n <span style={nameStyle}>{name}</span> = {value.preview}\n </div>\n );\n }\n\n return (\n <details>\n <summary style={{ cursor: 'pointer' }}>\n <span style={nameStyle}>{name}</span> = {value.preview}\n </summary>\n {Object.entries(parsed as Record<string, unknown>).map(([key, child]) => (\n <RenderNode key={key} label={key} node={child} />\n ))}\n </details>\n );\n};\n"]}

package/lib/commonjs/LogViewer/TraceViewer/TraceViewer.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { QpqExecutionTrace } from 'quidproquo-core';
+import React from 'react';
+interface TraceViewerProps {
+    trace: QpqExecutionTrace;
+    hideExternalSteps: boolean;
+    onHideExternalStepsChange: (hideExternalSteps: boolean) => void;
+    actions?: React.ReactNode;
+}
+export declare const TraceViewer: React.FC<TraceViewerProps>;
+export {};