@buoy-gg/console 7.0.26 → 7.0.27
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/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/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/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/ConsoleView.tsx +3 -1
- package/src/devtools/theme.ts +13 -16
|
@@ -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":"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","ignoreList":[]}
|
|
@@ -33,7 +33,9 @@ export function ConsoleView() {
|
|
|
33
33
|
const styles = StyleSheet.create({
|
|
34
34
|
container: {
|
|
35
35
|
flex: 1,
|
|
36
|
-
|
|
36
|
+
// Transparent so the desktop workbench's hoisted sky (one field spanning
|
|
37
|
+
// sidebar + panel) shows through — the shell paints its base beneath it.
|
|
38
|
+
backgroundColor: "transparent"
|
|
37
39
|
},
|
|
38
40
|
headerBar: {
|
|
39
41
|
paddingHorizontal: 12,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","macOSColors","consoleTheme","ConsoleHeader","ConsoleBody","useConsoleController","jsx","_jsx","jsxs","_jsxs","ConsoleView","c","style","styles","container","children","headerBar","create","flex","backgroundColor","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","macOSColors","consoleTheme","ConsoleHeader","ConsoleBody","useConsoleController","jsx","_jsx","jsxs","_jsxs","ConsoleView","c","style","styles","container","children","headerBar","create","flex","backgroundColor","paddingHorizontal","paddingVertical","baseContainer","borderBottomWidth","hairlineWidth","borderBottomColor","border","default"],"sourceRoot":"../../../src","sources":["devtools/ConsoleView.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,YAAY,QAAQ,SAAS;AACtC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,oBAAoB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9D,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC5B,MAAMC,CAAC,GAAGN,oBAAoB,CAAC,CAAC;EAChC,oBACEI,KAAA,CAACV,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BR,IAAA,CAACR,IAAI;MAACa,KAAK,EAAEC,MAAM,CAACG,SAAU;MAAAD,QAAA,eAC5BR,IAAA,CAACJ,aAAa;QAACQ,CAAC,EAAEA;MAAE,CAAE;IAAC,CACnB,CAAC,eACPJ,IAAA,CAACH,WAAW;MAACO,CAAC,EAAEA;IAAE,CAAE,CAAC;EAAA,CACjB,CAAC;AAEX;AAEA,MAAME,MAAM,GAAGb,UAAU,CAACiB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACP;IACA;IACAC,eAAe,EAAE;EACnB,CAAC;EACDH,SAAS,EAAE;IACTI,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBF,eAAe,EAAEjB,YAAY,CAACoB,aAAa;IAC3CC,iBAAiB,EAAEvB,UAAU,CAACwB,aAAa;IAC3CC,iBAAiB,EAAExB,WAAW,CAACyB,MAAM,CAACC;EACxC;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
|
-
* Console palette — a dark theme
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* - links #40CCFF on #0A0A0C ≈ 9:1
|
|
10
|
-
* - dividers / nesting guides lightened to ~#3A3A40 so lines are clearly
|
|
11
|
-
* visible against the near-black surface.
|
|
4
|
+
* Console palette — a dark theme whose CHROME entries (surfaces, dividers,
|
|
5
|
+
* default/secondary text) come from Buoy's `night` tokens so the console reads
|
|
6
|
+
* as part of the night suite, while the Chrome-DevTools DATA colours (level
|
|
7
|
+
* rows, value types, links, ANSI) stay classic — they tell the user something
|
|
8
|
+
* about the logged data.
|
|
12
9
|
* `lightTheme` below holds the exact DevTools light tokens and `consoleTheme`
|
|
13
10
|
* picks between the two from the host app's surface. Every shipped theme is
|
|
14
11
|
* dark today, so the light branch is currently unreachable — it is kept because
|
|
@@ -19,6 +16,8 @@
|
|
|
19
16
|
*/
|
|
20
17
|
|
|
21
18
|
import { Platform } from "react-native";
|
|
19
|
+
import { night } from "@buoy-gg/shared-ui";
|
|
20
|
+
|
|
22
21
|
/**
|
|
23
22
|
* Monospace font. On the desktop dashboard (react-native-web) the generic
|
|
24
23
|
* `"monospace"` resolves to a thin, poorly-hinted browser default that's hard
|
|
@@ -64,28 +63,25 @@ export const lightTheme = {
|
|
|
64
63
|
valuePreview: "rgba(31,31,31,0.62)"
|
|
65
64
|
};
|
|
66
65
|
|
|
67
|
-
/** Dark theme (active) —
|
|
66
|
+
/** Dark theme (active) — night chrome, classic DevTools data colours. */
|
|
68
67
|
export const darkTheme = {
|
|
69
68
|
baseContainer: "#0A0A0C",
|
|
70
|
-
//
|
|
69
|
+
// desktop inline shell base (modal path is transparent)
|
|
71
70
|
surfaceError: "rgba(255,69,58,0.15)",
|
|
72
71
|
// semantic.errorBackground
|
|
73
72
|
surfaceYellow: "rgba(255,235,59,0.13)",
|
|
74
73
|
// semantic.warningBackground
|
|
75
|
-
divider:
|
|
76
|
-
//
|
|
77
|
-
inputBackground:
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
// background.card
|
|
81
|
-
onSurface: "#F5F5F7",
|
|
82
|
-
// text.primary (~17:1)
|
|
74
|
+
divider: night.color.fillTertiary,
|
|
75
|
+
// row hairlines + nesting guides (strong enough to stay visible)
|
|
76
|
+
inputBackground: night.color.surfaceElevated,
|
|
77
|
+
menuBackground: night.color.surface,
|
|
78
|
+
onSurface: night.color.text,
|
|
83
79
|
onSurfaceYellow: "#FFE9A3",
|
|
84
80
|
// light warm yellow on dark warning row
|
|
85
81
|
onErrorContainer: "#FFB4AB",
|
|
86
82
|
// light red on dark error row
|
|
87
|
-
tokenSubtle:
|
|
88
|
-
//
|
|
83
|
+
tokenSubtle: night.color.textSecondary,
|
|
84
|
+
// timestamps, previews
|
|
89
85
|
primary: "#40CCFF",
|
|
90
86
|
// semantic.infoLight (links, ~9:1)
|
|
91
87
|
valueNumber: "#FF9F1C",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","monoFont","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":["Platform","night","monoFont","select","web","default","lightTheme","baseContainer","surfaceError","surfaceYellow","divider","inputBackground","menuBackground","onSurface","onSurfaceYellow","onErrorContainer","tokenSubtle","primary","valueNumber","valueString","valueBigint","valueNode","valueNullish","valuePreview","darkTheme","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":[]}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Console palette — a dark theme
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* - links #40CCFF on #0A0A0C ≈ 9:1
|
|
8
|
-
* - dividers / nesting guides lightened to ~#3A3A40 so lines are clearly
|
|
9
|
-
* visible against the near-black surface.
|
|
2
|
+
* Console palette — a dark theme whose CHROME entries (surfaces, dividers,
|
|
3
|
+
* default/secondary text) come from Buoy's `night` tokens so the console reads
|
|
4
|
+
* as part of the night suite, while the Chrome-DevTools DATA colours (level
|
|
5
|
+
* rows, value types, links, ANSI) stay classic — they tell the user something
|
|
6
|
+
* about the logged data.
|
|
10
7
|
* `lightTheme` below holds the exact DevTools light tokens and `consoleTheme`
|
|
11
8
|
* picks between the two from the host app's surface. Every shipped theme is
|
|
12
9
|
* dark today, so the light branch is currently unreachable — it is kept because
|
|
@@ -43,7 +40,7 @@ export interface ConsoleColors {
|
|
|
43
40
|
}
|
|
44
41
|
/** Resolved DevTools light-theme tokens. Unreachable today — see the header. */
|
|
45
42
|
export declare const lightTheme: ConsoleColors;
|
|
46
|
-
/** Dark theme (active) —
|
|
43
|
+
/** Dark theme (active) — night chrome, classic DevTools data colours. */
|
|
47
44
|
export declare const darkTheme: ConsoleColors;
|
|
48
45
|
/**
|
|
49
46
|
* The active console palette.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/devtools/theme.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/devtools/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAKH;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,MAIJ,CAAC;AAEpB,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,gFAAgF;AAChF,eAAO,MAAM,UAAU,EAAE,aAkBxB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,SAAS,EAAE,aAkBvB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,aAAyB,CAAC;AAErD,oFAAoF;AACpF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAiB7C,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,UAAU;IACzB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,UAAU,CAaxD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@buoy-gg/console",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.27",
|
|
4
4
|
"description": "Chrome DevTools-style console for React Native — captures every console.* on device, even in release builds. Part of Buoy devtools.",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
],
|
|
14
14
|
"sideEffects": false,
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@buoy-gg/shared-ui": "^7.0.
|
|
16
|
+
"@buoy-gg/shared-ui": "^7.0.27"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"react": "*",
|
|
@@ -8,12 +8,12 @@ import {
|
|
|
8
8
|
type ListRenderItem,
|
|
9
9
|
} from "react-native";
|
|
10
10
|
import { useConsoleLogs } from "../hooks/useConsoleLogs";
|
|
11
|
-
import {
|
|
11
|
+
import { night } from "@buoy-gg/shared-ui";
|
|
12
12
|
import { clearEntries, type ConsoleLogEntry, type ConsoleLevel } from "../store/consoleLogStore";
|
|
13
13
|
|
|
14
14
|
const LEVEL_COLOR: Record<ConsoleLevel, string> = {
|
|
15
15
|
verbose: "#9b9b9b",
|
|
16
|
-
info:
|
|
16
|
+
info: night.color.text,
|
|
17
17
|
warning: "#e2c08d",
|
|
18
18
|
error: "#f48771",
|
|
19
19
|
};
|
|
@@ -71,7 +71,8 @@ export function ConsoleLogList() {
|
|
|
71
71
|
const styles = StyleSheet.create({
|
|
72
72
|
container: {
|
|
73
73
|
flex: 1,
|
|
74
|
-
|
|
74
|
+
// Transparent so the night sheet's star field shows through.
|
|
75
|
+
backgroundColor: "transparent",
|
|
75
76
|
},
|
|
76
77
|
header: {
|
|
77
78
|
flexDirection: "row",
|
|
@@ -80,10 +81,10 @@ const styles = StyleSheet.create({
|
|
|
80
81
|
paddingHorizontal: 12,
|
|
81
82
|
paddingVertical: 8,
|
|
82
83
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
83
|
-
borderBottomColor:
|
|
84
|
+
borderBottomColor: night.color.border,
|
|
84
85
|
},
|
|
85
86
|
headerTitle: {
|
|
86
|
-
color:
|
|
87
|
+
color: night.color.text,
|
|
87
88
|
fontSize: 13,
|
|
88
89
|
fontWeight: "600",
|
|
89
90
|
},
|
|
@@ -91,10 +92,10 @@ const styles = StyleSheet.create({
|
|
|
91
92
|
paddingHorizontal: 10,
|
|
92
93
|
paddingVertical: 4,
|
|
93
94
|
borderRadius: 4,
|
|
94
|
-
backgroundColor:
|
|
95
|
+
backgroundColor: night.color.surfaceElevated,
|
|
95
96
|
},
|
|
96
97
|
clearText: {
|
|
97
|
-
color:
|
|
98
|
+
color: night.color.text,
|
|
98
99
|
fontSize: 12,
|
|
99
100
|
},
|
|
100
101
|
row: {
|
|
@@ -102,11 +103,11 @@ const styles = StyleSheet.create({
|
|
|
102
103
|
paddingHorizontal: 12,
|
|
103
104
|
paddingVertical: 4,
|
|
104
105
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
105
|
-
borderBottomColor:
|
|
106
|
+
borderBottomColor: night.color.separator,
|
|
106
107
|
gap: 8,
|
|
107
108
|
},
|
|
108
109
|
time: {
|
|
109
|
-
color:
|
|
110
|
+
color: night.color.textTertiary,
|
|
110
111
|
fontSize: 11,
|
|
111
112
|
fontVariant: ["tabular-nums"],
|
|
112
113
|
minWidth: 86,
|
|
@@ -122,7 +123,7 @@ const styles = StyleSheet.create({
|
|
|
122
123
|
fontFamily: "monospace",
|
|
123
124
|
},
|
|
124
125
|
empty: {
|
|
125
|
-
color:
|
|
126
|
+
color: night.color.textTertiary,
|
|
126
127
|
fontSize: 13,
|
|
127
128
|
textAlign: "center",
|
|
128
129
|
},
|
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
StyleSheet,
|
|
15
15
|
type ListRenderItem,
|
|
16
16
|
} from "react-native";
|
|
17
|
-
import {
|
|
17
|
+
import { night, Check } from "@buoy-gg/shared-ui";
|
|
18
18
|
import { consoleTheme } from "./theme";
|
|
19
19
|
import { ConsoleMessageRow } from "./ConsoleMessageRow";
|
|
20
20
|
import type { DisplayRow } from "./useConsoleMessages";
|
|
@@ -96,7 +96,7 @@ function CheckRow({
|
|
|
96
96
|
return (
|
|
97
97
|
<TouchableOpacity style={styles.row} onPress={onPress} activeOpacity={0.7}>
|
|
98
98
|
<View style={[styles.checkbox, on && styles.checkboxOn]}>
|
|
99
|
-
{on ? <Check size={12} color={
|
|
99
|
+
{on ? <Check size={12} color={night.color.onAccent} strokeWidth={3} /> : null}
|
|
100
100
|
</View>
|
|
101
101
|
<View style={styles.rowTextCol}>
|
|
102
102
|
<Text style={styles.rowLabel}>{label}</Text>
|
|
@@ -157,17 +157,19 @@ function FiltersView({ c }: { c: ConsoleController }) {
|
|
|
157
157
|
const styles = StyleSheet.create({
|
|
158
158
|
list: {
|
|
159
159
|
flex: 1,
|
|
160
|
-
|
|
160
|
+
// Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
|
|
161
|
+
backgroundColor: "transparent",
|
|
161
162
|
},
|
|
162
163
|
subView: {
|
|
163
164
|
flex: 1,
|
|
164
|
-
|
|
165
|
+
// Transparent so the night sheet's star field shows through.
|
|
166
|
+
backgroundColor: "transparent",
|
|
165
167
|
},
|
|
166
168
|
subViewContent: {
|
|
167
169
|
padding: 12,
|
|
168
170
|
},
|
|
169
171
|
sectionLabel: {
|
|
170
|
-
color:
|
|
172
|
+
color: night.color.textTertiary,
|
|
171
173
|
fontSize: 11,
|
|
172
174
|
textTransform: "uppercase",
|
|
173
175
|
letterSpacing: 0.5,
|
|
@@ -180,13 +182,13 @@ const styles = StyleSheet.create({
|
|
|
180
182
|
paddingHorizontal: 8,
|
|
181
183
|
},
|
|
182
184
|
presetText: {
|
|
183
|
-
color:
|
|
185
|
+
color: night.color.accent,
|
|
184
186
|
fontSize: 14,
|
|
185
187
|
fontWeight: "600",
|
|
186
188
|
},
|
|
187
189
|
divider: {
|
|
188
190
|
height: StyleSheet.hairlineWidth,
|
|
189
|
-
backgroundColor:
|
|
191
|
+
backgroundColor: night.color.border,
|
|
190
192
|
marginVertical: 6,
|
|
191
193
|
},
|
|
192
194
|
row: {
|
|
@@ -201,11 +203,11 @@ const styles = StyleSheet.create({
|
|
|
201
203
|
flex: 1,
|
|
202
204
|
},
|
|
203
205
|
rowLabel: {
|
|
204
|
-
color:
|
|
206
|
+
color: night.color.text,
|
|
205
207
|
fontSize: 14,
|
|
206
208
|
},
|
|
207
209
|
rowSubtext: {
|
|
208
|
-
color:
|
|
210
|
+
color: night.color.textTertiary,
|
|
209
211
|
fontSize: 12,
|
|
210
212
|
marginTop: 1,
|
|
211
213
|
},
|
|
@@ -214,12 +216,13 @@ const styles = StyleSheet.create({
|
|
|
214
216
|
height: 18,
|
|
215
217
|
borderRadius: 4,
|
|
216
218
|
borderWidth: 1,
|
|
217
|
-
borderColor:
|
|
219
|
+
borderColor: night.color.fillTertiary,
|
|
218
220
|
alignItems: "center",
|
|
219
221
|
justifyContent: "center",
|
|
220
222
|
},
|
|
223
|
+
// Solid accent (not accentSoft) so the onAccent check glyph stays legible.
|
|
221
224
|
checkboxOn: {
|
|
222
|
-
backgroundColor:
|
|
223
|
-
borderColor:
|
|
225
|
+
backgroundColor: night.color.accent,
|
|
226
|
+
borderColor: night.color.accent,
|
|
224
227
|
},
|
|
225
228
|
});
|