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
package/dist/descendants.js
CHANGED
|
@@ -20,13 +20,14 @@ export function createDescendants() {
|
|
|
20
20
|
// For useSyncExternalStore - opt-in reactivity
|
|
21
21
|
const listeners = React.useRef(new Set());
|
|
22
22
|
const snapshotRef = React.useRef('');
|
|
23
|
-
|
|
24
|
-
//
|
|
23
|
+
// Version counter ensures subscribers re-render on every commit, not just when
|
|
24
|
+
// items are added/removed. This is needed because committedMap props (like detail,
|
|
25
|
+
// visible) can change without structural changes to the descendant set.
|
|
26
|
+
const versionRef = React.useRef(0);
|
|
27
|
+
// Committed map - stable copy of map.current updated on every commit
|
|
25
28
|
// This is what useDescendantsRerender returns, since map.current is cleared on every render
|
|
26
29
|
const committedMapRef = React.useRef({});
|
|
27
30
|
const reset = () => {
|
|
28
|
-
// Save previous snapshot before clearing
|
|
29
|
-
prevSnapshotRef.current = snapshotRef.current;
|
|
30
31
|
indexCounter.current = 0;
|
|
31
32
|
map.current = {};
|
|
32
33
|
};
|
|
@@ -48,15 +49,14 @@ export function createDescendants() {
|
|
|
48
49
|
}, []);
|
|
49
50
|
// Must be stable for useSyncExternalStore
|
|
50
51
|
const getSnapshot = React.useCallback(() => snapshotRef.current, []);
|
|
51
|
-
// Called by provider after all children have registered
|
|
52
|
+
// Called by provider after all children have registered (in useLayoutEffect)
|
|
52
53
|
const updateSnapshot = React.useCallback(() => {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
//
|
|
56
|
-
|
|
54
|
+
// Bump version on every commit so useSyncExternalStore triggers a re-render
|
|
55
|
+
// for subscribers. This ensures they read fresh committedMap props (detail,
|
|
56
|
+
// visible, etc) even when no items were added/removed.
|
|
57
|
+
snapshotRef.current = String(++versionRef.current);
|
|
57
58
|
committedMapRef.current = { ...map.current };
|
|
58
|
-
|
|
59
|
-
if (listeners.current.size > 0 && newSnapshot !== prevSnapshotRef.current) {
|
|
59
|
+
if (listeners.current.size > 0) {
|
|
60
60
|
listeners.current.forEach((cb) => {
|
|
61
61
|
cb();
|
|
62
62
|
});
|
|
@@ -92,9 +92,9 @@ export function createDescendants() {
|
|
|
92
92
|
return { descendantId, index };
|
|
93
93
|
}
|
|
94
94
|
/**
|
|
95
|
-
* Opt-in to re-renders when
|
|
95
|
+
* Opt-in to re-renders when descendants change.
|
|
96
96
|
* Returns the committed map of descendants, readable during render.
|
|
97
|
-
*
|
|
97
|
+
* Triggers a re-render on every commit so props (detail, visible, etc) are always fresh.
|
|
98
98
|
*/
|
|
99
99
|
function useDescendantsRerender() {
|
|
100
100
|
const context = React.useContext(DescendantContext);
|
package/dist/descendants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"descendants.js","sourceRoot":"","sources":["../src/descendants.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,EAAE;AACF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;AAE9D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAE3C,SAAS,CAAC,CAAA;IAEZ,SAAS,mBAAmB,CAAC,KAG5B;QACC,kDAAkD;QAClD,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QAEnB,6FAA6F;QAC7F,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;YACzB,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAA;QAC9B,CAAC,CAAC,CAAA;QAEF,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,YAC3C,KAAK,CAAC,QAAQ,GACY,CAC9B,CAAA;IACH,CAAC;IAED,MAAM,cAAc,GAAG,GAA6B,EAAE;QACpD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAS,CAAC,CAAC,CAAA;QAC5C,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAmB,EAAE,CAAC,CAAA;QAE9C,+CAA+C;QAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAAc,CAAC,CAAA;QACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QACpC,MAAM,
|
|
1
|
+
{"version":3,"file":"descendants.js","sourceRoot":"","sources":["../src/descendants.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bar-graph-weekly.d.ts","sourceRoot":"","sources":["../../src/examples/bar-graph-weekly.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
import { List, Detail, BarGraph, Row, Action, ActionPanel } from 'termcast';
|
|
3
|
+
import { useNavigation } from 'termcast/src/internal/navigation';
|
|
4
|
+
import { renderWithProviders } from '../utils';
|
|
5
|
+
// ── Data ─────────────────────────────────────────────────────────────
|
|
6
|
+
const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
|
7
|
+
const dataSets = [
|
|
8
|
+
{
|
|
9
|
+
title: 'Weekly Traffic',
|
|
10
|
+
subtitle: '3 channels across 6 days',
|
|
11
|
+
series: [
|
|
12
|
+
{ data: [40, 30, 25, 15, 50, 40], title: 'Direct' },
|
|
13
|
+
{ data: [30, 35, 15, 20, 35, 30], title: 'Organic' },
|
|
14
|
+
{ data: [20, 25, 10, 10, 25, 20], title: 'Referral' },
|
|
15
|
+
],
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
title: 'Revenue by Region',
|
|
19
|
+
subtitle: 'EMEA / APAC / Americas',
|
|
20
|
+
series: [
|
|
21
|
+
{ data: [60, 45, 30, 55, 70, 50], title: 'Americas' },
|
|
22
|
+
{ data: [25, 30, 20, 35, 25, 30], title: 'EMEA' },
|
|
23
|
+
{ data: [15, 20, 10, 10, 20, 15], title: 'APAC' },
|
|
24
|
+
],
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
title: 'Server Load',
|
|
28
|
+
subtitle: 'CPU / Memory / IO',
|
|
29
|
+
series: [
|
|
30
|
+
{ data: [45, 55, 35, 70, 60, 40], title: 'CPU' },
|
|
31
|
+
{ data: [30, 25, 40, 20, 35, 30], title: 'Memory' },
|
|
32
|
+
],
|
|
33
|
+
},
|
|
34
|
+
];
|
|
35
|
+
// Second week data for side-by-side comparison
|
|
36
|
+
const week2Series = [
|
|
37
|
+
{ data: [50, 40, 30, 25, 60, 45], title: 'Direct' },
|
|
38
|
+
{ data: [35, 30, 20, 25, 40, 35], title: 'Organic' },
|
|
39
|
+
{ data: [25, 20, 15, 15, 30, 25], title: 'Referral' },
|
|
40
|
+
];
|
|
41
|
+
// Stress test: many columns (20 bars)
|
|
42
|
+
const manyColsLabels = Array.from({ length: 20 }, (_, i) => `D${i + 1}`);
|
|
43
|
+
const manyColsSeries = [
|
|
44
|
+
{ data: Array.from({ length: 20 }, () => 20 + Math.floor(Math.random() * 60)), title: 'A' },
|
|
45
|
+
{ data: Array.from({ length: 20 }, () => 10 + Math.floor(Math.random() * 40)), title: 'B' },
|
|
46
|
+
];
|
|
47
|
+
// Stress test: long labels
|
|
48
|
+
const longLabels = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday & Sunday'];
|
|
49
|
+
const longLabelsSeries = [
|
|
50
|
+
{ data: [40, 30, 25, 15, 50, 40], title: 'Views' },
|
|
51
|
+
{ data: [20, 25, 10, 10, 25, 20], title: 'Clicks' },
|
|
52
|
+
];
|
|
53
|
+
// Stress test: many series (8 series)
|
|
54
|
+
const manySeriesData = Array.from({ length: 8 }, (_, i) => ({
|
|
55
|
+
data: [10 + i * 5, 15 + i * 3, 8 + i * 4, 12 + i * 2, 20 + i * 6, 5 + i * 7],
|
|
56
|
+
title: `Series ${i + 1}`,
|
|
57
|
+
}));
|
|
58
|
+
// ── Full Detail view (pushed on Enter) ───────────────────────────────
|
|
59
|
+
function BarGraphDetailView({ item }) {
|
|
60
|
+
const { pop } = useNavigation();
|
|
61
|
+
return (_jsx(Detail, { navigationTitle: item.title, markdown: [
|
|
62
|
+
`# ${item.title}`,
|
|
63
|
+
'',
|
|
64
|
+
item.subtitle,
|
|
65
|
+
].join('\n'), metadata: _jsx(Detail.Metadata, { children: _jsx(BarGraph, { height: 15, labels: days, children: item.series.map((s, i) => {
|
|
66
|
+
return _jsx(BarGraph.Series, { data: s.data, title: s.title }, i);
|
|
67
|
+
}) }) }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Go Back", onAction: () => { pop(); } }) }) }));
|
|
68
|
+
}
|
|
69
|
+
// ── Main list ────────────────────────────────────────────────────────
|
|
70
|
+
function BarGraphWeeklyExample() {
|
|
71
|
+
const { push, pop } = useNavigation();
|
|
72
|
+
return (_jsxs(List, { navigationTitle: "BarGraph Showcase", isShowingDetail: true, children: [dataSets.map((item) => {
|
|
73
|
+
return (_jsx(List.Item, { title: item.title, subtitle: item.subtitle, detail: _jsx(List.Item.Detail, { metadata: _jsx(List.Item.Detail.Metadata, { children: _jsx(BarGraph, { height: 10, labels: days, children: item.series.map((s, i) => {
|
|
74
|
+
return _jsx(BarGraph.Series, { data: s.data, title: s.title }, i);
|
|
75
|
+
}) }) }) }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Open Detail", onAction: () => { push(_jsx(BarGraphDetailView, { item: item })); } }) }) }, item.title));
|
|
76
|
+
}), _jsx(List.Item, { title: "Many Columns (20)", subtitle: "Overflow test with 20 bars", detail: _jsx(List.Item.Detail, { metadata: _jsx(List.Item.Detail.Metadata, { children: _jsx(BarGraph, { height: 10, labels: manyColsLabels, children: manyColsSeries.map((s, i) => {
|
|
77
|
+
return _jsx(BarGraph.Series, { data: s.data, title: s.title }, i);
|
|
78
|
+
}) }) }) }) }, "many-columns"), _jsx(List.Item, { title: "Many Series (8)", subtitle: "Legend overflow test", detail: _jsx(List.Item.Detail, { metadata: _jsx(List.Item.Detail.Metadata, { children: _jsx(BarGraph, { height: 10, labels: days, children: manySeriesData.map((s, i) => {
|
|
79
|
+
return _jsx(BarGraph.Series, { data: s.data, title: s.title }, i);
|
|
80
|
+
}) }) }) }) }, "many-series"), _jsx(List.Item, { title: "Long Labels", subtitle: "Labels wider than bar columns", detail: _jsx(List.Item.Detail, { metadata: _jsx(List.Item.Detail.Metadata, { children: _jsx(BarGraph, { height: 10, labels: longLabels, children: longLabelsSeries.map((s, i) => {
|
|
81
|
+
return _jsx(BarGraph.Series, { data: s.data, title: s.title }, i);
|
|
82
|
+
}) }) }) }) }, "long-labels"), _jsx(List.Item, { title: "Week 1 vs Week 2", subtitle: "Two graphs in a Row", detail: _jsx(List.Item.Detail, { metadata: _jsx(List.Item.Detail.Metadata, { children: _jsxs(Row, { children: [_jsx(BarGraph, { height: 10, labels: days, children: dataSets[0].series.map((s, i) => {
|
|
83
|
+
return _jsx(BarGraph.Series, { data: s.data, title: s.title }, i);
|
|
84
|
+
}) }), _jsx(BarGraph, { height: 10, labels: days, children: week2Series.map((s, i) => {
|
|
85
|
+
return _jsx(BarGraph.Series, { data: s.data, title: s.title }, i);
|
|
86
|
+
}) })] }) }) }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Open Detail", onAction: () => {
|
|
87
|
+
push(_jsx(Detail, { navigationTitle: "Week 1 vs Week 2", metadata: _jsx(Detail.Metadata, { children: _jsxs(Row, { children: [_jsx(BarGraph, { height: 15, labels: days, children: dataSets[0].series.map((s, i) => {
|
|
88
|
+
return _jsx(BarGraph.Series, { data: s.data, title: s.title }, i);
|
|
89
|
+
}) }), _jsx(BarGraph, { height: 15, labels: days, children: week2Series.map((s, i) => {
|
|
90
|
+
return _jsx(BarGraph.Series, { data: s.data, title: s.title }, i);
|
|
91
|
+
}) })] }) }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Go Back", onAction: () => { pop(); } }) }) }));
|
|
92
|
+
} }) }) }, "side-by-side")] }));
|
|
93
|
+
}
|
|
94
|
+
renderWithProviders(_jsx(BarGraphWeeklyExample, {}));
|
|
95
|
+
//# sourceMappingURL=bar-graph-weekly.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bar-graph-weekly.js","sourceRoot":"","sources":["../../src/examples/bar-graph-weekly.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-weird-places.d.ts","sourceRoot":"","sources":["../../src/examples/components-weird-places.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
import { List, Detail, Action, ActionPanel, Graph, Color, BarChart, Row, Table } from 'termcast';
|
|
3
|
+
import { useNavigation } from 'termcast/src/internal/navigation';
|
|
4
|
+
import { renderWithProviders } from '../utils';
|
|
5
|
+
// ── Scenario views pushed on enter ───────────────────────────────────
|
|
6
|
+
function StandaloneTable() {
|
|
7
|
+
return (_jsx(Detail, { markdown: "# Standalone Table test", metadata: _jsx(Table, { headers: ['Name', 'Value'], rows: [
|
|
8
|
+
['Alpha', '100'],
|
|
9
|
+
['Beta', '200'],
|
|
10
|
+
] }) }));
|
|
11
|
+
}
|
|
12
|
+
function RowWithTableAndGraph() {
|
|
13
|
+
return (_jsx(Detail, { markdown: "# Row with Table + Graph", metadata: _jsxs(Row, { children: [_jsx(Table, { headers: ['Key', 'Val'], rows: [
|
|
14
|
+
['X', '10'],
|
|
15
|
+
['Y', '20'],
|
|
16
|
+
] }), _jsx(Graph, { height: 5, yRange: [0, 100], children: _jsx(Graph.Line, { data: [10, 50, 30, 80, 60], color: Color.Blue }) })] }) }));
|
|
17
|
+
}
|
|
18
|
+
function BarChartAsMetadata() {
|
|
19
|
+
return (_jsx(Detail, { markdown: "# BarChart as metadata", metadata: _jsxs(BarChart, { children: [_jsx(BarChart.Segment, { value: 70, label: "Used" }), _jsx(BarChart.Segment, { value: 30, label: "Free" })] }) }));
|
|
20
|
+
}
|
|
21
|
+
function NestedRows() {
|
|
22
|
+
return (_jsx(Detail, { markdown: "# Nested Row in Row", metadata: _jsxs(Row, { children: [_jsx(Table, { headers: ['A', 'B'], rows: [['1', '2']] }), _jsxs(Row, { children: [_jsx(Table, { headers: ['C', 'D'], rows: [['3', '4']] }), _jsx(Table, { headers: ['E', 'F'], rows: [['5', '6']] })] })] }) }));
|
|
23
|
+
}
|
|
24
|
+
function GraphAsMarkdown() {
|
|
25
|
+
// Passing a Graph component where markdown string is expected — will it crash?
|
|
26
|
+
// We pass it as metadata instead since markdown expects a string
|
|
27
|
+
return (_jsx(Detail, { markdown: "", metadata: _jsx(Graph, { height: 8, yRange: [0, 50], children: _jsx(Graph.Line, { data: [5, 15, 25, 35, 45], color: Color.Green }) }) }));
|
|
28
|
+
}
|
|
29
|
+
const scenarios = [
|
|
30
|
+
{ title: 'Standalone Table as metadata', component: StandaloneTable },
|
|
31
|
+
{ title: 'Row with Table + Graph', component: RowWithTableAndGraph },
|
|
32
|
+
{ title: 'BarChart as metadata', component: BarChartAsMetadata },
|
|
33
|
+
{ title: 'Nested Row in Row', component: NestedRows },
|
|
34
|
+
{ title: 'Graph as metadata (no markdown)', component: GraphAsMarkdown },
|
|
35
|
+
];
|
|
36
|
+
function WeirdPlaces() {
|
|
37
|
+
const { push } = useNavigation();
|
|
38
|
+
return (_jsx(List, { children: scenarios.map((s, i) => {
|
|
39
|
+
return (_jsx(List.Item, { title: s.title, actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Open", onAction: () => {
|
|
40
|
+
const Component = s.component;
|
|
41
|
+
push(_jsx(Component, {}));
|
|
42
|
+
} }) }) }, i));
|
|
43
|
+
}) }));
|
|
44
|
+
}
|
|
45
|
+
renderWithProviders(_jsx(WeirdPlaces, {}));
|
|
46
|
+
//# sourceMappingURL=components-weird-places.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-weird-places.js","sourceRoot":"","sources":["../../src/examples/components-weird-places.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-bar-chart.d.ts","sourceRoot":"","sources":["../../src/examples/graph-bar-chart.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
import { List, Detail, BarChart, Graph, Color, Action, ActionPanel } from 'termcast';
|
|
3
|
+
import { useNavigation } from 'termcast/src/internal/navigation';
|
|
4
|
+
import { renderWithProviders } from '../utils';
|
|
5
|
+
const items = [
|
|
6
|
+
// ── Budget breakdown (3 segments) ──────────────────────────
|
|
7
|
+
{
|
|
8
|
+
title: 'Monthly Budget',
|
|
9
|
+
subtitle: 'Spent / Remaining / Savings',
|
|
10
|
+
segments: [
|
|
11
|
+
{ value: 4850, label: 'Spent' },
|
|
12
|
+
{ value: 707, label: 'Remaining' },
|
|
13
|
+
{ value: 617, label: 'Savings' },
|
|
14
|
+
],
|
|
15
|
+
markdown: [
|
|
16
|
+
'## Monthly Budget',
|
|
17
|
+
'',
|
|
18
|
+
'Budget allocation for the current month.',
|
|
19
|
+
'',
|
|
20
|
+
'- **Spent**: $4,850 (78.6%)',
|
|
21
|
+
'- **Remaining**: $707 (11.5%)',
|
|
22
|
+
'- **Savings**: $617 (10.0%)',
|
|
23
|
+
].join('\n'),
|
|
24
|
+
meta: [
|
|
25
|
+
{ title: 'Total', text: '$6,174' },
|
|
26
|
+
{ title: 'Spent', text: '78.6%', color: Color.Red },
|
|
27
|
+
{ title: 'Saved', text: '10.0%', color: Color.Green },
|
|
28
|
+
],
|
|
29
|
+
},
|
|
30
|
+
// ── Disk usage (4 segments) ────────────────────────────────
|
|
31
|
+
{
|
|
32
|
+
title: 'Disk Usage',
|
|
33
|
+
subtitle: 'System / Apps / Media / Free',
|
|
34
|
+
segments: [
|
|
35
|
+
{ value: 120, label: 'System' },
|
|
36
|
+
{ value: 85, label: 'Apps' },
|
|
37
|
+
{ value: 210, label: 'Media' },
|
|
38
|
+
{ value: 85, label: 'Free' },
|
|
39
|
+
],
|
|
40
|
+
meta: [
|
|
41
|
+
{ title: 'Total', text: '500 GB' },
|
|
42
|
+
{ title: 'Used', text: '415 GB (83%)', color: Color.Orange },
|
|
43
|
+
{ title: 'Free', text: '85 GB (17%)', color: Color.Green },
|
|
44
|
+
],
|
|
45
|
+
},
|
|
46
|
+
// ── Portfolio (5 segments) ─────────────────────────────────
|
|
47
|
+
{
|
|
48
|
+
title: 'Investment Portfolio',
|
|
49
|
+
subtitle: 'Stocks / Bonds / Cash / Crypto / Real Estate',
|
|
50
|
+
segments: [
|
|
51
|
+
{ value: 45000, label: 'Stocks' },
|
|
52
|
+
{ value: 20000, label: 'Bonds' },
|
|
53
|
+
{ value: 10000, label: 'Cash' },
|
|
54
|
+
{ value: 8000, label: 'Crypto' },
|
|
55
|
+
{ value: 17000, label: 'Real Estate' },
|
|
56
|
+
],
|
|
57
|
+
markdown: [
|
|
58
|
+
'## Portfolio Allocation',
|
|
59
|
+
'',
|
|
60
|
+
'Diversified across 5 asset classes.',
|
|
61
|
+
'',
|
|
62
|
+
'| Asset | Value | % |',
|
|
63
|
+
'|-------|-------|---|',
|
|
64
|
+
'| Stocks | $45k | 45% |',
|
|
65
|
+
'| Bonds | $20k | 20% |',
|
|
66
|
+
'| Real Estate | $17k | 17% |',
|
|
67
|
+
'| Cash | $10k | 10% |',
|
|
68
|
+
'| Crypto | $8k | 8% |',
|
|
69
|
+
].join('\n'),
|
|
70
|
+
meta: [
|
|
71
|
+
{ title: 'Total', text: '$100,000' },
|
|
72
|
+
{ title: 'Risk', text: 'Moderate', color: Color.Yellow },
|
|
73
|
+
],
|
|
74
|
+
},
|
|
75
|
+
// ── CPU breakdown (4 segments) ─────────────────────────────
|
|
76
|
+
{
|
|
77
|
+
title: 'CPU Time',
|
|
78
|
+
subtitle: 'User / System / IO Wait / Idle',
|
|
79
|
+
segments: [
|
|
80
|
+
{ value: 42, label: 'User' },
|
|
81
|
+
{ value: 18, label: 'System' },
|
|
82
|
+
{ value: 5, label: 'IO Wait' },
|
|
83
|
+
{ value: 35, label: 'Idle' },
|
|
84
|
+
],
|
|
85
|
+
lineData: {
|
|
86
|
+
data: [25, 30, 45, 60, 55, 72, 80, 65, 50, 40, 35, 55, 70, 85, 90, 75, 60, 45, 38, 30],
|
|
87
|
+
xLabels: ['0h', '6h', '12h', '18h', '24h'],
|
|
88
|
+
},
|
|
89
|
+
meta: [
|
|
90
|
+
{ title: 'User', text: '42%', color: Color.Blue },
|
|
91
|
+
{ title: 'System', text: '18%', color: Color.Orange },
|
|
92
|
+
{ title: 'Idle', text: '35%', color: Color.Green },
|
|
93
|
+
],
|
|
94
|
+
},
|
|
95
|
+
// ── Revenue split (6 segments) ─────────────────────────────
|
|
96
|
+
{
|
|
97
|
+
title: 'Revenue by Product',
|
|
98
|
+
subtitle: '6 product lines',
|
|
99
|
+
segments: [
|
|
100
|
+
{ value: 380, label: 'Enterprise' },
|
|
101
|
+
{ value: 240, label: 'Pro' },
|
|
102
|
+
{ value: 150, label: 'Starter' },
|
|
103
|
+
{ value: 90, label: 'API' },
|
|
104
|
+
{ value: 60, label: 'Add-ons' },
|
|
105
|
+
{ value: 30, label: 'Support' },
|
|
106
|
+
],
|
|
107
|
+
meta: [
|
|
108
|
+
{ title: 'Total ARR', text: '$950K' },
|
|
109
|
+
{ title: 'Top product', text: 'Enterprise (40%)', color: Color.Green },
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
// ── Two even (50/50) ───────────────────────────────────────
|
|
113
|
+
{
|
|
114
|
+
title: 'A/B Test Split',
|
|
115
|
+
subtitle: 'Control vs Variant (50/50)',
|
|
116
|
+
segments: [
|
|
117
|
+
{ value: 50, label: 'Control' },
|
|
118
|
+
{ value: 50, label: 'Variant' },
|
|
119
|
+
],
|
|
120
|
+
meta: [
|
|
121
|
+
{ title: 'Control', text: '50%' },
|
|
122
|
+
{ title: 'Variant', text: '50%' },
|
|
123
|
+
{ title: 'p-value', text: '0.043', color: Color.Green },
|
|
124
|
+
],
|
|
125
|
+
},
|
|
126
|
+
// ── Single segment (100%) ──────────────────────────────────
|
|
127
|
+
{
|
|
128
|
+
title: 'Storage Full',
|
|
129
|
+
subtitle: '100% used',
|
|
130
|
+
segments: [
|
|
131
|
+
{ value: 100, label: 'Used' },
|
|
132
|
+
],
|
|
133
|
+
meta: [
|
|
134
|
+
{ title: 'Status', text: 'FULL', color: Color.Red },
|
|
135
|
+
{ title: 'Action', text: 'Delete files!' },
|
|
136
|
+
],
|
|
137
|
+
},
|
|
138
|
+
// ── Dominant + tiny segments ───────────────────────────────
|
|
139
|
+
{
|
|
140
|
+
title: 'Market Share',
|
|
141
|
+
subtitle: 'One dominant + many tiny players',
|
|
142
|
+
segments: [
|
|
143
|
+
{ value: 85, label: 'Leader' },
|
|
144
|
+
{ value: 5, label: 'Runner-up' },
|
|
145
|
+
{ value: 3, label: 'Third' },
|
|
146
|
+
{ value: 2, label: 'Fourth' },
|
|
147
|
+
{ value: 1.5, label: 'Fifth' },
|
|
148
|
+
{ value: 1, label: 'Sixth' },
|
|
149
|
+
{ value: 0.8 },
|
|
150
|
+
{ value: 0.5 },
|
|
151
|
+
{ value: 0.4 },
|
|
152
|
+
{ value: 0.3 },
|
|
153
|
+
{ value: 0.2 },
|
|
154
|
+
{ value: 0.1 },
|
|
155
|
+
{ value: 0.1 },
|
|
156
|
+
{ value: 0.1 },
|
|
157
|
+
],
|
|
158
|
+
markdown: [
|
|
159
|
+
'## Market Concentration',
|
|
160
|
+
'',
|
|
161
|
+
'Highly concentrated market with one dominant player at **85%**.',
|
|
162
|
+
'Many tiny segments should be hidden or collapsed.',
|
|
163
|
+
'',
|
|
164
|
+
'Tests behavior with 14 segments where most are < 1%.',
|
|
165
|
+
].join('\n'),
|
|
166
|
+
meta: [
|
|
167
|
+
{ title: 'HHI', text: '7,264 (monopoly)', color: Color.Red },
|
|
168
|
+
{ title: 'Segments', text: '14 total' },
|
|
169
|
+
{ title: 'Visible', text: 'Tiny ones hidden' },
|
|
170
|
+
],
|
|
171
|
+
},
|
|
172
|
+
// ── Many equal segments ────────────────────────────────────
|
|
173
|
+
{
|
|
174
|
+
title: 'Equal Distribution',
|
|
175
|
+
subtitle: '10 equal segments',
|
|
176
|
+
segments: Array.from({ length: 10 }, (_, i) => ({
|
|
177
|
+
value: 10,
|
|
178
|
+
label: `Slice ${i + 1}`,
|
|
179
|
+
})),
|
|
180
|
+
meta: [
|
|
181
|
+
{ title: 'Segments', text: '10' },
|
|
182
|
+
{ title: 'Each', text: '10%' },
|
|
183
|
+
],
|
|
184
|
+
},
|
|
185
|
+
// ── Custom colors ──────────────────────────────────────────
|
|
186
|
+
{
|
|
187
|
+
title: 'Custom Colors',
|
|
188
|
+
subtitle: 'Explicit color per segment',
|
|
189
|
+
segments: [
|
|
190
|
+
{ value: 40, label: 'Red', color: Color.Red },
|
|
191
|
+
{ value: 30, label: 'Green', color: Color.Green },
|
|
192
|
+
{ value: 20, label: 'Blue', color: Color.Blue },
|
|
193
|
+
{ value: 10, label: 'Yellow', color: Color.Yellow },
|
|
194
|
+
],
|
|
195
|
+
meta: [
|
|
196
|
+
{ title: 'Mode', text: 'Manual colors' },
|
|
197
|
+
{ title: 'Override', text: 'Per-segment color prop' },
|
|
198
|
+
],
|
|
199
|
+
},
|
|
200
|
+
// ── Needs/Wants budget ─────────────────────────────────────
|
|
201
|
+
{
|
|
202
|
+
title: 'Needs vs Wants',
|
|
203
|
+
subtitle: '50/30/20 budget rule',
|
|
204
|
+
segments: [
|
|
205
|
+
{ value: 2826, label: 'Needs' },
|
|
206
|
+
{ value: 2023, label: 'Wants' },
|
|
207
|
+
{ value: 617, label: 'Savings' },
|
|
208
|
+
],
|
|
209
|
+
lineData: {
|
|
210
|
+
data: [150, 155, 148, 162, 158, 165, 170, 168, 175, 180, 178, 185, 190, 188, 195, 192, 198, 202, 200, 208],
|
|
211
|
+
xLabels: ['W1', 'W2', 'W3', 'W4'],
|
|
212
|
+
},
|
|
213
|
+
meta: [
|
|
214
|
+
{ title: 'Needs', text: '51.7%', color: Color.Orange },
|
|
215
|
+
{ title: 'Wants', text: '37.0%', color: Color.Blue },
|
|
216
|
+
{ title: 'Savings', text: '11.3%', color: Color.Green },
|
|
217
|
+
],
|
|
218
|
+
},
|
|
219
|
+
// ── Stress test: 20 segments ───────────────────────────────
|
|
220
|
+
{
|
|
221
|
+
title: 'Stress Test (20 items)',
|
|
222
|
+
subtitle: 'Many small equal segments',
|
|
223
|
+
segments: Array.from({ length: 20 }, (_, i) => ({
|
|
224
|
+
value: 5,
|
|
225
|
+
label: `S${i + 1}`,
|
|
226
|
+
})),
|
|
227
|
+
markdown: [
|
|
228
|
+
'## Stress Test',
|
|
229
|
+
'',
|
|
230
|
+
'20 equal segments at 5% each.',
|
|
231
|
+
'Tests color cycling (7 colors, wraps around).',
|
|
232
|
+
'Labels may be hidden when segments are narrow.',
|
|
233
|
+
].join('\n'),
|
|
234
|
+
meta: [
|
|
235
|
+
{ title: 'Segments', text: '20' },
|
|
236
|
+
{ title: 'Colors', text: '7 (cycling)' },
|
|
237
|
+
],
|
|
238
|
+
},
|
|
239
|
+
];
|
|
240
|
+
// ── Full Detail view (pushed on Enter) ───────────────────────────────
|
|
241
|
+
function BarChartDetailView({ item }) {
|
|
242
|
+
const { pop } = useNavigation();
|
|
243
|
+
const markdown = [
|
|
244
|
+
`# ${item.title}`,
|
|
245
|
+
'',
|
|
246
|
+
item.subtitle,
|
|
247
|
+
'',
|
|
248
|
+
...(item.markdown ? [item.markdown, ''] : []),
|
|
249
|
+
`**Segments:** ${item.segments.length} `,
|
|
250
|
+
`**Total:** ${item.segments.reduce((s, seg) => s + seg.value, 0).toLocaleString()}`,
|
|
251
|
+
].join('\n');
|
|
252
|
+
return (_jsx(Detail, { navigationTitle: item.title, markdown: markdown, metadata: _jsxs(Detail.Metadata, { children: [_jsx(BarChart, { height: 1, children: item.segments.map((seg, i) => {
|
|
253
|
+
return (_jsx(BarChart.Segment, { value: seg.value, label: seg.label, color: seg.color }, i));
|
|
254
|
+
}) }), Boolean(item.lineData) && (_jsxs(_Fragment, { children: [_jsx(Detail.Metadata.Separator, {}), _jsx(Graph, { height: 10, xLabels: item.lineData.xLabels, variant: "area", yFormat: (v) => v.toFixed(0), children: _jsx(Graph.Line, { data: item.lineData.data, color: Color.Orange }) })] })), _jsx(Detail.Metadata.Separator, {}), item.meta.map((m) => {
|
|
255
|
+
return (_jsx(Detail.Metadata.Label, { title: m.title, text: m.color ? { value: m.text, color: m.color } : m.text }, m.title));
|
|
256
|
+
})] }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Go Back", onAction: () => { pop(); } }) }) }));
|
|
257
|
+
}
|
|
258
|
+
// ── Main list ────────────────────────────────────────────────────────
|
|
259
|
+
function GraphBarChartExample() {
|
|
260
|
+
const { push } = useNavigation();
|
|
261
|
+
return (_jsx(List, { navigationTitle: "BarChart Showcase", isShowingDetail: true, children: items.map((item) => {
|
|
262
|
+
return (_jsx(List.Item, { title: item.title, subtitle: item.subtitle, detail: _jsx(List.Item.Detail, { metadata: _jsxs(List.Item.Detail.Metadata, { children: [_jsx(BarChart, { height: 1, children: item.segments.map((seg, i) => {
|
|
263
|
+
return (_jsx(BarChart.Segment, { value: seg.value, label: seg.label, color: seg.color }, i));
|
|
264
|
+
}) }), _jsx(List.Item.Detail.Metadata.Separator, {}), item.meta.map((m) => {
|
|
265
|
+
return (_jsx(List.Item.Detail.Metadata.Label, { title: m.title, text: m.color ? { value: m.text, color: m.color } : m.text }, m.title));
|
|
266
|
+
}), Boolean(item.lineData) && (_jsxs(_Fragment, { children: [_jsx(List.Item.Detail.Metadata.Separator, {}), _jsx(Graph, { height: 6, xLabels: item.lineData.xLabels, variant: "area", yTicks: 3, yFormat: (v) => v.toFixed(0), children: _jsx(Graph.Line, { data: item.lineData.data, color: Color.Orange }) })] }))] }) }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Open Detail", onAction: () => { push(_jsx(BarChartDetailView, { item: item })); } }) }) }, item.title));
|
|
267
|
+
}) }));
|
|
268
|
+
}
|
|
269
|
+
renderWithProviders(_jsx(GraphBarChartExample, {}));
|
|
270
|
+
//# sourceMappingURL=graph-bar-chart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-bar-chart.js","sourceRoot":"","sources":["../../src/examples/graph-bar-chart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-multi-series.d.ts","sourceRoot":"","sources":["../../src/examples/graph-multi-series.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
// Example: Graph with multiple series - stock price and moving average.
|
|
3
|
+
// Demonstrates multi-series rendering with different colors.
|
|
4
|
+
import { Detail, Graph, Color } from 'termcast';
|
|
5
|
+
import { renderWithProviders } from '../utils';
|
|
6
|
+
// 20 days of price data
|
|
7
|
+
const prices = [
|
|
8
|
+
150, 155, 148, 162, 158, 165, 170, 168, 175, 180,
|
|
9
|
+
178, 185, 190, 188, 195, 192, 198, 202, 200, 208,
|
|
10
|
+
];
|
|
11
|
+
// Simple moving average (5-day window)
|
|
12
|
+
const sma = prices.map((_, i) => {
|
|
13
|
+
if (i < 4)
|
|
14
|
+
return prices[i];
|
|
15
|
+
const window = prices.slice(i - 4, i + 1);
|
|
16
|
+
return window.reduce((sum, v) => sum + v, 0) / window.length;
|
|
17
|
+
});
|
|
18
|
+
const xLabels = ['Day 1', 'Day 5', 'Day 10', 'Day 15', 'Day 20'];
|
|
19
|
+
function GraphMultiSeries() {
|
|
20
|
+
return (_jsx(Detail, { markdown: "# Multi-Series Chart", metadata: _jsxs(Graph, { height: 12, xLabels: xLabels, yTicks: 5, children: [_jsx(Graph.Line, { data: prices, color: Color.Orange, title: "Price" }), _jsx(Graph.Line, { data: sma, color: Color.Blue, title: "SMA(5)" })] }) }));
|
|
21
|
+
}
|
|
22
|
+
renderWithProviders(_jsx(GraphMultiSeries, {}));
|
|
23
|
+
//# sourceMappingURL=graph-multi-series.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-multi-series.js","sourceRoot":"","sources":["../../src/examples/graph-multi-series.tsx"],"names":[],"mappings":";AAAA,wEAAwE;AACxE,6DAA6D;AAE7D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,wBAAwB;AACxB,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;IAChD,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;CACjD,CAAA;AAED,uCAAuC;AACvC,MAAM,GAAG,GAAa,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACxC,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,MAAM,CAAC,CAAC,CAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACzC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAA;AAC9D,CAAC,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAEhE,SAAS,gBAAgB;IACvB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAC,sBAAsB,EAC/B,QAAQ,EACN,MAAC,KAAK,IAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,aAC5C,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAC,OAAO,GAAG,EAC/D,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAC,QAAQ,GAAG,IACrD,GAEV,CACH,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graph-polymarket.d.ts","sourceRoot":"","sources":["../../src/examples/graph-polymarket.tsx"],"names":[],"mappings":""}
|