@buoy-gg/console 7.0.3 → 7.0.5
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/ConsoleIcon.js +11 -39
- package/lib/commonjs/components/ConsoleIcon.js.map +1 -1
- package/lib/commonjs/components/ConsoleLogList.js +9 -8
- package/lib/commonjs/components/ConsoleLogList.js.map +1 -1
- package/lib/commonjs/devtools/theme.js +17 -4
- package/lib/commonjs/devtools/theme.js.map +1 -1
- package/lib/module/components/ConsoleIcon.js +7 -37
- package/lib/module/components/ConsoleIcon.js.map +1 -1
- package/lib/module/components/ConsoleLogList.js +9 -8
- package/lib/module/components/ConsoleLogList.js.map +1 -1
- package/lib/module/devtools/theme.js +17 -5
- package/lib/module/devtools/theme.js.map +1 -1
- package/lib/typescript/components/ConsoleIcon.d.ts +6 -11
- package/lib/typescript/components/ConsoleIcon.d.ts.map +1 -1
- package/lib/typescript/components/ConsoleLogList.d.ts.map +1 -1
- package/lib/typescript/devtools/theme.d.ts +17 -4
- package/lib/typescript/devtools/theme.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/ConsoleIcon.tsx +6 -46
- package/src/components/ConsoleLogList.tsx +9 -8
- package/src/devtools/theme.ts +18 -4
|
@@ -3,45 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
/** Tool accent color (terminal green). */
|
|
13
|
-
const CONSOLE_ICON_COLOR = exports.CONSOLE_ICON_COLOR = "#10B981";
|
|
14
|
-
/**
|
|
15
|
-
* Dependency-free terminal glyph: a rounded window outline with a `>_` prompt.
|
|
16
|
-
* Rendered in the floating menu and the modal header.
|
|
17
|
-
*/
|
|
18
|
-
function ConsoleIcon({
|
|
19
|
-
size,
|
|
20
|
-
color = CONSOLE_ICON_COLOR
|
|
21
|
-
}) {
|
|
22
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
23
|
-
style: [styles.frame, {
|
|
24
|
-
width: size,
|
|
25
|
-
height: size,
|
|
26
|
-
borderRadius: size * 0.2,
|
|
27
|
-
borderColor: color
|
|
28
|
-
}],
|
|
29
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
30
|
-
style: {
|
|
31
|
-
color,
|
|
32
|
-
fontSize: size * 0.46,
|
|
33
|
-
fontWeight: "700",
|
|
34
|
-
fontFamily: "monospace"
|
|
35
|
-
},
|
|
36
|
-
children: ">_"
|
|
37
|
-
})
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
const styles = _reactNative.StyleSheet.create({
|
|
41
|
-
frame: {
|
|
42
|
-
borderWidth: 1.5,
|
|
43
|
-
alignItems: "center",
|
|
44
|
-
justifyContent: "center"
|
|
6
|
+
Object.defineProperty(exports, "CONSOLE_ICON_COLOR", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _sharedUi.CONSOLE_ICON_COLOR;
|
|
45
10
|
}
|
|
46
11
|
});
|
|
12
|
+
Object.defineProperty(exports, "ConsoleIcon", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _sharedUi.ConsoleIcon;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _sharedUi = require("@buoy-gg/shared-ui");
|
|
47
19
|
//# sourceMappingURL=ConsoleIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_sharedUi","require"],"sourceRoot":"../../../src","sources":["components/ConsoleIcon.tsx"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -7,12 +7,13 @@ exports.ConsoleLogList = ConsoleLogList;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _useConsoleLogs = require("../hooks/useConsoleLogs");
|
|
10
|
+
var _sharedUi = require("@buoy-gg/shared-ui");
|
|
10
11
|
var _consoleLogStore = require("../store/consoleLogStore");
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
14
|
const LEVEL_COLOR = {
|
|
14
15
|
verbose: "#9b9b9b",
|
|
15
|
-
info:
|
|
16
|
+
info: _sharedUi.buoyColors.text,
|
|
16
17
|
warning: "#e2c08d",
|
|
17
18
|
error: "#f48771"
|
|
18
19
|
};
|
|
@@ -81,7 +82,7 @@ function ConsoleLogList() {
|
|
|
81
82
|
const styles = _reactNative.StyleSheet.create({
|
|
82
83
|
container: {
|
|
83
84
|
flex: 1,
|
|
84
|
-
backgroundColor:
|
|
85
|
+
backgroundColor: _sharedUi.buoyColors.base
|
|
85
86
|
},
|
|
86
87
|
header: {
|
|
87
88
|
flexDirection: "row",
|
|
@@ -90,10 +91,10 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
90
91
|
paddingHorizontal: 12,
|
|
91
92
|
paddingVertical: 8,
|
|
92
93
|
borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
|
|
93
|
-
borderBottomColor:
|
|
94
|
+
borderBottomColor: _sharedUi.buoyColors.border
|
|
94
95
|
},
|
|
95
96
|
headerTitle: {
|
|
96
|
-
color:
|
|
97
|
+
color: _sharedUi.buoyColors.text,
|
|
97
98
|
fontSize: 13,
|
|
98
99
|
fontWeight: "600"
|
|
99
100
|
},
|
|
@@ -101,10 +102,10 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
101
102
|
paddingHorizontal: 10,
|
|
102
103
|
paddingVertical: 4,
|
|
103
104
|
borderRadius: 4,
|
|
104
|
-
backgroundColor:
|
|
105
|
+
backgroundColor: _sharedUi.buoyColors.border
|
|
105
106
|
},
|
|
106
107
|
clearText: {
|
|
107
|
-
color:
|
|
108
|
+
color: _sharedUi.buoyColors.text,
|
|
108
109
|
fontSize: 12
|
|
109
110
|
},
|
|
110
111
|
row: {
|
|
@@ -116,7 +117,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
116
117
|
gap: 8
|
|
117
118
|
},
|
|
118
119
|
time: {
|
|
119
|
-
color:
|
|
120
|
+
color: _sharedUi.macOSColors.text.icon,
|
|
120
121
|
fontSize: 11,
|
|
121
122
|
fontVariant: ["tabular-nums"],
|
|
122
123
|
minWidth: 86
|
|
@@ -132,7 +133,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
132
133
|
fontFamily: "monospace"
|
|
133
134
|
},
|
|
134
135
|
empty: {
|
|
135
|
-
color:
|
|
136
|
+
color: _sharedUi.macOSColors.text.icon,
|
|
136
137
|
fontSize: 13,
|
|
137
138
|
textAlign: "center"
|
|
138
139
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useConsoleLogs","_consoleLogStore","_jsxRuntime","e","__esModule","default","LEVEL_COLOR","verbose","info","warning","error","formatTime","ts","d","Date","pad","n","len","String","padStart","getHours","getMinutes","getSeconds","getMilliseconds","ConsoleLogList","logs","useConsoleLogs","renderItem","item","jsxs","View","style","styles","row","children","jsx","Text","time","timestamp","level","color","toUpperCase","message","numberOfLines","container","header","headerTitle","length","TouchableOpacity","onPress","clearEntries","clearButton","clearText","FlatList","data","keyExtractor","id","ListEmptyComponent","empty","contentContainerStyle","emptyContainer","undefined","StyleSheet","create","flex","backgroundColor","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","borderBottomWidth","hairlineWidth","borderBottomColor","fontSize","fontWeight","borderRadius","gap","fontVariant","minWidth","fontFamily","textAlign","flexGrow"],"sourceRoot":"../../../src","sources":["components/ConsoleLogList.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useConsoleLogs","_sharedUi","_consoleLogStore","_jsxRuntime","e","__esModule","default","LEVEL_COLOR","verbose","info","buoyColors","text","warning","error","formatTime","ts","d","Date","pad","n","len","String","padStart","getHours","getMinutes","getSeconds","getMilliseconds","ConsoleLogList","logs","useConsoleLogs","renderItem","item","jsxs","View","style","styles","row","children","jsx","Text","time","timestamp","level","color","toUpperCase","message","numberOfLines","container","header","headerTitle","length","TouchableOpacity","onPress","clearEntries","clearButton","clearText","FlatList","data","keyExtractor","id","ListEmptyComponent","empty","contentContainerStyle","emptyContainer","undefined","StyleSheet","create","flex","backgroundColor","base","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","borderBottomWidth","hairlineWidth","borderBottomColor","border","fontSize","fontWeight","borderRadius","gap","macOSColors","icon","fontVariant","minWidth","fontFamily","textAlign","flexGrow"],"sourceRoot":"../../../src","sources":["components/ConsoleLogList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,8 +14,13 @@ var _reactNative = require("react-native");
|
|
|
14
14
|
* - links #40CCFF on #0A0A0C ≈ 9:1
|
|
15
15
|
* - dividers / nesting guides lightened to ~#3A3A40 so lines are clearly
|
|
16
16
|
* visible against the near-black surface.
|
|
17
|
-
*
|
|
18
|
-
*
|
|
17
|
+
* `lightTheme` below holds the exact DevTools light tokens and `consoleTheme`
|
|
18
|
+
* picks between the two from the host app's surface. Every shipped theme is
|
|
19
|
+
* dark today, so the light branch is currently unreachable — it is kept because
|
|
20
|
+
* the probe is what makes this correct if a light surface ever returns.
|
|
21
|
+
*
|
|
22
|
+
* Not themed: `ansiColors` below is the dark-theme ANSI palette, so ANSI
|
|
23
|
+
* escape sequences in captured output keep their dark-console colours.
|
|
19
24
|
*/
|
|
20
25
|
|
|
21
26
|
/**
|
|
@@ -28,7 +33,7 @@ const monoFont = exports.monoFont = _reactNative.Platform.select({
|
|
|
28
33
|
web: 'ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace',
|
|
29
34
|
default: "monospace"
|
|
30
35
|
}) ?? "monospace";
|
|
31
|
-
/**
|
|
36
|
+
/** Resolved DevTools light-theme tokens. Unreachable today — see the header. */
|
|
32
37
|
const lightTheme = exports.lightTheme = {
|
|
33
38
|
baseContainer: "#ffffff",
|
|
34
39
|
// --sys-color-cdt-base-container (neutral99 ≈ white)
|
|
@@ -100,7 +105,15 @@ const darkTheme = exports.darkTheme = {
|
|
|
100
105
|
valuePreview: "#A1A1A6" // object preview (italic)
|
|
101
106
|
};
|
|
102
107
|
|
|
103
|
-
/**
|
|
108
|
+
/**
|
|
109
|
+
* The active console palette.
|
|
110
|
+
*
|
|
111
|
+
* `darkTheme`, always. `macOSColors` is the dark palette on every surface Buoy
|
|
112
|
+
* renders on, so there is nothing to pick between — this used to probe the host
|
|
113
|
+
* surface's luminance for a light dashboard theme that no longer exists.
|
|
114
|
+
* `lightTheme` above is kept because it is the real Chrome DevTools light token
|
|
115
|
+
* set and predates that experiment; swap it in here if a light surface returns.
|
|
116
|
+
*/
|
|
104
117
|
const consoleTheme = exports.consoleTheme = darkTheme;
|
|
105
118
|
|
|
106
119
|
/** ANSI 16-color palette (dark theme), from consoleView.css `--console-color-*`. */
|
|
@@ -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","text","info","warning","background","icon","error"],"sourceRoot":"../../../src","sources":["devtools/theme.ts"],"mappings":";;;;;;
|
|
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","text","info","warning","background","icon","error"],"sourceRoot":"../../../src","sources":["devtools/theme.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,42 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { View, Text, StyleSheet } from "react-native";
|
|
5
|
-
|
|
6
|
-
/** Tool accent color (terminal green). */
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
export const CONSOLE_ICON_COLOR = "#10B981";
|
|
9
3
|
/**
|
|
10
|
-
*
|
|
11
|
-
*
|
|
4
|
+
* ConsoleIcon — re-exported from the Buoy Icon Format.
|
|
5
|
+
*
|
|
6
|
+
* The artwork lives in shared/icons/console.json and is generated into
|
|
7
|
+
* @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
|
|
8
|
+
* Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
|
|
12
9
|
*/
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
color = CONSOLE_ICON_COLOR
|
|
16
|
-
}) {
|
|
17
|
-
return /*#__PURE__*/_jsx(View, {
|
|
18
|
-
style: [styles.frame, {
|
|
19
|
-
width: size,
|
|
20
|
-
height: size,
|
|
21
|
-
borderRadius: size * 0.2,
|
|
22
|
-
borderColor: color
|
|
23
|
-
}],
|
|
24
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
25
|
-
style: {
|
|
26
|
-
color,
|
|
27
|
-
fontSize: size * 0.46,
|
|
28
|
-
fontWeight: "700",
|
|
29
|
-
fontFamily: "monospace"
|
|
30
|
-
},
|
|
31
|
-
children: ">_"
|
|
32
|
-
})
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
const styles = StyleSheet.create({
|
|
36
|
-
frame: {
|
|
37
|
-
borderWidth: 1.5,
|
|
38
|
-
alignItems: "center",
|
|
39
|
-
justifyContent: "center"
|
|
40
|
-
}
|
|
41
|
-
});
|
|
10
|
+
|
|
11
|
+
export { ConsoleIcon, CONSOLE_ICON_COLOR } from "@buoy-gg/shared-ui";
|
|
42
12
|
//# sourceMappingURL=ConsoleIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["ConsoleIcon","CONSOLE_ICON_COLOR"],"sourceRoot":"../../../src","sources":["components/ConsoleIcon.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,kBAAkB,QAAQ,oBAAoB","ignoreList":[]}
|
|
@@ -3,11 +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 { macOSColors, buoyColors } from "@buoy-gg/shared-ui";
|
|
6
7
|
import { clearEntries } from "../store/consoleLogStore";
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
const LEVEL_COLOR = {
|
|
9
10
|
verbose: "#9b9b9b",
|
|
10
|
-
info:
|
|
11
|
+
info: buoyColors.text,
|
|
11
12
|
warning: "#e2c08d",
|
|
12
13
|
error: "#f48771"
|
|
13
14
|
};
|
|
@@ -76,7 +77,7 @@ export function ConsoleLogList() {
|
|
|
76
77
|
const styles = StyleSheet.create({
|
|
77
78
|
container: {
|
|
78
79
|
flex: 1,
|
|
79
|
-
backgroundColor:
|
|
80
|
+
backgroundColor: buoyColors.base
|
|
80
81
|
},
|
|
81
82
|
header: {
|
|
82
83
|
flexDirection: "row",
|
|
@@ -85,10 +86,10 @@ const styles = StyleSheet.create({
|
|
|
85
86
|
paddingHorizontal: 12,
|
|
86
87
|
paddingVertical: 8,
|
|
87
88
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
88
|
-
borderBottomColor:
|
|
89
|
+
borderBottomColor: buoyColors.border
|
|
89
90
|
},
|
|
90
91
|
headerTitle: {
|
|
91
|
-
color:
|
|
92
|
+
color: buoyColors.text,
|
|
92
93
|
fontSize: 13,
|
|
93
94
|
fontWeight: "600"
|
|
94
95
|
},
|
|
@@ -96,10 +97,10 @@ const styles = StyleSheet.create({
|
|
|
96
97
|
paddingHorizontal: 10,
|
|
97
98
|
paddingVertical: 4,
|
|
98
99
|
borderRadius: 4,
|
|
99
|
-
backgroundColor:
|
|
100
|
+
backgroundColor: buoyColors.border
|
|
100
101
|
},
|
|
101
102
|
clearText: {
|
|
102
|
-
color:
|
|
103
|
+
color: buoyColors.text,
|
|
103
104
|
fontSize: 12
|
|
104
105
|
},
|
|
105
106
|
row: {
|
|
@@ -111,7 +112,7 @@ const styles = StyleSheet.create({
|
|
|
111
112
|
gap: 8
|
|
112
113
|
},
|
|
113
114
|
time: {
|
|
114
|
-
color:
|
|
115
|
+
color: macOSColors.text.icon,
|
|
115
116
|
fontSize: 11,
|
|
116
117
|
fontVariant: ["tabular-nums"],
|
|
117
118
|
minWidth: 86
|
|
@@ -127,7 +128,7 @@ const styles = StyleSheet.create({
|
|
|
127
128
|
fontFamily: "monospace"
|
|
128
129
|
},
|
|
129
130
|
empty: {
|
|
130
|
-
color:
|
|
131
|
+
color: macOSColors.text.icon,
|
|
131
132
|
fontSize: 13,
|
|
132
133
|
textAlign: "center"
|
|
133
134
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","FlatList","TouchableOpacity","StyleSheet","useConsoleLogs","clearEntries","jsx","_jsx","jsxs","_jsxs","LEVEL_COLOR","verbose","info","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","color","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","fontSize","fontWeight","borderRadius","gap","fontVariant","minWidth","fontFamily","textAlign","flexGrow"],"sourceRoot":"../../../src","sources":["components/ConsoleLogList.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACRC,gBAAgB,EAChBC,UAAU,QAEL,cAAc;AACrB,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,YAAY,QAAiD,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjG,MAAMC,WAAyC,GAAG;EAChDC,OAAO,EAAE,SAAS;EAClBC,IAAI,
|
|
1
|
+
{"version":3,"names":["React","View","Text","FlatList","TouchableOpacity","StyleSheet","useConsoleLogs","macOSColors","buoyColors","clearEntries","jsx","_jsx","jsxs","_jsxs","LEVEL_COLOR","verbose","info","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","color","toUpperCase","message","numberOfLines","container","header","headerTitle","length","onPress","clearButton","clearText","data","keyExtractor","id","ListEmptyComponent","empty","contentContainerStyle","emptyContainer","undefined","create","flex","backgroundColor","base","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","borderBottomWidth","hairlineWidth","borderBottomColor","border","fontSize","fontWeight","borderRadius","gap","icon","fontVariant","minWidth","fontFamily","textAlign","flexGrow"],"sourceRoot":"../../../src","sources":["components/ConsoleLogList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,12 +9,16 @@
|
|
|
9
9
|
* - links #40CCFF on #0A0A0C ≈ 9:1
|
|
10
10
|
* - dividers / nesting guides lightened to ~#3A3A40 so lines are clearly
|
|
11
11
|
* visible against the near-black surface.
|
|
12
|
-
*
|
|
13
|
-
*
|
|
12
|
+
* `lightTheme` below holds the exact DevTools light tokens and `consoleTheme`
|
|
13
|
+
* picks between the two from the host app's surface. Every shipped theme is
|
|
14
|
+
* dark today, so the light branch is currently unreachable — it is kept because
|
|
15
|
+
* the probe is what makes this correct if a light surface ever returns.
|
|
16
|
+
*
|
|
17
|
+
* Not themed: `ansiColors` below is the dark-theme ANSI palette, so ANSI
|
|
18
|
+
* escape sequences in captured output keep their dark-console colours.
|
|
14
19
|
*/
|
|
15
20
|
|
|
16
21
|
import { Platform } from "react-native";
|
|
17
|
-
|
|
18
22
|
/**
|
|
19
23
|
* Monospace font. On the desktop dashboard (react-native-web) the generic
|
|
20
24
|
* `"monospace"` resolves to a thin, poorly-hinted browser default that's hard
|
|
@@ -25,7 +29,7 @@ export const monoFont = Platform.select({
|
|
|
25
29
|
web: 'ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace',
|
|
26
30
|
default: "monospace"
|
|
27
31
|
}) ?? "monospace";
|
|
28
|
-
/**
|
|
32
|
+
/** Resolved DevTools light-theme tokens. Unreachable today — see the header. */
|
|
29
33
|
export const lightTheme = {
|
|
30
34
|
baseContainer: "#ffffff",
|
|
31
35
|
// --sys-color-cdt-base-container (neutral99 ≈ white)
|
|
@@ -97,7 +101,15 @@ export const darkTheme = {
|
|
|
97
101
|
valuePreview: "#A1A1A6" // object preview (italic)
|
|
98
102
|
};
|
|
99
103
|
|
|
100
|
-
/**
|
|
104
|
+
/**
|
|
105
|
+
* The active console palette.
|
|
106
|
+
*
|
|
107
|
+
* `darkTheme`, always. `macOSColors` is the dark palette on every surface Buoy
|
|
108
|
+
* renders on, so there is nothing to pick between — this used to probe the host
|
|
109
|
+
* surface's luminance for a light dashboard theme that no longer exists.
|
|
110
|
+
* `lightTheme` above is kept because it is the real Chrome DevTools light token
|
|
111
|
+
* set and predates that experiment; swap it in here if a light surface returns.
|
|
112
|
+
*/
|
|
101
113
|
export const consoleTheme = darkTheme;
|
|
102
114
|
|
|
103
115
|
/** ANSI 16-color palette (dark theme), from consoleView.css `--console-color-*`. */
|
|
@@ -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","text","info","warning","background","icon","error"],"sourceRoot":"../../../src","sources":["devtools/theme.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,cAAc
|
|
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","text","info","warning","background","icon","error"],"sourceRoot":"../../../src","sources":["devtools/theme.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
/** Tool accent color (terminal green). */
|
|
3
|
-
export declare const CONSOLE_ICON_COLOR = "#10B981";
|
|
4
|
-
interface ConsoleIconProps {
|
|
5
|
-
size: number;
|
|
6
|
-
color?: string;
|
|
7
|
-
}
|
|
8
1
|
/**
|
|
9
|
-
*
|
|
10
|
-
*
|
|
2
|
+
* ConsoleIcon — re-exported from the Buoy Icon Format.
|
|
3
|
+
*
|
|
4
|
+
* The artwork lives in shared/icons/console.json and is generated into
|
|
5
|
+
* @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
|
|
6
|
+
* Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
|
|
11
7
|
*/
|
|
12
|
-
export
|
|
13
|
-
export {};
|
|
8
|
+
export { ConsoleIcon, CONSOLE_ICON_COLOR } from "@buoy-gg/shared-ui";
|
|
14
9
|
//# sourceMappingURL=ConsoleIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConsoleIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ConsoleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ConsoleIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ConsoleIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConsoleLogList.d.ts","sourceRoot":"","sources":["../../../src/components/ConsoleLogList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ConsoleLogList.d.ts","sourceRoot":"","sources":["../../../src/components/ConsoleLogList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6B1B;;;;GAIG;AACH,wBAAgB,cAAc,sBAkC7B"}
|
|
@@ -7,8 +7,13 @@
|
|
|
7
7
|
* - links #40CCFF on #0A0A0C ≈ 9:1
|
|
8
8
|
* - dividers / nesting guides lightened to ~#3A3A40 so lines are clearly
|
|
9
9
|
* visible against the near-black surface.
|
|
10
|
-
*
|
|
11
|
-
*
|
|
10
|
+
* `lightTheme` below holds the exact DevTools light tokens and `consoleTheme`
|
|
11
|
+
* picks between the two from the host app's surface. Every shipped theme is
|
|
12
|
+
* dark today, so the light branch is currently unreachable — it is kept because
|
|
13
|
+
* the probe is what makes this correct if a light surface ever returns.
|
|
14
|
+
*
|
|
15
|
+
* Not themed: `ansiColors` below is the dark-theme ANSI palette, so ANSI
|
|
16
|
+
* escape sequences in captured output keep their dark-console colours.
|
|
12
17
|
*/
|
|
13
18
|
/**
|
|
14
19
|
* Monospace font. On the desktop dashboard (react-native-web) the generic
|
|
@@ -36,11 +41,19 @@ export interface ConsoleColors {
|
|
|
36
41
|
valueNullish: string;
|
|
37
42
|
valuePreview: string;
|
|
38
43
|
}
|
|
39
|
-
/**
|
|
44
|
+
/** Resolved DevTools light-theme tokens. Unreachable today — see the header. */
|
|
40
45
|
export declare const lightTheme: ConsoleColors;
|
|
41
46
|
/** Dark theme (active) — matched to Buoy macOSColors, contrast-tuned. */
|
|
42
47
|
export declare const darkTheme: ConsoleColors;
|
|
43
|
-
/**
|
|
48
|
+
/**
|
|
49
|
+
* The active console palette.
|
|
50
|
+
*
|
|
51
|
+
* `darkTheme`, always. `macOSColors` is the dark palette on every surface Buoy
|
|
52
|
+
* renders on, so there is nothing to pick between — this used to probe the host
|
|
53
|
+
* surface's luminance for a light dashboard theme that no longer exists.
|
|
54
|
+
* `lightTheme` above is kept because it is the real Chrome DevTools light token
|
|
55
|
+
* set and predates that experiment; swap it in here if a light surface returns.
|
|
56
|
+
*/
|
|
44
57
|
export declare const consoleTheme: ConsoleColors;
|
|
45
58
|
/** ANSI 16-color palette (dark theme), from consoleView.css `--console-color-*`. */
|
|
46
59
|
export declare const ansiColors: Record<string, string>;
|
|
@@ -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;;;;;;;;;;;;;;;;GAgBG;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.5",
|
|
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.5"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"react": "*",
|
|
@@ -1,49 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View, Text, StyleSheet } from "react-native";
|
|
3
|
-
|
|
4
|
-
/** Tool accent color (terminal green). */
|
|
5
|
-
export const CONSOLE_ICON_COLOR = "#10B981";
|
|
6
|
-
|
|
7
|
-
interface ConsoleIconProps {
|
|
8
|
-
size: number;
|
|
9
|
-
color?: string;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
1
|
/**
|
|
13
|
-
*
|
|
14
|
-
*
|
|
2
|
+
* ConsoleIcon — re-exported from the Buoy Icon Format.
|
|
3
|
+
*
|
|
4
|
+
* The artwork lives in shared/icons/console.json and is generated into
|
|
5
|
+
* @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
|
|
6
|
+
* Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
|
|
15
7
|
*/
|
|
16
|
-
export function ConsoleIcon({ size, color = CONSOLE_ICON_COLOR }: ConsoleIconProps) {
|
|
17
|
-
return (
|
|
18
|
-
<View
|
|
19
|
-
style={[
|
|
20
|
-
styles.frame,
|
|
21
|
-
{
|
|
22
|
-
width: size,
|
|
23
|
-
height: size,
|
|
24
|
-
borderRadius: size * 0.2,
|
|
25
|
-
borderColor: color,
|
|
26
|
-
},
|
|
27
|
-
]}
|
|
28
|
-
>
|
|
29
|
-
<Text
|
|
30
|
-
style={{
|
|
31
|
-
color,
|
|
32
|
-
fontSize: size * 0.46,
|
|
33
|
-
fontWeight: "700",
|
|
34
|
-
fontFamily: "monospace",
|
|
35
|
-
}}
|
|
36
|
-
>
|
|
37
|
-
{">_"}
|
|
38
|
-
</Text>
|
|
39
|
-
</View>
|
|
40
|
-
);
|
|
41
|
-
}
|
|
42
8
|
|
|
43
|
-
|
|
44
|
-
frame: {
|
|
45
|
-
borderWidth: 1.5,
|
|
46
|
-
alignItems: "center",
|
|
47
|
-
justifyContent: "center",
|
|
48
|
-
},
|
|
49
|
-
});
|
|
9
|
+
export { ConsoleIcon, CONSOLE_ICON_COLOR } from "@buoy-gg/shared-ui";
|
|
@@ -8,11 +8,12 @@ import {
|
|
|
8
8
|
type ListRenderItem,
|
|
9
9
|
} from "react-native";
|
|
10
10
|
import { useConsoleLogs } from "../hooks/useConsoleLogs";
|
|
11
|
+
import { macOSColors, buoyColors } from "@buoy-gg/shared-ui";
|
|
11
12
|
import { clearEntries, type ConsoleLogEntry, type ConsoleLevel } from "../store/consoleLogStore";
|
|
12
13
|
|
|
13
14
|
const LEVEL_COLOR: Record<ConsoleLevel, string> = {
|
|
14
15
|
verbose: "#9b9b9b",
|
|
15
|
-
info:
|
|
16
|
+
info: buoyColors.text,
|
|
16
17
|
warning: "#e2c08d",
|
|
17
18
|
error: "#f48771",
|
|
18
19
|
};
|
|
@@ -70,7 +71,7 @@ export function ConsoleLogList() {
|
|
|
70
71
|
const styles = StyleSheet.create({
|
|
71
72
|
container: {
|
|
72
73
|
flex: 1,
|
|
73
|
-
backgroundColor:
|
|
74
|
+
backgroundColor: buoyColors.base,
|
|
74
75
|
},
|
|
75
76
|
header: {
|
|
76
77
|
flexDirection: "row",
|
|
@@ -79,10 +80,10 @@ const styles = StyleSheet.create({
|
|
|
79
80
|
paddingHorizontal: 12,
|
|
80
81
|
paddingVertical: 8,
|
|
81
82
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
82
|
-
borderBottomColor:
|
|
83
|
+
borderBottomColor: buoyColors.border,
|
|
83
84
|
},
|
|
84
85
|
headerTitle: {
|
|
85
|
-
color:
|
|
86
|
+
color: buoyColors.text,
|
|
86
87
|
fontSize: 13,
|
|
87
88
|
fontWeight: "600",
|
|
88
89
|
},
|
|
@@ -90,10 +91,10 @@ const styles = StyleSheet.create({
|
|
|
90
91
|
paddingHorizontal: 10,
|
|
91
92
|
paddingVertical: 4,
|
|
92
93
|
borderRadius: 4,
|
|
93
|
-
backgroundColor:
|
|
94
|
+
backgroundColor: buoyColors.border,
|
|
94
95
|
},
|
|
95
96
|
clearText: {
|
|
96
|
-
color:
|
|
97
|
+
color: buoyColors.text,
|
|
97
98
|
fontSize: 12,
|
|
98
99
|
},
|
|
99
100
|
row: {
|
|
@@ -105,7 +106,7 @@ const styles = StyleSheet.create({
|
|
|
105
106
|
gap: 8,
|
|
106
107
|
},
|
|
107
108
|
time: {
|
|
108
|
-
color:
|
|
109
|
+
color: macOSColors.text.icon,
|
|
109
110
|
fontSize: 11,
|
|
110
111
|
fontVariant: ["tabular-nums"],
|
|
111
112
|
minWidth: 86,
|
|
@@ -121,7 +122,7 @@ const styles = StyleSheet.create({
|
|
|
121
122
|
fontFamily: "monospace",
|
|
122
123
|
},
|
|
123
124
|
empty: {
|
|
124
|
-
color:
|
|
125
|
+
color: macOSColors.text.icon,
|
|
125
126
|
fontSize: 13,
|
|
126
127
|
textAlign: "center",
|
|
127
128
|
},
|
package/src/devtools/theme.ts
CHANGED
|
@@ -7,11 +7,17 @@
|
|
|
7
7
|
* - links #40CCFF on #0A0A0C ≈ 9:1
|
|
8
8
|
* - dividers / nesting guides lightened to ~#3A3A40 so lines are clearly
|
|
9
9
|
* visible against the near-black surface.
|
|
10
|
-
*
|
|
11
|
-
*
|
|
10
|
+
* `lightTheme` below holds the exact DevTools light tokens and `consoleTheme`
|
|
11
|
+
* picks between the two from the host app's surface. Every shipped theme is
|
|
12
|
+
* dark today, so the light branch is currently unreachable — it is kept because
|
|
13
|
+
* the probe is what makes this correct if a light surface ever returns.
|
|
14
|
+
*
|
|
15
|
+
* Not themed: `ansiColors` below is the dark-theme ANSI palette, so ANSI
|
|
16
|
+
* escape sequences in captured output keep their dark-console colours.
|
|
12
17
|
*/
|
|
13
18
|
|
|
14
19
|
import { Platform } from "react-native";
|
|
20
|
+
import { macOSColors } from "@buoy-gg/shared-ui";
|
|
15
21
|
|
|
16
22
|
/**
|
|
17
23
|
* Monospace font. On the desktop dashboard (react-native-web) the generic
|
|
@@ -45,7 +51,7 @@ export interface ConsoleColors {
|
|
|
45
51
|
valuePreview: string;
|
|
46
52
|
}
|
|
47
53
|
|
|
48
|
-
/**
|
|
54
|
+
/** Resolved DevTools light-theme tokens. Unreachable today — see the header. */
|
|
49
55
|
export const lightTheme: ConsoleColors = {
|
|
50
56
|
baseContainer: "#ffffff", // --sys-color-cdt-base-container (neutral99 ≈ white)
|
|
51
57
|
surfaceError: "#fceaea", // --sys-color-surface-error rgb(252 235 235)
|
|
@@ -87,7 +93,15 @@ export const darkTheme: ConsoleColors = {
|
|
|
87
93
|
valuePreview: "#A1A1A6", // object preview (italic)
|
|
88
94
|
};
|
|
89
95
|
|
|
90
|
-
/**
|
|
96
|
+
/**
|
|
97
|
+
* The active console palette.
|
|
98
|
+
*
|
|
99
|
+
* `darkTheme`, always. `macOSColors` is the dark palette on every surface Buoy
|
|
100
|
+
* renders on, so there is nothing to pick between — this used to probe the host
|
|
101
|
+
* surface's luminance for a light dashboard theme that no longer exists.
|
|
102
|
+
* `lightTheme` above is kept because it is the real Chrome DevTools light token
|
|
103
|
+
* set and predates that experiment; swap it in here if a light surface returns.
|
|
104
|
+
*/
|
|
91
105
|
export const consoleTheme: ConsoleColors = darkTheme;
|
|
92
106
|
|
|
93
107
|
/** ANSI 16-color palette (dark theme), from consoleView.css `--console-color-*`. */
|