@buoy-gg/console 4.0.2
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/LICENSE +58 -0
- package/README.md +55 -0
- package/lib/commonjs/components/ConsoleIcon.js +47 -0
- package/lib/commonjs/components/ConsoleIcon.js.map +1 -0
- package/lib/commonjs/components/ConsoleLogList.js +145 -0
- package/lib/commonjs/components/ConsoleLogList.js.map +1 -0
- package/lib/commonjs/components/ConsoleModal.js +48 -0
- package/lib/commonjs/components/ConsoleModal.js.map +1 -0
- package/lib/commonjs/components/ConsoleRoot.js +28 -0
- package/lib/commonjs/components/ConsoleRoot.js.map +1 -0
- package/lib/commonjs/devtools/ConsoleBody.js +235 -0
- package/lib/commonjs/devtools/ConsoleBody.js.map +1 -0
- package/lib/commonjs/devtools/ConsoleHeader.js +146 -0
- package/lib/commonjs/devtools/ConsoleHeader.js.map +1 -0
- package/lib/commonjs/devtools/ConsoleMessageRow.js +338 -0
- package/lib/commonjs/devtools/ConsoleMessageRow.js.map +1 -0
- package/lib/commonjs/devtools/ConsoleValue.js +254 -0
- package/lib/commonjs/devtools/ConsoleValue.js.map +1 -0
- package/lib/commonjs/devtools/ConsoleView.js +51 -0
- package/lib/commonjs/devtools/ConsoleView.js.map +1 -0
- package/lib/commonjs/devtools/consoleFilter.js +125 -0
- package/lib/commonjs/devtools/consoleFilter.js.map +1 -0
- package/lib/commonjs/devtools/consoleFormat.js +313 -0
- package/lib/commonjs/devtools/consoleFormat.js.map +1 -0
- package/lib/commonjs/devtools/origin.js +191 -0
- package/lib/commonjs/devtools/origin.js.map +1 -0
- package/lib/commonjs/devtools/theme.js +143 -0
- package/lib/commonjs/devtools/theme.js.map +1 -0
- package/lib/commonjs/devtools/useConsoleController.js +82 -0
- package/lib/commonjs/devtools/useConsoleController.js.map +1 -0
- package/lib/commonjs/devtools/useConsoleMessages.js +241 -0
- package/lib/commonjs/devtools/useConsoleMessages.js.map +1 -0
- package/lib/commonjs/hooks/useConsoleLogs.js +23 -0
- package/lib/commonjs/hooks/useConsoleLogs.js.map +1 -0
- package/lib/commonjs/index.js +175 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/preset.js +45 -0
- package/lib/commonjs/preset.js.map +1 -0
- package/lib/commonjs/store/consoleLogStore.js +298 -0
- package/lib/commonjs/store/consoleLogStore.js.map +1 -0
- package/lib/commonjs/store/sanitize.js +64 -0
- package/lib/commonjs/store/sanitize.js.map +1 -0
- package/lib/commonjs/sync/consoleSyncAdapter.js +47 -0
- package/lib/commonjs/sync/consoleSyncAdapter.js.map +1 -0
- package/lib/module/components/ConsoleIcon.js +42 -0
- package/lib/module/components/ConsoleIcon.js.map +1 -0
- package/lib/module/components/ConsoleLogList.js +140 -0
- package/lib/module/components/ConsoleLogList.js.map +1 -0
- package/lib/module/components/ConsoleModal.js +44 -0
- package/lib/module/components/ConsoleModal.js.map +1 -0
- package/lib/module/components/ConsoleRoot.js +25 -0
- package/lib/module/components/ConsoleRoot.js.map +1 -0
- package/lib/module/devtools/ConsoleBody.js +230 -0
- package/lib/module/devtools/ConsoleBody.js.map +1 -0
- package/lib/module/devtools/ConsoleHeader.js +141 -0
- package/lib/module/devtools/ConsoleHeader.js.map +1 -0
- package/lib/module/devtools/ConsoleMessageRow.js +333 -0
- package/lib/module/devtools/ConsoleMessageRow.js.map +1 -0
- package/lib/module/devtools/ConsoleValue.js +249 -0
- package/lib/module/devtools/ConsoleValue.js.map +1 -0
- package/lib/module/devtools/ConsoleView.js +46 -0
- package/lib/module/devtools/ConsoleView.js.map +1 -0
- package/lib/module/devtools/consoleFilter.js +119 -0
- package/lib/module/devtools/consoleFilter.js.map +1 -0
- package/lib/module/devtools/consoleFormat.js +309 -0
- package/lib/module/devtools/consoleFormat.js.map +1 -0
- package/lib/module/devtools/origin.js +183 -0
- package/lib/module/devtools/origin.js.map +1 -0
- package/lib/module/devtools/theme.js +140 -0
- package/lib/module/devtools/theme.js.map +1 -0
- package/lib/module/devtools/useConsoleController.js +79 -0
- package/lib/module/devtools/useConsoleController.js.map +1 -0
- package/lib/module/devtools/useConsoleMessages.js +238 -0
- package/lib/module/devtools/useConsoleMessages.js.map +1 -0
- package/lib/module/hooks/useConsoleLogs.js +19 -0
- package/lib/module/hooks/useConsoleLogs.js.map +1 -0
- package/lib/module/index.js +52 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/preset.js +40 -0
- package/lib/module/preset.js.map +1 -0
- package/lib/module/store/consoleLogStore.js +284 -0
- package/lib/module/store/consoleLogStore.js.map +1 -0
- package/lib/module/store/sanitize.js +60 -0
- package/lib/module/store/sanitize.js.map +1 -0
- package/lib/module/sync/consoleSyncAdapter.js +43 -0
- package/lib/module/sync/consoleSyncAdapter.js.map +1 -0
- package/lib/typescript/components/ConsoleIcon.d.ts +14 -0
- package/lib/typescript/components/ConsoleIcon.d.ts.map +1 -0
- package/lib/typescript/components/ConsoleLogList.d.ts +8 -0
- package/lib/typescript/components/ConsoleLogList.d.ts.map +1 -0
- package/lib/typescript/components/ConsoleModal.d.ts +18 -0
- package/lib/typescript/components/ConsoleModal.d.ts.map +1 -0
- package/lib/typescript/components/ConsoleRoot.d.ts +14 -0
- package/lib/typescript/components/ConsoleRoot.d.ts.map +1 -0
- package/lib/typescript/devtools/ConsoleBody.d.ts +11 -0
- package/lib/typescript/devtools/ConsoleBody.d.ts.map +1 -0
- package/lib/typescript/devtools/ConsoleHeader.d.ts +17 -0
- package/lib/typescript/devtools/ConsoleHeader.d.ts.map +1 -0
- package/lib/typescript/devtools/ConsoleMessageRow.d.ts +20 -0
- package/lib/typescript/devtools/ConsoleMessageRow.d.ts.map +1 -0
- package/lib/typescript/devtools/ConsoleValue.d.ts +21 -0
- package/lib/typescript/devtools/ConsoleValue.d.ts.map +1 -0
- package/lib/typescript/devtools/ConsoleView.d.ts +10 -0
- package/lib/typescript/devtools/ConsoleView.d.ts.map +1 -0
- package/lib/typescript/devtools/consoleFilter.d.ts +31 -0
- package/lib/typescript/devtools/consoleFilter.d.ts.map +1 -0
- package/lib/typescript/devtools/consoleFormat.d.ts +29 -0
- package/lib/typescript/devtools/consoleFormat.d.ts.map +1 -0
- package/lib/typescript/devtools/origin.d.ts +39 -0
- package/lib/typescript/devtools/origin.d.ts.map +1 -0
- package/lib/typescript/devtools/theme.d.ts +57 -0
- package/lib/typescript/devtools/theme.d.ts.map +1 -0
- package/lib/typescript/devtools/useConsoleController.d.ts +35 -0
- package/lib/typescript/devtools/useConsoleController.d.ts.map +1 -0
- package/lib/typescript/devtools/useConsoleMessages.d.ts +74 -0
- package/lib/typescript/devtools/useConsoleMessages.d.ts.map +1 -0
- package/lib/typescript/hooks/useConsoleLogs.d.ts +11 -0
- package/lib/typescript/hooks/useConsoleLogs.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +26 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/preset.d.ts +38 -0
- package/lib/typescript/preset.d.ts.map +1 -0
- package/lib/typescript/store/consoleLogStore.d.ts +71 -0
- package/lib/typescript/store/consoleLogStore.d.ts.map +1 -0
- package/lib/typescript/store/sanitize.d.ts +11 -0
- package/lib/typescript/store/sanitize.d.ts.map +1 -0
- package/lib/typescript/sync/consoleSyncAdapter.d.ts +30 -0
- package/lib/typescript/sync/consoleSyncAdapter.d.ts.map +1 -0
- package/package.json +56 -0
- package/src/components/ConsoleIcon.tsx +49 -0
- package/src/components/ConsoleLogList.tsx +133 -0
- package/src/components/ConsoleModal.tsx +48 -0
- package/src/components/ConsoleRoot.tsx +25 -0
- package/src/devtools/ConsoleBody.tsx +225 -0
- package/src/devtools/ConsoleHeader.tsx +149 -0
- package/src/devtools/ConsoleMessageRow.tsx +345 -0
- package/src/devtools/ConsoleValue.tsx +265 -0
- package/src/devtools/ConsoleView.tsx +41 -0
- package/src/devtools/consoleFilter.ts +123 -0
- package/src/devtools/consoleFormat.ts +314 -0
- package/src/devtools/origin.ts +190 -0
- package/src/devtools/theme.ts +137 -0
- package/src/devtools/useConsoleController.ts +104 -0
- package/src/devtools/useConsoleMessages.ts +337 -0
- package/src/hooks/useConsoleLogs.ts +26 -0
- package/src/index.tsx +69 -0
- package/src/preset.tsx +35 -0
- package/src/store/consoleLogStore.ts +346 -0
- package/src/store/sanitize.ts +58 -0
- package/src/sync/consoleSyncAdapter.ts +49 -0
|
@@ -0,0 +1,333 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* ConsoleMessageRow — RN port of a single DevTools `.console-message-wrapper`.
|
|
5
|
+
*
|
|
6
|
+
* Anatomy (mirrors ConsoleViewMessage):
|
|
7
|
+
* [nesting markers] [group triangle] [level icon] [timestamp] [content] [repeat badge]
|
|
8
|
+
* Error/warning rows get the surface background + text colors; non-error/warning
|
|
9
|
+
* rows get a hairline top divider. Group headers show a bold title with an
|
|
10
|
+
* expand triangle; error/warn/trace rows can expand a captured stack trace.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
import React, { useState } from "react";
|
|
14
|
+
import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
|
|
15
|
+
import { consoleTheme, levelStyles, monoFont } from "./theme";
|
|
16
|
+
import { formatConsoleMessage } from "./consoleFormat";
|
|
17
|
+
import { ConsoleValue } from "./ConsoleValue";
|
|
18
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
19
|
+
function formatTimestamp(ts) {
|
|
20
|
+
const d = new Date(ts);
|
|
21
|
+
const pad = (n, len = 2) => String(n).padStart(len, "0");
|
|
22
|
+
return `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}.${pad(d.getMilliseconds(), 3)}`;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/** Small filled level glyph (warning triangle / error cross), DevTools-style. */
|
|
26
|
+
function LevelIcon({
|
|
27
|
+
icon,
|
|
28
|
+
color
|
|
29
|
+
}) {
|
|
30
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
31
|
+
style: [styles.levelIcon, {
|
|
32
|
+
color
|
|
33
|
+
}],
|
|
34
|
+
children: icon === "warning" ? "⚠" : "⊘"
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/** The repeat-count bubble (dt-small-bubble). */
|
|
39
|
+
function RepeatBadge({
|
|
40
|
+
count,
|
|
41
|
+
color
|
|
42
|
+
}) {
|
|
43
|
+
return /*#__PURE__*/_jsx(View, {
|
|
44
|
+
style: [styles.repeatBadge, {
|
|
45
|
+
borderColor: color
|
|
46
|
+
}],
|
|
47
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
48
|
+
style: [styles.repeatBadgeText, {
|
|
49
|
+
color
|
|
50
|
+
}],
|
|
51
|
+
children: count
|
|
52
|
+
})
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
export function ConsoleMessageRow({
|
|
56
|
+
row,
|
|
57
|
+
showTimestamps,
|
|
58
|
+
onToggleGroup,
|
|
59
|
+
onToggleCluster
|
|
60
|
+
}) {
|
|
61
|
+
const {
|
|
62
|
+
entry
|
|
63
|
+
} = row;
|
|
64
|
+
const level = levelStyles[entry.level];
|
|
65
|
+
const isErrorOrWarn = entry.level === "error" || entry.level === "warning";
|
|
66
|
+
const textColor = level.text;
|
|
67
|
+
const [stackOpen, setStackOpen] = useState(entry.method === "trace");
|
|
68
|
+
|
|
69
|
+
// Collapsed/large cluster header (Grouped mode): tap to expand/collapse.
|
|
70
|
+
if (row.clusterHeader) {
|
|
71
|
+
const ch = row.clusterHeader;
|
|
72
|
+
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
73
|
+
style: [styles.wrapper, styles.dividerTop],
|
|
74
|
+
activeOpacity: 0.7,
|
|
75
|
+
onPress: () => onToggleCluster(ch.key),
|
|
76
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
77
|
+
style: styles.rowWrapper,
|
|
78
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
79
|
+
style: [styles.originGutter, {
|
|
80
|
+
color: row.originColor
|
|
81
|
+
}],
|
|
82
|
+
children: ch.expanded ? "▼" : "▶"
|
|
83
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
84
|
+
style: styles.messageColumn,
|
|
85
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
86
|
+
style: styles.messageLine,
|
|
87
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
88
|
+
style: [styles.text, styles.clusterTitle, {
|
|
89
|
+
color: row.originColor
|
|
90
|
+
}],
|
|
91
|
+
children: row.originLabel
|
|
92
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
|
93
|
+
style: styles.clusterCount,
|
|
94
|
+
children: [" \xB7 ", ch.count, " logs"]
|
|
95
|
+
})]
|
|
96
|
+
})
|
|
97
|
+
})]
|
|
98
|
+
})
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
const tokens = formatConsoleMessage(entry.args);
|
|
102
|
+
const hasStack = Boolean(entry.stack) && (isErrorOrWarn || entry.method === "trace");
|
|
103
|
+
const content = /*#__PURE__*/_jsx(View, {
|
|
104
|
+
style: styles.contentWrap,
|
|
105
|
+
children: tokens.map((token, i) => token.type === "string" ? /*#__PURE__*/_jsx(Text, {
|
|
106
|
+
style: [styles.text, {
|
|
107
|
+
color: textColor
|
|
108
|
+
}, row.isGroupHeader && styles.groupTitle, token.style],
|
|
109
|
+
children: token.value
|
|
110
|
+
}, i) : /*#__PURE__*/_jsx(ConsoleValue, {
|
|
111
|
+
value: token.value,
|
|
112
|
+
generic: token.mode === "generic"
|
|
113
|
+
}, i))
|
|
114
|
+
});
|
|
115
|
+
const inner = /*#__PURE__*/_jsxs(View, {
|
|
116
|
+
style: styles.messageColumn,
|
|
117
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
118
|
+
style: styles.messageLine,
|
|
119
|
+
children: [row.isGroupHeader ? /*#__PURE__*/_jsx(Text, {
|
|
120
|
+
style: [styles.groupTriangle, {
|
|
121
|
+
color: textColor
|
|
122
|
+
}],
|
|
123
|
+
children: row.groupCollapsed ? "▶" : "▼"
|
|
124
|
+
}) : null, level.icon ? /*#__PURE__*/_jsx(LevelIcon, {
|
|
125
|
+
icon: level.icon,
|
|
126
|
+
color: textColor
|
|
127
|
+
}) : null, showTimestamps ? /*#__PURE__*/_jsx(Text, {
|
|
128
|
+
style: styles.timestamp,
|
|
129
|
+
children: formatTimestamp(entry.timestamp)
|
|
130
|
+
}) : null, hasStack ? /*#__PURE__*/_jsx(Text, {
|
|
131
|
+
style: [styles.stackTriangle, {
|
|
132
|
+
color: textColor
|
|
133
|
+
}],
|
|
134
|
+
children: stackOpen ? "▼" : "▶"
|
|
135
|
+
}) : null, content, row.repeatCount > 1 ? /*#__PURE__*/_jsx(RepeatBadge, {
|
|
136
|
+
count: row.repeatCount,
|
|
137
|
+
color: textColor
|
|
138
|
+
}) : null, row.originLabel ? /*#__PURE__*/_jsx(Text, {
|
|
139
|
+
style: [styles.originLabel, {
|
|
140
|
+
color: row.originColor
|
|
141
|
+
}],
|
|
142
|
+
numberOfLines: 1,
|
|
143
|
+
children: row.originLabel
|
|
144
|
+
}) : null]
|
|
145
|
+
}), hasStack && stackOpen ? /*#__PURE__*/_jsx(View, {
|
|
146
|
+
style: styles.stackTrace,
|
|
147
|
+
children: (entry.stack ?? "").split("\n").filter(l => l.trim()).map((line, i) => /*#__PURE__*/_jsx(Text, {
|
|
148
|
+
style: styles.stackFrame,
|
|
149
|
+
children: line.trim()
|
|
150
|
+
}, i))
|
|
151
|
+
}) : null]
|
|
152
|
+
});
|
|
153
|
+
const rowStyle = [styles.wrapper, level.background ? {
|
|
154
|
+
backgroundColor: level.background
|
|
155
|
+
} : styles.dividerTop];
|
|
156
|
+
|
|
157
|
+
// Nesting indentation markers.
|
|
158
|
+
const markers = Array.from({
|
|
159
|
+
length: row.depth
|
|
160
|
+
}, (_, i) => /*#__PURE__*/_jsx(View, {
|
|
161
|
+
style: styles.nestingMarker
|
|
162
|
+
}, i));
|
|
163
|
+
|
|
164
|
+
// Origin gutter: swimlane columns (multi-track) or a single bracket.
|
|
165
|
+
const gutter = row.lanes ? /*#__PURE__*/_jsx(View, {
|
|
166
|
+
style: styles.laneGutter,
|
|
167
|
+
children: row.lanes.map((cell, i) => /*#__PURE__*/_jsx(Text, {
|
|
168
|
+
style: [styles.laneCell, cell.color ? {
|
|
169
|
+
color: cell.color
|
|
170
|
+
} : null],
|
|
171
|
+
children: cell.glyph
|
|
172
|
+
}, i))
|
|
173
|
+
}) : row.bracketGlyph ? /*#__PURE__*/_jsx(Text, {
|
|
174
|
+
style: [styles.originGutter, {
|
|
175
|
+
color: row.originColor
|
|
176
|
+
}],
|
|
177
|
+
children: row.bracketGlyph
|
|
178
|
+
}) : null;
|
|
179
|
+
const body = /*#__PURE__*/_jsxs(View, {
|
|
180
|
+
style: styles.rowWrapper,
|
|
181
|
+
children: [gutter, markers, inner]
|
|
182
|
+
});
|
|
183
|
+
|
|
184
|
+
// Group headers and stack-bearing rows are pressable.
|
|
185
|
+
if (row.isGroupHeader && row.groupId !== undefined) {
|
|
186
|
+
const gid = row.groupId;
|
|
187
|
+
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
188
|
+
style: rowStyle,
|
|
189
|
+
activeOpacity: 0.7,
|
|
190
|
+
onPress: () => onToggleGroup(gid, Boolean(row.groupCollapsed)),
|
|
191
|
+
children: body
|
|
192
|
+
});
|
|
193
|
+
}
|
|
194
|
+
if (hasStack) {
|
|
195
|
+
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
196
|
+
style: rowStyle,
|
|
197
|
+
activeOpacity: 0.7,
|
|
198
|
+
onPress: () => setStackOpen(o => !o),
|
|
199
|
+
children: body
|
|
200
|
+
});
|
|
201
|
+
}
|
|
202
|
+
return /*#__PURE__*/_jsx(View, {
|
|
203
|
+
style: rowStyle,
|
|
204
|
+
children: body
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
const styles = StyleSheet.create({
|
|
208
|
+
wrapper: {
|
|
209
|
+
paddingVertical: 2,
|
|
210
|
+
paddingRight: 8,
|
|
211
|
+
minHeight: 18
|
|
212
|
+
},
|
|
213
|
+
dividerTop: {
|
|
214
|
+
borderTopWidth: StyleSheet.hairlineWidth,
|
|
215
|
+
borderTopColor: consoleTheme.divider
|
|
216
|
+
},
|
|
217
|
+
rowWrapper: {
|
|
218
|
+
flexDirection: "row",
|
|
219
|
+
alignItems: "flex-start"
|
|
220
|
+
},
|
|
221
|
+
originGutter: {
|
|
222
|
+
width: 11,
|
|
223
|
+
fontFamily: monoFont,
|
|
224
|
+
fontSize: 13,
|
|
225
|
+
lineHeight: 18,
|
|
226
|
+
textAlign: "center"
|
|
227
|
+
},
|
|
228
|
+
laneGutter: {
|
|
229
|
+
flexDirection: "row"
|
|
230
|
+
},
|
|
231
|
+
laneCell: {
|
|
232
|
+
width: 9,
|
|
233
|
+
fontFamily: monoFont,
|
|
234
|
+
fontSize: 13,
|
|
235
|
+
lineHeight: 18,
|
|
236
|
+
textAlign: "center"
|
|
237
|
+
},
|
|
238
|
+
originLabel: {
|
|
239
|
+
fontFamily: monoFont,
|
|
240
|
+
fontSize: 10,
|
|
241
|
+
lineHeight: 16,
|
|
242
|
+
marginLeft: 8,
|
|
243
|
+
opacity: 0.9
|
|
244
|
+
},
|
|
245
|
+
nestingMarker: {
|
|
246
|
+
width: 14,
|
|
247
|
+
alignSelf: "stretch",
|
|
248
|
+
borderRightWidth: StyleSheet.hairlineWidth,
|
|
249
|
+
borderRightColor: consoleTheme.divider,
|
|
250
|
+
marginLeft: 2
|
|
251
|
+
},
|
|
252
|
+
messageColumn: {
|
|
253
|
+
flex: 1,
|
|
254
|
+
flexDirection: "column",
|
|
255
|
+
paddingLeft: 6
|
|
256
|
+
},
|
|
257
|
+
messageLine: {
|
|
258
|
+
flexDirection: "row",
|
|
259
|
+
flexWrap: "wrap",
|
|
260
|
+
alignItems: "flex-start"
|
|
261
|
+
},
|
|
262
|
+
contentWrap: {
|
|
263
|
+
flexDirection: "row",
|
|
264
|
+
flexWrap: "wrap",
|
|
265
|
+
alignItems: "flex-start",
|
|
266
|
+
flexShrink: 1
|
|
267
|
+
},
|
|
268
|
+
text: {
|
|
269
|
+
fontFamily: monoFont,
|
|
270
|
+
fontSize: 12,
|
|
271
|
+
lineHeight: 16
|
|
272
|
+
},
|
|
273
|
+
groupTitle: {
|
|
274
|
+
fontWeight: "bold"
|
|
275
|
+
},
|
|
276
|
+
clusterTitle: {
|
|
277
|
+
fontWeight: "600"
|
|
278
|
+
},
|
|
279
|
+
clusterCount: {
|
|
280
|
+
color: consoleTheme.tokenSubtle,
|
|
281
|
+
fontFamily: monoFont,
|
|
282
|
+
fontSize: 12,
|
|
283
|
+
lineHeight: 16
|
|
284
|
+
},
|
|
285
|
+
groupTriangle: {
|
|
286
|
+
fontSize: 9,
|
|
287
|
+
lineHeight: 16,
|
|
288
|
+
marginRight: 4
|
|
289
|
+
},
|
|
290
|
+
stackTriangle: {
|
|
291
|
+
fontSize: 8,
|
|
292
|
+
lineHeight: 16,
|
|
293
|
+
marginRight: 4
|
|
294
|
+
},
|
|
295
|
+
levelIcon: {
|
|
296
|
+
fontSize: 12,
|
|
297
|
+
lineHeight: 16,
|
|
298
|
+
marginRight: 5
|
|
299
|
+
},
|
|
300
|
+
timestamp: {
|
|
301
|
+
color: consoleTheme.tokenSubtle,
|
|
302
|
+
fontFamily: monoFont,
|
|
303
|
+
fontSize: 11,
|
|
304
|
+
lineHeight: 16,
|
|
305
|
+
marginRight: 6
|
|
306
|
+
},
|
|
307
|
+
repeatBadge: {
|
|
308
|
+
borderWidth: 1,
|
|
309
|
+
borderRadius: 9,
|
|
310
|
+
paddingHorizontal: 5,
|
|
311
|
+
minWidth: 16,
|
|
312
|
+
alignItems: "center",
|
|
313
|
+
justifyContent: "center",
|
|
314
|
+
marginLeft: 6,
|
|
315
|
+
marginTop: 1
|
|
316
|
+
},
|
|
317
|
+
repeatBadgeText: {
|
|
318
|
+
fontSize: 10,
|
|
319
|
+
fontWeight: "700",
|
|
320
|
+
lineHeight: 14
|
|
321
|
+
},
|
|
322
|
+
stackTrace: {
|
|
323
|
+
marginTop: 2,
|
|
324
|
+
marginLeft: 12
|
|
325
|
+
},
|
|
326
|
+
stackFrame: {
|
|
327
|
+
color: consoleTheme.tokenSubtle,
|
|
328
|
+
fontFamily: monoFont,
|
|
329
|
+
fontSize: 11,
|
|
330
|
+
lineHeight: 15
|
|
331
|
+
}
|
|
332
|
+
});
|
|
333
|
+
//# sourceMappingURL=ConsoleMessageRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","View","Text","TouchableOpacity","StyleSheet","consoleTheme","levelStyles","monoFont","formatConsoleMessage","ConsoleValue","jsx","_jsx","jsxs","_jsxs","formatTimestamp","ts","d","Date","pad","n","len","String","padStart","getHours","getMinutes","getSeconds","getMilliseconds","LevelIcon","icon","color","style","styles","levelIcon","children","RepeatBadge","count","repeatBadge","borderColor","repeatBadgeText","ConsoleMessageRow","row","showTimestamps","onToggleGroup","onToggleCluster","entry","level","isErrorOrWarn","textColor","text","stackOpen","setStackOpen","method","clusterHeader","ch","wrapper","dividerTop","activeOpacity","onPress","key","rowWrapper","originGutter","originColor","expanded","messageColumn","messageLine","clusterTitle","originLabel","clusterCount","tokens","args","hasStack","Boolean","stack","content","contentWrap","map","token","i","type","isGroupHeader","groupTitle","value","generic","mode","inner","groupTriangle","groupCollapsed","timestamp","stackTriangle","repeatCount","numberOfLines","stackTrace","split","filter","l","trim","line","stackFrame","rowStyle","background","backgroundColor","markers","Array","from","length","depth","_","nestingMarker","gutter","lanes","laneGutter","cell","laneCell","glyph","bracketGlyph","body","groupId","undefined","gid","o","create","paddingVertical","paddingRight","minHeight","borderTopWidth","hairlineWidth","borderTopColor","divider","flexDirection","alignItems","width","fontFamily","fontSize","lineHeight","textAlign","marginLeft","opacity","alignSelf","borderRightWidth","borderRightColor","flex","paddingLeft","flexWrap","flexShrink","fontWeight","tokenSubtle","marginRight","borderWidth","borderRadius","paddingHorizontal","minWidth","justifyContent","marginTop"],"sourceRoot":"../../../src","sources":["devtools/ConsoleMessageRow.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* ConsoleValue — RN approximation of DevTools' object/value rendering
|
|
5
|
+
* (ObjectPropertiesSection + RemoteObjectPreviewFormatter).
|
|
6
|
+
*
|
|
7
|
+
* Primitives render with the DevTools dark-theme `object-value-*` token colors.
|
|
8
|
+
* Objects/arrays render an italic one-line preview with an expand triangle;
|
|
9
|
+
* expanding reveals a property tree (lazy, recursive). Matches the console's
|
|
10
|
+
* collapsed-preview / click-to-expand behavior.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
import React, { useState } from "react";
|
|
14
|
+
import { Text, View, TouchableOpacity, StyleSheet } from "react-native";
|
|
15
|
+
import { consoleTheme, monoFont } from "./theme";
|
|
16
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
+
const MAX_PREVIEW_PROPERTIES = 5;
|
|
18
|
+
const MAX_PREVIEW_ARRAY = 6;
|
|
19
|
+
function kindOf(value) {
|
|
20
|
+
if (value === null) return "null";
|
|
21
|
+
if (value === undefined) return "undefined";
|
|
22
|
+
if (Array.isArray(value)) return "array";
|
|
23
|
+
if (value instanceof Error) return "error";
|
|
24
|
+
const t = typeof value;
|
|
25
|
+
if (t === "number") return "number";
|
|
26
|
+
if (t === "bigint") return "bigint";
|
|
27
|
+
if (t === "boolean") return "boolean";
|
|
28
|
+
if (t === "string") return "string";
|
|
29
|
+
if (t === "function") return "function";
|
|
30
|
+
if (t === "symbol") return "symbol";
|
|
31
|
+
return "object";
|
|
32
|
+
}
|
|
33
|
+
const KIND_COLOR = {
|
|
34
|
+
number: consoleTheme.valueNumber,
|
|
35
|
+
bigint: consoleTheme.valueBigint,
|
|
36
|
+
boolean: consoleTheme.valueNumber,
|
|
37
|
+
string: consoleTheme.valueString,
|
|
38
|
+
null: consoleTheme.valueNullish,
|
|
39
|
+
undefined: consoleTheme.valueNullish,
|
|
40
|
+
symbol: consoleTheme.valueString,
|
|
41
|
+
function: consoleTheme.valueNode
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
/** The constructor/type label DevTools shows before an object's preview. */
|
|
45
|
+
function constructorName(value) {
|
|
46
|
+
if (Array.isArray(value)) return "";
|
|
47
|
+
const proto = Object.getPrototypeOf(value);
|
|
48
|
+
if (!proto) return "Object";
|
|
49
|
+
const name = proto.constructor?.name;
|
|
50
|
+
return !name || name === "Object" ? "" : name;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/** One-line scalar text for a value (used inside previews). */
|
|
54
|
+
function scalarText(value) {
|
|
55
|
+
const kind = kindOf(value);
|
|
56
|
+
switch (kind) {
|
|
57
|
+
case "string":
|
|
58
|
+
return `'${value}'`;
|
|
59
|
+
case "function":
|
|
60
|
+
{
|
|
61
|
+
const name = value.name;
|
|
62
|
+
return `ƒ ${name || ""}`.trimEnd();
|
|
63
|
+
}
|
|
64
|
+
case "symbol":
|
|
65
|
+
return value.toString();
|
|
66
|
+
case "bigint":
|
|
67
|
+
return `${String(value)}n`;
|
|
68
|
+
case "array":
|
|
69
|
+
return `Array(${value.length})`;
|
|
70
|
+
case "error":
|
|
71
|
+
return value.name;
|
|
72
|
+
case "object":
|
|
73
|
+
{
|
|
74
|
+
const name = constructorName(value);
|
|
75
|
+
return name ? `${name} {…}` : "{…}";
|
|
76
|
+
}
|
|
77
|
+
default:
|
|
78
|
+
return String(value);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
/** Build the collapsed italic preview string for an object/array. */
|
|
83
|
+
function buildPreview(value) {
|
|
84
|
+
if (Array.isArray(value)) {
|
|
85
|
+
const head = value.slice(0, MAX_PREVIEW_ARRAY).map(v => scalarText(v)).join(", ");
|
|
86
|
+
const more = value.length > MAX_PREVIEW_ARRAY ? ", …" : "";
|
|
87
|
+
return `(${value.length}) [${head}${more}]`;
|
|
88
|
+
}
|
|
89
|
+
const entries = Object.entries(value);
|
|
90
|
+
const head = entries.slice(0, MAX_PREVIEW_PROPERTIES).map(([k, v]) => `${k}: ${scalarText(v)}`).join(", ");
|
|
91
|
+
const more = entries.length > MAX_PREVIEW_PROPERTIES ? ", …" : "";
|
|
92
|
+
const ctor = constructorName(value);
|
|
93
|
+
const prefix = ctor ? `${ctor} ` : "";
|
|
94
|
+
return `${prefix}{${head}${more}}`;
|
|
95
|
+
}
|
|
96
|
+
function isExpandable(value) {
|
|
97
|
+
const kind = kindOf(value);
|
|
98
|
+
if (kind === "array") return value.length > 0;
|
|
99
|
+
if (kind === "object") return Object.keys(value).length > 0;
|
|
100
|
+
if (kind === "error") return true;
|
|
101
|
+
return false;
|
|
102
|
+
}
|
|
103
|
+
const Triangle = ({
|
|
104
|
+
open
|
|
105
|
+
}) => /*#__PURE__*/_jsx(Text, {
|
|
106
|
+
style: [styles.triangle, open && styles.triangleOpen],
|
|
107
|
+
children: "\u25B6"
|
|
108
|
+
});
|
|
109
|
+
/** Render a single console argument / property value. */
|
|
110
|
+
export function ConsoleValue({
|
|
111
|
+
value,
|
|
112
|
+
depth = 0
|
|
113
|
+
}) {
|
|
114
|
+
const [expanded, setExpanded] = useState(false);
|
|
115
|
+
const kind = kindOf(value);
|
|
116
|
+
|
|
117
|
+
// Errors: collapsed to a single "Name: message" line (like Chrome / the web
|
|
118
|
+
// dashboard), expandable to the full stack. Avoids dumping a 100-line stack
|
|
119
|
+
// inline on native, where the arg is a real Error (not a sanitized object).
|
|
120
|
+
if (kind === "error") {
|
|
121
|
+
const err = value;
|
|
122
|
+
const head = `${err.name}: ${err.message}`.split("\n")[0];
|
|
123
|
+
const stack = err.stack && err.stack.trim() !== head.trim() ? err.stack : undefined;
|
|
124
|
+
if (!stack) {
|
|
125
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
126
|
+
style: [styles.mono, {
|
|
127
|
+
color: consoleTheme.onErrorContainer
|
|
128
|
+
}],
|
|
129
|
+
numberOfLines: 1,
|
|
130
|
+
children: head
|
|
131
|
+
});
|
|
132
|
+
}
|
|
133
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
134
|
+
style: styles.objectContainer,
|
|
135
|
+
children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
136
|
+
style: styles.objectHeader,
|
|
137
|
+
activeOpacity: 0.6,
|
|
138
|
+
onPress: () => setExpanded(e => !e),
|
|
139
|
+
children: [/*#__PURE__*/_jsx(Triangle, {
|
|
140
|
+
open: expanded
|
|
141
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
142
|
+
style: [styles.mono, styles.errorHead],
|
|
143
|
+
numberOfLines: expanded ? undefined : 1,
|
|
144
|
+
children: head
|
|
145
|
+
})]
|
|
146
|
+
}), expanded ? /*#__PURE__*/_jsx(Text, {
|
|
147
|
+
style: [styles.mono, styles.errorStack],
|
|
148
|
+
children: stack
|
|
149
|
+
}) : null]
|
|
150
|
+
});
|
|
151
|
+
}
|
|
152
|
+
if (!isExpandable(value)) {
|
|
153
|
+
const color = KIND_COLOR[kind] ?? consoleTheme.onSurface;
|
|
154
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
155
|
+
style: [styles.mono, {
|
|
156
|
+
color
|
|
157
|
+
}],
|
|
158
|
+
children: scalarText(value)
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
const obj = value;
|
|
162
|
+
const entries = Array.isArray(obj) ? obj.map((v, i) => [String(i), v]) : Object.entries(obj);
|
|
163
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
164
|
+
style: styles.objectContainer,
|
|
165
|
+
children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
166
|
+
onPress: () => setExpanded(e => !e),
|
|
167
|
+
activeOpacity: 0.6,
|
|
168
|
+
style: styles.objectHeader,
|
|
169
|
+
children: [/*#__PURE__*/_jsx(Triangle, {
|
|
170
|
+
open: expanded
|
|
171
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
172
|
+
style: [styles.mono, styles.preview],
|
|
173
|
+
numberOfLines: expanded ? undefined : 1,
|
|
174
|
+
children: buildPreview(obj)
|
|
175
|
+
})]
|
|
176
|
+
}), expanded && depth < 6 ? /*#__PURE__*/_jsx(View, {
|
|
177
|
+
style: styles.children,
|
|
178
|
+
children: entries.map(([key, v]) => /*#__PURE__*/_jsxs(View, {
|
|
179
|
+
style: styles.propertyRow,
|
|
180
|
+
children: [/*#__PURE__*/_jsxs(Text, {
|
|
181
|
+
style: [styles.mono, styles.propertyKey],
|
|
182
|
+
children: [key, ":"]
|
|
183
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
184
|
+
style: styles.propertyValue,
|
|
185
|
+
children: /*#__PURE__*/_jsx(ConsoleValue, {
|
|
186
|
+
value: v,
|
|
187
|
+
depth: depth + 1
|
|
188
|
+
})
|
|
189
|
+
})]
|
|
190
|
+
}, key))
|
|
191
|
+
}) : null]
|
|
192
|
+
});
|
|
193
|
+
}
|
|
194
|
+
const monoStyle = {
|
|
195
|
+
fontFamily: monoFont,
|
|
196
|
+
fontSize: 12,
|
|
197
|
+
lineHeight: 16
|
|
198
|
+
};
|
|
199
|
+
const styles = StyleSheet.create({
|
|
200
|
+
mono: monoStyle,
|
|
201
|
+
objectContainer: {
|
|
202
|
+
flexDirection: "column"
|
|
203
|
+
},
|
|
204
|
+
objectHeader: {
|
|
205
|
+
flexDirection: "row",
|
|
206
|
+
alignItems: "flex-start"
|
|
207
|
+
},
|
|
208
|
+
triangle: {
|
|
209
|
+
color: consoleTheme.tokenSubtle,
|
|
210
|
+
fontSize: 8,
|
|
211
|
+
lineHeight: 16,
|
|
212
|
+
width: 12
|
|
213
|
+
},
|
|
214
|
+
triangleOpen: {
|
|
215
|
+
transform: [{
|
|
216
|
+
rotate: "90deg"
|
|
217
|
+
}]
|
|
218
|
+
},
|
|
219
|
+
preview: {
|
|
220
|
+
color: consoleTheme.valuePreview,
|
|
221
|
+
fontStyle: "italic",
|
|
222
|
+
flexShrink: 1
|
|
223
|
+
},
|
|
224
|
+
errorHead: {
|
|
225
|
+
color: consoleTheme.onErrorContainer,
|
|
226
|
+
flexShrink: 1
|
|
227
|
+
},
|
|
228
|
+
errorStack: {
|
|
229
|
+
color: consoleTheme.tokenSubtle,
|
|
230
|
+
marginLeft: 14,
|
|
231
|
+
marginTop: 1
|
|
232
|
+
},
|
|
233
|
+
children: {
|
|
234
|
+
marginLeft: 14,
|
|
235
|
+
flexDirection: "column"
|
|
236
|
+
},
|
|
237
|
+
propertyRow: {
|
|
238
|
+
flexDirection: "row",
|
|
239
|
+
alignItems: "flex-start"
|
|
240
|
+
},
|
|
241
|
+
propertyKey: {
|
|
242
|
+
color: consoleTheme.valueNode,
|
|
243
|
+
marginRight: 6
|
|
244
|
+
},
|
|
245
|
+
propertyValue: {
|
|
246
|
+
flexShrink: 1
|
|
247
|
+
}
|
|
248
|
+
});
|
|
249
|
+
//# sourceMappingURL=ConsoleValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","Text","View","TouchableOpacity","StyleSheet","consoleTheme","monoFont","jsx","_jsx","jsxs","_jsxs","MAX_PREVIEW_PROPERTIES","MAX_PREVIEW_ARRAY","kindOf","value","undefined","Array","isArray","Error","t","KIND_COLOR","number","valueNumber","bigint","valueBigint","boolean","string","valueString","null","valueNullish","symbol","function","valueNode","constructorName","proto","Object","getPrototypeOf","name","constructor","scalarText","kind","trimEnd","toString","String","length","buildPreview","head","slice","map","v","join","more","entries","k","ctor","prefix","isExpandable","keys","Triangle","open","style","styles","triangle","triangleOpen","children","ConsoleValue","depth","expanded","setExpanded","err","message","split","stack","trim","mono","color","onErrorContainer","numberOfLines","objectContainer","objectHeader","activeOpacity","onPress","e","errorHead","errorStack","onSurface","obj","i","preview","key","propertyRow","propertyKey","propertyValue","monoStyle","fontFamily","fontSize","lineHeight","create","flexDirection","alignItems","tokenSubtle","width","transform","rotate","valuePreview","fontStyle","flexShrink","marginLeft","marginTop","marginRight"],"sourceRoot":"../../../src","sources":["devtools/ConsoleValue.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* ConsoleView — self-contained Console panel (header bar + body) for embedding
|
|
5
|
+
* outside a JsModal (the desktop dashboard inline tool, or any standalone use).
|
|
6
|
+
*
|
|
7
|
+
* Inside the mobile floating menu, ConsoleModal composes the same pieces but
|
|
8
|
+
* routes the header into JsModal's `customContent` instead.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
import React from "react";
|
|
12
|
+
import { View, StyleSheet } from "react-native";
|
|
13
|
+
import { macOSColors } from "@buoy-gg/shared-ui";
|
|
14
|
+
import { consoleTheme } from "./theme";
|
|
15
|
+
import { ConsoleHeader } from "./ConsoleHeader";
|
|
16
|
+
import { ConsoleBody } from "./ConsoleBody";
|
|
17
|
+
import { useConsoleController } from "./useConsoleController";
|
|
18
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
19
|
+
export function ConsoleView() {
|
|
20
|
+
const c = useConsoleController();
|
|
21
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
22
|
+
style: styles.container,
|
|
23
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
24
|
+
style: styles.headerBar,
|
|
25
|
+
children: /*#__PURE__*/_jsx(ConsoleHeader, {
|
|
26
|
+
c: c
|
|
27
|
+
})
|
|
28
|
+
}), /*#__PURE__*/_jsx(ConsoleBody, {
|
|
29
|
+
c: c
|
|
30
|
+
})]
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
const styles = StyleSheet.create({
|
|
34
|
+
container: {
|
|
35
|
+
flex: 1,
|
|
36
|
+
backgroundColor: consoleTheme.baseContainer
|
|
37
|
+
},
|
|
38
|
+
headerBar: {
|
|
39
|
+
paddingHorizontal: 12,
|
|
40
|
+
paddingVertical: 8,
|
|
41
|
+
backgroundColor: consoleTheme.baseContainer,
|
|
42
|
+
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
43
|
+
borderBottomColor: macOSColors.border.default
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=ConsoleView.js.map
|
|
@@ -0,0 +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","baseContainer","paddingHorizontal","paddingVertical","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;IACPC,eAAe,EAAEjB,YAAY,CAACkB;EAChC,CAAC;EACDJ,SAAS,EAAE;IACTK,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBH,eAAe,EAAEjB,YAAY,CAACkB,aAAa;IAC3CG,iBAAiB,EAAEvB,UAAU,CAACwB,aAAa;IAC3CC,iBAAiB,EAAExB,WAAW,CAACyB,MAAM,CAACC;EACxC;AACF,CAAC,CAAC","ignoreList":[]}
|