termcast 1.3.9

package/dist/examples/list-with-detail.vitest.js

@@ -0,0 +1,438 @@
+// node-pty does not work in bun, so we use vitest to run this test
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { NodeTuiDriver } from '@termcast/cli/src/e2e-node';
+let driver;
+beforeEach(() => {
+    driver = new NodeTuiDriver('bun', ['src/examples/list-with-detail.tsx'], {
+        cols: 80,
+        rows: 30,
+    });
+});
+afterEach(() => {
+    driver?.dispose();
+});
+test('list with detail view display and navigation', async () => {
+    const initialSnapshot = await driver.text({
+        waitFor: (text) => {
+            // wait for list to show up with detail view
+            return (/Pokemon List/i.test(text) &&
+                text.includes('bulbasaur') &&
+                text.includes('#001'));
+        },
+    });
+    expect(initialSnapshot).toMatchInlineSnapshot(`
+    "
+
+     Pokemon List ─────────────────────────────────────────────────────────────
+
+     Search Pokemon...
+
+    ›bulbasaur #001                      │ # bulbasaur
+     ivysaur #002                        │
+     charmander #004                     │ ![Illustration](https://assets.pokemon.
+     charmeleon #005                     │
+     squirtle #007                       │ ## Types
+     wartortle #008                      │ Grass / Poison
+                                         │
+                                         │ ## Characteristics
+     ↵ select   ↑↓ navigate   ^k actions │ - Height: 0.7m
+                                         │ - Weight: 6.9kg
+                                         │
+                                         │ ## Abilities
+                                         │ - Chlorophyll
+                                         │ - Overgrow
+                                         │ ───────────────────────────────────────
+                                         │
+                                         │ Types:
+                                         │
+                                         │ Grass:
+                                         │ ─────────────────
+                                         │
+                                         │ Poison:
+                                         │ ─────────────────
+                                         │"
+  `);
+    // Navigate down to next pokemon
+    await driver.keys.down();
+    const afterDownSnapshot = await driver.text();
+    expect(afterDownSnapshot).toMatchInlineSnapshot(`
+    "
+
+     Pokemon List ─────────────────────────────────────────────────────────────
+
+     Search Pokemon...
+
+     bulbasaur #001                      │ # ivysaur
+    ›ivysaur #002                        │
+     charmander #004                     │ ![Illustration](https://assets.pokemon.
+     charmeleon #005                     │
+     squirtle #007                       │ ## Types
+     wartortle #008                      │ Grass / Poison
+                                         │
+                                         │ ## Characteristics
+     ↵ select   ↑↓ navigate   ^k actions │ - Height: 1m
+                                         │ - Weight: 13kg
+                                         │
+                                         │ ## Abilities
+                                         │ - Chlorophyll
+                                         │ - Overgrow
+                                         │ ───────────────────────────────────────
+                                         │
+                                         │ Types:
+                                         │
+                                         │ Grass:
+                                         │ ─────────────────
+                                         │
+                                         │ Poison:
+                                         │ ─────────────────
+                                         │"
+  `);
+    // Navigate down to charmander
+    await driver.keys.down();
+    const charmanderSnapshot = await driver.text();
+    expect(charmanderSnapshot).toMatchInlineSnapshot(`
+    "
+
+     Pokemon List ─────────────────────────────────────────────────────────────
+
+     Search Pokemon...
+
+     bulbasaur #001                      │ # charmander
+     ivysaur #002                        │
+    ›charmander #004                     │ ![Illustration](https://assets.pokemon.
+     charmeleon #005                     │
+     squirtle #007                       │ ## Types
+     wartortle #008                      │ Fire
+                                         │
+                                         │ ## Characteristics
+     ↵ select   ↑↓ navigate   ^k actions │ - Height: 0.6m
+                                         │ - Weight: 8.5kg
+                                         │
+                                         │ ## Abilities
+                                         │ - Blaze
+                                         │ - Solar Power
+                                         │ ───────────────────────────────────────
+                                         │
+                                         │ Types:
+                                         │
+                                         │ Fire:
+                                         │ ─────────────────
+                                         │
+                                         │ Characteristics:
+                                         │ Height:        0.6m
+                                         │"
+  `);
+    // Open actions
+    await driver.keys.ctrlK();
+    const actionsSnapshot = await driver.text();
+    expect(actionsSnapshot).toMatchInlineSnapshot(`
+    "
+
+    Pokemon List ─────────────────────────────────────────────────────────────
+
+    Search Pokemon...
+
+    bulbasaur #001                      │ # charmander
+
+                                                                         esc   n.
+
+      Search actions...
+     ›Toggle Detail
+      View on Pokemon.com
+
+
+      ↵ select   ↑↓ navigate
+
+                                        │ ## Abilities
+                                        │ - Blaze
+                                        │ - Solar Power
+                                        │ ───────────────────────────────────────
+                                        │
+                                        │ Types:
+                                        │
+                                        │ Fire:
+                                        │ ─────────────────
+                                        │
+                                        │ Characteristics:
+                                        │ Height:        0.6m
+                                        │"
+  `);
+    // Select "Toggle Detail" action
+    await driver.keys.enter();
+    const afterToggleSnapshot = await driver.text({
+        waitFor: (text) => {
+            // Wait for accessories to appear (detail view is hidden)
+            return text.includes('Grass / Poison') || text.includes('Fire');
+        },
+    });
+    expect(afterToggleSnapshot).toMatchInlineSnapshot(`
+    "
+
+     Pokemon List ─────────────────────────────────────────────────────────────
+
+     Search Pokemon...
+
+     bulbasaur #001                                              Grass / Poison
+     ivysaur #002                                                Grass / Poison
+    ›charmander #004                                                       Fire
+     charmeleon #005                                                       Fire
+     squirtle #007                                                        Water
+     wartortle #008                                                       Water
+
+
+     ↵ select   ↑↓ navigate   ^k actions"
+  `);
+    // Open actions again and toggle detail back on
+    await driver.keys.ctrlK();
+    await driver.keys.enter();
+    const detailOnAgainSnapshot = await driver.text({
+        waitFor: (text) => {
+            // Wait for detail view to reappear
+            return !text.includes('Grass / Poison') && !text.includes('Fire');
+        },
+    });
+    expect(detailOnAgainSnapshot).toMatchInlineSnapshot(`
+    "
+
+     Pokemon List ─────────────────────────────────────────────────────────────
+
+     Search Pokemon...
+
+     bulbasaur #001                       │ # charmander
+     ivysaur #002                         │
+    ›charmander #004                      │ ![Illustration](https://assets.poke
+     charmeleon #005                      │
+     squirtle #007                        │ ## Types
+     wartortle #008                       │ Fire
+                                          │
+                                          │ ## Characteristics
+     ↵ select   ↑↓ navigate   ^k actions  │ - Height: 0.6m
+                                          │ - Weight: 8.5kg
+                                          │
+                                          │ ## Abilities
+                                          │ - Blaze
+                                          │ - Solar Power
+                                          │ ───────────────────────────────────
+                                          │
+                                          │ Types:
+                                          │
+                                          │ Fire:
+                                          │ ─────────────────
+                                          │
+                                          │ Characteristics:
+                                          │ Height:        0.6m
+                                          │"
+  `);
+}, 15000);
+test('list detail view search functionality', async () => {
+    await driver.text({
+        waitFor: (text) => {
+            // wait for list to show up
+            return /Pokemon List/i.test(text);
+        },
+    });
+    // Search for "char"
+    await driver.keys.type('char');
+    const searchCharSnapshot = await driver.text({
+        waitFor: (text) => {
+            return /char/i.test(text) && text.includes('charmander');
+        },
+    });
+    expect(searchCharSnapshot).toMatchInlineSnapshot(`
+    "
+
+    Pokemon List ─────────────────────────────────────────────────────────────
+
+    char
+
+    charmander #004                     │ # bulbasaur
+    charmeleon #005                     │
+                                        │ ![Illustration](https://assets.pokemon.
+                                        │
+    ↵ select   ↑↓ navigate   ^k actions │ ## Types
+                                        │ Grass / Poison
+                                        │
+                                        │ ## Characteristics
+                                        │ - Height: 0.7m
+                                        │ - Weight: 6.9kg
+                                        │
+                                        │ ## Abilities
+                                        │ - Chlorophyll
+                                        │ - Overgrow
+                                        │ ───────────────────────────────────────
+                                        │
+                                        │ Types:
+                                        │
+                                        │ Grass:
+                                        │ ─────────────────
+                                        │
+                                        │ Poison:
+                                        │ ─────────────────
+                                        │"
+  `);
+    // Clear search
+    await driver.keys.backspace();
+    await driver.keys.backspace();
+    await driver.keys.backspace();
+    await driver.keys.backspace();
+    // Search for "water"
+    await driver.keys.type('water');
+    const searchWaterSnapshot = await driver.text({
+        waitFor: (text) => {
+            return /water/i.test(text) && text.includes('squirtle');
+        },
+    });
+    expect(searchWaterSnapshot).toMatchInlineSnapshot(`
+    "
+
+    Pokemon List ─────────────────────────────────────────────────────────────
+
+    water
+
+                                        │ # bulbasaur
+                                        │
+    ↵ select   ↑↓ navigate   ^k actions │ ![Illustration](https://assets.pokemon.
+                                        │
+                                        │ ## Types
+                                        │ Grass / Poison
+                                        │
+                                        │ ## Characteristics
+                                        │ - Height: 0.7m
+                                        │ - Weight: 6.9kg
+                                        │
+                                        │ ## Abilities
+                                        │ - Chlorophyll
+                                        │ - Overgrow
+                                        │ ───────────────────────────────────────
+                                        │
+                                        │ Types:
+                                        │
+                                        │ Grass:
+                                        │ ─────────────────
+                                        │
+                                        │ Poison:
+                                        │ ─────────────────
+                                        │"
+  `);
+    // Navigate down to wartortle
+    await driver.keys.down();
+    const wartortleSnapshot = await driver.text();
+    expect(wartortleSnapshot).toMatchInlineSnapshot(`
+    "
+
+    Pokemon List ─────────────────────────────────────────────────────────────
+
+    water
+
+                                        │ # bulbasaur
+                                        │
+    ↵ select   ↑↓ navigate   ^k actions │ ![Illustration](https://assets.pokemon.
+                                        │
+                                        │ ## Types
+                                        │ Grass / Poison
+                                        │
+                                        │ ## Characteristics
+                                        │ - Height: 0.7m
+                                        │ - Weight: 6.9kg
+                                        │
+                                        │ ## Abilities
+                                        │ - Chlorophyll
+                                        │ - Overgrow
+                                        │ ───────────────────────────────────────
+                                        │
+                                        │ Types:
+                                        │
+                                        │ Grass:
+                                        │ ─────────────────
+                                        │
+                                        │ Poison:
+                                        │ ─────────────────
+                                        │"
+  `);
+}, 10000);
+test('list detail metadata rendering', async () => {
+    const initialSnapshot = await driver.text({
+        waitFor: (text) => {
+            // wait for list with metadata to show up
+            return (/Pokemon List/i.test(text) &&
+                text.includes('bulbasaur') &&
+                text.includes('Types') &&
+                text.includes('Height'));
+        },
+    });
+    expect(initialSnapshot).toMatchInlineSnapshot(`
+    "
+
+     Pokemon List ─────────────────────────────────────────────────────────────
+
+     Search Pokemon...
+
+    ›bulbasaur #001                      │ # bulbasaur
+     ivysaur #002                        │
+     charmander #004                     │ ![Illustration](https://assets.pokemon.
+     charmeleon #005                     │
+     squirtle #007                       │ ## Types
+     wartortle #008                      │ Grass / Poison
+                                         │
+                                         │ ## Characteristics
+     ↵ select   ↑↓ navigate   ^k actions │ - Height: 0.7m
+                                         │ - Weight: 6.9kg
+                                         │
+                                         │ ## Abilities
+                                         │ - Chlorophyll
+                                         │ - Overgrow
+                                         │ ───────────────────────────────────────
+                                         │
+                                         │ Types:
+                                         │
+                                         │ Grass:
+                                         │ ─────────────────
+                                         │
+                                         │ Poison:
+                                         │ ─────────────────
+                                         │"
+  `);
+    // Navigate to a different pokemon
+    await driver.keys.down();
+    await driver.keys.down();
+    await driver.keys.down();
+    await driver.keys.down();
+    const squirtleSnapshot = await driver.text({
+        waitFor: (text) => {
+            return text.includes('squirtle') && text.includes('Water');
+        },
+    });
+    expect(squirtleSnapshot).toMatchInlineSnapshot(`
+    "
+
+     Pokemon List ─────────────────────────────────────────────────────────────
+
+     Search Pokemon...
+
+     bulbasaur #001                      │ # squirtle
+     ivysaur #002                        │
+     charmander #004                     │ ![Illustration](https://assets.pokemon.
+     charmeleon #005                     │
+    ›squirtle #007                       │ ## Types
+     wartortle #008                      │ Water
+                                         │
+                                         │ ## Characteristics
+     ↵ select   ↑↓ navigate   ^k actions │ - Height: 0.5m
+                                         │ - Weight: 9kg
+                                         │
+                                         │ ## Abilities
+                                         │ - Torrent
+                                         │ - Rain Dish
+                                         │ ───────────────────────────────────────
+                                         │
+                                         │ Types:
+                                         │
+                                         │ Water:
+                                         │ ─────────────────
+                                         │
+                                         │ Characteristics:
+                                         │ Height:        0.5m
+                                         │"
+  `);
+}, 10000);
+//# sourceMappingURL=list-with-detail.vitest.js.map

package/dist/examples/list-with-detail.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-with-detail.vitest.js","sourceRoot":"","sources":["../../src/examples/list-with-detail.vitest.tsx"],"names":[],"mappings":"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"}

package/dist/examples/list-with-dropdown.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-with-dropdown.d.ts.map

package/dist/examples/list-with-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-with-dropdown.d.ts","sourceRoot":"","sources":["../../src/examples/list-with-dropdown.tsx"],"names":[],"mappings":""}

package/dist/examples/list-with-dropdown.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useState } from 'react';
+import { List, renderWithProviders } from '@termcast/cli';
+function DrinkDropdown(props) {
+    const { drinkTypes, onDrinkTypeChange } = props;
+    return (_jsxs(List.Dropdown, { tooltip: 'Select Drink Type', storeValue: true, filtering: true, onChange: (newValue) => {
+            onDrinkTypeChange(newValue);
+        }, children: [_jsx(List.Dropdown.Section, { title: 'Alcoholic Beverages', children: drinkTypes
+                    .filter((dt) => ['beer', 'wine'].includes(dt.id))
+                    .map((drinkType) => (_jsx(List.Dropdown.Item, { title: drinkType.name, value: drinkType.id }, drinkType.id))) }), _jsx(List.Dropdown.Section, { title: 'Non-Alcoholic', children: drinkTypes
+                    .filter((dt) => ['soda', 'juice'].includes(dt.id))
+                    .map((drinkType) => (_jsx(List.Dropdown.Item, { title: drinkType.name, value: drinkType.id }, drinkType.id))) })] }));
+}
+function ListWithDropdownExample() {
+    const [selectedDrinkType, setSelectedDrinkType] = useState('all');
+    const drinkTypes = [
+        { id: 'beer', name: 'Beer' },
+        { id: 'wine', name: 'Wine' },
+        { id: 'soda', name: 'Soda' },
+        { id: 'juice', name: 'Juice' },
+    ];
+    const drinks = [
+        { id: '1', name: 'Augustiner Helles', type: 'beer' },
+        { id: '2', name: 'Camden Hells', type: 'beer' },
+        { id: '3', name: 'Leffe Blonde', type: 'beer' },
+        { id: '4', name: 'Sierra Nevada IPA', type: 'beer' },
+        { id: '5', name: 'Chateau Margaux', type: 'wine' },
+        { id: '6', name: 'Pinot Noir', type: 'wine' },
+        { id: '7', name: 'Coca Cola', type: 'soda' },
+        { id: '8', name: 'Sprite', type: 'soda' },
+        { id: '9', name: 'Orange Juice', type: 'juice' },
+        { id: '10', name: 'Apple Juice', type: 'juice' },
+    ];
+    const filteredDrinks = selectedDrinkType === 'all'
+        ? drinks
+        : drinks.filter((d) => d.type === selectedDrinkType);
+    return (_jsx(List, { navigationTitle: 'Search Beers', 
+        // searchBarPlaceholder="Search your favorite drink"
+        searchBarAccessory: (_jsx(DrinkDropdown, { drinkTypes: drinkTypes, onDrinkTypeChange: setSelectedDrinkType })), children: filteredDrinks.map((drink) => (_jsx(List.Item, { title: drink.name, subtitle: drinkTypes.find((dt) => dt.id === drink.type)?.name }, drink.id))) }));
+}
+// Render the example
+renderWithProviders(_jsx(ListWithDropdownExample, {}));
+//# sourceMappingURL=list-with-dropdown.js.map

package/dist/examples/list-with-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-with-dropdown.js","sourceRoot":"","sources":["../../src/examples/list-with-dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/examples/list-with-dropdown.vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-with-dropdown.vitest.d.ts.map

package/dist/examples/list-with-dropdown.vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-with-dropdown.vitest.d.ts","sourceRoot":"","sources":["../../src/examples/list-with-dropdown.vitest.tsx"],"names":[],"mappings":""}