@buoy-gg/console 7.0.26 → 7.0.28
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/lib/commonjs/components/ConsoleLogList.js +10 -9
- package/lib/commonjs/components/ConsoleLogList.js.map +1 -1
- package/lib/commonjs/devtools/ConsoleBody.js +14 -12
- package/lib/commonjs/devtools/ConsoleBody.js.map +1 -1
- package/lib/commonjs/devtools/ConsoleHeader.js +14 -14
- package/lib/commonjs/devtools/ConsoleHeader.js.map +1 -1
- package/lib/commonjs/devtools/ConsoleMessageRow.js +31 -21
- package/lib/commonjs/devtools/ConsoleMessageRow.js.map +1 -1
- package/lib/commonjs/devtools/ConsoleView.js +3 -1
- package/lib/commonjs/devtools/ConsoleView.js.map +1 -1
- package/lib/commonjs/devtools/theme.js +15 -20
- package/lib/commonjs/devtools/theme.js.map +1 -1
- package/lib/module/components/ConsoleLogList.js +11 -10
- package/lib/module/components/ConsoleLogList.js.map +1 -1
- package/lib/module/devtools/ConsoleBody.js +15 -13
- package/lib/module/devtools/ConsoleBody.js.map +1 -1
- package/lib/module/devtools/ConsoleHeader.js +15 -15
- package/lib/module/devtools/ConsoleHeader.js.map +1 -1
- package/lib/module/devtools/ConsoleMessageRow.js +31 -21
- package/lib/module/devtools/ConsoleMessageRow.js.map +1 -1
- package/lib/module/devtools/ConsoleView.js +3 -1
- package/lib/module/devtools/ConsoleView.js.map +1 -1
- package/lib/module/devtools/theme.js +16 -20
- package/lib/module/devtools/theme.js.map +1 -1
- package/lib/typescript/devtools/ConsoleMessageRow.d.ts.map +1 -1
- package/lib/typescript/devtools/theme.d.ts +6 -9
- package/lib/typescript/devtools/theme.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/ConsoleLogList.tsx +11 -10
- package/src/devtools/ConsoleBody.tsx +15 -12
- package/src/devtools/ConsoleHeader.tsx +15 -15
- package/src/devtools/ConsoleMessageRow.tsx +42 -20
- package/src/devtools/ConsoleView.tsx +3 -1
- package/src/devtools/theme.ts +13 -16
|
@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.monoFont = exports.lightTheme = exports.levelStyles = exports.darkTheme = exports.consoleTheme = exports.ansiColors = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
+
var _sharedUi = require("@buoy-gg/shared-ui");
|
|
8
9
|
/**
|
|
9
|
-
* Console palette — a dark theme
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
* - links #40CCFF on #0A0A0C ≈ 9:1
|
|
15
|
-
* - dividers / nesting guides lightened to ~#3A3A40 so lines are clearly
|
|
16
|
-
* visible against the near-black surface.
|
|
10
|
+
* Console palette — a dark theme whose CHROME entries (surfaces, dividers,
|
|
11
|
+
* default/secondary text) come from Buoy's `night` tokens so the console reads
|
|
12
|
+
* as part of the night suite, while the Chrome-DevTools DATA colours (level
|
|
13
|
+
* rows, value types, links, ANSI) stay classic — they tell the user something
|
|
14
|
+
* about the logged data.
|
|
17
15
|
* `lightTheme` below holds the exact DevTools light tokens and `consoleTheme`
|
|
18
16
|
* picks between the two from the host app's surface. Every shipped theme is
|
|
19
17
|
* dark today, so the light branch is currently unreachable — it is kept because
|
|
@@ -68,28 +66,25 @@ const lightTheme = exports.lightTheme = {
|
|
|
68
66
|
valuePreview: "rgba(31,31,31,0.62)"
|
|
69
67
|
};
|
|
70
68
|
|
|
71
|
-
/** Dark theme (active) —
|
|
69
|
+
/** Dark theme (active) — night chrome, classic DevTools data colours. */
|
|
72
70
|
const darkTheme = exports.darkTheme = {
|
|
73
71
|
baseContainer: "#0A0A0C",
|
|
74
|
-
//
|
|
72
|
+
// desktop inline shell base (modal path is transparent)
|
|
75
73
|
surfaceError: "rgba(255,69,58,0.15)",
|
|
76
74
|
// semantic.errorBackground
|
|
77
75
|
surfaceYellow: "rgba(255,235,59,0.13)",
|
|
78
76
|
// semantic.warningBackground
|
|
79
|
-
divider:
|
|
80
|
-
//
|
|
81
|
-
inputBackground:
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
// background.card
|
|
85
|
-
onSurface: "#F5F5F7",
|
|
86
|
-
// text.primary (~17:1)
|
|
77
|
+
divider: _sharedUi.night.color.fillTertiary,
|
|
78
|
+
// row hairlines + nesting guides (strong enough to stay visible)
|
|
79
|
+
inputBackground: _sharedUi.night.color.surfaceElevated,
|
|
80
|
+
menuBackground: _sharedUi.night.color.surface,
|
|
81
|
+
onSurface: _sharedUi.night.color.text,
|
|
87
82
|
onSurfaceYellow: "#FFE9A3",
|
|
88
83
|
// light warm yellow on dark warning row
|
|
89
84
|
onErrorContainer: "#FFB4AB",
|
|
90
85
|
// light red on dark error row
|
|
91
|
-
tokenSubtle:
|
|
92
|
-
//
|
|
86
|
+
tokenSubtle: _sharedUi.night.color.textSecondary,
|
|
87
|
+
// timestamps, previews
|
|
93
88
|
primary: "#40CCFF",
|
|
94
89
|
// semantic.infoLight (links, ~9:1)
|
|
95
90
|
valueNumber: "#FF9F1C",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","monoFont","exports","Platform","select","web","default","lightTheme","baseContainer","surfaceError","surfaceYellow","divider","inputBackground","menuBackground","onSurface","onSurfaceYellow","onErrorContainer","tokenSubtle","primary","valueNumber","valueString","valueBigint","valueNode","valueNullish","valuePreview","darkTheme","consoleTheme","ansiColors","black","red","green","yellow","blue","magenta","cyan","gray","darkgray","lightred","lightgreen","lightyellow","lightblue","lightmagenta","lightcyan","white","levelStyles","verbose","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_sharedUi","monoFont","exports","Platform","select","web","default","lightTheme","baseContainer","surfaceError","surfaceYellow","divider","inputBackground","menuBackground","onSurface","onSurfaceYellow","onErrorContainer","tokenSubtle","primary","valueNumber","valueString","valueBigint","valueNode","valueNullish","valuePreview","darkTheme","night","color","fillTertiary","surfaceElevated","surface","text","textSecondary","consoleTheme","ansiColors","black","red","green","yellow","blue","magenta","cyan","gray","darkgray","lightred","lightgreen","lightyellow","lightblue","lightmagenta","lightcyan","white","levelStyles","verbose","info","warning","background","icon","error"],"sourceRoot":"../../../src","sources":["devtools/theme.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { View, Text, FlatList, TouchableOpacity, StyleSheet } from "react-native";
|
|
5
5
|
import { useConsoleLogs } from "../hooks/useConsoleLogs";
|
|
6
|
-
import {
|
|
6
|
+
import { night } from "@buoy-gg/shared-ui";
|
|
7
7
|
import { clearEntries } from "../store/consoleLogStore";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
const LEVEL_COLOR = {
|
|
10
10
|
verbose: "#9b9b9b",
|
|
11
|
-
info:
|
|
11
|
+
info: night.color.text,
|
|
12
12
|
warning: "#e2c08d",
|
|
13
13
|
error: "#f48771"
|
|
14
14
|
};
|
|
@@ -77,7 +77,8 @@ export function ConsoleLogList() {
|
|
|
77
77
|
const styles = StyleSheet.create({
|
|
78
78
|
container: {
|
|
79
79
|
flex: 1,
|
|
80
|
-
|
|
80
|
+
// Transparent so the night sheet's star field shows through.
|
|
81
|
+
backgroundColor: "transparent"
|
|
81
82
|
},
|
|
82
83
|
header: {
|
|
83
84
|
flexDirection: "row",
|
|
@@ -86,10 +87,10 @@ const styles = StyleSheet.create({
|
|
|
86
87
|
paddingHorizontal: 12,
|
|
87
88
|
paddingVertical: 8,
|
|
88
89
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
89
|
-
borderBottomColor:
|
|
90
|
+
borderBottomColor: night.color.border
|
|
90
91
|
},
|
|
91
92
|
headerTitle: {
|
|
92
|
-
color:
|
|
93
|
+
color: night.color.text,
|
|
93
94
|
fontSize: 13,
|
|
94
95
|
fontWeight: "600"
|
|
95
96
|
},
|
|
@@ -97,10 +98,10 @@ const styles = StyleSheet.create({
|
|
|
97
98
|
paddingHorizontal: 10,
|
|
98
99
|
paddingVertical: 4,
|
|
99
100
|
borderRadius: 4,
|
|
100
|
-
backgroundColor:
|
|
101
|
+
backgroundColor: night.color.surfaceElevated
|
|
101
102
|
},
|
|
102
103
|
clearText: {
|
|
103
|
-
color:
|
|
104
|
+
color: night.color.text,
|
|
104
105
|
fontSize: 12
|
|
105
106
|
},
|
|
106
107
|
row: {
|
|
@@ -108,11 +109,11 @@ const styles = StyleSheet.create({
|
|
|
108
109
|
paddingHorizontal: 12,
|
|
109
110
|
paddingVertical: 4,
|
|
110
111
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
111
|
-
borderBottomColor:
|
|
112
|
+
borderBottomColor: night.color.separator,
|
|
112
113
|
gap: 8
|
|
113
114
|
},
|
|
114
115
|
time: {
|
|
115
|
-
color:
|
|
116
|
+
color: night.color.textTertiary,
|
|
116
117
|
fontSize: 11,
|
|
117
118
|
fontVariant: ["tabular-nums"],
|
|
118
119
|
minWidth: 86
|
|
@@ -128,7 +129,7 @@ const styles = StyleSheet.create({
|
|
|
128
129
|
fontFamily: "monospace"
|
|
129
130
|
},
|
|
130
131
|
empty: {
|
|
131
|
-
color:
|
|
132
|
+
color: night.color.textTertiary,
|
|
132
133
|
fontSize: 13,
|
|
133
134
|
textAlign: "center"
|
|
134
135
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","FlatList","TouchableOpacity","StyleSheet","useConsoleLogs","
|
|
1
|
+
{"version":3,"names":["React","View","Text","FlatList","TouchableOpacity","StyleSheet","useConsoleLogs","night","clearEntries","jsx","_jsx","jsxs","_jsxs","LEVEL_COLOR","verbose","info","color","text","warning","error","formatTime","ts","d","Date","pad","n","len","String","padStart","getHours","getMinutes","getSeconds","getMilliseconds","ConsoleLogList","logs","renderItem","item","style","styles","row","children","time","timestamp","level","toUpperCase","message","numberOfLines","container","header","headerTitle","length","onPress","clearButton","clearText","data","keyExtractor","id","ListEmptyComponent","empty","contentContainerStyle","emptyContainer","undefined","create","flex","backgroundColor","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","borderBottomWidth","hairlineWidth","borderBottomColor","border","fontSize","fontWeight","borderRadius","surfaceElevated","separator","gap","textTertiary","fontVariant","minWidth","fontFamily","textAlign","flexGrow"],"sourceRoot":"../../../src","sources":["components/ConsoleLogList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,8 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
import React, { useCallback, useRef, useSyncExternalStore } from "react";
|
|
10
10
|
import { View, Text, FlatList, TouchableOpacity, ScrollView, StyleSheet } from "react-native";
|
|
11
|
-
import {
|
|
12
|
-
import { consoleTheme } from "./theme";
|
|
11
|
+
import { night, Check } from "@buoy-gg/shared-ui";
|
|
13
12
|
import { ConsoleMessageRow } from "./ConsoleMessageRow";
|
|
14
13
|
import { ALL_LEVELS, DEFAULT_LEVELS, LEVEL_LABEL, LEVEL_ORDER } from "./consoleFilter";
|
|
15
14
|
import { getPreserveLog, setPreserveLog, subscribePreserveLog } from "../store/consoleLogStore";
|
|
@@ -84,7 +83,7 @@ function CheckRow({
|
|
|
84
83
|
style: [styles.checkbox, on && styles.checkboxOn],
|
|
85
84
|
children: on ? /*#__PURE__*/_jsx(Check, {
|
|
86
85
|
size: 12,
|
|
87
|
-
color:
|
|
86
|
+
color: night.color.onAccent,
|
|
88
87
|
strokeWidth: 3
|
|
89
88
|
}) : null
|
|
90
89
|
}), /*#__PURE__*/_jsxs(View, {
|
|
@@ -161,17 +160,19 @@ function FiltersView({
|
|
|
161
160
|
const styles = StyleSheet.create({
|
|
162
161
|
list: {
|
|
163
162
|
flex: 1,
|
|
164
|
-
|
|
163
|
+
// Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
|
|
164
|
+
backgroundColor: "transparent"
|
|
165
165
|
},
|
|
166
166
|
subView: {
|
|
167
167
|
flex: 1,
|
|
168
|
-
|
|
168
|
+
// Transparent so the night sheet's star field shows through.
|
|
169
|
+
backgroundColor: "transparent"
|
|
169
170
|
},
|
|
170
171
|
subViewContent: {
|
|
171
172
|
padding: 12
|
|
172
173
|
},
|
|
173
174
|
sectionLabel: {
|
|
174
|
-
color:
|
|
175
|
+
color: night.color.textTertiary,
|
|
175
176
|
fontSize: 11,
|
|
176
177
|
textTransform: "uppercase",
|
|
177
178
|
letterSpacing: 0.5,
|
|
@@ -184,13 +185,13 @@ const styles = StyleSheet.create({
|
|
|
184
185
|
paddingHorizontal: 8
|
|
185
186
|
},
|
|
186
187
|
presetText: {
|
|
187
|
-
color:
|
|
188
|
+
color: night.color.accent,
|
|
188
189
|
fontSize: 14,
|
|
189
190
|
fontWeight: "600"
|
|
190
191
|
},
|
|
191
192
|
divider: {
|
|
192
193
|
height: StyleSheet.hairlineWidth,
|
|
193
|
-
backgroundColor:
|
|
194
|
+
backgroundColor: night.color.border,
|
|
194
195
|
marginVertical: 6
|
|
195
196
|
},
|
|
196
197
|
row: {
|
|
@@ -205,11 +206,11 @@ const styles = StyleSheet.create({
|
|
|
205
206
|
flex: 1
|
|
206
207
|
},
|
|
207
208
|
rowLabel: {
|
|
208
|
-
color:
|
|
209
|
+
color: night.color.text,
|
|
209
210
|
fontSize: 14
|
|
210
211
|
},
|
|
211
212
|
rowSubtext: {
|
|
212
|
-
color:
|
|
213
|
+
color: night.color.textTertiary,
|
|
213
214
|
fontSize: 12,
|
|
214
215
|
marginTop: 1
|
|
215
216
|
},
|
|
@@ -218,13 +219,14 @@ const styles = StyleSheet.create({
|
|
|
218
219
|
height: 18,
|
|
219
220
|
borderRadius: 4,
|
|
220
221
|
borderWidth: 1,
|
|
221
|
-
borderColor:
|
|
222
|
+
borderColor: night.color.fillTertiary,
|
|
222
223
|
alignItems: "center",
|
|
223
224
|
justifyContent: "center"
|
|
224
225
|
},
|
|
226
|
+
// Solid accent (not accentSoft) so the onAccent check glyph stays legible.
|
|
225
227
|
checkboxOn: {
|
|
226
|
-
backgroundColor:
|
|
227
|
-
borderColor:
|
|
228
|
+
backgroundColor: night.color.accent,
|
|
229
|
+
borderColor: night.color.accent
|
|
228
230
|
}
|
|
229
231
|
});
|
|
230
232
|
//# sourceMappingURL=ConsoleBody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useRef","useSyncExternalStore","View","Text","FlatList","TouchableOpacity","ScrollView","StyleSheet","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useRef","useSyncExternalStore","View","Text","FlatList","TouchableOpacity","ScrollView","StyleSheet","night","Check","ConsoleMessageRow","ALL_LEVELS","DEFAULT_LEVELS","LEVEL_LABEL","LEVEL_ORDER","getPreserveLog","setPreserveLog","subscribePreserveLog","jsx","_jsx","jsxs","_jsxs","ConsoleBody","c","view","FiltersView","ConsoleList","listRef","stickToBottom","renderItem","item","row","showTimestamps","onToggleGroup","onToggleCluster","ref","data","rows","keyExtractor","key","style","styles","list","initialNumToRender","maxToRenderPerBatch","windowSize","removeClippedSubviews","onContentSizeChange","current","scrollToEnd","animated","onScroll","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","distanceFromBottom","height","y","scrollEventThrottle","CheckRow","on","label","subtext","onPress","activeOpacity","children","checkbox","checkboxOn","size","color","onAccent","strokeWidth","rowTextCol","rowLabel","rowSubtext","SectionLabel","text","sectionLabel","preserveLog","toggle","level","setLevelsMask","levelsMask","subView","contentContainerStyle","subViewContent","presetRow","presetText","map","divider","setShowTimestamps","s","create","flex","backgroundColor","padding","textTertiary","fontSize","textTransform","letterSpacing","marginTop","marginBottom","paddingHorizontal","paddingVertical","accent","fontWeight","hairlineWidth","border","marginVertical","flexDirection","alignItems","gap","width","borderRadius","borderWidth","borderColor","fillTertiary","justifyContent"],"sourceRoot":"../../../src","sources":["devtools/ConsoleBody.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
import React from "react";
|
|
12
12
|
import { View, TextInput, TouchableOpacity, StyleSheet } from "react-native";
|
|
13
|
-
import { ModalHeader, TabSelector,
|
|
13
|
+
import { ModalHeader, TabSelector, night, Search, Filter, Trash2, X } from "@buoy-gg/shared-ui";
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
15
|
const LAYOUT_TABS = [{
|
|
16
16
|
key: "chrono",
|
|
@@ -44,11 +44,11 @@ export function ConsoleHeader({
|
|
|
44
44
|
style: styles.searchContainer,
|
|
45
45
|
children: [/*#__PURE__*/_jsx(Search, {
|
|
46
46
|
size: 14,
|
|
47
|
-
color:
|
|
47
|
+
color: night.color.textSecondary
|
|
48
48
|
}), /*#__PURE__*/_jsx(TextInput, {
|
|
49
49
|
style: styles.searchInput,
|
|
50
50
|
placeholder: "Filter logs\u2026 /regex/ -exclude",
|
|
51
|
-
placeholderTextColor:
|
|
51
|
+
placeholderTextColor: night.color.placeholder,
|
|
52
52
|
value: c.query,
|
|
53
53
|
onChangeText: c.setQuery,
|
|
54
54
|
autoCapitalize: "none",
|
|
@@ -60,7 +60,7 @@ export function ConsoleHeader({
|
|
|
60
60
|
style: styles.searchClear,
|
|
61
61
|
children: /*#__PURE__*/_jsx(X, {
|
|
62
62
|
size: 14,
|
|
63
|
-
color:
|
|
63
|
+
color: night.color.textSecondary
|
|
64
64
|
})
|
|
65
65
|
}) : null]
|
|
66
66
|
}) : /*#__PURE__*/_jsx(TabSelector, {
|
|
@@ -75,7 +75,7 @@ export function ConsoleHeader({
|
|
|
75
75
|
accessibilityLabel: "Search logs",
|
|
76
76
|
children: /*#__PURE__*/_jsx(Search, {
|
|
77
77
|
size: 14,
|
|
78
|
-
color: c.searchActive ?
|
|
78
|
+
color: c.searchActive ? night.color.accent : night.color.textSecondary
|
|
79
79
|
})
|
|
80
80
|
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
81
81
|
onPress: () => c.setView("filters"),
|
|
@@ -83,7 +83,7 @@ export function ConsoleHeader({
|
|
|
83
83
|
accessibilityLabel: "Filters",
|
|
84
84
|
children: /*#__PURE__*/_jsx(Filter, {
|
|
85
85
|
size: 14,
|
|
86
|
-
color: c.isLevelCustom ?
|
|
86
|
+
color: c.isLevelCustom ? night.color.accent : night.color.textSecondary
|
|
87
87
|
})
|
|
88
88
|
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
89
89
|
onPress: c.clear,
|
|
@@ -92,7 +92,7 @@ export function ConsoleHeader({
|
|
|
92
92
|
accessibilityLabel: "Clear console",
|
|
93
93
|
children: /*#__PURE__*/_jsx(Trash2, {
|
|
94
94
|
size: 14,
|
|
95
|
-
color: hasRows ?
|
|
95
|
+
color: hasRows ? night.color.textSecondary : night.color.textTertiary
|
|
96
96
|
})
|
|
97
97
|
})]
|
|
98
98
|
})]
|
|
@@ -103,15 +103,15 @@ const styles = StyleSheet.create({
|
|
|
103
103
|
width: 32,
|
|
104
104
|
height: 32,
|
|
105
105
|
borderRadius: 8,
|
|
106
|
-
backgroundColor:
|
|
106
|
+
backgroundColor: night.color.buttonSurface,
|
|
107
107
|
borderWidth: 1,
|
|
108
|
-
borderColor:
|
|
108
|
+
borderColor: night.color.border,
|
|
109
109
|
alignItems: "center",
|
|
110
110
|
justifyContent: "center"
|
|
111
111
|
},
|
|
112
112
|
actionBtnActive: {
|
|
113
|
-
backgroundColor:
|
|
114
|
-
borderColor:
|
|
113
|
+
backgroundColor: night.color.accentSoft,
|
|
114
|
+
borderColor: night.color.accentBorderStrong
|
|
115
115
|
},
|
|
116
116
|
actionBtnDisabled: {
|
|
117
117
|
opacity: 0.55
|
|
@@ -119,16 +119,16 @@ const styles = StyleSheet.create({
|
|
|
119
119
|
searchContainer: {
|
|
120
120
|
flexDirection: "row",
|
|
121
121
|
alignItems: "center",
|
|
122
|
-
backgroundColor:
|
|
123
|
-
borderRadius:
|
|
122
|
+
backgroundColor: night.color.surfaceElevated,
|
|
123
|
+
borderRadius: night.radius.row,
|
|
124
124
|
borderWidth: 1,
|
|
125
|
-
borderColor:
|
|
125
|
+
borderColor: night.color.border,
|
|
126
126
|
paddingHorizontal: 12,
|
|
127
127
|
paddingVertical: 5
|
|
128
128
|
},
|
|
129
129
|
searchInput: {
|
|
130
130
|
flex: 1,
|
|
131
|
-
color:
|
|
131
|
+
color: night.color.text,
|
|
132
132
|
fontSize: 13,
|
|
133
133
|
marginLeft: 6,
|
|
134
134
|
paddingVertical: 2
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","TextInput","TouchableOpacity","StyleSheet","ModalHeader","TabSelector","
|
|
1
|
+
{"version":3,"names":["React","View","TextInput","TouchableOpacity","StyleSheet","ModalHeader","TabSelector","night","Search","Filter","Trash2","X","jsx","_jsx","jsxs","_jsxs","LAYOUT_TABS","key","label","ConsoleHeader","c","onBack","view","children","Navigation","setView","Content","title","hasRows","rows","length","noMargin","searchActive","style","styles","searchContainer","size","color","textSecondary","searchInput","placeholder","placeholderTextColor","value","query","onChangeText","setQuery","autoCapitalize","autoCorrect","returnKeyType","onSubmitEditing","setSearchActive","onPress","searchClear","tabs","activeTab","layoutMode","onTabChange","setLayoutMode","Actions","a","actionBtn","actionBtnActive","accessibilityLabel","accent","isLevelCustom","clear","disabled","actionBtnDisabled","textTertiary","create","width","height","borderRadius","backgroundColor","buttonSurface","borderWidth","borderColor","border","alignItems","justifyContent","accentSoft","accentBorderStrong","opacity","flexDirection","surfaceElevated","radius","row","paddingHorizontal","paddingVertical","flex","text","fontSize","marginLeft","padding"],"sourceRoot":"../../../src","sources":["devtools/ConsoleHeader.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AAC5E,SACEC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,CAAC,QACI,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAI5B,MAAMC,WAAW,GAAG,CAClB;EAAEC,GAAG,EAAE,QAAQ;EAAEC,KAAK,EAAE;AAAW,CAAC,EACpC;EAAED,GAAG,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAU,CAAC,CACrC;AAQD,OAAO,SAASC,aAAaA,CAAC;EAAEC,CAAC;EAAEC;AAA2B,CAAC,EAAE;EAC/D;EACA,IAAID,CAAC,CAACE,IAAI,KAAK,SAAS,EAAE;IACxB,oBACEP,KAAA,CAACV,WAAW;MAAAkB,QAAA,gBACVV,IAAA,CAACR,WAAW,CAACmB,UAAU;QAACH,MAAM,EAAEA,CAAA,KAAMD,CAAC,CAACK,OAAO,CAAC,MAAM;MAAE,CAAE,CAAC,eAC3DZ,IAAA,CAACR,WAAW,CAACqB,OAAO;QAACC,KAAK,EAAC;MAAS,CAAE,CAAC;IAAA,CAC5B,CAAC;EAElB;EAEA,MAAMC,OAAO,GAAGR,CAAC,CAACS,IAAI,CAACC,MAAM,GAAG,CAAC;EAEjC,oBACEf,KAAA,CAACV,WAAW;IAAAkB,QAAA,GACTF,MAAM,gBAAGR,IAAA,CAACR,WAAW,CAACmB,UAAU;MAACH,MAAM,EAAEA;IAAO,CAAE,CAAC,GAAG,IAAI,eAC3DR,IAAA,CAACR,WAAW,CAACqB,OAAO;MAACC,KAAK,EAAC,EAAE;MAACI,QAAQ;MAAAR,QAAA,EACnCH,CAAC,CAACY,YAAY,gBACbjB,KAAA,CAACd,IAAI;QAACgC,KAAK,EAAEC,MAAM,CAACC,eAAgB;QAAAZ,QAAA,gBAClCV,IAAA,CAACL,MAAM;UAAC4B,IAAI,EAAE,EAAG;UAACC,KAAK,EAAE9B,KAAK,CAAC8B,KAAK,CAACC;QAAc,CAAE,CAAC,eACtDzB,IAAA,CAACX,SAAS;UACR+B,KAAK,EAAEC,MAAM,CAACK,WAAY;UAC1BC,WAAW,EAAC,sCAAiC;UAC7CC,oBAAoB,EAAElC,KAAK,CAAC8B,KAAK,CAACG,WAAY;UAC9CE,KAAK,EAAEtB,CAAC,CAACuB,KAAM;UACfC,YAAY,EAAExB,CAAC,CAACyB,QAAS;UACzBC,cAAc,EAAC,MAAM;UACrBC,WAAW,EAAE,KAAM;UACnBC,aAAa,EAAC,QAAQ;UACtBC,eAAe,EAAEA,CAAA,KAAM7B,CAAC,CAAC8B,eAAe,CAAC,KAAK;QAAE,CACjD,CAAC,EACD9B,CAAC,CAACuB,KAAK,CAACb,MAAM,GAAG,CAAC,gBACjBjB,IAAA,CAACV,gBAAgB;UAACgD,OAAO,EAAEA,CAAA,KAAM/B,CAAC,CAACyB,QAAQ,CAAC,EAAE,CAAE;UAACZ,KAAK,EAAEC,MAAM,CAACkB,WAAY;UAAA7B,QAAA,eACzEV,IAAA,CAACF,CAAC;YAACyB,IAAI,EAAE,EAAG;YAACC,KAAK,EAAE9B,KAAK,CAAC8B,KAAK,CAACC;UAAc,CAAE;QAAC,CACjC,CAAC,GACjB,IAAI;MAAA,CACJ,CAAC,gBAEPzB,IAAA,CAACP,WAAW;QACV+C,IAAI,EAAErC,WAAY;QAClBsC,SAAS,EAAElC,CAAC,CAACmC,UAAW;QACxBC,WAAW,EAAGvC,GAAG,IAAKG,CAAC,CAACqC,aAAa,CAACxC,GAAiB;MAAE,CAC1D;IACF,CACkB,CAAC,eAEtBF,KAAA,CAACV,WAAW,CAACqD,OAAO;MAAAnC,QAAA,gBAClBV,IAAA,CAACV,gBAAgB;QACfgD,OAAO,EAAEA,CAAA,KAAM/B,CAAC,CAAC8B,eAAe,CAAES,CAAC,IAAK,CAACA,CAAC,CAAE;QAC5C1B,KAAK,EAAE,CAACC,MAAM,CAAC0B,SAAS,EAAExC,CAAC,CAACY,YAAY,IAAIE,MAAM,CAAC2B,eAAe,CAAE;QACpEC,kBAAkB,EAAC,aAAa;QAAAvC,QAAA,eAEhCV,IAAA,CAACL,MAAM;UAAC4B,IAAI,EAAE,EAAG;UAACC,KAAK,EAAEjB,CAAC,CAACY,YAAY,GAAGzB,KAAK,CAAC8B,KAAK,CAAC0B,MAAM,GAAGxD,KAAK,CAAC8B,KAAK,CAACC;QAAc,CAAE;MAAC,CAC5E,CAAC,eAEnBzB,IAAA,CAACV,gBAAgB;QACfgD,OAAO,EAAEA,CAAA,KAAM/B,CAAC,CAACK,OAAO,CAAC,SAAS,CAAE;QACpCQ,KAAK,EAAE,CAACC,MAAM,CAAC0B,SAAS,EAAExC,CAAC,CAAC4C,aAAa,IAAI9B,MAAM,CAAC2B,eAAe,CAAE;QACrEC,kBAAkB,EAAC,SAAS;QAAAvC,QAAA,eAE5BV,IAAA,CAACJ,MAAM;UAAC2B,IAAI,EAAE,EAAG;UAACC,KAAK,EAAEjB,CAAC,CAAC4C,aAAa,GAAGzD,KAAK,CAAC8B,KAAK,CAAC0B,MAAM,GAAGxD,KAAK,CAAC8B,KAAK,CAACC;QAAc,CAAE;MAAC,CAC7E,CAAC,eAEnBzB,IAAA,CAACV,gBAAgB;QACfgD,OAAO,EAAE/B,CAAC,CAAC6C,KAAM;QACjBC,QAAQ,EAAE,CAACtC,OAAQ;QACnBK,KAAK,EAAE,CAACC,MAAM,CAAC0B,SAAS,EAAE,CAAChC,OAAO,IAAIM,MAAM,CAACiC,iBAAiB,CAAE;QAChEL,kBAAkB,EAAC,eAAe;QAAAvC,QAAA,eAElCV,IAAA,CAACH,MAAM;UAAC0B,IAAI,EAAE,EAAG;UAACC,KAAK,EAAET,OAAO,GAAGrB,KAAK,CAAC8B,KAAK,CAACC,aAAa,GAAG/B,KAAK,CAAC8B,KAAK,CAAC+B;QAAa,CAAE;MAAC,CAC3E,CAAC;IAAA,CACA,CAAC;EAAA,CACX,CAAC;AAElB;AAEA,MAAMlC,MAAM,GAAG9B,UAAU,CAACiE,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAElE,KAAK,CAAC8B,KAAK,CAACqC,aAAa;IAC1CC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAErE,KAAK,CAAC8B,KAAK,CAACwC,MAAM;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlB,eAAe,EAAE;IACfY,eAAe,EAAElE,KAAK,CAAC8B,KAAK,CAAC2C,UAAU;IACvCJ,WAAW,EAAErE,KAAK,CAAC8B,KAAK,CAAC4C;EAC3B,CAAC;EACDd,iBAAiB,EAAE;IACjBe,OAAO,EAAE;EACX,CAAC;EACD/C,eAAe,EAAE;IACfgD,aAAa,EAAE,KAAK;IACpBL,UAAU,EAAE,QAAQ;IACpBL,eAAe,EAAElE,KAAK,CAAC8B,KAAK,CAAC+C,eAAe;IAC5CZ,YAAY,EAAEjE,KAAK,CAAC8E,MAAM,CAACC,GAAG;IAC9BX,WAAW,EAAE,CAAC;IACdC,WAAW,EAAErE,KAAK,CAAC8B,KAAK,CAACwC,MAAM;IAC/BU,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDjD,WAAW,EAAE;IACXkD,IAAI,EAAE,CAAC;IACPpD,KAAK,EAAE9B,KAAK,CAAC8B,KAAK,CAACqD,IAAI;IACvBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,CAAC;IACbJ,eAAe,EAAE;EACnB,CAAC;EACDpC,WAAW,EAAE;IACXwC,UAAU,EAAE,CAAC;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -70,7 +70,9 @@ export const ConsoleMessageRow = /*#__PURE__*/memo(function ConsoleMessageRow({
|
|
|
70
70
|
const level = levelStyles[entry.level];
|
|
71
71
|
const isErrorOrWarn = entry.level === "error" || entry.level === "warning";
|
|
72
72
|
const textColor = level.text;
|
|
73
|
-
|
|
73
|
+
// One "open" state per row: shows the stack trace (when there is one) AND
|
|
74
|
+
// lifts the single-line clamp so long/structured messages stay reachable.
|
|
75
|
+
const [expanded, setExpanded] = useState(entry.method === "trace");
|
|
74
76
|
|
|
75
77
|
// Collapsed/large cluster header (Grouped mode): tap to expand/collapse.
|
|
76
78
|
if (row.clusterHeader) {
|
|
@@ -107,7 +109,7 @@ export const ConsoleMessageRow = /*#__PURE__*/memo(function ConsoleMessageRow({
|
|
|
107
109
|
const tokens = formatConsoleMessage(entry.args);
|
|
108
110
|
const hasStack = Boolean(entry.stack) && (isErrorOrWarn || entry.method === "trace");
|
|
109
111
|
const content = /*#__PURE__*/_jsx(View, {
|
|
110
|
-
style: styles.contentWrap,
|
|
112
|
+
style: [styles.contentWrap, !expanded && styles.contentWrapClamped],
|
|
111
113
|
children: tokens.map((token, i) => token.type === "string" ? /*#__PURE__*/_jsx(Text, {
|
|
112
114
|
style: [styles.text, {
|
|
113
115
|
color: textColor
|
|
@@ -120,7 +122,13 @@ export const ConsoleMessageRow = /*#__PURE__*/memo(function ConsoleMessageRow({
|
|
|
120
122
|
});
|
|
121
123
|
const inner = /*#__PURE__*/_jsxs(View, {
|
|
122
124
|
style: styles.messageColumn,
|
|
123
|
-
children: [/*#__PURE__*/
|
|
125
|
+
children: [row.originLabel ? /*#__PURE__*/_jsx(Text, {
|
|
126
|
+
style: [styles.originLabel, {
|
|
127
|
+
color: row.originColor
|
|
128
|
+
}],
|
|
129
|
+
numberOfLines: 1,
|
|
130
|
+
children: row.originLabel
|
|
131
|
+
}) : null, /*#__PURE__*/_jsxs(View, {
|
|
124
132
|
style: styles.messageLine,
|
|
125
133
|
children: [row.isGroupHeader ? /*#__PURE__*/_jsx(Text, {
|
|
126
134
|
style: [styles.groupTriangle, {
|
|
@@ -137,18 +145,12 @@ export const ConsoleMessageRow = /*#__PURE__*/memo(function ConsoleMessageRow({
|
|
|
137
145
|
style: [styles.stackTriangle, {
|
|
138
146
|
color: textColor
|
|
139
147
|
}],
|
|
140
|
-
children:
|
|
148
|
+
children: expanded ? "▼" : "▶"
|
|
141
149
|
}) : null, content, row.repeatCount > 1 ? /*#__PURE__*/_jsx(RepeatBadge, {
|
|
142
150
|
count: row.repeatCount,
|
|
143
151
|
color: textColor
|
|
144
|
-
}) : null, row.originLabel ? /*#__PURE__*/_jsx(Text, {
|
|
145
|
-
style: [styles.originLabel, {
|
|
146
|
-
color: row.originColor
|
|
147
|
-
}],
|
|
148
|
-
numberOfLines: 1,
|
|
149
|
-
children: row.originLabel
|
|
150
152
|
}) : null]
|
|
151
|
-
}), hasStack &&
|
|
153
|
+
}), hasStack && expanded ? /*#__PURE__*/_jsx(View, {
|
|
152
154
|
style: styles.stackTrace,
|
|
153
155
|
children: (entry.stack ?? "").split("\n").filter(l => l.trim()).map((line, i) => /*#__PURE__*/_jsx(Text, {
|
|
154
156
|
style: styles.stackFrame,
|
|
@@ -186,6 +188,8 @@ export const ConsoleMessageRow = /*#__PURE__*/memo(function ConsoleMessageRow({
|
|
|
186
188
|
style: styles.rowWrapper,
|
|
187
189
|
children: [gutter, markers, inner]
|
|
188
190
|
});
|
|
191
|
+
const rowTestID = `buoy-console-row-${entry.id}`;
|
|
192
|
+
const rowLabel = [row.originLabel, tokens.find(t => t.type === "string")?.value].filter(Boolean).join(" — ").slice(0, 80);
|
|
189
193
|
|
|
190
194
|
// Group headers and stack-bearing rows are pressable.
|
|
191
195
|
if (row.isGroupHeader && row.groupId !== undefined) {
|
|
@@ -194,19 +198,19 @@ export const ConsoleMessageRow = /*#__PURE__*/memo(function ConsoleMessageRow({
|
|
|
194
198
|
style: rowStyle,
|
|
195
199
|
activeOpacity: 0.7,
|
|
196
200
|
onPress: () => onToggleGroup(gid, Boolean(row.groupCollapsed)),
|
|
201
|
+
testID: rowTestID,
|
|
202
|
+
accessibilityLabel: rowLabel || "Console group",
|
|
197
203
|
children: body
|
|
198
204
|
});
|
|
199
205
|
}
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
activeOpacity: 0.7,
|
|
204
|
-
onPress: () => setStackOpen(o => !o),
|
|
205
|
-
children: body
|
|
206
|
-
});
|
|
207
|
-
}
|
|
208
|
-
return /*#__PURE__*/_jsx(View, {
|
|
206
|
+
// Every other row toggles expanded on tap — the collapsed line is clamped
|
|
207
|
+
// to a single line, so the tap is the way to read a long/structured log.
|
|
208
|
+
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
209
209
|
style: rowStyle,
|
|
210
|
+
activeOpacity: 0.7,
|
|
211
|
+
onPress: () => setExpanded(o => !o),
|
|
212
|
+
testID: rowTestID,
|
|
213
|
+
accessibilityLabel: rowLabel || "Console message",
|
|
210
214
|
children: body
|
|
211
215
|
});
|
|
212
216
|
}, (prev, next) => prev.row.key === next.row.key &&
|
|
@@ -248,7 +252,7 @@ const styles = StyleSheet.create({
|
|
|
248
252
|
fontFamily: monoFont,
|
|
249
253
|
fontSize: 10,
|
|
250
254
|
lineHeight: 16,
|
|
251
|
-
|
|
255
|
+
marginBottom: 1,
|
|
252
256
|
opacity: 0.9
|
|
253
257
|
},
|
|
254
258
|
nestingMarker: {
|
|
@@ -274,6 +278,12 @@ const styles = StyleSheet.create({
|
|
|
274
278
|
alignItems: "flex-start",
|
|
275
279
|
flexShrink: 1
|
|
276
280
|
},
|
|
281
|
+
// Collapsed rows clamp to one line; tap the row to expand.
|
|
282
|
+
contentWrapClamped: {
|
|
283
|
+
flexWrap: "nowrap",
|
|
284
|
+
overflow: "hidden",
|
|
285
|
+
maxHeight: 16
|
|
286
|
+
},
|
|
277
287
|
text: {
|
|
278
288
|
fontFamily: monoFont,
|
|
279
289
|
fontSize: 12,
|