termcast 1.3.48 → 1.3.49
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/dist/build.d.ts.map +1 -1
- package/dist/build.js +12 -0
- package/dist/build.js.map +1 -1
- package/dist/cli.js +5 -40
- package/dist/cli.js.map +1 -1
- package/dist/colors.d.ts +7 -7
- package/dist/colors.js +7 -7
- package/dist/compile.d.ts +6 -1
- package/dist/compile.d.ts.map +1 -1
- package/dist/compile.js +45 -26
- package/dist/compile.js.map +1 -1
- package/dist/components/actions.js +1 -1
- package/dist/components/actions.js.map +1 -1
- package/dist/components/bar-chart.d.ts +38 -0
- package/dist/components/bar-chart.d.ts.map +1 -0
- package/dist/components/bar-chart.js +158 -0
- package/dist/components/bar-chart.js.map +1 -0
- package/dist/components/bar-graph.d.ts +41 -0
- package/dist/components/bar-graph.d.ts.map +1 -0
- package/dist/components/bar-graph.js +95 -0
- package/dist/components/bar-graph.js.map +1 -0
- package/dist/components/detail.d.ts.map +1 -1
- package/dist/components/detail.js +5 -7
- package/dist/components/detail.js.map +1 -1
- package/dist/components/footer.d.ts.map +1 -1
- package/dist/components/footer.js +8 -9
- package/dist/components/footer.js.map +1 -1
- package/dist/components/form/date-picker.d.ts.map +1 -1
- package/dist/components/form/date-picker.js +7 -1
- package/dist/components/form/date-picker.js.map +1 -1
- package/dist/components/form/dropdown.d.ts.map +1 -1
- package/dist/components/form/dropdown.js +10 -2
- package/dist/components/form/dropdown.js.map +1 -1
- package/dist/components/form/index.d.ts.map +1 -1
- package/dist/components/form/index.js +4 -5
- package/dist/components/form/index.js.map +1 -1
- package/dist/components/form/use-form-navigation.d.ts.map +1 -1
- package/dist/components/form/use-form-navigation.js +6 -0
- package/dist/components/form/use-form-navigation.js.map +1 -1
- package/dist/components/graph.d.ts +111 -0
- package/dist/components/graph.d.ts.map +1 -0
- package/dist/components/graph.js +392 -0
- package/dist/components/graph.js.map +1 -0
- package/dist/components/icon.js +5 -5
- package/dist/components/icon.js.map +1 -1
- package/dist/components/list.d.ts +53 -5
- package/dist/components/list.d.ts.map +1 -1
- package/dist/components/list.js +125 -71
- package/dist/components/list.js.map +1 -1
- package/dist/components/loading-bar.js +3 -3
- package/dist/components/loading-bar.js.map +1 -1
- package/dist/components/loading-text.d.ts +1 -1
- package/dist/components/loading-text.d.ts.map +1 -1
- package/dist/components/loading-text.js +3 -1
- package/dist/components/loading-text.js.map +1 -1
- package/dist/components/metadata.js +2 -2
- package/dist/components/metadata.js.map +1 -1
- package/dist/components/row.d.ts +10 -0
- package/dist/components/row.d.ts.map +1 -0
- package/dist/components/row.js +12 -0
- package/dist/components/row.js.map +1 -0
- package/dist/components/table.d.ts +57 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +365 -0
- package/dist/components/table.js.map +1 -0
- package/dist/descendants.js +13 -13
- package/dist/descendants.js.map +1 -1
- package/dist/examples/bar-graph-weekly.d.ts +2 -0
- package/dist/examples/bar-graph-weekly.d.ts.map +1 -0
- package/dist/examples/bar-graph-weekly.js +95 -0
- package/dist/examples/bar-graph-weekly.js.map +1 -0
- package/dist/examples/components-weird-places.d.ts +2 -0
- package/dist/examples/components-weird-places.d.ts.map +1 -0
- package/dist/examples/components-weird-places.js +46 -0
- package/dist/examples/components-weird-places.js.map +1 -0
- package/dist/examples/graph-bar-chart.d.ts +2 -0
- package/dist/examples/graph-bar-chart.d.ts.map +1 -0
- package/dist/examples/graph-bar-chart.js +270 -0
- package/dist/examples/graph-bar-chart.js.map +1 -0
- package/dist/examples/graph-multi-series.d.ts +2 -0
- package/dist/examples/graph-multi-series.d.ts.map +1 -0
- package/dist/examples/graph-multi-series.js +23 -0
- package/dist/examples/graph-multi-series.js.map +1 -0
- package/dist/examples/graph-polymarket.d.ts +2 -0
- package/dist/examples/graph-polymarket.d.ts.map +1 -0
- package/dist/examples/graph-polymarket.js +109 -0
- package/dist/examples/graph-polymarket.js.map +1 -0
- package/dist/examples/graph-row.d.ts +2 -0
- package/dist/examples/graph-row.d.ts.map +1 -0
- package/dist/examples/graph-row.js +226 -0
- package/dist/examples/graph-row.js.map +1 -0
- package/dist/examples/graph-styles.d.ts +2 -0
- package/dist/examples/graph-styles.d.ts.map +1 -0
- package/dist/examples/graph-styles.js +316 -0
- package/dist/examples/graph-styles.js.map +1 -0
- package/dist/examples/list-accessory-table.d.ts +2 -0
- package/dist/examples/list-accessory-table.d.ts.map +1 -0
- package/dist/examples/list-accessory-table.js +46 -0
- package/dist/examples/list-accessory-table.js.map +1 -0
- package/dist/examples/list-item-accessories.d.ts +2 -0
- package/dist/examples/list-item-accessories.d.ts.map +1 -0
- package/dist/examples/list-item-accessories.js +27 -0
- package/dist/examples/list-item-accessories.js.map +1 -0
- package/dist/examples/list-no-actions.d.ts +2 -0
- package/dist/examples/list-no-actions.d.ts.map +1 -0
- package/dist/examples/list-no-actions.js +7 -0
- package/dist/examples/list-no-actions.js.map +1 -0
- package/dist/examples/simple-detail-table.d.ts +2 -0
- package/dist/examples/simple-detail-table.d.ts.map +1 -0
- package/dist/examples/simple-detail-table.js +45 -0
- package/dist/examples/simple-detail-table.js.map +1 -0
- package/dist/examples/simple-graph.d.ts +2 -0
- package/dist/examples/simple-graph.d.ts.map +1 -0
- package/dist/examples/simple-graph.js +32 -0
- package/dist/examples/simple-graph.js.map +1 -0
- package/dist/examples/simple-table-wrap.d.ts +2 -0
- package/dist/examples/simple-table-wrap.d.ts.map +1 -0
- package/dist/examples/simple-table-wrap.js +37 -0
- package/dist/examples/simple-table-wrap.js.map +1 -0
- package/dist/examples/table-edge-cases.d.ts +2 -0
- package/dist/examples/table-edge-cases.d.ts.map +1 -0
- package/dist/examples/table-edge-cases.js +70 -0
- package/dist/examples/table-edge-cases.js.map +1 -0
- package/dist/examples/table-flex-grow.d.ts +2 -0
- package/dist/examples/table-flex-grow.d.ts.map +1 -0
- package/dist/examples/table-flex-grow.js +18 -0
- package/dist/examples/table-flex-grow.js.map +1 -0
- package/dist/extensions/dev.d.ts.map +1 -1
- package/dist/extensions/dev.js +5 -1
- package/dist/extensions/dev.js.map +1 -1
- package/dist/globals.d.ts +1 -0
- package/dist/globals.d.ts.map +1 -1
- package/dist/globals.js +2 -0
- package/dist/globals.js.map +1 -1
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -1
- package/dist/internal/date-picker-widget.d.ts.map +1 -1
- package/dist/internal/date-picker-widget.js +4 -0
- package/dist/internal/date-picker-widget.js.map +1 -1
- package/dist/internal/providers.d.ts.map +1 -1
- package/dist/internal/providers.js +1 -3
- package/dist/internal/providers.js.map +1 -1
- package/dist/markdown-utils.d.ts +22 -1
- package/dist/markdown-utils.d.ts.map +1 -1
- package/dist/markdown-utils.js +66 -1
- package/dist/markdown-utils.js.map +1 -1
- package/dist/opentui.d.ts +4 -0
- package/dist/opentui.d.ts.map +1 -0
- package/dist/opentui.js +3 -0
- package/dist/opentui.js.map +1 -0
- package/dist/release.d.ts +2 -1
- package/dist/release.d.ts.map +1 -1
- package/dist/release.js +2 -1
- package/dist/release.js.map +1 -1
- package/dist/state.d.ts +1 -0
- package/dist/state.d.ts.map +1 -1
- package/dist/state.js +1 -1
- package/dist/state.js.map +1 -1
- package/dist/theme.d.ts +1 -0
- package/dist/theme.d.ts.map +1 -1
- package/dist/theme.js +13 -0
- package/dist/theme.js.map +1 -1
- package/dist/themes/nerv.json +227 -0
- package/dist/themes/termcast.json +72 -71
- package/dist/themes.d.ts +2 -1
- package/dist/themes.d.ts.map +1 -1
- package/dist/themes.js +7 -5
- package/dist/themes.js.map +1 -1
- package/dist/utils.d.ts.map +1 -1
- package/dist/utils.js +3 -0
- package/dist/utils.js.map +1 -1
- package/package.json +12 -4
- package/src/build.tsx +13 -0
- package/src/cli.tsx +5 -49
- package/src/colors.tsx +7 -7
- package/src/compile.tsx +52 -29
- package/src/components/actions.tsx +1 -1
- package/src/components/bar-chart.tsx +271 -0
- package/src/components/bar-graph.tsx +214 -0
- package/src/components/detail.tsx +7 -8
- package/src/components/footer.tsx +14 -15
- package/src/components/form/date-picker.tsx +9 -0
- package/src/components/form/dropdown.tsx +13 -3
- package/src/components/form/index.tsx +4 -6
- package/src/components/form/use-form-navigation.tsx +6 -0
- package/src/components/graph.tsx +506 -0
- package/src/components/icon.tsx +5 -5
- package/src/components/list.tsx +210 -102
- package/src/components/loading-bar.tsx +3 -3
- package/src/components/loading-text.tsx +4 -2
- package/src/components/metadata.tsx +2 -2
- package/src/components/row.tsx +31 -0
- package/src/components/table.tsx +511 -0
- package/src/descendants.tsx +13 -13
- package/src/examples/action-shortcut.vitest.tsx +1 -1
- package/src/examples/actions-context.vitest.tsx +1 -1
- package/src/examples/bar-graph-weekly.tsx +264 -0
- package/src/examples/bar-graph-weekly.vitest.tsx +275 -0
- package/src/examples/detail-metadata-showcase.vitest.tsx +8 -8
- package/src/examples/form-basic.vitest.tsx +239 -0
- package/src/examples/form-dropdown.vitest.tsx +29 -29
- package/src/examples/form-tagpicker.vitest.tsx +27 -27
- package/src/examples/github.vitest.tsx +4 -4
- package/src/examples/graph-bar-chart.tsx +408 -0
- package/src/examples/graph-bar-chart.vitest.tsx +283 -0
- package/src/examples/graph-multi-series.tsx +36 -0
- package/src/examples/graph-multi-series.vitest.tsx +89 -0
- package/src/examples/graph-polymarket.tsx +182 -0
- package/src/examples/graph-polymarket.vitest.tsx +130 -0
- package/src/examples/graph-row.tsx +347 -0
- package/src/examples/graph-row.vitest.tsx +295 -0
- package/src/examples/graph-styles.tsx +457 -0
- package/src/examples/graph-styles.vitest.tsx +322 -0
- package/src/examples/list-accessory-table.tsx +77 -0
- package/src/examples/list-detail-metadata.vitest.tsx +21 -21
- package/src/examples/list-dropdown-default.vitest.tsx +12 -12
- package/src/examples/list-item-accessories.tsx +106 -0
- package/src/examples/list-item-accessories.vitest.tsx +115 -0
- package/src/examples/list-no-actions.tsx +18 -0
- package/src/examples/list-no-actions.vitest.tsx +97 -0
- package/src/examples/list-spacing-mode.vitest.tsx +6 -6
- package/src/examples/list-with-detail.vitest.tsx +92 -92
- package/src/examples/list-with-dropdown.vitest.tsx +49 -6
- package/src/examples/list-with-sections.vitest.tsx +61 -56
- package/src/examples/simple-detail-markdown.vitest.tsx +21 -17
- package/src/examples/simple-detail-table.tsx +65 -0
- package/src/examples/simple-detail-table.vitest.tsx +200 -0
- package/src/examples/simple-graph.tsx +51 -0
- package/src/examples/simple-graph.vitest.tsx +124 -0
- package/src/examples/simple-grid.vitest.tsx +3 -3
- package/src/examples/simple-list-search.vitest.tsx +65 -0
- package/src/examples/simple-navigation.vitest.tsx +3 -3
- package/src/examples/simple-table-wrap.tsx +55 -0
- package/src/examples/simple-table-wrap.vitest.tsx +91 -0
- package/src/examples/store.vitest.tsx +1 -1
- package/src/examples/table-edge-cases.tsx +72 -0
- package/src/examples/table-edge-cases.vitest.tsx +307 -0
- package/src/examples/table-flex-grow.tsx +53 -0
- package/src/examples/table-flex-grow.vitest.tsx +124 -0
- package/src/extensions/dev.tsx +7 -1
- package/src/globals.ts +3 -0
- package/src/index.tsx +31 -0
- package/src/internal/date-picker-widget.tsx +4 -0
- package/src/internal/providers.tsx +1 -4
- package/src/markdown-utils.tsx +82 -1
- package/src/opentui.tsx +5 -0
- package/src/release.tsx +3 -0
- package/src/state.tsx +2 -1
- package/src/theme.tsx +14 -0
- package/src/themes/nerv.json +231 -0
- package/src/themes/termcast.json +75 -71
- package/src/themes.ts +8 -5
- package/src/utils.tsx +4 -0
|
@@ -0,0 +1,316 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
import { List, Detail, Graph, Color, Action, ActionPanel } from 'termcast';
|
|
3
|
+
import { useNavigation } from 'termcast/src/internal/navigation';
|
|
4
|
+
import { renderWithProviders } from '../utils';
|
|
5
|
+
// ── Data sets ────────────────────────────────────────────────────────
|
|
6
|
+
const stockPrices = [
|
|
7
|
+
150, 155, 148, 162, 158, 165, 170, 168, 175, 180,
|
|
8
|
+
178, 185, 190, 188, 195, 192, 198, 202, 200, 208,
|
|
9
|
+
];
|
|
10
|
+
const cpuUsage = [
|
|
11
|
+
25, 30, 45, 60, 55, 72, 80, 65, 50, 40,
|
|
12
|
+
35, 55, 70, 85, 90, 75, 60, 45, 38, 30,
|
|
13
|
+
];
|
|
14
|
+
const memoryUsage = [
|
|
15
|
+
40, 42, 44, 48, 52, 55, 58, 60, 62, 65,
|
|
16
|
+
68, 70, 72, 74, 76, 78, 80, 82, 84, 86,
|
|
17
|
+
];
|
|
18
|
+
const revenue = [
|
|
19
|
+
10, 15, 12, 18, 25, 22, 30, 35, 28, 40,
|
|
20
|
+
45, 42, 50, 55, 60, 58, 65, 70, 68, 75,
|
|
21
|
+
];
|
|
22
|
+
const temperature = [
|
|
23
|
+
15, 14, 16, 18, 22, 25, 28, 30, 29, 27,
|
|
24
|
+
24, 20, 17, 15, 14, 16, 19, 23, 26, 28,
|
|
25
|
+
];
|
|
26
|
+
const sineWave = Array.from({ length: 20 }, (_, i) => {
|
|
27
|
+
return Math.sin(i * 0.5) * 40 + 50;
|
|
28
|
+
});
|
|
29
|
+
const cosWave = Array.from({ length: 20 }, (_, i) => {
|
|
30
|
+
return Math.cos(i * 0.5) * 40 + 50;
|
|
31
|
+
});
|
|
32
|
+
const stockLabels = ['1', '5', '10', '15', '20'];
|
|
33
|
+
const monthLabels = ['Jan', 'Apr', 'Jul', 'Oct'];
|
|
34
|
+
const hourLabels = ['0h', '6h', '12h', '18h', '24h'];
|
|
35
|
+
const items = [
|
|
36
|
+
// ── Area variants ──────────────────────────────────────────
|
|
37
|
+
{
|
|
38
|
+
title: 'Area - Stock Price',
|
|
39
|
+
subtitle: 'Orange braille dots',
|
|
40
|
+
variant: 'area',
|
|
41
|
+
series: [{ data: stockPrices, color: Color.Orange }],
|
|
42
|
+
xLabels: stockLabels,
|
|
43
|
+
meta: [
|
|
44
|
+
{ title: 'Variant', text: 'area' },
|
|
45
|
+
{ title: 'Color', text: 'Orange', color: Color.Orange },
|
|
46
|
+
{ title: 'Points', text: '20' },
|
|
47
|
+
],
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
title: 'Area - Multi Series',
|
|
51
|
+
subtitle: 'CPU + Memory overlay',
|
|
52
|
+
variant: 'area',
|
|
53
|
+
series: [
|
|
54
|
+
{ data: cpuUsage, color: Color.Blue },
|
|
55
|
+
{ data: memoryUsage, color: Color.Green },
|
|
56
|
+
],
|
|
57
|
+
xLabels: hourLabels,
|
|
58
|
+
yRange: [0, 100],
|
|
59
|
+
yTicks: 5,
|
|
60
|
+
markdown: [
|
|
61
|
+
'## System Metrics',
|
|
62
|
+
'',
|
|
63
|
+
'CPU usage (blue) vs memory usage (green) over 24 hours.',
|
|
64
|
+
'',
|
|
65
|
+
'- Peak CPU at **90%** around 15h',
|
|
66
|
+
'- Memory steadily climbing to **86%**',
|
|
67
|
+
'- CPU has high variance, memory is monotonic',
|
|
68
|
+
].join('\n'),
|
|
69
|
+
meta: [
|
|
70
|
+
{ title: 'CPU Peak', text: '90%', color: Color.Blue },
|
|
71
|
+
{ title: 'Mem Peak', text: '86%', color: Color.Green },
|
|
72
|
+
],
|
|
73
|
+
tags: [
|
|
74
|
+
{ text: 'CPU', color: Color.Blue },
|
|
75
|
+
{ text: 'Memory', color: Color.Green },
|
|
76
|
+
],
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
title: 'Area - Waves',
|
|
80
|
+
subtitle: 'Purple + Magenta sine/cosine',
|
|
81
|
+
variant: 'area',
|
|
82
|
+
series: [
|
|
83
|
+
{ data: sineWave, color: Color.Purple },
|
|
84
|
+
{ data: cosWave, color: Color.Magenta },
|
|
85
|
+
],
|
|
86
|
+
xLabels: ['0', '\u03C0', '2\u03C0', '3\u03C0'],
|
|
87
|
+
yRange: [0, 100],
|
|
88
|
+
meta: [
|
|
89
|
+
{ title: 'Functions', text: 'sin(x), cos(x)' },
|
|
90
|
+
{ title: 'Phase', text: '\u03C0/2 offset' },
|
|
91
|
+
{ title: 'Points', text: '20' },
|
|
92
|
+
],
|
|
93
|
+
tags: [
|
|
94
|
+
{ text: 'sin', color: Color.Purple },
|
|
95
|
+
{ text: 'cos', color: Color.Magenta },
|
|
96
|
+
],
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
title: 'Area - Blue Revenue',
|
|
100
|
+
subtitle: 'Single series, auto range',
|
|
101
|
+
variant: 'area',
|
|
102
|
+
series: [{ data: revenue, color: Color.Blue }],
|
|
103
|
+
xLabels: monthLabels,
|
|
104
|
+
meta: [
|
|
105
|
+
{ title: 'Color', text: 'Blue', color: Color.Blue },
|
|
106
|
+
{ title: 'Min', text: '$10k' },
|
|
107
|
+
{ title: 'Max', text: '$75k' },
|
|
108
|
+
],
|
|
109
|
+
},
|
|
110
|
+
// ── Filled variants ────────────────────────────────────────
|
|
111
|
+
{
|
|
112
|
+
title: 'Filled - Red Revenue',
|
|
113
|
+
subtitle: 'Solid block growth chart',
|
|
114
|
+
variant: 'filled',
|
|
115
|
+
series: [{ data: revenue, color: Color.Red }],
|
|
116
|
+
xLabels: monthLabels,
|
|
117
|
+
markdown: [
|
|
118
|
+
'## Revenue Growth',
|
|
119
|
+
'',
|
|
120
|
+
'Quarterly revenue from **$10k** to **$75k**.',
|
|
121
|
+
'',
|
|
122
|
+
'```',
|
|
123
|
+
'Q1: $10k \u2192 Q2: $25k (+150%)',
|
|
124
|
+
'Q2: $25k \u2192 Q3: $50k (+100%)',
|
|
125
|
+
'Q3: $50k \u2192 Q4: $75k (+50%)',
|
|
126
|
+
'```',
|
|
127
|
+
].join('\n'),
|
|
128
|
+
meta: [
|
|
129
|
+
{ title: 'Growth', text: '+650%', color: Color.Green },
|
|
130
|
+
{ title: 'Color', text: 'Red', color: Color.Red },
|
|
131
|
+
],
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
title: 'Filled - Green Temp',
|
|
135
|
+
subtitle: 'Daily temperature curve',
|
|
136
|
+
variant: 'filled',
|
|
137
|
+
series: [{ data: temperature, color: Color.Green }],
|
|
138
|
+
xLabels: hourLabels,
|
|
139
|
+
yRange: [10, 35],
|
|
140
|
+
yTicks: 6,
|
|
141
|
+
meta: [
|
|
142
|
+
{ title: 'Min', text: '14\u00B0C', color: Color.Blue },
|
|
143
|
+
{ title: 'Max', text: '30\u00B0C', color: Color.Red },
|
|
144
|
+
{ title: 'Avg', text: '21\u00B0C', color: Color.Green },
|
|
145
|
+
],
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
title: 'Filled - Yellow CPU',
|
|
149
|
+
subtitle: 'High contrast on dark',
|
|
150
|
+
variant: 'filled',
|
|
151
|
+
series: [{ data: cpuUsage, color: Color.Yellow }],
|
|
152
|
+
xLabels: hourLabels,
|
|
153
|
+
yRange: [0, 100],
|
|
154
|
+
meta: [
|
|
155
|
+
{ title: 'Color', text: 'Yellow', color: Color.Yellow },
|
|
156
|
+
{ title: 'Peak', text: '90%' },
|
|
157
|
+
{ title: 'Avg', text: '54%' },
|
|
158
|
+
],
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
title: 'Filled - Magenta Waves',
|
|
162
|
+
subtitle: 'Smooth curve with blocks',
|
|
163
|
+
variant: 'filled',
|
|
164
|
+
series: [{ data: sineWave, color: Color.Magenta }],
|
|
165
|
+
xLabels: ['0', '\u03C0', '2\u03C0', '3\u03C0'],
|
|
166
|
+
yRange: [0, 100],
|
|
167
|
+
meta: [
|
|
168
|
+
{ title: 'Color', text: 'Magenta', color: Color.Magenta },
|
|
169
|
+
{ title: 'Range', text: '10\u201390' },
|
|
170
|
+
],
|
|
171
|
+
},
|
|
172
|
+
// ── Striped variants ───────────────────────────────────────
|
|
173
|
+
{
|
|
174
|
+
title: 'Striped - Purple/Orange',
|
|
175
|
+
subtitle: 'Warm alternating colors',
|
|
176
|
+
variant: 'striped',
|
|
177
|
+
series: [{ data: stockPrices }],
|
|
178
|
+
xLabels: stockLabels,
|
|
179
|
+
stripeColors: [Color.Purple, Color.Orange],
|
|
180
|
+
meta: [
|
|
181
|
+
{ title: 'Even cols', text: 'Purple', color: Color.Purple },
|
|
182
|
+
{ title: 'Odd cols', text: 'Orange', color: Color.Orange },
|
|
183
|
+
],
|
|
184
|
+
tags: [
|
|
185
|
+
{ text: 'Purple', color: Color.Purple },
|
|
186
|
+
{ text: 'Orange', color: Color.Orange },
|
|
187
|
+
],
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
title: 'Striped - Blue/Red',
|
|
191
|
+
subtitle: 'High contrast stripes',
|
|
192
|
+
variant: 'striped',
|
|
193
|
+
series: [{ data: revenue }],
|
|
194
|
+
xLabels: monthLabels,
|
|
195
|
+
stripeColors: [Color.Blue, Color.Red],
|
|
196
|
+
markdown: [
|
|
197
|
+
'## Stripe Colors',
|
|
198
|
+
'',
|
|
199
|
+
'Pass `stripeColors` as a tuple of two colors.',
|
|
200
|
+
'Even columns get the first color, odd columns the second.',
|
|
201
|
+
'',
|
|
202
|
+
'```tsx',
|
|
203
|
+
'stripeColors={[Color.Blue, Color.Red]}',
|
|
204
|
+
'```',
|
|
205
|
+
].join('\n'),
|
|
206
|
+
meta: [
|
|
207
|
+
{ title: 'Color 1', text: 'Blue', color: Color.Blue },
|
|
208
|
+
{ title: 'Color 2', text: 'Red', color: Color.Red },
|
|
209
|
+
],
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
title: 'Striped - Theme Default',
|
|
213
|
+
subtitle: 'primary + accent (no prop)',
|
|
214
|
+
variant: 'striped',
|
|
215
|
+
series: [{ data: cpuUsage }],
|
|
216
|
+
xLabels: hourLabels,
|
|
217
|
+
yRange: [0, 100],
|
|
218
|
+
// no stripeColors → defaults to theme.primary + theme.accent
|
|
219
|
+
markdown: [
|
|
220
|
+
'## Theme Colors',
|
|
221
|
+
'',
|
|
222
|
+
'When `stripeColors` is omitted the graph',
|
|
223
|
+
'defaults to **theme.primary** and **theme.accent**.',
|
|
224
|
+
'',
|
|
225
|
+
'Switch themes to see different combinations.',
|
|
226
|
+
].join('\n'),
|
|
227
|
+
meta: [
|
|
228
|
+
{ title: 'Color 1', text: 'theme.primary' },
|
|
229
|
+
{ title: 'Color 2', text: 'theme.accent' },
|
|
230
|
+
],
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
title: 'Striped - Green/Yellow',
|
|
234
|
+
subtitle: 'Nature-inspired',
|
|
235
|
+
variant: 'striped',
|
|
236
|
+
series: [{ data: sineWave }],
|
|
237
|
+
xLabels: ['0', '\u03C0', '2\u03C0', '3\u03C0'],
|
|
238
|
+
yRange: [0, 100],
|
|
239
|
+
stripeColors: [Color.Green, Color.Yellow],
|
|
240
|
+
meta: [
|
|
241
|
+
{ title: 'Color 1', text: 'Green', color: Color.Green },
|
|
242
|
+
{ title: 'Color 2', text: 'Yellow', color: Color.Yellow },
|
|
243
|
+
],
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
title: 'Striped - Red/Magenta',
|
|
247
|
+
subtitle: 'Warm gradient feel',
|
|
248
|
+
variant: 'striped',
|
|
249
|
+
series: [{ data: temperature }],
|
|
250
|
+
xLabels: hourLabels,
|
|
251
|
+
yRange: [10, 35],
|
|
252
|
+
stripeColors: [Color.Red, Color.Magenta],
|
|
253
|
+
meta: [
|
|
254
|
+
{ title: 'Color 1', text: 'Red', color: Color.Red },
|
|
255
|
+
{ title: 'Color 2', text: 'Magenta', color: Color.Magenta },
|
|
256
|
+
{ title: 'Min', text: '14\u00B0C' },
|
|
257
|
+
{ title: 'Max', text: '30\u00B0C' },
|
|
258
|
+
],
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
title: 'Striped - Blue/Green',
|
|
262
|
+
subtitle: 'Cool tones memory chart',
|
|
263
|
+
variant: 'striped',
|
|
264
|
+
series: [{ data: memoryUsage }],
|
|
265
|
+
xLabels: hourLabels,
|
|
266
|
+
yRange: [30, 90],
|
|
267
|
+
stripeColors: [Color.Blue, Color.Green],
|
|
268
|
+
markdown: [
|
|
269
|
+
'## Memory Trend',
|
|
270
|
+
'',
|
|
271
|
+
'Steady climb from **40%** to **86%** over 24h.',
|
|
272
|
+
'Blue/green stripes give a cool-toned look.',
|
|
273
|
+
].join('\n'),
|
|
274
|
+
meta: [
|
|
275
|
+
{ title: 'Start', text: '40%' },
|
|
276
|
+
{ title: 'End', text: '86%' },
|
|
277
|
+
{ title: 'Trend', text: 'monotonic rise', color: Color.Green },
|
|
278
|
+
],
|
|
279
|
+
},
|
|
280
|
+
];
|
|
281
|
+
// ── Full Detail view (pushed on Enter) ───────────────────────────────
|
|
282
|
+
function GraphDetailView({ item }) {
|
|
283
|
+
const { pop } = useNavigation();
|
|
284
|
+
const markdown = [
|
|
285
|
+
`# ${item.title}`,
|
|
286
|
+
'',
|
|
287
|
+
item.subtitle,
|
|
288
|
+
'',
|
|
289
|
+
...(item.markdown ? [item.markdown, ''] : []),
|
|
290
|
+
`**Variant:** \`${item.variant}\` `,
|
|
291
|
+
`**Data points:** ${item.series[0]?.data.length ?? 0} `,
|
|
292
|
+
...(item.stripeColors ? [`**Stripe colors:** custom pair`] : []),
|
|
293
|
+
].join('\n');
|
|
294
|
+
return (_jsx(Detail, { navigationTitle: item.title, markdown: markdown, metadata: _jsxs(Detail.Metadata, { children: [_jsx(Graph, { variant: item.variant, height: 15, xLabels: item.xLabels, yRange: item.yRange, yTicks: item.yTicks ?? 5, yFormat: (v) => v.toFixed(0), stripeColors: item.stripeColors, children: item.series.map((s, si) => {
|
|
295
|
+
return _jsx(Graph.Line, { data: s.data, color: s.color }, si);
|
|
296
|
+
}) }), _jsx(Detail.Metadata.Separator, {}), item.meta.map((m) => {
|
|
297
|
+
return (_jsx(Detail.Metadata.Label, { title: m.title, text: m.color ? { value: m.text, color: m.color } : m.text }, m.title));
|
|
298
|
+
}), Boolean(item.tags) && (_jsxs(_Fragment, { children: [_jsx(Detail.Metadata.Separator, {}), _jsx(Detail.Metadata.TagList, { title: "Colors", children: item.tags.map((t) => {
|
|
299
|
+
return (_jsx(Detail.Metadata.TagList.Item, { text: t.text, color: t.color }, t.text));
|
|
300
|
+
}) })] }))] }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Go Back", onAction: () => { pop(); } }) }) }));
|
|
301
|
+
}
|
|
302
|
+
// ── Main list ────────────────────────────────────────────────────────
|
|
303
|
+
function GraphStylesExample() {
|
|
304
|
+
const { push } = useNavigation();
|
|
305
|
+
return (_jsx(List, { navigationTitle: "Graph Styles", isShowingDetail: true, children: items.map((item) => {
|
|
306
|
+
return (_jsx(List.Item, { title: item.title, subtitle: item.subtitle, detail: _jsx(List.Item.Detail, { markdown: item.markdown, metadata: _jsxs(List.Item.Detail.Metadata, { children: [_jsx(Graph, { variant: item.variant, height: 10, xLabels: item.xLabels, yRange: item.yRange, yTicks: item.yTicks ?? 4, yFormat: (v) => v.toFixed(0), stripeColors: item.stripeColors, children: item.series.map((s, si) => {
|
|
307
|
+
return _jsx(Graph.Line, { data: s.data, color: s.color }, si);
|
|
308
|
+
}) }), _jsx(List.Item.Detail.Metadata.Separator, {}), item.meta.map((m) => {
|
|
309
|
+
return (_jsx(List.Item.Detail.Metadata.Label, { title: m.title, text: m.color ? { value: m.text, color: m.color } : m.text }, m.title));
|
|
310
|
+
}), Boolean(item.tags) && (_jsxs(_Fragment, { children: [_jsx(List.Item.Detail.Metadata.Separator, {}), _jsx(List.Item.Detail.Metadata.TagList, { title: "Colors", children: item.tags.map((t) => {
|
|
311
|
+
return (_jsx(List.Item.Detail.Metadata.TagList.Item, { text: t.text, color: t.color }, t.text));
|
|
312
|
+
}) })] }))] }) }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Open Detail", onAction: () => { push(_jsx(GraphDetailView, { item: item })); } }) }) }, item.title));
|
|
313
|
+
}) }));
|
|
314
|
+
}
|
|
315
|
+
renderWithProviders(_jsx(GraphStylesExample, {}));
|
|
316
|
+
//# sourceMappingURL=graph-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-styles.js","sourceRoot":"","sources":["../../src/examples/graph-styles.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-accessory-table.d.ts","sourceRoot":"","sources":["../../src/examples/list-accessory-table.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Example: List with accessoryTagsLayout for column-aligned accessories.
|
|
4
|
+
*
|
|
5
|
+
* Demonstrates table-like alignment where accessories at the same position
|
|
6
|
+
* (or with the same tag key/color) form fixed-width columns across all items.
|
|
7
|
+
* Missing accessories get empty space to preserve alignment.
|
|
8
|
+
*
|
|
9
|
+
* Shows: tag key grouping, color grouping, mixed accessory types, missing tags.
|
|
10
|
+
*/
|
|
11
|
+
import { renderWithProviders, Color } from 'termcast';
|
|
12
|
+
import List from 'termcast';
|
|
13
|
+
function ListAccessoryTableExample() {
|
|
14
|
+
const now = new Date();
|
|
15
|
+
const hoursAgo = (h) => new Date(now.getTime() - h * 3600_000);
|
|
16
|
+
const daysAgo = (d) => new Date(now.getTime() - d * 86400_000);
|
|
17
|
+
// Column widths: [comments 11 "12 comments", status 11 "In Progress", priority 2 "P3"]
|
|
18
|
+
return (_jsx(List, { navigationTitle: "Accessory Table Layout", accessoryTagsLayout: [11, 11, 2], children: _jsxs(List.Section, { title: "GitHub Issues", children: [_jsx(List.Item, { id: "issue-1", title: "Fix login timeout on slow networks", accessories: [
|
|
19
|
+
{ tag: { value: '3 comments', key: 'comments' } },
|
|
20
|
+
{ tag: { value: 'Open', color: Color.Green, key: 'status' } },
|
|
21
|
+
{ tag: { value: 'P1', color: Color.Red, key: 'priority' } },
|
|
22
|
+
{ date: hoursAgo(2) },
|
|
23
|
+
] }), _jsx(List.Item, { id: "issue-2", title: "Add dark mode support", accessories: [
|
|
24
|
+
{ tag: { value: '12 comments', key: 'comments' } },
|
|
25
|
+
{ tag: { value: 'In Progress', color: Color.Orange, key: 'status' } },
|
|
26
|
+
{ tag: { value: 'P2', color: Color.Yellow, key: 'priority' } },
|
|
27
|
+
{ date: daysAgo(1) },
|
|
28
|
+
] }), _jsx(List.Item, { id: "issue-3", title: "Update documentation for v3 API", accessories: [
|
|
29
|
+
{ tag: { value: '0 comments', key: 'comments' } },
|
|
30
|
+
{ tag: { value: 'Open', color: Color.Green, key: 'status' } },
|
|
31
|
+
{ tag: { value: 'P3', color: Color.Blue, key: 'priority' } },
|
|
32
|
+
{ date: daysAgo(5) },
|
|
33
|
+
] }), _jsx(List.Item, { id: "issue-4", title: "Refactor auth module", accessories: [
|
|
34
|
+
{ tag: { value: '7 comments', key: 'comments' } },
|
|
35
|
+
{ tag: { value: 'Closed', color: Color.Purple, key: 'status' } },
|
|
36
|
+
{ tag: null },
|
|
37
|
+
{ date: daysAgo(14) },
|
|
38
|
+
] }), _jsx(List.Item, { id: "issue-5", title: "Fix memory leak in worker pool", accessories: [
|
|
39
|
+
{ tag: { value: '1 comment', key: 'comments' } },
|
|
40
|
+
{ tag: { value: 'Open', color: Color.Green, key: 'status' } },
|
|
41
|
+
{ tag: { value: 'P1', color: Color.Red, key: 'priority' } },
|
|
42
|
+
{ date: hoursAgo(6) },
|
|
43
|
+
] })] }) }));
|
|
44
|
+
}
|
|
45
|
+
await renderWithProviders(_jsx(ListAccessoryTableExample, {}));
|
|
46
|
+
//# sourceMappingURL=list-accessory-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-accessory-table.js","sourceRoot":"","sources":["../../src/examples/list-accessory-table.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACrD,OAAO,IAAI,MAAM,UAAU,CAAA;AAE3B,SAAS,yBAAyB;IAChC,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAA;IACtE,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,CAAA;IAEtE,uFAAuF;IACvF,OAAO,CACL,KAAC,IAAI,IAAC,eAAe,EAAC,wBAAwB,EAAC,mBAAmB,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,YAC7E,MAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,eAAe,aACjC,KAAC,IAAI,CAAC,IAAI,IACR,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,oCAAoC,EAC1C,WAAW,EAAE;wBACX,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBACjD,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;wBAC7D,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBAC3D,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE;qBACtB,GACD,EACF,KAAC,IAAI,CAAC,IAAI,IACR,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,uBAAuB,EAC7B,WAAW,EAAE;wBACX,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBAClD,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;wBACrE,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBAC9D,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE;qBACrB,GACD,EACF,KAAC,IAAI,CAAC,IAAI,IACR,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,iCAAiC,EACvC,WAAW,EAAE;wBACX,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBACjD,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;wBAC7D,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBAC5D,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE;qBACrB,GACD,EACF,KAAC,IAAI,CAAC,IAAI,IACR,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,sBAAsB,EAC5B,WAAW,EAAE;wBACX,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBACjD,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;wBAChE,EAAE,GAAG,EAAE,IAAI,EAAE;wBACb,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE;qBACtB,GACD,EACF,KAAC,IAAI,CAAC,IAAI,IACR,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,gCAAgC,EACtC,WAAW,EAAE;wBACX,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBAChD,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;wBAC7D,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBAC3D,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE;qBACtB,GACD,IACW,GACV,CACR,CAAA;AACH,CAAC;AAED,MAAM,mBAAmB,CAAC,KAAC,yBAAyB,KAAG,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item-accessories.d.ts","sourceRoot":"","sources":["../../src/examples/list-item-accessories.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Example: List.Item with all inline display features.
|
|
4
|
+
*
|
|
5
|
+
* Demonstrates every property that renders inline in a list row:
|
|
6
|
+
* - icon (emoji before title)
|
|
7
|
+
* - title (main text)
|
|
8
|
+
* - subtitle (muted text after title)
|
|
9
|
+
* - accessories: text, text with color, tag, tag with color, date, date with color, icon+text combo
|
|
10
|
+
*/
|
|
11
|
+
import { renderWithProviders, Icon, Color } from 'termcast';
|
|
12
|
+
import List from 'termcast';
|
|
13
|
+
function ListItemAccessoriesExample() {
|
|
14
|
+
const yesterday = new Date(Date.now() - 86400_000);
|
|
15
|
+
const lastWeek = new Date(Date.now() - 7 * 86400_000);
|
|
16
|
+
return (_jsxs(List, { navigationTitle: "List Item Accessories", children: [_jsx(List.Item, { id: "title-only", title: "Title Only" }), _jsx(List.Item, { id: "with-subtitle", title: "With Subtitle", subtitle: "a subtitle" }), _jsx(List.Item, { id: "with-icon", title: "With Icon", icon: Icon.Star }), _jsx(List.Item, { id: "icon-subtitle", title: "Icon and Subtitle", subtitle: "description", icon: Icon.Bookmark }), _jsx(List.Item, { id: "text-accessory", title: "Text Accessory", accessories: [{ text: 'info' }] }), _jsx(List.Item, { id: "colored-text", title: "Colored Text", accessories: [{ text: { value: 'orange', color: Color.Orange } }] }), _jsx(List.Item, { id: "tag-accessory", title: "Tag Accessory", accessories: [{ tag: 'beta' }] }), _jsx(List.Item, { id: "colored-tag", title: "Colored Tag", accessories: [{ tag: { value: 'v2', color: Color.Green } }] }), _jsx(List.Item, { id: "date-accessory", title: "Date Accessory", accessories: [{ date: yesterday }] }), _jsx(List.Item, { id: "colored-date", title: "Colored Date", accessories: [{ date: { value: lastWeek, color: Color.Purple } }] }), _jsx(List.Item, { id: "multiple", title: "Multiple Accessories", subtitle: "all types", icon: Icon.Hammer, accessories: [
|
|
17
|
+
{ text: 'note' },
|
|
18
|
+
{ tag: 'new' },
|
|
19
|
+
{ date: yesterday },
|
|
20
|
+
] }), _jsx(List.Item, { id: "all-colored", title: "All Colored", icon: Icon.CircleFilled, accessories: [
|
|
21
|
+
{ text: { value: 'red', color: Color.Red } },
|
|
22
|
+
{ tag: { value: 'blue', color: Color.Blue } },
|
|
23
|
+
{ date: { value: lastWeek, color: Color.Magenta } },
|
|
24
|
+
] })] }));
|
|
25
|
+
}
|
|
26
|
+
await renderWithProviders(_jsx(ListItemAccessoriesExample, {}));
|
|
27
|
+
//# sourceMappingURL=list-item-accessories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item-accessories.js","sourceRoot":"","sources":["../../src/examples/list-item-accessories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-no-actions.d.ts","sourceRoot":"","sources":["../../src/examples/list-no-actions.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
import { List, renderWithProviders } from 'termcast';
|
|
3
|
+
function ListNoActionsExample() {
|
|
4
|
+
return (_jsxs(List, { navigationTitle: "No Actions Test", children: [_jsx(List.Item, { title: "Item without actions", subtitle: "Press ctrl+k" }), _jsx(List.Item, { title: "Another item", subtitle: "Also no actions" })] }));
|
|
5
|
+
}
|
|
6
|
+
await renderWithProviders(_jsx(ListNoActionsExample, {}));
|
|
7
|
+
//# sourceMappingURL=list-no-actions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-no-actions.js","sourceRoot":"","sources":["../../src/examples/list-no-actions.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAEpD,SAAS,oBAAoB;IAC3B,OAAO,CACL,MAAC,IAAI,IAAC,eAAe,EAAC,iBAAiB,aACrC,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB,EAAC,QAAQ,EAAC,cAAc,GAAG,EAClE,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAC,iBAAiB,GAAG,IACxD,CACR,CAAA;AACH,CAAC;AAED,MAAM,mBAAmB,CAAC,KAAC,oBAAoB,KAAG,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple-detail-table.d.ts","sourceRoot":"","sources":["../../src/examples/simple-detail-table.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
// Example: Detail view with markdown tables rendered by our custom TableRenderable.
|
|
3
|
+
// Shows borderless tables with header background and alternating row stripes
|
|
4
|
+
// instead of ASCII box-drawing borders.
|
|
5
|
+
// Also demonstrates two tables side by side using the Row component.
|
|
6
|
+
import { Detail } from 'termcast';
|
|
7
|
+
import { renderWithProviders } from '../utils';
|
|
8
|
+
import { Table } from 'termcast/src/components/table';
|
|
9
|
+
import { Row } from 'termcast/src/components/row';
|
|
10
|
+
const markdown = `# Server Status
|
|
11
|
+
|
|
12
|
+
## Active Services
|
|
13
|
+
|
|
14
|
+
| Service | Status | Uptime | Memory |
|
|
15
|
+
|-------------|---------|----------|--------|
|
|
16
|
+
| API Gateway | Running | 14d 3h | 256MB |
|
|
17
|
+
| Auth Server | Running | 14d 3h | 128MB |
|
|
18
|
+
| Worker Pool | Running | 7d 12h | 512MB |
|
|
19
|
+
| Cache Layer | Stopped | - | 0MB |
|
|
20
|
+
|
|
21
|
+
## Configuration
|
|
22
|
+
|
|
23
|
+
| Key | Value | Description |
|
|
24
|
+
|------------------|----------------|--------------------------------|
|
|
25
|
+
| max_connections | 1000 | Maximum concurrent connections |
|
|
26
|
+
| timeout_ms | 5000 | Request timeout in ms |
|
|
27
|
+
| retry_count | 3 | Number of retry attempts |
|
|
28
|
+
| log_level | info | Logging verbosity |
|
|
29
|
+
| region | us-east-1 | Deployment region |
|
|
30
|
+
|
|
31
|
+
The system is operating normally.
|
|
32
|
+
`;
|
|
33
|
+
function SimpleDetailTable() {
|
|
34
|
+
return (_jsx(Detail, { markdown: markdown, metadata: _jsxs(Row, { paddingTop: 1, children: [_jsx(Table, { headers: ['Region', 'Latency'], rows: [
|
|
35
|
+
['us-east-1', '**12ms**'],
|
|
36
|
+
['eu-west-1', '*45ms*'],
|
|
37
|
+
['ap-south-1', '`89ms`'],
|
|
38
|
+
] }), _jsx(Table, { headers: ['Endpoint', 'RPS'], rows: [
|
|
39
|
+
['[/api/auth](https://example.com)', '**1200**'],
|
|
40
|
+
['/api/data', '~~3400~~'],
|
|
41
|
+
['/api/health', '500'],
|
|
42
|
+
] })] }) }));
|
|
43
|
+
}
|
|
44
|
+
renderWithProviders(_jsx(SimpleDetailTable, {}));
|
|
45
|
+
//# sourceMappingURL=simple-detail-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple-detail-table.js","sourceRoot":"","sources":["../../src/examples/simple-detail-table.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,6EAA6E;AAC7E,wCAAwC;AACxC,qEAAqE;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AAErD,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAA;AAEjD,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;CAsBhB,CAAA;AAED,SAAS,iBAAiB;IACxB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EACN,MAAC,GAAG,IAAC,UAAU,EAAE,CAAC,aAChB,KAAC,KAAK,IACJ,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC9B,IAAI,EAAE;wBACJ,CAAC,WAAW,EAAE,UAAU,CAAC;wBACzB,CAAC,WAAW,EAAE,QAAQ,CAAC;wBACvB,CAAC,YAAY,EAAE,QAAQ,CAAC;qBACzB,GACD,EACF,KAAC,KAAK,IACJ,OAAO,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,EAC5B,IAAI,EAAE;wBACJ,CAAC,kCAAkC,EAAE,UAAU,CAAC;wBAChD,CAAC,WAAW,EAAE,UAAU,CAAC;wBACzB,CAAC,aAAa,EAAE,KAAK,CAAC;qBACvB,GACD,IACE,GAER,CACH,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,iBAAiB,KAAG,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple-graph.d.ts","sourceRoot":"","sources":["../../src/examples/simple-graph.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@opentui/react/jsx-runtime";
|
|
2
|
+
// Example: Graph component showing stock price data in a Detail view.
|
|
3
|
+
// Demonstrates line chart with braille rendering, multiple series,
|
|
4
|
+
// Y-axis labels, and X-axis date labels.
|
|
5
|
+
import { Detail, Graph, Color } from 'termcast';
|
|
6
|
+
import { renderWithProviders } from '../utils';
|
|
7
|
+
// 30 days of AAPL stock price (simulated)
|
|
8
|
+
const prices = [
|
|
9
|
+
150.2, 152.1, 148.7, 155.3, 162.8, 158.4, 156.1,
|
|
10
|
+
160.5, 163.2, 167.8, 165.4, 170.1, 172.5, 169.3,
|
|
11
|
+
174.8, 178.2, 175.6, 180.1, 183.4, 179.8, 185.2,
|
|
12
|
+
188.6, 186.3, 190.1, 187.5, 192.8, 195.3, 193.7,
|
|
13
|
+
198.1, 201.4,
|
|
14
|
+
];
|
|
15
|
+
// Volume data (in hundreds, to keep scale reasonable)
|
|
16
|
+
const volume = [
|
|
17
|
+
12, 8, 15, 22, 45, 18, 10,
|
|
18
|
+
14, 16, 25, 12, 20, 18, 11,
|
|
19
|
+
30, 35, 15, 28, 32, 14, 38,
|
|
20
|
+
42, 20, 35, 18, 40, 45, 22,
|
|
21
|
+
48, 55,
|
|
22
|
+
];
|
|
23
|
+
const days = Array.from({ length: 30 }, (_, i) => {
|
|
24
|
+
return String(i + 1).padStart(2, '0');
|
|
25
|
+
});
|
|
26
|
+
// Show labels every 5 days
|
|
27
|
+
const xLabels = days.filter((_, i) => i % 5 === 0);
|
|
28
|
+
function SimpleGraph() {
|
|
29
|
+
return (_jsx(Detail, { markdown: `# AAPL Stock - 30 Day\n\nPrice range: $${Math.min(...prices).toFixed(2)} - $${Math.max(...prices).toFixed(2)}`, metadata: _jsx(Graph, { height: 15, xLabels: xLabels, yTicks: 6, yFormat: (v) => v.toFixed(1), children: _jsx(Graph.Line, { data: prices, color: Color.Orange, title: "Price" }) }) }));
|
|
30
|
+
}
|
|
31
|
+
renderWithProviders(_jsx(SimpleGraph, {}));
|
|
32
|
+
//# sourceMappingURL=simple-graph.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple-graph.js","sourceRoot":"","sources":["../../src/examples/simple-graph.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,mEAAmE;AACnE,yCAAyC;AAEzC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,0CAA0C;AAC1C,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;IAC/C,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;IAC/C,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;IAC/C,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;IAC/C,KAAK,EAAE,KAAK;CACb,CAAA;AAED,sDAAsD;AACtD,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IACzB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IAC1B,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IAC1B,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IAC1B,EAAE,EAAE,EAAE;CACP,CAAA;AAED,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IAC/C,OAAO,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;AACvC,CAAC,CAAC,CAAA;AAEF,2BAA2B;AAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAA;AAElD,SAAS,WAAW;IAClB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAE,0CAA0C,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACzH,QAAQ,EACN,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAE5B,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAC,OAAO,GAAG,GACzD,GAEV,CACH,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,WAAW,KAAG,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple-table-wrap.d.ts","sourceRoot":"","sources":["../../src/examples/simple-table-wrap.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
// Example: Table component with wrapText enabled for long prose content.
|
|
3
|
+
// Demonstrates that cells can wrap to multiple lines when wrapText is true,
|
|
4
|
+
// versus the default single-line truncation.
|
|
5
|
+
import { renderWithProviders } from '../utils';
|
|
6
|
+
import { Table } from 'termcast/src/components/table';
|
|
7
|
+
function SimpleTableWrap() {
|
|
8
|
+
return (_jsxs("box", { flexDirection: "column", paddingTop: 1, paddingLeft: 2, paddingRight: 2, children: [_jsx("text", { children: "Wrapping Table" }), _jsx("box", { height: 1 }), _jsx(Table, { wrapText: true, headers: ['Feature', 'Description'], rows: [
|
|
9
|
+
[
|
|
10
|
+
'OAuth Proxy',
|
|
11
|
+
'Handles the full OAuth authorization code flow including PKCE verification, token exchange, and refresh. The proxy keeps client secrets server-side so CLI tools never need to store them locally.',
|
|
12
|
+
],
|
|
13
|
+
[
|
|
14
|
+
'Hot Reload',
|
|
15
|
+
'Watches source files for changes and rebuilds the extension bundle automatically. The TUI updates in place without losing navigation state or scroll position.',
|
|
16
|
+
],
|
|
17
|
+
[
|
|
18
|
+
'Compiled Mode',
|
|
19
|
+
'Extensions can be compiled into standalone binaries that embed the package.json and all command components. No filesystem paths are hardcoded, making the binary fully portable.',
|
|
20
|
+
],
|
|
21
|
+
] }), _jsx("box", { height: 1 }), _jsx("text", { children: "Non-wrapping Table (default)" }), _jsx("box", { height: 1 }), _jsx(Table, { headers: ['Feature', 'Description'], rows: [
|
|
22
|
+
[
|
|
23
|
+
'OAuth Proxy',
|
|
24
|
+
'Handles the full OAuth authorization code flow including PKCE verification, token exchange, and refresh. The proxy keeps client secrets server-side so CLI tools never need to store them locally.',
|
|
25
|
+
],
|
|
26
|
+
[
|
|
27
|
+
'Hot Reload',
|
|
28
|
+
'Watches source files for changes and rebuilds the extension bundle automatically. The TUI updates in place without losing navigation state or scroll position.',
|
|
29
|
+
],
|
|
30
|
+
[
|
|
31
|
+
'Compiled Mode',
|
|
32
|
+
'Extensions can be compiled into standalone binaries that embed the package.json and all command components. No filesystem paths are hardcoded, making the binary fully portable.',
|
|
33
|
+
],
|
|
34
|
+
] })] }));
|
|
35
|
+
}
|
|
36
|
+
renderWithProviders(_jsx(SimpleTableWrap, {}));
|
|
37
|
+
//# sourceMappingURL=simple-table-wrap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple-table-wrap.js","sourceRoot":"","sources":["../../src/examples/simple-table-wrap.tsx"],"names":[],"mappings":";AAAA,yEAAyE;AACzE,4EAA4E;AAC5E,6CAA6C;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AAErD,SAAS,eAAe;IACtB,OAAO,CACL,eAAK,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,aACxE,4CAA2B,EAC3B,cAAK,MAAM,EAAE,CAAC,GAAI,EAClB,KAAC,KAAK,IACJ,QAAQ,QACR,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,EACnC,IAAI,EAAE;oBACJ;wBACE,aAAa;wBACb,oMAAoM;qBACrM;oBACD;wBACE,YAAY;wBACZ,gKAAgK;qBACjK;oBACD;wBACE,eAAe;wBACf,kLAAkL;qBACnL;iBACF,GACD,EACF,cAAK,MAAM,EAAE,CAAC,GAAI,EAClB,0DAAyC,EACzC,cAAK,MAAM,EAAE,CAAC,GAAI,EAClB,KAAC,KAAK,IACJ,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,EACnC,IAAI,EAAE;oBACJ;wBACE,aAAa;wBACb,oMAAoM;qBACrM;oBACD;wBACE,YAAY;wBACZ,gKAAgK;qBACjK;oBACD;wBACE,eAAe;wBACf,kLAAkL;qBACnL;iBACF,GACD,IACE,CACP,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,eAAe,KAAG,CAAC,CAAA"}
|