@oneuptime/common 10.0.20 → 10.0.22
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/Server/API/TelemetryAPI.ts +208 -0
- package/Server/API/UserCallAPI.ts +29 -0
- package/Server/API/UserEmailAPI.ts +29 -0
- package/Server/API/UserSmsAPI.ts +29 -0
- package/Server/API/UserWhatsAppAPI.ts +29 -0
- package/Server/Services/LogAggregationService.ts +251 -0
- package/Server/Types/AnalyticsDatabase/ModelPermission.ts +2 -2
- package/Server/Types/Database/Permissions/TenantPermission.ts +2 -2
- package/Server/Utils/VM/VMRunner.ts +10 -0
- package/Types/Log/LogQueryParser.ts +252 -0
- package/Types/Log/LogQueryToFilter.ts +131 -0
- package/UI/Components/CopyTextButton/CopyTextButton.tsx +3 -3
- package/UI/Components/LogsViewer/LogsViewer.tsx +166 -93
- package/UI/Components/LogsViewer/components/ActiveFilterChips.tsx +58 -0
- package/UI/Components/LogsViewer/components/FacetSection.tsx +119 -0
- package/UI/Components/LogsViewer/components/FacetValueRow.tsx +102 -0
- package/UI/Components/LogsViewer/components/HistogramTooltip.tsx +122 -0
- package/UI/Components/LogsViewer/components/LiveLogsToggle.tsx +4 -4
- package/UI/Components/LogsViewer/components/LogDetailsPanel.tsx +22 -26
- package/UI/Components/LogsViewer/components/LogSearchBar.tsx +360 -0
- package/UI/Components/LogsViewer/components/LogSearchHelp.tsx +128 -0
- package/UI/Components/LogsViewer/components/LogSearchSuggestions.tsx +64 -0
- package/UI/Components/LogsViewer/components/LogTimeRangePicker.tsx +199 -0
- package/UI/Components/LogsViewer/components/LogsFacetSidebar.tsx +172 -0
- package/UI/Components/LogsViewer/components/LogsFilterCard.tsx +27 -57
- package/UI/Components/LogsViewer/components/LogsHistogram.tsx +268 -0
- package/UI/Components/LogsViewer/components/LogsPagination.tsx +12 -10
- package/UI/Components/LogsViewer/components/LogsTable.tsx +33 -32
- package/UI/Components/LogsViewer/components/LogsViewerToolbar.tsx +16 -18
- package/UI/Components/LogsViewer/components/severityColors.ts +31 -0
- package/UI/Components/LogsViewer/components/severityTheme.ts +25 -25
- package/UI/Components/LogsViewer/types.ts +20 -0
- package/build/dist/Server/API/TelemetryAPI.js +136 -0
- package/build/dist/Server/API/TelemetryAPI.js.map +1 -1
- package/build/dist/Server/API/UserCallAPI.js +17 -0
- package/build/dist/Server/API/UserCallAPI.js.map +1 -1
- package/build/dist/Server/API/UserEmailAPI.js +17 -0
- package/build/dist/Server/API/UserEmailAPI.js.map +1 -1
- package/build/dist/Server/API/UserSmsAPI.js +17 -0
- package/build/dist/Server/API/UserSmsAPI.js.map +1 -1
- package/build/dist/Server/API/UserWhatsAppAPI.js +17 -0
- package/build/dist/Server/API/UserWhatsAppAPI.js.map +1 -1
- package/build/dist/Server/Services/LogAggregationService.js +163 -0
- package/build/dist/Server/Services/LogAggregationService.js.map +1 -0
- package/build/dist/Server/Types/AnalyticsDatabase/ModelPermission.js +2 -2
- package/build/dist/Server/Types/AnalyticsDatabase/ModelPermission.js.map +1 -1
- package/build/dist/Server/Types/Database/Permissions/TenantPermission.js +2 -2
- package/build/dist/Server/Types/Database/Permissions/TenantPermission.js.map +1 -1
- package/build/dist/Server/Utils/VM/VMRunner.js +10 -0
- package/build/dist/Server/Utils/VM/VMRunner.js.map +1 -1
- package/build/dist/Types/Log/LogQueryParser.js +200 -0
- package/build/dist/Types/Log/LogQueryParser.js.map +1 -0
- package/build/dist/Types/Log/LogQueryToFilter.js +96 -0
- package/build/dist/Types/Log/LogQueryToFilter.js.map +1 -0
- package/build/dist/UI/Components/CopyTextButton/CopyTextButton.js +3 -3
- package/build/dist/UI/Components/CopyTextButton/CopyTextButton.js.map +1 -1
- package/build/dist/UI/Components/LogsViewer/LogsViewer.js +64 -42
- package/build/dist/UI/Components/LogsViewer/LogsViewer.js.map +1 -1
- package/build/dist/UI/Components/LogsViewer/components/ActiveFilterChips.js +24 -0
- package/build/dist/UI/Components/LogsViewer/components/ActiveFilterChips.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/FacetSection.js +46 -0
- package/build/dist/UI/Components/LogsViewer/components/FacetSection.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/FacetValueRow.js +35 -0
- package/build/dist/UI/Components/LogsViewer/components/FacetValueRow.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/HistogramTooltip.js +64 -0
- package/build/dist/UI/Components/LogsViewer/components/HistogramTooltip.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/LiveLogsToggle.js +4 -4
- package/build/dist/UI/Components/LogsViewer/components/LiveLogsToggle.js.map +1 -1
- package/build/dist/UI/Components/LogsViewer/components/LogDetailsPanel.js +19 -21
- package/build/dist/UI/Components/LogsViewer/components/LogDetailsPanel.js.map +1 -1
- package/build/dist/UI/Components/LogsViewer/components/LogSearchBar.js +230 -0
- package/build/dist/UI/Components/LogsViewer/components/LogSearchBar.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/LogSearchHelp.js +84 -0
- package/build/dist/UI/Components/LogsViewer/components/LogSearchHelp.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/LogSearchSuggestions.js +27 -0
- package/build/dist/UI/Components/LogsViewer/components/LogSearchSuggestions.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/LogTimeRangePicker.js +100 -0
- package/build/dist/UI/Components/LogsViewer/components/LogTimeRangePicker.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/LogsFacetSidebar.js +104 -0
- package/build/dist/UI/Components/LogsViewer/components/LogsFacetSidebar.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/LogsFilterCard.js +14 -35
- package/build/dist/UI/Components/LogsViewer/components/LogsFilterCard.js.map +1 -1
- package/build/dist/UI/Components/LogsViewer/components/LogsHistogram.js +127 -0
- package/build/dist/UI/Components/LogsViewer/components/LogsHistogram.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/LogsPagination.js +9 -9
- package/build/dist/UI/Components/LogsViewer/components/LogsPagination.js.map +1 -1
- package/build/dist/UI/Components/LogsViewer/components/LogsTable.js +31 -30
- package/build/dist/UI/Components/LogsViewer/components/LogsTable.js.map +1 -1
- package/build/dist/UI/Components/LogsViewer/components/LogsViewerToolbar.js +7 -8
- package/build/dist/UI/Components/LogsViewer/components/LogsViewerToolbar.js.map +1 -1
- package/build/dist/UI/Components/LogsViewer/components/severityColors.js +22 -0
- package/build/dist/UI/Components/LogsViewer/components/severityColors.js.map +1 -0
- package/build/dist/UI/Components/LogsViewer/components/severityTheme.js +25 -25
- package/build/dist/UI/Components/LogsViewer/components/severityTheme.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,40 +1,19 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import
|
|
3
|
-
import FiltersForm from "../../Filters/FiltersForm";
|
|
4
|
-
import FieldType from "../../Types/FieldType";
|
|
5
|
-
import DropdownUtil from "../../../Utils/Dropdown";
|
|
6
|
-
import LogSeverity from "../../../../Types/Log/LogSeverity";
|
|
2
|
+
import LogSearchBar from "./LogSearchBar";
|
|
7
3
|
const LogsFilterCard = (props) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
isAdvancedFilter: true,
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
key: "time",
|
|
25
|
-
type: FieldType.DateTime,
|
|
26
|
-
title: "Start and End Date",
|
|
27
|
-
isAdvancedFilter: true,
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
key: "attributes",
|
|
31
|
-
type: FieldType.JSON,
|
|
32
|
-
title: "Filter by Attributes",
|
|
33
|
-
jsonKeys: props.logAttributes,
|
|
34
|
-
isAdvancedFilter: true,
|
|
35
|
-
},
|
|
36
|
-
] })),
|
|
37
|
-
React.createElement("div", { className: "-mx-6 -mb-6 border-t border-slate-200 bg-white/60 px-6 py-3 backdrop-blur" }, props.toolbar)));
|
|
4
|
+
const searchBarSuggestions = [
|
|
5
|
+
"severity",
|
|
6
|
+
"service",
|
|
7
|
+
"trace",
|
|
8
|
+
"span",
|
|
9
|
+
...props.logAttributes.map((attr) => {
|
|
10
|
+
return `@${attr}`;
|
|
11
|
+
}),
|
|
12
|
+
];
|
|
13
|
+
return (React.createElement("div", { className: "flex items-start gap-3" },
|
|
14
|
+
React.createElement("div", { className: "min-w-0 flex-1" },
|
|
15
|
+
React.createElement(LogSearchBar, { value: props.searchQuery, onChange: props.onSearchQueryChange, onSubmit: props.onSearchSubmit, suggestions: searchBarSuggestions, valueSuggestions: props.valueSuggestions, onFieldValueSelect: props.onFieldValueSelect })),
|
|
16
|
+
React.createElement("div", { className: "flex-none pt-0.5" }, props.toolbar)));
|
|
38
17
|
};
|
|
39
18
|
export default LogsFilterCard;
|
|
40
19
|
//# sourceMappingURL=LogsFilterCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogsFilterCard.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsFilterCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,
|
|
1
|
+
{"version":3,"file":"LogsFilterCard.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsFilterCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAY1C,MAAM,cAAc,GAA2C,CAC7D,KAA0B,EACZ,EAAE;IAChB,MAAM,oBAAoB,GAAkB;QAC1C,UAAU;QACV,SAAS;QACT,OAAO;QACP,MAAM;QACN,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE;YAC1C,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,CAAC,CAAC;KACH,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB;QACrC,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,mBAAmB,EACnC,QAAQ,EAAE,KAAK,CAAC,cAAc,EAC9B,WAAW,EAAE,oBAAoB,EACjC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,GAC5C,CACE;QACN,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,OAAO,CAAO,CACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import React, { useMemo, useCallback, useRef, useState, } from "react";
|
|
2
|
+
import { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, ReferenceArea, } from "recharts";
|
|
3
|
+
import { getSeverityColor, getAllSeverityKeys, } from "./severityColors";
|
|
4
|
+
import HistogramTooltip from "./HistogramTooltip";
|
|
5
|
+
import ComponentLoader from "../../ComponentLoader/ComponentLoader";
|
|
6
|
+
function pivotBuckets(buckets) {
|
|
7
|
+
const map = new Map();
|
|
8
|
+
for (const bucket of buckets) {
|
|
9
|
+
let row = map.get(bucket.time);
|
|
10
|
+
if (!row) {
|
|
11
|
+
row = { time: bucket.time };
|
|
12
|
+
map.set(bucket.time, row);
|
|
13
|
+
}
|
|
14
|
+
row[bucket.severity] =
|
|
15
|
+
(row[bucket.severity] || 0) + bucket.count;
|
|
16
|
+
}
|
|
17
|
+
return Array.from(map.values());
|
|
18
|
+
}
|
|
19
|
+
function formatTickTime(time) {
|
|
20
|
+
const date = new Date(time);
|
|
21
|
+
if (isNaN(date.getTime())) {
|
|
22
|
+
return time;
|
|
23
|
+
}
|
|
24
|
+
return date.toLocaleTimeString([], {
|
|
25
|
+
hour: "2-digit",
|
|
26
|
+
minute: "2-digit",
|
|
27
|
+
hour12: false,
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
function formatYAxisTick(value) {
|
|
31
|
+
if (value >= 1000000) {
|
|
32
|
+
return `${(value / 1000000).toFixed(1)}M`;
|
|
33
|
+
}
|
|
34
|
+
if (value >= 1000) {
|
|
35
|
+
return `${(value / 1000).toFixed(value >= 10000 ? 0 : 1)}K`;
|
|
36
|
+
}
|
|
37
|
+
return value.toString();
|
|
38
|
+
}
|
|
39
|
+
const LogsHistogram = (props) => {
|
|
40
|
+
const [selectionStart, setSelectionStart] = useState(null);
|
|
41
|
+
const [selectionEnd, setSelectionEnd] = useState(null);
|
|
42
|
+
const isSelecting = useRef(false);
|
|
43
|
+
const pivotedData = useMemo(() => {
|
|
44
|
+
return pivotBuckets(props.buckets);
|
|
45
|
+
}, [props.buckets]);
|
|
46
|
+
const activeSeverities = useMemo(() => {
|
|
47
|
+
const present = new Set();
|
|
48
|
+
for (const bucket of props.buckets) {
|
|
49
|
+
present.add(bucket.severity);
|
|
50
|
+
}
|
|
51
|
+
return getAllSeverityKeys().filter((key) => {
|
|
52
|
+
return present.has(key);
|
|
53
|
+
});
|
|
54
|
+
}, [props.buckets]);
|
|
55
|
+
const handleMouseDown = useCallback((e) => {
|
|
56
|
+
if (!props.onTimeRangeSelect || !(e === null || e === void 0 ? void 0 : e.activeLabel)) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
isSelecting.current = true;
|
|
60
|
+
setSelectionStart(e.activeLabel);
|
|
61
|
+
setSelectionEnd(null);
|
|
62
|
+
}, [props.onTimeRangeSelect]);
|
|
63
|
+
const handleMouseMove = useCallback((e) => {
|
|
64
|
+
if (!isSelecting.current || !(e === null || e === void 0 ? void 0 : e.activeLabel)) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
setSelectionEnd(e.activeLabel);
|
|
68
|
+
}, []);
|
|
69
|
+
const handleMouseUp = useCallback(() => {
|
|
70
|
+
if (!isSelecting.current ||
|
|
71
|
+
!selectionStart ||
|
|
72
|
+
!selectionEnd ||
|
|
73
|
+
!props.onTimeRangeSelect) {
|
|
74
|
+
isSelecting.current = false;
|
|
75
|
+
setSelectionStart(null);
|
|
76
|
+
setSelectionEnd(null);
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
isSelecting.current = false;
|
|
80
|
+
const start = new Date(selectionStart);
|
|
81
|
+
const end = new Date(selectionEnd);
|
|
82
|
+
if (isNaN(start.getTime()) || isNaN(end.getTime())) {
|
|
83
|
+
setSelectionStart(null);
|
|
84
|
+
setSelectionEnd(null);
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
const earlierDate = start < end ? start : end;
|
|
88
|
+
const laterDate = start < end ? end : start;
|
|
89
|
+
props.onTimeRangeSelect(earlierDate, laterDate);
|
|
90
|
+
setSelectionStart(null);
|
|
91
|
+
setSelectionEnd(null);
|
|
92
|
+
}, [selectionStart, selectionEnd, props.onTimeRangeSelect]);
|
|
93
|
+
if (props.isLoading && pivotedData.length === 0) {
|
|
94
|
+
return (React.createElement("div", { className: "flex h-32 items-center justify-center rounded-lg border border-gray-200 bg-white" },
|
|
95
|
+
React.createElement(ComponentLoader, null)));
|
|
96
|
+
}
|
|
97
|
+
if (pivotedData.length === 0) {
|
|
98
|
+
return React.createElement(React.Fragment, null);
|
|
99
|
+
}
|
|
100
|
+
return (React.createElement("div", { className: "rounded-lg border border-gray-200 bg-white" },
|
|
101
|
+
React.createElement("div", { className: "flex items-center justify-between border-b border-gray-100 px-4 py-2" },
|
|
102
|
+
React.createElement("div", { className: "flex items-center gap-2" },
|
|
103
|
+
React.createElement("span", { className: "text-xs font-medium text-gray-500" }, "Log Volume"),
|
|
104
|
+
props.onTimeRangeSelect && (React.createElement("span", { className: "text-[10px] text-gray-300" }, "Drag to zoom"))),
|
|
105
|
+
React.createElement("div", { className: "flex items-center gap-3" }, activeSeverities.map((severity) => {
|
|
106
|
+
const color = getSeverityColor(severity);
|
|
107
|
+
return (React.createElement("div", { key: severity, className: "flex items-center gap-1.5" },
|
|
108
|
+
React.createElement("span", { className: "inline-block h-2.5 w-2.5 rounded-sm", style: { backgroundColor: color.fill } }),
|
|
109
|
+
React.createElement("span", { className: "text-[11px] text-gray-500" }, color.label)));
|
|
110
|
+
}))),
|
|
111
|
+
React.createElement("div", { className: "px-2 pb-1 pt-2", style: {
|
|
112
|
+
height: 120,
|
|
113
|
+
cursor: props.onTimeRangeSelect ? "crosshair" : "default",
|
|
114
|
+
} },
|
|
115
|
+
React.createElement(ResponsiveContainer, { width: "100%", height: "100%" },
|
|
116
|
+
React.createElement(BarChart, { data: pivotedData, margin: { top: 4, right: 8, bottom: 0, left: -4 }, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, barCategoryGap: "15%", barGap: 0 },
|
|
117
|
+
React.createElement(XAxis, { dataKey: "time", tickFormatter: formatTickTime, tick: { fontSize: 10, fill: "#9ca3af" }, axisLine: { stroke: "#e5e7eb" }, tickLine: false, minTickGap: 40, dy: 4, interval: "preserveStartEnd" }),
|
|
118
|
+
React.createElement(YAxis, { tick: { fontSize: 10, fill: "#9ca3af" }, axisLine: false, tickLine: false, width: 48, allowDecimals: false, tickFormatter: formatYAxisTick }),
|
|
119
|
+
React.createElement(Tooltip, { content: React.createElement(HistogramTooltip, null), cursor: { fill: "rgba(99,102,241,0.06)" } }),
|
|
120
|
+
activeSeverities.map((severity, index) => {
|
|
121
|
+
const isLast = index === activeSeverities.length - 1;
|
|
122
|
+
return (React.createElement(Bar, { key: severity, dataKey: severity, stackId: "severity", fill: getSeverityColor(severity).fill, radius: isLast ? [1.5, 1.5, 0, 0] : [0, 0, 0, 0], isAnimationActive: false, maxBarSize: 24 }));
|
|
123
|
+
}),
|
|
124
|
+
selectionStart && selectionEnd && (React.createElement(ReferenceArea, { x1: selectionStart, x2: selectionEnd, fill: "rgba(99,102,241,0.12)", stroke: "rgba(99,102,241,0.5)", strokeWidth: 1, radius: 2 })))))));
|
|
125
|
+
};
|
|
126
|
+
export default LogsHistogram;
|
|
127
|
+
//# sourceMappingURL=LogsHistogram.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogsHistogram.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsHistogram.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,8 +10,8 @@ const LogsPagination = (props) => {
|
|
|
10
10
|
: Math.min(props.totalItems, safeCurrentPage * props.pageSize);
|
|
11
11
|
const disablePrev = props.isDisabled || props.totalItems === 0 || safeCurrentPage <= 1;
|
|
12
12
|
const disableNext = props.isDisabled || props.totalItems === 0 || safeCurrentPage >= totalPages;
|
|
13
|
-
return (React.createElement("div", { className: "flex flex-col gap-3 border-t border-
|
|
14
|
-
React.createElement("div", null, props.totalItems === 0 ? (React.createElement("span",
|
|
13
|
+
return (React.createElement("div", { className: "flex flex-col gap-3 border-t border-gray-200 bg-gray-50/50 px-4 py-2.5 text-xs text-gray-500 md:flex-row md:items-center md:justify-between" },
|
|
14
|
+
React.createElement("div", null, props.totalItems === 0 ? (React.createElement("span", { className: "text-gray-500" }, "No results to display.")) : (React.createElement("span", { className: "text-gray-500" },
|
|
15
15
|
"Showing ",
|
|
16
16
|
firstItemIndex.toLocaleString(),
|
|
17
17
|
"-",
|
|
@@ -20,26 +20,26 @@ const LogsPagination = (props) => {
|
|
|
20
20
|
" ",
|
|
21
21
|
props.totalItems.toLocaleString()))),
|
|
22
22
|
React.createElement("div", { className: "flex flex-wrap items-center gap-3" },
|
|
23
|
-
React.createElement("label", { className: "flex items-center gap-2
|
|
24
|
-
React.createElement("span", { className: "uppercase tracking-wide text-
|
|
25
|
-
React.createElement("select", { className: "rounded-md border border-
|
|
23
|
+
React.createElement("label", { className: "flex items-center gap-2" },
|
|
24
|
+
React.createElement("span", { className: "text-[10px] uppercase tracking-wide text-gray-400" }, "Rows"),
|
|
25
|
+
React.createElement("select", { className: "rounded-md border border-gray-200 bg-white px-2 py-1 text-xs text-gray-700 focus:border-indigo-400 focus:outline-none focus:ring-1 focus:ring-indigo-200", value: props.pageSize, onChange: (event) => {
|
|
26
26
|
const size = Number(event.target.value) || props.pageSize;
|
|
27
27
|
props.onPageSizeChange(size);
|
|
28
28
|
}, disabled: props.isDisabled }, props.pageSizeOptions.map((option) => {
|
|
29
29
|
return (React.createElement("option", { key: option, value: option }, option));
|
|
30
30
|
}))),
|
|
31
|
-
React.createElement("div", { className: "inline-flex items-center gap-1 rounded-
|
|
32
|
-
React.createElement("button", { type: "button", className: "rounded-
|
|
31
|
+
React.createElement("div", { className: "inline-flex items-center gap-1 rounded-lg border border-gray-200 bg-white p-0.5" },
|
|
32
|
+
React.createElement("button", { type: "button", className: "rounded-md px-3 py-1 text-xs font-medium text-gray-600 transition-colors hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-300 disabled:cursor-not-allowed disabled:opacity-40", onClick: () => {
|
|
33
33
|
if (!disablePrev) {
|
|
34
34
|
props.onPageChange(Math.max(1, safeCurrentPage - 1));
|
|
35
35
|
}
|
|
36
36
|
}, disabled: disablePrev }, "Previous"),
|
|
37
|
-
React.createElement("span", { className: "px-3 text-[11px]
|
|
37
|
+
React.createElement("span", { className: "px-3 text-[11px] text-gray-400" },
|
|
38
38
|
"Page ",
|
|
39
39
|
safeCurrentPage,
|
|
40
40
|
" / ",
|
|
41
41
|
totalPages),
|
|
42
|
-
React.createElement("button", { type: "button", className: "rounded-
|
|
42
|
+
React.createElement("button", { type: "button", className: "rounded-md px-3 py-1 text-xs font-medium text-gray-600 transition-colors hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-300 disabled:cursor-not-allowed disabled:opacity-40", onClick: () => {
|
|
43
43
|
if (!disableNext) {
|
|
44
44
|
props.onPageChange(Math.min(totalPages, safeCurrentPage + 1));
|
|
45
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogsPagination.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAY/D,MAAM,cAAc,GAA2C,CAC7D,KAA0B,EACZ,EAAE;IAChB,MAAM,UAAU,GAAW,IAAI,CAAC,GAAG,CACjC,CAAC,EACD,IAAI,CAAC,IAAI,CACP,KAAK,CAAC,UAAU,KAAK,CAAC;QACpB,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CACnD,CACF,CAAC;IAEF,MAAM,eAAe,GAAW,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAExE,MAAM,cAAc,GAClB,KAAK,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;IAC1E,MAAM,aAAa,GACjB,KAAK,CAAC,UAAU,KAAK,CAAC;QACpB,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnE,MAAM,WAAW,GACf,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,KAAK,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;IACrE,MAAM,WAAW,GACf,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,KAAK,CAAC,IAAI,eAAe,IAAI,UAAU,CAAC;IAE9E,OAAO,CACL,6BAAK,SAAS,EAAC
|
|
1
|
+
{"version":3,"file":"LogsPagination.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsPagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,17 +43,17 @@ const LogsTable = (props) => {
|
|
|
43
43
|
const resolveSortIconClass = (field) => {
|
|
44
44
|
const base = "h-3.5 w-3.5 flex-none transition-colors";
|
|
45
45
|
if (activeSortField === field) {
|
|
46
|
-
return `${base} text-indigo-
|
|
46
|
+
return `${base} text-indigo-500`;
|
|
47
47
|
}
|
|
48
|
-
return `${base} text-
|
|
48
|
+
return `${base} text-gray-300`;
|
|
49
49
|
};
|
|
50
50
|
return (React.createElement("div", { className: "relative" },
|
|
51
|
-
React.createElement("div", { className: "overflow-x-auto
|
|
52
|
-
React.createElement("table", { className: "min-w-full
|
|
53
|
-
React.createElement("thead", { className: "bg-
|
|
54
|
-
React.createElement("tr", { className: "text-left text-[11px] font-semibold uppercase tracking-wider text-
|
|
55
|
-
React.createElement("th", { scope: "col", className: "px-4 py-
|
|
56
|
-
React.createElement("button", { type: "button", className: `flex items-center gap-2 text-left font-semibold tracking-wider text-
|
|
51
|
+
React.createElement("div", { className: "overflow-x-auto bg-white" },
|
|
52
|
+
React.createElement("table", { className: "min-w-full" },
|
|
53
|
+
React.createElement("thead", { className: "bg-gray-50/80" },
|
|
54
|
+
React.createElement("tr", { className: "text-left text-[11px] font-semibold uppercase tracking-wider text-gray-500" },
|
|
55
|
+
React.createElement("th", { scope: "col", className: "px-4 py-2.5" },
|
|
56
|
+
React.createElement("button", { type: "button", className: `flex items-center gap-2 text-left font-semibold tracking-wider text-gray-500 transition-colors hover:text-gray-700 focus:outline-none ${activeSortField === "time" ? "text-gray-700" : ""}`, onClick: () => {
|
|
57
57
|
var _a;
|
|
58
58
|
(_a = props.onSortChange) === null || _a === void 0 ? void 0 : _a.call(props, "time");
|
|
59
59
|
}, "aria-sort": activeSortField === "time"
|
|
@@ -63,9 +63,10 @@ const LogsTable = (props) => {
|
|
|
63
63
|
: "none" },
|
|
64
64
|
React.createElement("span", null, "Time"),
|
|
65
65
|
React.createElement(Icon, { icon: resolveSortIcon("time"), className: resolveSortIconClass("time"), "aria-hidden": "true" }))),
|
|
66
|
-
React.createElement("th", { scope: "col", className: "px-4 py-
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
React.createElement("th", { scope: "col", className: "px-4 py-2.5" },
|
|
67
|
+
React.createElement("span", null, "Service")),
|
|
68
|
+
React.createElement("th", { scope: "col", className: "px-4 py-2.5" },
|
|
69
|
+
React.createElement("button", { type: "button", className: `flex items-center gap-2 text-left font-semibold tracking-wider text-gray-500 transition-colors hover:text-gray-700 focus:outline-none ${activeSortField === "severityText" ? "text-gray-700" : ""}`, onClick: () => {
|
|
69
70
|
var _a;
|
|
70
71
|
(_a = props.onSortChange) === null || _a === void 0 ? void 0 : _a.call(props, "severityText");
|
|
71
72
|
}, "aria-sort": activeSortField === "severityText"
|
|
@@ -75,8 +76,8 @@ const LogsTable = (props) => {
|
|
|
75
76
|
: "none" },
|
|
76
77
|
React.createElement("span", null, "Severity"),
|
|
77
78
|
React.createElement(Icon, { icon: resolveSortIcon("severityText"), className: resolveSortIconClass("severityText"), "aria-hidden": "true" }))),
|
|
78
|
-
React.createElement("th", { scope: "col", className: "px-4 py-
|
|
79
|
-
React.createElement("tbody", { className: "divide-y divide-
|
|
79
|
+
React.createElement("th", { scope: "col", className: "px-4 py-2.5" }, "Message"))),
|
|
80
|
+
React.createElement("tbody", { className: "divide-y divide-gray-100" }, props.logs.map((log, index) => {
|
|
80
81
|
var _a, _b, _c, _d;
|
|
81
82
|
const rowId = resolveLogIdentifier(log, index);
|
|
82
83
|
const serviceId = ((_a = log.serviceId) === null || _a === void 0 ? void 0 : _a.toString()) || "";
|
|
@@ -92,39 +93,39 @@ const LogsTable = (props) => {
|
|
|
92
93
|
return (React.createElement(Fragment, { key: rowId },
|
|
93
94
|
React.createElement("tr", { onClick: () => {
|
|
94
95
|
props.onRowClick(log, rowId);
|
|
95
|
-
}, className: `group cursor-pointer align-top transition-colors
|
|
96
|
-
? "bg-
|
|
96
|
+
}, className: `group cursor-pointer align-top transition-colors hover:bg-gray-50/70 border-l-[3px] ${severityTheme.borderClass} ${isSelected
|
|
97
|
+
? "bg-indigo-50/50 ring-1 ring-inset ring-indigo-200"
|
|
97
98
|
: ""}`, "aria-selected": isSelected, "aria-expanded": isSelected },
|
|
98
|
-
React.createElement("td", { className: "whitespace-nowrap px-4 py-
|
|
99
|
+
React.createElement("td", { className: "whitespace-nowrap px-4 py-2 text-[13px] font-mono text-gray-600" }, log.time
|
|
99
100
|
? OneUptimeDate.getDateAsUserFriendlyFormattedString(log.time)
|
|
100
101
|
: "-"),
|
|
101
|
-
React.createElement("td", { className: "px-4 py-
|
|
102
|
-
React.createElement("div", { className: "flex items-center gap-3 text-sm text-
|
|
103
|
-
React.createElement("span", { className: "h-2.5 w-2.5 flex-none rounded-full
|
|
102
|
+
React.createElement("td", { className: "px-4 py-2" },
|
|
103
|
+
React.createElement("div", { className: "flex items-center gap-3 text-sm text-gray-700" },
|
|
104
|
+
React.createElement("span", { className: "h-2.5 w-2.5 flex-none rounded-full shadow-sm", style: { backgroundColor: serviceColor }, "aria-hidden": "true" }),
|
|
104
105
|
React.createElement("span", { className: "truncate", title: serviceName }, serviceName))),
|
|
105
|
-
React.createElement("td", { className: "px-4 py-
|
|
106
|
+
React.createElement("td", { className: "px-4 py-2" },
|
|
106
107
|
React.createElement(SeverityBadge, { severity: log.severityText })),
|
|
107
|
-
React.createElement("td", { className: "px-4 py-
|
|
108
|
+
React.createElement("td", { className: "px-4 py-2" },
|
|
108
109
|
React.createElement("div", { className: "flex items-start justify-between gap-3" },
|
|
109
110
|
React.createElement("div", { className: "flex min-w-0 flex-1 flex-col gap-1" },
|
|
110
|
-
React.createElement("p", { className:
|
|
111
|
-
(traceId || spanId) && (React.createElement("div", { className: "flex flex-wrap gap-3 text-[11px] tracking-wide text-
|
|
111
|
+
React.createElement("p", { className: "whitespace-pre-wrap break-words text-sm text-gray-800", title: message }, message || "-"),
|
|
112
|
+
(traceId || spanId) && (React.createElement("div", { className: "flex flex-wrap gap-3 text-[11px] tracking-wide text-gray-400" },
|
|
112
113
|
traceId && React.createElement("span", null,
|
|
113
114
|
"Trace: ",
|
|
114
115
|
traceId),
|
|
115
116
|
spanId && React.createElement("span", null,
|
|
116
117
|
"Span: ",
|
|
117
118
|
spanId)))),
|
|
118
|
-
React.createElement(CopyTextButton, { textToBeCopied: message, size: "xs", variant: "ghost", iconOnly: true, title: "Copy log message" })))),
|
|
119
|
-
isSelected && props.renderExpandedContent && (React.createElement("tr", { className: "bg-
|
|
119
|
+
React.createElement(CopyTextButton, { textToBeCopied: message, size: "xs", variant: "ghost", iconOnly: true, title: "Copy log message", className: "opacity-0 group-hover:opacity-100 transition-opacity" })))),
|
|
120
|
+
isSelected && props.renderExpandedContent && (React.createElement("tr", { className: "bg-white" },
|
|
120
121
|
React.createElement("td", { colSpan: 4, className: "px-6 pb-6 pt-3" }, props.renderExpandedContent(log))))));
|
|
121
122
|
})))),
|
|
122
|
-
props.isLoading && (React.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-
|
|
123
|
+
props.isLoading && (React.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 backdrop-blur-sm" },
|
|
123
124
|
React.createElement(ComponentLoader, null))),
|
|
124
|
-
showEmptyState && (React.createElement("div", { className: "flex h-full items-center justify-center px-6 py-12 text-center bg-
|
|
125
|
-
React.createElement("div", { className: "w-full max-w-xl rounded-md border border-
|
|
126
|
-
React.createElement("p", { className: "font-mono text-sm uppercase text-
|
|
127
|
-
React.createElement("p", { className: "mt-3 font-mono text-xs text-
|
|
125
|
+
showEmptyState && (React.createElement("div", { className: "flex h-full items-center justify-center px-6 py-12 text-center bg-white" },
|
|
126
|
+
React.createElement("div", { className: "w-full max-w-xl rounded-md border border-gray-200 bg-white p-6 text-left shadow-sm" },
|
|
127
|
+
React.createElement("p", { className: "font-mono text-sm uppercase text-gray-500" }, "No logs found"),
|
|
128
|
+
React.createElement("p", { className: "mt-3 font-mono text-xs text-gray-400" }, props.emptyMessage || "Adjust filters or check again later."))))));
|
|
128
129
|
};
|
|
129
130
|
export default LogsTable;
|
|
130
131
|
//# sourceMappingURL=LogsTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogsTable.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAmC,MAAM,OAAO,CAAC;AAIzE,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,cAAc,MAAM,qCAAqC,CAAC;AACjE,OAAO,eAAe,MAAM,uCAAuC,CAAC;AACpE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAiB,MAAM,iBAAiB,CAAC;AAClE,OAAO,SAAS,MAAM,0CAA0C,CAAC;AACjE,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAevD,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CACvE,GAAQ,EACR,KAAa,EACL,EAAE;IACV,MAAM,WAAW,GAAmB;QACjC,GAAW,CAAC,EAAE;QACd,GAAW,CAAC,GAAG;QACf,GAAW,CAAC,SAAS;QACtB,GAAG,CAAC,OAAO;QACX,GAAG,CAAC,YAAY;KACjB,CAAC;IAEF,KAAK,MAAM,SAAS,IAAI,WAAW,EAAE,CAAC;QACpC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,SAAS;QACX,CAAC;QAED,IAAI,CAAC;YACH,OAAO,SAAS,CAAC,QAAQ,EAAE,CAAC;QAC9B,CAAC;QAAC,WAAM,CAAC;YACP,SAAS;QACX,CAAC;IACH,CAAC;IAED,OAAO,WAAW,KAAK,EAAE,CAAC;AAC5B,CAAC,CAAC;AAIF,MAAM,SAAS,GAAsC,CACnD,KAAqB,EACP,EAAE;IAChB,MAAM,cAAc,GAAY,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAC5E,MAAM,eAAe,GAAmC,KAAK,CAAC,SAAS,CAAC;IACxE,MAAM,eAAe,GAAc,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC;IAE3E,MAAM,eAAe,GAA4C,CAC/D,KAAyB,EACf,EAAE;QACZ,IAAI,eAAe,KAAK,KAAK,EAAE,CAAC;YAC9B,OAAO,QAAQ,CAAC,WAAW,CAAC;QAC9B,CAAC;QAED,OAAO,eAAe,KAAK,SAAS,CAAC,UAAU;YAC7C,CAAC,CAAC,QAAQ,CAAC,WAAW;YACtB,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAA0C,CAClE,KAAyB,EACjB,EAAE;QACV,MAAM,IAAI,GAAW,yCAAyC,CAAC;QAC/D,IAAI,eAAe,KAAK,KAAK,EAAE,CAAC;YAC9B,OAAO,GAAG,IAAI,kBAAkB,CAAC;QACnC,CAAC;QAED,OAAO,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"LogsTable.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +1,22 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import Button, { ButtonSize, ButtonStyleType } from "../../Button/Button";
|
|
3
2
|
import LiveLogsToggle from "./LiveLogsToggle";
|
|
3
|
+
import LogTimeRangePicker from "./LogTimeRangePicker";
|
|
4
4
|
const LogsViewerToolbar = (props) => {
|
|
5
5
|
const { currentPage, totalPages } = props;
|
|
6
6
|
const hasPaginationSummary = Boolean(currentPage && totalPages && totalPages > 0);
|
|
7
|
-
return (React.createElement("div", { className: `flex
|
|
8
|
-
React.createElement("div", { className: "flex flex-wrap items-center gap-3 text-xs text-
|
|
9
|
-
React.createElement("span", { className: "font-medium text-
|
|
7
|
+
return (React.createElement("div", { className: `flex items-center justify-between gap-3 ${props.className || ""}` },
|
|
8
|
+
React.createElement("div", { className: "flex flex-wrap items-center gap-3 text-xs text-gray-500" },
|
|
9
|
+
React.createElement("span", { className: "font-medium text-gray-700" },
|
|
10
10
|
props.resultCount.toLocaleString(),
|
|
11
11
|
" result",
|
|
12
12
|
props.resultCount === 1 ? "" : "s"),
|
|
13
|
-
hasPaginationSummary && (React.createElement("span", { className: "text-
|
|
13
|
+
hasPaginationSummary && (React.createElement("span", { className: "text-gray-400" },
|
|
14
14
|
"Page ",
|
|
15
15
|
currentPage,
|
|
16
16
|
" of ",
|
|
17
17
|
totalPages))),
|
|
18
|
-
React.createElement(
|
|
19
|
-
|
|
20
|
-
props.showApplyButton && props.onApplyFilters && (React.createElement(Button, { title: "Apply Filters", buttonStyle: ButtonStyleType.NORMAL, buttonSize: ButtonSize.Small, onClick: props.onApplyFilters })))));
|
|
18
|
+
props.timeRange && props.onTimeRangeChange && (React.createElement(LogTimeRangePicker, { value: props.timeRange, onChange: props.onTimeRangeChange })),
|
|
19
|
+
props.liveOptions && React.createElement(LiveLogsToggle, Object.assign({}, props.liveOptions))));
|
|
21
20
|
};
|
|
22
21
|
export default LogsViewerToolbar;
|
|
23
22
|
//# sourceMappingURL=LogsViewerToolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogsViewerToolbar.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsViewerToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,
|
|
1
|
+
{"version":3,"file":"LogsViewerToolbar.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsViewerToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AActD,MAAM,iBAAiB,GAA8C,CACnE,KAA6B,EACf,EAAE;IAChB,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,oBAAoB,GAAY,OAAO,CAC3C,WAAW,IAAI,UAAU,IAAI,UAAU,GAAG,CAAC,CAC5C,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,2CAA2C,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE;QAE7E,6BAAK,SAAS,EAAC,yDAAyD;YACtE,8BAAM,SAAS,EAAC,2BAA2B;gBACxC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE;;gBAClC,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAC9B;YACN,oBAAoB,IAAI,CACvB,8BAAM,SAAS,EAAC,eAAe;;gBACvB,WAAW;;gBAAM,UAAU,CAC5B,CACR,CACG;QAEL,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,iBAAiB,IAAI,CAC7C,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,GACjC,CACH;QAEA,KAAK,CAAC,WAAW,IAAI,oBAAC,cAAc,oBAAK,KAAK,CAAC,WAAW,EAAI,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import LogSeverity from "../../../../Types/Log/LogSeverity";
|
|
2
|
+
const severityColorMap = {
|
|
3
|
+
[LogSeverity.Fatal]: { fill: "#dc2626", label: "Fatal" },
|
|
4
|
+
[LogSeverity.Error]: { fill: "#f87171", label: "Error" },
|
|
5
|
+
[LogSeverity.Warning]: { fill: "#f59e0b", label: "Warning" },
|
|
6
|
+
[LogSeverity.Information]: { fill: "#60a5fa", label: "Info" },
|
|
7
|
+
[LogSeverity.Debug]: { fill: "#a78bfa", label: "Debug" },
|
|
8
|
+
[LogSeverity.Trace]: { fill: "#9ca3af", label: "Trace" },
|
|
9
|
+
Unspecified: { fill: "#cbd5e1", label: "Unspecified" },
|
|
10
|
+
};
|
|
11
|
+
const defaultSeverityColor = {
|
|
12
|
+
fill: "#cbd5e1",
|
|
13
|
+
label: "Unknown",
|
|
14
|
+
};
|
|
15
|
+
export function getSeverityColor(severity) {
|
|
16
|
+
return severityColorMap[severity] || defaultSeverityColor;
|
|
17
|
+
}
|
|
18
|
+
export function getAllSeverityKeys() {
|
|
19
|
+
return Object.keys(severityColorMap);
|
|
20
|
+
}
|
|
21
|
+
export default severityColorMap;
|
|
22
|
+
//# sourceMappingURL=severityColors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"severityColors.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/severityColors.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,mCAAmC,CAAC;AAO5D,MAAM,gBAAgB,GAAkC;IACtD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;IACxD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;IACxD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IAC5D,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;IAC7D,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;IACxD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;IACxD,WAAW,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;CACvD,CAAC;AAEF,MAAM,oBAAoB,GAAkB;IAC1C,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,QAAgB;IAC/C,OAAO,gBAAgB,CAAC,QAAQ,CAAC,IAAI,oBAAoB,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;AACvC,CAAC;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
import LogSeverity from "../../../../Types/Log/LogSeverity";
|
|
2
2
|
const severityThemeMap = {
|
|
3
3
|
[LogSeverity.Fatal]: {
|
|
4
|
-
badgeClass: "bg-rose-
|
|
4
|
+
badgeClass: "bg-rose-50 text-rose-700 ring-rose-200",
|
|
5
5
|
dotClass: "bg-rose-500",
|
|
6
|
-
borderClass: "border-rose-
|
|
7
|
-
textClass: "text-
|
|
6
|
+
borderClass: "border-rose-200",
|
|
7
|
+
textClass: "text-gray-800",
|
|
8
8
|
},
|
|
9
9
|
[LogSeverity.Error]: {
|
|
10
|
-
badgeClass: "bg-
|
|
11
|
-
dotClass: "bg-
|
|
12
|
-
borderClass: "border-
|
|
13
|
-
textClass: "text-
|
|
10
|
+
badgeClass: "bg-red-50 text-red-700 ring-red-200",
|
|
11
|
+
dotClass: "bg-red-400",
|
|
12
|
+
borderClass: "border-red-200",
|
|
13
|
+
textClass: "text-gray-800",
|
|
14
14
|
},
|
|
15
15
|
[LogSeverity.Warning]: {
|
|
16
|
-
badgeClass: "bg-amber-
|
|
16
|
+
badgeClass: "bg-amber-50 text-amber-700 ring-amber-200",
|
|
17
17
|
dotClass: "bg-amber-400",
|
|
18
|
-
borderClass: "border-amber-
|
|
19
|
-
textClass: "text-
|
|
18
|
+
borderClass: "border-amber-200",
|
|
19
|
+
textClass: "text-gray-800",
|
|
20
20
|
},
|
|
21
21
|
[LogSeverity.Information]: {
|
|
22
|
-
badgeClass: "bg-
|
|
23
|
-
dotClass: "bg-
|
|
24
|
-
borderClass: "border-
|
|
25
|
-
textClass: "text-
|
|
22
|
+
badgeClass: "bg-blue-50 text-blue-700 ring-blue-200",
|
|
23
|
+
dotClass: "bg-blue-400",
|
|
24
|
+
borderClass: "border-blue-200",
|
|
25
|
+
textClass: "text-gray-800",
|
|
26
26
|
},
|
|
27
27
|
[LogSeverity.Debug]: {
|
|
28
|
-
badgeClass: "bg-purple-
|
|
28
|
+
badgeClass: "bg-purple-50 text-purple-700 ring-purple-200",
|
|
29
29
|
dotClass: "bg-purple-400",
|
|
30
|
-
borderClass: "border-purple-
|
|
31
|
-
textClass: "text-
|
|
30
|
+
borderClass: "border-purple-200",
|
|
31
|
+
textClass: "text-gray-800",
|
|
32
32
|
},
|
|
33
33
|
[LogSeverity.Trace]: {
|
|
34
|
-
badgeClass: "bg-
|
|
35
|
-
dotClass: "bg-
|
|
36
|
-
borderClass: "border-
|
|
37
|
-
textClass: "text-
|
|
34
|
+
badgeClass: "bg-gray-50 text-gray-600 ring-gray-200",
|
|
35
|
+
dotClass: "bg-gray-400",
|
|
36
|
+
borderClass: "border-gray-200",
|
|
37
|
+
textClass: "text-gray-800",
|
|
38
38
|
},
|
|
39
39
|
};
|
|
40
40
|
const defaultTheme = {
|
|
41
|
-
badgeClass: "bg-
|
|
42
|
-
dotClass: "bg-
|
|
43
|
-
borderClass: "border-
|
|
44
|
-
textClass: "text-
|
|
41
|
+
badgeClass: "bg-gray-50 text-gray-600 ring-gray-200",
|
|
42
|
+
dotClass: "bg-gray-400",
|
|
43
|
+
borderClass: "border-gray-200",
|
|
44
|
+
textClass: "text-gray-800",
|
|
45
45
|
};
|
|
46
46
|
export const getSeverityTheme = (severity) => {
|
|
47
47
|
if (!severity) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"severityTheme.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/severityTheme.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,mCAAmC,CAAC;AAS5D,MAAM,gBAAgB,GAAkC;IACtD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;QACnB,UAAU,EAAE
|
|
1
|
+
{"version":3,"file":"severityTheme.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/severityTheme.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,mCAAmC,CAAC;AAS5D,MAAM,gBAAgB,GAAkC;IACtD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;QACnB,UAAU,EAAE,wCAAwC;QACpD,QAAQ,EAAE,aAAa;QACvB,WAAW,EAAE,iBAAiB;QAC9B,SAAS,EAAE,eAAe;KAC3B;IACD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;QACnB,UAAU,EAAE,qCAAqC;QACjD,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,gBAAgB;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE;QACrB,UAAU,EAAE,2CAA2C;QACvD,QAAQ,EAAE,cAAc;QACxB,WAAW,EAAE,kBAAkB;QAC/B,SAAS,EAAE,eAAe;KAC3B;IACD,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;QACzB,UAAU,EAAE,wCAAwC;QACpD,QAAQ,EAAE,aAAa;QACvB,WAAW,EAAE,iBAAiB;QAC9B,SAAS,EAAE,eAAe;KAC3B;IACD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;QACnB,UAAU,EAAE,8CAA8C;QAC1D,QAAQ,EAAE,eAAe;QACzB,WAAW,EAAE,mBAAmB;QAChC,SAAS,EAAE,eAAe;KAC3B;IACD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;QACnB,UAAU,EAAE,wCAAwC;QACpD,QAAQ,EAAE,aAAa;QACvB,WAAW,EAAE,iBAAiB;QAC9B,SAAS,EAAE,eAAe;KAC3B;CACF,CAAC;AAEF,MAAM,YAAY,GAAkB;IAClC,UAAU,EAAE,wCAAwC;IACpD,QAAQ,EAAE,aAAa;IACvB,WAAW,EAAE,iBAAiB;IAC9B,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAER,CACnB,QAAsC,EACvB,EAAE;IACjB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,MAAM,UAAU,GAAW,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC/C,OAAO,gBAAgB,CAAC,UAAU,CAAC,IAAI,YAAY,CAAC;AACtD,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|