@profullstack/hqtui-demo 0.1.0
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 +21 -0
- package/bin/hqtui-demo.mjs +3 -0
- package/dist/format.js +53 -0
- package/dist/format.js.map +1 -0
- package/dist/main.js +361 -0
- package/dist/main.js.map +1 -0
- package/dist/screens/components.js +144 -0
- package/dist/screens/components.js.map +1 -0
- package/dist/screens/dashboard.js +307 -0
- package/dist/screens/dashboard.js.map +1 -0
- package/dist/screens/graphics.js +56 -0
- package/dist/screens/graphics.js.map +1 -0
- package/dist/screens/index.js +7 -0
- package/dist/screens/index.js.map +1 -0
- package/dist/screens/input.js +37 -0
- package/dist/screens/input.js.map +1 -0
- package/dist/screens/stress.js +34 -0
- package/dist/screens/stress.js.map +1 -0
- package/dist/screens/themes.js +40 -0
- package/dist/screens/themes.js.map +1 -0
- package/dist/simulation.js +254 -0
- package/dist/simulation.js.map +1 -0
- package/dist/state.js +35 -0
- package/dist/state.js.map +1 -0
- package/dist/system/common.js +97 -0
- package/dist/system/common.js.map +1 -0
- package/dist/system/darwin.js +153 -0
- package/dist/system/darwin.js.map +1 -0
- package/dist/system/index.js +45 -0
- package/dist/system/index.js.map +1 -0
- package/dist/system/linux.js +260 -0
- package/dist/system/linux.js.map +1 -0
- package/dist/system/types.js +2 -0
- package/dist/system/types.js.map +1 -0
- package/dist/system/win32.js +118 -0
- package/dist/system/win32.js.map +1 -0
- package/package.json +39 -0
- package/src/format.ts +52 -0
- package/src/main.ts +320 -0
- package/src/screens/components.ts +153 -0
- package/src/screens/dashboard.ts +328 -0
- package/src/screens/graphics.ts +64 -0
- package/src/screens/index.ts +6 -0
- package/src/screens/input.ts +39 -0
- package/src/screens/stress.ts +36 -0
- package/src/screens/themes.ts +41 -0
- package/src/simulation.ts +356 -0
- package/src/state.ts +74 -0
- package/src/system/common.ts +101 -0
- package/src/system/darwin.ts +160 -0
- package/src/system/index.ts +56 -0
- package/src/system/linux.ts +258 -0
- package/src/system/types.ts +12 -0
- package/src/system/win32.ts +132 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 VTTUI contributors
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/dist/format.js
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/** Presentation helpers. Numbers in a dashboard must never jitter in width. */
|
|
2
|
+
const UNITS = ["B", "KiB", "MiB", "GiB", "TiB", "PiB"];
|
|
3
|
+
export function bytes(value, digits = 2) {
|
|
4
|
+
let v = Math.max(0, value);
|
|
5
|
+
let unit = 0;
|
|
6
|
+
while (v >= 1024 && unit < UNITS.length - 1) {
|
|
7
|
+
v /= 1024;
|
|
8
|
+
unit++;
|
|
9
|
+
}
|
|
10
|
+
return `${v.toFixed(unit === 0 ? 0 : digits)} ${UNITS[unit]}`;
|
|
11
|
+
}
|
|
12
|
+
export function bitRate(bytesPerSecond) {
|
|
13
|
+
const bits = Math.max(0, bytesPerSecond) * 8;
|
|
14
|
+
if (bits >= 1e9)
|
|
15
|
+
return `${(bits / 1e9).toFixed(1)} Gb/s`;
|
|
16
|
+
if (bits >= 1e6)
|
|
17
|
+
return `${(bits / 1e6).toFixed(1)} Mb/s`;
|
|
18
|
+
if (bits >= 1e3)
|
|
19
|
+
return `${(bits / 1e3).toFixed(1)} Kb/s`;
|
|
20
|
+
return `${bits.toFixed(0)} b/s`;
|
|
21
|
+
}
|
|
22
|
+
export function byteRate(bytesPerSecond) {
|
|
23
|
+
const v = Math.max(0, bytesPerSecond);
|
|
24
|
+
if (v >= 1e9)
|
|
25
|
+
return `${(v / 1e9).toFixed(1)} GB/s`;
|
|
26
|
+
if (v >= 1e6)
|
|
27
|
+
return `${(v / 1e6).toFixed(1)} MB/s`;
|
|
28
|
+
if (v >= 1e3)
|
|
29
|
+
return `${(v / 1e3).toFixed(1)} KB/s`;
|
|
30
|
+
return `${v.toFixed(0)} B/s`;
|
|
31
|
+
}
|
|
32
|
+
export function percent(ratio, digits = 0) {
|
|
33
|
+
return `${(Math.max(0, Math.min(1, ratio)) * 100).toFixed(digits)}%`;
|
|
34
|
+
}
|
|
35
|
+
export function duration(seconds) {
|
|
36
|
+
const s = Math.max(0, Math.floor(seconds));
|
|
37
|
+
const d = Math.floor(s / 86400);
|
|
38
|
+
const h = Math.floor((s % 86400) / 3600);
|
|
39
|
+
const m = Math.floor((s % 3600) / 60);
|
|
40
|
+
if (d > 0)
|
|
41
|
+
return `${d}d ${h}h ${m}m`;
|
|
42
|
+
if (h > 0)
|
|
43
|
+
return `${h}h ${m}m`;
|
|
44
|
+
return `${m}m ${s % 60}s`;
|
|
45
|
+
}
|
|
46
|
+
export function clock(date = new Date()) {
|
|
47
|
+
return date.toTimeString().slice(0, 8);
|
|
48
|
+
}
|
|
49
|
+
/** Fixed-width numbers so columns never shift between frames. */
|
|
50
|
+
export function num(value, digits = 1) {
|
|
51
|
+
return value.toFixed(digits);
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=format.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"format.js","sourceRoot":"","sources":["../src/format.ts"],"names":[],"mappings":"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"}
|
package/dist/main.js
ADDED
|
@@ -0,0 +1,361 @@
|
|
|
1
|
+
// Run directly with `bun src/main.ts`, or via the compiled bin on Node.
|
|
2
|
+
/**
|
|
3
|
+
* The HQTUI reference dashboard.
|
|
4
|
+
*
|
|
5
|
+
* bunx @profullstack/hqtui-demo # real system metrics
|
|
6
|
+
* bunx @profullstack/hqtui-demo --sim # deterministic simulation
|
|
7
|
+
*
|
|
8
|
+
* Also runs under Node 22.6+ (`npx @profullstack/hqtui-demo`).
|
|
9
|
+
*/
|
|
10
|
+
import { createApp, themeList, themes } from "@profullstack/hqtui";
|
|
11
|
+
import { createCollector } from "./system/index.js";
|
|
12
|
+
import { createState, SCREENS } from "./state.js";
|
|
13
|
+
import { componentsScreen, dashboardScreen, graphicsScreen, inputScreen, stressScreen, themesScreen, visibleProcesses, } from "./screens/index.js";
|
|
14
|
+
import { clock, num } from "./format.js";
|
|
15
|
+
function parseArgs(argv) {
|
|
16
|
+
const options = {
|
|
17
|
+
real: true,
|
|
18
|
+
seed: 1337,
|
|
19
|
+
fps: 30,
|
|
20
|
+
theme: "dark",
|
|
21
|
+
screen: "dashboard",
|
|
22
|
+
interval: 1000,
|
|
23
|
+
};
|
|
24
|
+
for (let i = 0; i < argv.length; i++) {
|
|
25
|
+
const arg = argv[i];
|
|
26
|
+
const value = argv[i + 1];
|
|
27
|
+
switch (arg) {
|
|
28
|
+
case "--sim":
|
|
29
|
+
case "--fake":
|
|
30
|
+
case "--simulate":
|
|
31
|
+
options.real = false;
|
|
32
|
+
break;
|
|
33
|
+
case "--real":
|
|
34
|
+
options.real = true;
|
|
35
|
+
break;
|
|
36
|
+
case "--seed":
|
|
37
|
+
options.seed = Number(value) || 1337;
|
|
38
|
+
i++;
|
|
39
|
+
break;
|
|
40
|
+
case "--fps":
|
|
41
|
+
options.fps = Number(value) || 30;
|
|
42
|
+
i++;
|
|
43
|
+
break;
|
|
44
|
+
case "--theme":
|
|
45
|
+
options.theme = value ?? "dark";
|
|
46
|
+
i++;
|
|
47
|
+
break;
|
|
48
|
+
case "--screen":
|
|
49
|
+
options.screen = value ?? "dashboard";
|
|
50
|
+
i++;
|
|
51
|
+
break;
|
|
52
|
+
case "--interval":
|
|
53
|
+
options.interval = Number(value) || 1000;
|
|
54
|
+
i++;
|
|
55
|
+
break;
|
|
56
|
+
case "-h":
|
|
57
|
+
case "--help":
|
|
58
|
+
printHelp();
|
|
59
|
+
process.exit(0);
|
|
60
|
+
case "-v":
|
|
61
|
+
case "--version":
|
|
62
|
+
console.log("hqtui-demo 0.1.0");
|
|
63
|
+
process.exit(0);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
return options;
|
|
67
|
+
}
|
|
68
|
+
function printHelp() {
|
|
69
|
+
console.log(`hqtui-demo — the HQTUI reference dashboard
|
|
70
|
+
|
|
71
|
+
Usage:
|
|
72
|
+
hqtui-demo [options]
|
|
73
|
+
|
|
74
|
+
Options:
|
|
75
|
+
--sim Use the deterministic simulation instead of real metrics
|
|
76
|
+
--real Read real system metrics (default)
|
|
77
|
+
--seed <n> Simulation seed (default 1337)
|
|
78
|
+
--fps <n> Frame cap (default 30, 15 over SSH)
|
|
79
|
+
--theme <name> dark, dracula, nord, tokyoNight, gruvbox, matrix, monochrome, highContrast, light
|
|
80
|
+
--screen <name> dashboard, components, graphics, themes, input, stress
|
|
81
|
+
--interval <ms> Metric refresh interval (default 1000)
|
|
82
|
+
-h, --help Show this help
|
|
83
|
+
-v, --version Show the version
|
|
84
|
+
|
|
85
|
+
Keys:
|
|
86
|
+
1-6 / Tab screens F2 theme F3 filter F6 sort Ctrl+K palette
|
|
87
|
+
↑/↓ select Space pause F1 help q quit
|
|
88
|
+
`);
|
|
89
|
+
}
|
|
90
|
+
const PALETTE_COMMANDS = [
|
|
91
|
+
{ label: "Go to Dashboard", hint: "1", run: (s) => { s.screen = "dashboard"; } },
|
|
92
|
+
{ label: "Go to Components", hint: "2", run: (s) => { s.screen = "components"; } },
|
|
93
|
+
{ label: "Go to Graphics", hint: "3", run: (s) => { s.screen = "graphics"; } },
|
|
94
|
+
{ label: "Go to Themes", hint: "4", run: (s) => { s.screen = "themes"; } },
|
|
95
|
+
{ label: "Go to Input", hint: "5", run: (s) => { s.screen = "input"; } },
|
|
96
|
+
{ label: "Go to Stress Test", hint: "6", run: (s) => { s.screen = "stress"; } },
|
|
97
|
+
{ label: "Sort by CPU", hint: "F6", run: (s) => { s.sort = "cpu"; } },
|
|
98
|
+
{ label: "Sort by Memory", hint: "F6", run: (s) => { s.sort = "mem"; } },
|
|
99
|
+
{ label: "Pause updates", hint: "Space", run: (s) => { s.paused = !s.paused; } },
|
|
100
|
+
];
|
|
101
|
+
async function main() {
|
|
102
|
+
const options = parseArgs(process.argv.slice(2));
|
|
103
|
+
const collector = await createCollector({ real: options.real, seed: options.seed });
|
|
104
|
+
await collector.refresh(options.interval / 1000);
|
|
105
|
+
const state = createState(collector.current(), collector.source, collector.unavailable);
|
|
106
|
+
state.screen = SCREENS.includes(options.screen) ? options.screen : "dashboard";
|
|
107
|
+
state.themeIndex = Math.max(0, themeList.findIndex((t) => t.name === options.theme || t === themes[options.theme]));
|
|
108
|
+
const app = await createApp({
|
|
109
|
+
theme: themeList[state.themeIndex] ?? themes.dark,
|
|
110
|
+
fps: options.fps,
|
|
111
|
+
title: "hqtui demo",
|
|
112
|
+
quitKeys: ["ctrl+c"],
|
|
113
|
+
});
|
|
114
|
+
// Metrics refresh on their own clock; rendering runs at the frame rate.
|
|
115
|
+
const dt = options.interval / 1000;
|
|
116
|
+
const poll = setInterval(() => {
|
|
117
|
+
if (state.paused)
|
|
118
|
+
return;
|
|
119
|
+
void collector.refresh(dt).then(() => {
|
|
120
|
+
state.sample = collector.current();
|
|
121
|
+
app.invalidate();
|
|
122
|
+
});
|
|
123
|
+
}, options.interval);
|
|
124
|
+
poll.unref?.();
|
|
125
|
+
// The simulation is cheap enough to advance every frame, which is what makes
|
|
126
|
+
// the demo look alive rather than stepping once a second.
|
|
127
|
+
const animate = setInterval(() => {
|
|
128
|
+
if (state.paused || options.real)
|
|
129
|
+
return;
|
|
130
|
+
void collector.refresh(0.1);
|
|
131
|
+
state.sample = collector.current();
|
|
132
|
+
app.invalidate();
|
|
133
|
+
}, 100);
|
|
134
|
+
animate.unref?.();
|
|
135
|
+
app.on("frame", (stats) => {
|
|
136
|
+
state.fps = stats.fps;
|
|
137
|
+
state.renderMs = stats.renderMs;
|
|
138
|
+
state.changedCells = stats.changedCells;
|
|
139
|
+
state.bytes = stats.bytes;
|
|
140
|
+
});
|
|
141
|
+
app.on("mouse", (event) => {
|
|
142
|
+
state.lastMouse = `${event.action} ${event.button} @ ${event.x},${event.y}${event.scroll ? ` scroll ${event.scroll}` : ""}`;
|
|
143
|
+
if (event.action === "scroll") {
|
|
144
|
+
state.offset = Math.max(0, state.offset + event.scroll * 3);
|
|
145
|
+
}
|
|
146
|
+
});
|
|
147
|
+
app.on("key", (event) => {
|
|
148
|
+
state.lastKey = event.key;
|
|
149
|
+
state.keyLog.push(`${clock()} ${event.key}${event.char ? ` "${event.char}"` : ""}`);
|
|
150
|
+
if (state.keyLog.length > 100)
|
|
151
|
+
state.keyLog.shift();
|
|
152
|
+
// Overlays capture input first.
|
|
153
|
+
if (state.showPalette) {
|
|
154
|
+
const matches = PALETTE_COMMANDS.filter((c) => c.label.toLowerCase().includes(state.paletteQuery.toLowerCase()));
|
|
155
|
+
if (event.name === "escape")
|
|
156
|
+
state.showPalette = false;
|
|
157
|
+
else if (event.name === "enter") {
|
|
158
|
+
matches[state.paletteIndex]?.run(state);
|
|
159
|
+
state.showPalette = false;
|
|
160
|
+
}
|
|
161
|
+
else if (event.name === "up")
|
|
162
|
+
state.paletteIndex = Math.max(0, state.paletteIndex - 1);
|
|
163
|
+
else if (event.name === "down")
|
|
164
|
+
state.paletteIndex = Math.min(matches.length - 1, state.paletteIndex + 1);
|
|
165
|
+
else if (event.name === "backspace")
|
|
166
|
+
state.paletteQuery = state.paletteQuery.slice(0, -1);
|
|
167
|
+
else if (event.char)
|
|
168
|
+
state.paletteQuery += event.char;
|
|
169
|
+
return;
|
|
170
|
+
}
|
|
171
|
+
if (state.showModal) {
|
|
172
|
+
if (event.name === "escape" || event.name === "enter" || event.name === "n" || event.name === "y") {
|
|
173
|
+
state.showModal = false;
|
|
174
|
+
}
|
|
175
|
+
return;
|
|
176
|
+
}
|
|
177
|
+
if (state.showHelp) {
|
|
178
|
+
state.showHelp = false;
|
|
179
|
+
return;
|
|
180
|
+
}
|
|
181
|
+
if (state.filtering) {
|
|
182
|
+
if (event.name === "escape") {
|
|
183
|
+
state.filtering = false;
|
|
184
|
+
state.filter = "";
|
|
185
|
+
}
|
|
186
|
+
else if (event.name === "enter")
|
|
187
|
+
state.filtering = false;
|
|
188
|
+
else if (event.name === "backspace")
|
|
189
|
+
state.filter = state.filter.slice(0, -1);
|
|
190
|
+
else if (event.char)
|
|
191
|
+
state.filter += event.char;
|
|
192
|
+
return;
|
|
193
|
+
}
|
|
194
|
+
switch (event.key) {
|
|
195
|
+
case "q":
|
|
196
|
+
app.quit();
|
|
197
|
+
return;
|
|
198
|
+
case "f1":
|
|
199
|
+
state.showHelp = true;
|
|
200
|
+
return;
|
|
201
|
+
case "f2":
|
|
202
|
+
state.themeIndex = (state.themeIndex + 1) % themeList.length;
|
|
203
|
+
app.setTheme(themeList[state.themeIndex]);
|
|
204
|
+
return;
|
|
205
|
+
case "f3":
|
|
206
|
+
state.filtering = true;
|
|
207
|
+
return;
|
|
208
|
+
case "f6": {
|
|
209
|
+
const order = ["cpu", "mem", "pid", "name"];
|
|
210
|
+
state.sort = order[(order.indexOf(state.sort) + 1) % order.length];
|
|
211
|
+
return;
|
|
212
|
+
}
|
|
213
|
+
case "f10":
|
|
214
|
+
app.quit();
|
|
215
|
+
return;
|
|
216
|
+
case "ctrl+k":
|
|
217
|
+
state.showPalette = true;
|
|
218
|
+
state.paletteQuery = "";
|
|
219
|
+
state.paletteIndex = 0;
|
|
220
|
+
return;
|
|
221
|
+
case "space":
|
|
222
|
+
state.paused = !state.paused;
|
|
223
|
+
return;
|
|
224
|
+
case "up":
|
|
225
|
+
state.selected = Math.max(0, state.selected - 1);
|
|
226
|
+
break;
|
|
227
|
+
case "down":
|
|
228
|
+
state.selected = Math.min(visibleProcesses(state).length - 1, state.selected + 1);
|
|
229
|
+
break;
|
|
230
|
+
case "pageup":
|
|
231
|
+
state.selected = Math.max(0, state.selected - 10);
|
|
232
|
+
break;
|
|
233
|
+
case "pagedown":
|
|
234
|
+
state.selected = Math.min(visibleProcesses(state).length - 1, state.selected + 10);
|
|
235
|
+
break;
|
|
236
|
+
case "home":
|
|
237
|
+
state.selected = 0;
|
|
238
|
+
break;
|
|
239
|
+
case "end":
|
|
240
|
+
state.selected = Math.max(0, visibleProcesses(state).length - 1);
|
|
241
|
+
break;
|
|
242
|
+
case "enter":
|
|
243
|
+
state.showModal = true;
|
|
244
|
+
return;
|
|
245
|
+
case "left":
|
|
246
|
+
if (state.screen === "themes") {
|
|
247
|
+
state.themeIndex = (state.themeIndex - 1 + themeList.length) % themeList.length;
|
|
248
|
+
app.setTheme(themeList[state.themeIndex]);
|
|
249
|
+
}
|
|
250
|
+
return;
|
|
251
|
+
case "right":
|
|
252
|
+
if (state.screen === "themes") {
|
|
253
|
+
state.themeIndex = (state.themeIndex + 1) % themeList.length;
|
|
254
|
+
app.setTheme(themeList[state.themeIndex]);
|
|
255
|
+
}
|
|
256
|
+
return;
|
|
257
|
+
case "tab":
|
|
258
|
+
state.screen = SCREENS[(SCREENS.indexOf(state.screen) + 1) % SCREENS.length];
|
|
259
|
+
return;
|
|
260
|
+
}
|
|
261
|
+
const digit = Number(event.name);
|
|
262
|
+
if (Number.isInteger(digit) && digit >= 1 && digit <= SCREENS.length) {
|
|
263
|
+
state.screen = SCREENS[digit - 1];
|
|
264
|
+
}
|
|
265
|
+
// Keep the selected row inside the visible window.
|
|
266
|
+
if (state.selected < state.offset)
|
|
267
|
+
state.offset = state.selected;
|
|
268
|
+
});
|
|
269
|
+
app.render(({ ui, theme, height }) => {
|
|
270
|
+
ui.row({ size: 1 }, (header) => {
|
|
271
|
+
header.text(" hqtui.com", { fg: theme.title, bold: true, size: 12 });
|
|
272
|
+
header.tabs({
|
|
273
|
+
tabs: SCREENS.map((s, i) => `${i + 1} ${s}`),
|
|
274
|
+
active: SCREENS.indexOf(state.screen),
|
|
275
|
+
onSelect: (index) => { state.screen = SCREENS[index]; },
|
|
276
|
+
});
|
|
277
|
+
header.text(`${state.paused ? "paused" : "live"} ${state.source} ${num(state.fps, 0)}fps ${clock()} `, { fg: state.paused ? theme.warning : theme.success, align: "right" });
|
|
278
|
+
});
|
|
279
|
+
ui.spacer(1);
|
|
280
|
+
ui.column({ size: height - 4 }, (body) => {
|
|
281
|
+
switch (state.screen) {
|
|
282
|
+
case "components":
|
|
283
|
+
componentsScreen(body, state, theme);
|
|
284
|
+
break;
|
|
285
|
+
case "graphics":
|
|
286
|
+
graphicsScreen(body, state, theme);
|
|
287
|
+
break;
|
|
288
|
+
case "themes":
|
|
289
|
+
themesScreen(body, state, theme);
|
|
290
|
+
break;
|
|
291
|
+
case "input":
|
|
292
|
+
inputScreen(body, state, theme);
|
|
293
|
+
break;
|
|
294
|
+
case "stress":
|
|
295
|
+
stressScreen(body, state, theme);
|
|
296
|
+
break;
|
|
297
|
+
default:
|
|
298
|
+
dashboardScreen(body, state, theme);
|
|
299
|
+
break;
|
|
300
|
+
}
|
|
301
|
+
});
|
|
302
|
+
ui.spacer(1);
|
|
303
|
+
ui.statusBar({
|
|
304
|
+
items: [
|
|
305
|
+
{ key: "F1", label: "Help" },
|
|
306
|
+
{ key: "F2", label: `Theme (${theme.name})` },
|
|
307
|
+
{ key: "F3", label: state.filtering ? `Filter: ${state.filter}_` : "Filter", active: state.filtering },
|
|
308
|
+
{ key: "F6", label: `Sort: ${state.sort}` },
|
|
309
|
+
{ key: "^K", label: "Palette" },
|
|
310
|
+
{ key: "Tab", label: "Screen" },
|
|
311
|
+
{ key: "q", label: "Quit" },
|
|
312
|
+
],
|
|
313
|
+
right: [{ label: `${num(state.renderMs, 2)}ms ${state.changedCells} cells ${state.bytes}B` }],
|
|
314
|
+
});
|
|
315
|
+
if (state.showHelp) {
|
|
316
|
+
ui.modal({
|
|
317
|
+
title: "HQTUI Demo — Help",
|
|
318
|
+
width: 62,
|
|
319
|
+
height: 18,
|
|
320
|
+
message: "1-6 or Tab switch screens.\n" +
|
|
321
|
+
"F2 cycles themes, F3 filters processes, F6 changes sort.\n" +
|
|
322
|
+
"Ctrl+K opens the command palette, Space pauses updates.\n" +
|
|
323
|
+
"Arrows, PageUp/PageDown, Home/End move the selection.\n" +
|
|
324
|
+
"Mouse: click tabs and buttons, scroll the process list.\n\n" +
|
|
325
|
+
(state.unavailable.length
|
|
326
|
+
? `Unavailable on this platform: ${state.unavailable.join(", ")}.\nRun with --sim to see every widget populated.`
|
|
327
|
+
: "All metrics available on this platform.") +
|
|
328
|
+
"\n\nPress any key to close.",
|
|
329
|
+
buttons: [{ label: "Close", focused: true }],
|
|
330
|
+
});
|
|
331
|
+
}
|
|
332
|
+
if (state.showModal) {
|
|
333
|
+
ui.modal({
|
|
334
|
+
title: "Confirm Action",
|
|
335
|
+
message: `Are you sure you want to terminate process ${visibleProcesses(state)[state.selected]?.pid ?? "—"} (${visibleProcesses(state)[state.selected]?.name ?? "—"})?`,
|
|
336
|
+
buttons: [
|
|
337
|
+
{ label: "Yes", variant: "success", focused: true },
|
|
338
|
+
{ label: "No", variant: "ghost" },
|
|
339
|
+
],
|
|
340
|
+
});
|
|
341
|
+
}
|
|
342
|
+
if (state.showPalette) {
|
|
343
|
+
const matches = PALETTE_COMMANDS.filter((c) => c.label.toLowerCase().includes(state.paletteQuery.toLowerCase()));
|
|
344
|
+
ui.commandPalette({
|
|
345
|
+
query: state.paletteQuery,
|
|
346
|
+
items: matches.map((c) => ({ label: c.label, hint: c.hint })),
|
|
347
|
+
selected: state.paletteIndex,
|
|
348
|
+
});
|
|
349
|
+
}
|
|
350
|
+
});
|
|
351
|
+
app.on("exit", () => {
|
|
352
|
+
clearInterval(poll);
|
|
353
|
+
clearInterval(animate);
|
|
354
|
+
});
|
|
355
|
+
await app.start();
|
|
356
|
+
}
|
|
357
|
+
main().catch((error) => {
|
|
358
|
+
console.error(error);
|
|
359
|
+
process.exit(1);
|
|
360
|
+
});
|
|
361
|
+
//# sourceMappingURL=main.js.map
|
package/dist/main.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import { bytes, percent } from "../format.js";
|
|
2
|
+
const FILES = [
|
|
3
|
+
{ name: "src", size: "4.2 KB", type: "dir", modified: "2m ago" },
|
|
4
|
+
{ name: "test", size: "1.1 KB", type: "dir", modified: "5m ago" },
|
|
5
|
+
{ name: "package.json", size: "1.2 KB", type: "file", modified: "10m ago" },
|
|
6
|
+
{ name: "README.md", size: "3.4 KB", type: "file", modified: "1h ago" },
|
|
7
|
+
{ name: "bun.lockb", size: "12 KB", type: "file", modified: "1h ago" },
|
|
8
|
+
];
|
|
9
|
+
const TREE = [
|
|
10
|
+
{
|
|
11
|
+
label: "systemd",
|
|
12
|
+
expanded: true,
|
|
13
|
+
values: [{ text: "1.3", width: 6 }, { text: "0.1", width: 6 }],
|
|
14
|
+
children: [
|
|
15
|
+
{ label: "bash", values: [{ text: "0.1", width: 6 }, { text: "0.2", width: 6 }] },
|
|
16
|
+
{
|
|
17
|
+
label: "bun",
|
|
18
|
+
expanded: true,
|
|
19
|
+
values: [{ text: "32.8", width: 6 }, { text: "4.2", width: 6 }],
|
|
20
|
+
children: [
|
|
21
|
+
{ label: "bun:worker", values: [{ text: "12.4", width: 6 }, { text: "1.8", width: 6 }] },
|
|
22
|
+
{ label: "bun:worker", values: [{ text: "8.7", width: 6 }, { text: "1.3", width: 6 }] },
|
|
23
|
+
],
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
label: "node",
|
|
27
|
+
expanded: true,
|
|
28
|
+
values: [{ text: "18.1", width: 6 }, { text: "2.1", width: 6 }],
|
|
29
|
+
children: [{ label: "node:worker", values: [{ text: "6.1", width: 6 }, { text: "0.8", width: 6 }] }],
|
|
30
|
+
},
|
|
31
|
+
{ label: "postgres", values: [{ text: "6.7", width: 6 }, { text: "1.8", width: 6 }] },
|
|
32
|
+
],
|
|
33
|
+
},
|
|
34
|
+
];
|
|
35
|
+
/** Every widget in the library, in one screen. Also the interaction sandbox. */
|
|
36
|
+
export function componentsScreen(ui, state, theme) {
|
|
37
|
+
ui.row({ size: "1fr", gap: 1 }, (row) => {
|
|
38
|
+
row.column({ gap: 1 }, (left) => {
|
|
39
|
+
left.panel({ title: "Buttons & Inputs", size: 13 }, (p) => {
|
|
40
|
+
p.row({ size: 1, gap: 1 }, (r) => {
|
|
41
|
+
r.button({ label: "Primary", width: 11, size: 11, onPress: () => { state.showModal = true; } });
|
|
42
|
+
r.button({ label: "Success", width: 11, size: 11, variant: "success" });
|
|
43
|
+
r.button({ label: "Warning", width: 11, size: 11, variant: "warning" });
|
|
44
|
+
r.button({ label: "Danger", width: 10, size: 10, variant: "danger" });
|
|
45
|
+
r.spacer("fill");
|
|
46
|
+
});
|
|
47
|
+
p.spacer(1);
|
|
48
|
+
p.row({ size: 1, gap: 2 }, (r) => {
|
|
49
|
+
r.select({
|
|
50
|
+
value: ["Dark", "Dracula", "Nord", "Tokyo Night"][state.selectIndex] ?? "Dark",
|
|
51
|
+
width: 20,
|
|
52
|
+
size: 20,
|
|
53
|
+
open: state.selectOpen,
|
|
54
|
+
options: ["Dark", "Dracula", "Nord", "Tokyo Night"],
|
|
55
|
+
selectedIndex: state.selectIndex,
|
|
56
|
+
onOpen: () => { state.selectOpen = !state.selectOpen; },
|
|
57
|
+
});
|
|
58
|
+
r.checkbox({
|
|
59
|
+
label: "Toggle",
|
|
60
|
+
checked: state.toggle,
|
|
61
|
+
variant: "toggle",
|
|
62
|
+
size: 12,
|
|
63
|
+
onToggle: () => { state.toggle = !state.toggle; },
|
|
64
|
+
});
|
|
65
|
+
r.checkbox({
|
|
66
|
+
label: "Checkbox",
|
|
67
|
+
checked: state.checkbox,
|
|
68
|
+
size: 14,
|
|
69
|
+
onToggle: () => { state.checkbox = !state.checkbox; },
|
|
70
|
+
});
|
|
71
|
+
r.spacer("fill");
|
|
72
|
+
});
|
|
73
|
+
p.spacer(1);
|
|
74
|
+
p.textInput({ label: "Search", value: state.inputValue, placeholder: "type to filter…", size: 1 });
|
|
75
|
+
p.spacer(1);
|
|
76
|
+
p.meter({ label: "Slider", value: state.slider, style: "smooth", heat: false, color: theme.primary });
|
|
77
|
+
p.progress({ label: "Progress", value: 37, max: 120, showCount: true });
|
|
78
|
+
});
|
|
79
|
+
left.panel({ title: "Table Widget", size: "1fr" }, (p) => {
|
|
80
|
+
p.table({
|
|
81
|
+
rows: FILES,
|
|
82
|
+
selected: state.selected % FILES.length,
|
|
83
|
+
zebra: true,
|
|
84
|
+
columns: [
|
|
85
|
+
{ key: "name", title: "Name", min: 10, color: theme.primary },
|
|
86
|
+
{ key: "size", title: "Size", width: 9, align: "right" },
|
|
87
|
+
{ key: "type", title: "Type", width: 6 },
|
|
88
|
+
{ key: "modified", title: "Modified", width: 10, align: "right", color: theme.muted },
|
|
89
|
+
],
|
|
90
|
+
});
|
|
91
|
+
});
|
|
92
|
+
left.panel({ title: "Log Viewer", size: 11 }, (p) => {
|
|
93
|
+
p.log({
|
|
94
|
+
entries: state.sample.logs.map((l) => ({ time: l.time, level: l.level, message: l.message, meta: `{${l.meta}}` })),
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
});
|
|
98
|
+
row.column({ gap: 1 }, (right) => {
|
|
99
|
+
right.panel({ title: "Process Tree", size: 13 }, (p) => {
|
|
100
|
+
p.row({ size: 1 }, (r) => {
|
|
101
|
+
r.text("Name", { fg: theme.muted, bold: true });
|
|
102
|
+
r.text("CPU% MEM%", { fg: theme.muted, bold: true, align: "right" });
|
|
103
|
+
});
|
|
104
|
+
p.tree({ nodes: TREE, selected: state.selected % 8 });
|
|
105
|
+
});
|
|
106
|
+
right.panel({ title: "Sparklines & Gauges", size: 12 }, (p) => {
|
|
107
|
+
p.sparkline({ label: "CPU ", values: state.sample.cpu.history, text: percent(state.sample.cpu.total), color: theme.success });
|
|
108
|
+
p.sparkline({ label: "Mem ", values: state.sample.memory.history, text: percent(state.sample.memory.used / state.sample.memory.total), color: theme.warning });
|
|
109
|
+
p.sparkline({ label: "Net ", values: state.sample.network.downHistory, text: bytes(state.sample.network.downRate) + "/s", color: theme.primary });
|
|
110
|
+
p.spacer(1);
|
|
111
|
+
p.row({ size: "1fr", gap: 2 }, (r) => {
|
|
112
|
+
r.gauge({ value: state.sample.cpu.total, label: percent(state.sample.cpu.total) });
|
|
113
|
+
r.donut({
|
|
114
|
+
segments: [
|
|
115
|
+
{ value: state.sample.memory.used, color: theme.primary, label: "Used" },
|
|
116
|
+
{ value: state.sample.memory.available, color: theme.warning, label: "Free" },
|
|
117
|
+
],
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
right.panel({ title: "Lists & Badges", size: "1fr" }, (p) => {
|
|
122
|
+
p.row({ size: 1, gap: 1 }, (r) => {
|
|
123
|
+
r.badge({ text: "active", color: theme.success, size: 10 });
|
|
124
|
+
r.badge({ text: "idle", color: theme.warning, variant: "subtle", size: 8 });
|
|
125
|
+
r.badge({ text: "failed", color: theme.danger, variant: "outline", size: 10 });
|
|
126
|
+
r.spacer("fill");
|
|
127
|
+
});
|
|
128
|
+
p.spacer(1);
|
|
129
|
+
p.list({
|
|
130
|
+
items: [
|
|
131
|
+
{ label: "apps/demo", color: theme.primary },
|
|
132
|
+
{ label: "packages/hqtui" },
|
|
133
|
+
{ label: "apps/web" },
|
|
134
|
+
{ label: "docs" },
|
|
135
|
+
],
|
|
136
|
+
selected: state.selected % 4,
|
|
137
|
+
bullet: "▸",
|
|
138
|
+
scrollbar: true,
|
|
139
|
+
});
|
|
140
|
+
});
|
|
141
|
+
});
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
//# sourceMappingURL=components.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/screens/components.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,KAAK,GAAG;IACZ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAChE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC3E,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACvE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;CACvE,CAAC;AAEF,MAAM,IAAI,GAAG;IACX;QACE,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;QAC9D,QAAQ,EAAE;YACR,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;YACjF;gBACE,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;gBAC/D,QAAQ,EAAE;oBACR,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;oBACxF,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;iBACxF;aACF;YACD;gBACE,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;gBAC/D,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;aACrG;YACD,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;SACtF;KACF;CACF,CAAC;AAEF,gFAAgF;AAChF,MAAM,UAAU,gBAAgB,CAAC,EAAa,EAAE,KAAgB,EAAE,KAAY;IAC5E,EAAE,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE;QACtC,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE;YAC9B,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;gBACxD,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC/B,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAChG,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;oBACxE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;oBACxE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;oBACtE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACnB,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACZ,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC/B,CAAC,CAAC,MAAM,CAAC;wBACP,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,MAAM;wBAC9E,KAAK,EAAE,EAAE;wBACT,IAAI,EAAE,EAAE;wBACR,IAAI,EAAE,KAAK,CAAC,UAAU;wBACtB,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,CAAC;wBACnD,aAAa,EAAE,KAAK,CAAC,WAAW;wBAChC,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;qBACxD,CAAC,CAAC;oBACH,CAAC,CAAC,QAAQ,CAAC;wBACT,KAAK,EAAE,QAAQ;wBACf,OAAO,EAAE,KAAK,CAAC,MAAM;wBACrB,OAAO,EAAE,QAAQ;wBACjB,IAAI,EAAE,EAAE;wBACR,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;qBAClD,CAAC,CAAC;oBACH,CAAC,CAAC,QAAQ,CAAC;wBACT,KAAK,EAAE,UAAU;wBACjB,OAAO,EAAE,KAAK,CAAC,QAAQ;wBACvB,IAAI,EAAE,EAAE;wBACR,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;qBACtD,CAAC,CAAC;oBACH,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACnB,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACZ,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;gBACnG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACZ,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;gBACtG,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1E,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvD,CAAC,CAAC,KAAK,CAAC;oBACN,IAAI,EAAE,KAAK;oBACX,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM;oBACvC,KAAK,EAAE,IAAI;oBACX,OAAO,EAAE;wBACP,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE;wBAC7D,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;wBACxD,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE;wBACxC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE;qBACtF;iBACF,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;gBAClD,CAAC,CAAC,GAAG,CAAC;oBACJ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;iBACnH,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE;YAC/B,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;gBACrD,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;oBACvB,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;oBAChD,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;gBACzE,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC,CAAC;YACxD,CAAC,CAAC,CAAC;YAEH,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC5D,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;gBAC9H,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;gBAC/J,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;gBAClJ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACZ,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;oBACnC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;oBACnF,CAAC,CAAC,KAAK,CAAC;wBACN,QAAQ,EAAE;4BACR,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;4BACxE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;yBAC9E;qBACF,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC1D,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC/B,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;oBAC5D,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;oBAC5E,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;oBAC/E,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBACnB,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACZ,CAAC,CAAC,IAAI,CAAC;oBACL,KAAK,EAAE;wBACL,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE;wBAC5C,EAAE,KAAK,EAAE,gBAAgB,EAAE;wBAC3B,EAAE,KAAK,EAAE,UAAU,EAAE;wBACrB,EAAE,KAAK,EAAE,MAAM,EAAE;qBAClB;oBACD,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,CAAC;oBAC5B,MAAM,EAAE,GAAG;oBACX,SAAS,EAAE,IAAI;iBAChB,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC"}
|