termcast 1.3.32 → 1.3.34

package/src/examples/simple-grid.vitest.tsx

@@ -39,8 +39,8 @@ test('grid navigation and display', async () => {
        > Search items...
 
        Fruits                                                          ▲
-      ›🍎 Apple                                                        ▀
-       🍌 Banana
+      ›🍎 Apple                                                        █
+       🍌 Banana                                                       █
        🍒 Cherry
 
        Animals
@@ -72,8 +72,8 @@ test('grid navigation and display', async () => {
        > Search items...
 
        Fruits                                                          ▲
-       🍎 Apple                                                        ▀
-      ›🍌 Banana
+       🍎 Apple                                                        █
+      ›🍌 Banana                                                       █
        🍒 Cherry
 
        Animals
@@ -106,8 +106,8 @@ test('grid navigation and display', async () => {
        > Search items...
 
        Fruits                                                          ▲
-       🍎 Apple                                                        ▀
-       🍌 Banana
+       🍎 Apple                                                        █
+       🍌 Banana                                                       █
        🍒 Cherry
 
        Animals
@@ -134,9 +134,9 @@ test('grid navigation and display', async () => {
     "
 
 
-       Simple Grid Example ────────────────────────────────────────────
 
-       > Search items...
+
+
 
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
@@ -149,7 +149,7 @@ test('grid navigation and display', async () => {
       │                                                                │
       │   Settings                                                     │
       │   Change Theme...                                              │
-      │                                                                │
+      │   See Console Logs                                             │
       │                                                                │
       │                                                                │
       │   ↵ select   ↑↓ navigate                                       │
@@ -171,23 +171,23 @@ test('grid navigation and display', async () => {
 
        > Search items...
 
-      ╭────────────────────────────────────────────────────────────────╮
-      │                                                                │
-      │   Actions                                                esc   │
-      │                                                                │
-      │   > Search actions...                                          │
-      │                                                                │
-      │                                                                │
-      │   Settings                                                     │
-      │  ›Change Theme...                                              │
-      │                                                                │
-      │                                                                │
-      │                                                                │
-      │                                                                │
-      │                                                                │
-      │   ↵ select   ↑↓ navigate                                       │
-      │                                                                │
-      ╰────────────────────────────────────────────────────────────────╯
+       Fruits                                                          ▲
+       🍎 Apple                                                        █
+       🍌 Banana                                                       █
+       🍒 Cherry
+
+       Animals
+      ›🐕 Dog
+       🐱 Cat
+       🐰 Rabbit
+
+       Others
+       🏠 House
+       🚗 Car
+       🚀 Rocket                                                       ▼
+
+
+       ↵ show details   ↑↓ navigate   ^k actions
 
     "
   `)
@@ -217,8 +217,8 @@ test('grid search functionality', async () => {
 
        > cat
 
-      ›🍎 Apple                                                        ▲
-       🍌 Banana                                                       █
+      ›🍎 Apple
+       🍌 Banana
        🍒 Cherry
        🐕 Dog
        🐱 Cat
@@ -230,11 +230,11 @@ test('grid search functionality', async () => {
        🌙 Moon
        ☀ Sun
 
-                                                                       ▼
-
 
        ↵ show details   ↑↓ navigate   ^k actions
 
+
+
     "
   `)
 
@@ -257,8 +257,8 @@ test('grid search functionality', async () => {
 
        > space
 
-      ›🍎 Apple                                                        ▲
-       🍌 Banana                                                       █
+      ›🍎 Apple
+       🍌 Banana
        🍒 Cherry
        🐕 Dog
        🐱 Cat
@@ -270,11 +270,11 @@ test('grid search functionality', async () => {
        🌙 Moon
        ☀ Sun
 
-                                                                       ▼
-
 
        ↵ show details   ↑↓ navigate   ^k actions
 
+
+
     "
   `)
 
@@ -295,8 +295,8 @@ test('grid search functionality', async () => {
        > Search items...
 
        Fruits                                                          ▲
-      ›🍎 Apple                                                        ▀
-       🍌 Banana
+      ›🍎 Apple                                                        █
+       🍌 Banana                                                       █
        🍒 Cherry
 
        Animals
@@ -331,8 +331,8 @@ test('grid search functionality', async () => {
 
        > xyz123
 
-      ›🍎 Apple                                                        ▲
-       🍌 Banana                                                       █
+      ›🍎 Apple
+       🍌 Banana
        🍒 Cherry
        🐕 Dog
        🐱 Cat
@@ -344,11 +344,11 @@ test('grid search functionality', async () => {
        🌙 Moon
        ☀ Sun
 
-                                                                       ▼
-
 
        ↵ show details   ↑↓ navigate   ^k actions
 
+
+
     "
   `)
 }, 10000)
@@ -374,8 +374,8 @@ test('grid item selection and actions', async () => {
        > Search items...
 
        Fruits                                                          ▲
-      ›🍎 Apple                                                        ▀
-       🍌 Banana
+      ›🍎 Apple                                                        █
+       🍌 Banana                                                       █
        🍒 Cherry
 
        Animals
@@ -407,8 +407,8 @@ test('grid item selection and actions', async () => {
        > Search items...
 
        Fruits                                                          ▲
-       🍎 Apple                                                        ▀
-      ›🍌 Banana
+       🍎 Apple                                                        █
+      ›🍌 Banana                                                       █
        🍒 Cherry
 
        Animals
@@ -440,8 +440,8 @@ test('grid item selection and actions', async () => {
        > Search items...
 
        Fruits                                                          ▲
-       🍎 Apple                                                        ▀
-      ›🍌 Banana
+       🍎 Apple                                                        █
+      ›🍌 Banana                                                       █
        🍒 Cherry
 
        Animals
@@ -482,8 +482,8 @@ test('grid mouse interaction', async () => {
        > Search items...
 
        Fruits                                                          ▲
-       🍎 Apple                                                        ▀
-       🍌 Banana
+       🍎 Apple                                                        █
+       🍌 Banana                                                       █
        🍒 Cherry
 
        Animals
@@ -519,9 +519,9 @@ test('grid mouse interaction', async () => {
     "
 
 
-       Simple Grid Example ────────────────────────────────────────────
 
-       > Search items...
+
+
 
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
@@ -534,7 +534,7 @@ test('grid mouse interaction', async () => {
       │                                                                │
       │   Settings                                                     │
       │   Change Theme...                                              │
-      │                                                                │
+      │   See Console Logs                                             │
       │                                                                │
       │                                                                │
       │   ↵ select   ↑↓ navigate                                       │
@@ -568,8 +568,8 @@ test('grid mouse interaction', async () => {
        > Search items...
 
        Fruits                                                          ▲
-      ›🍎 Apple                                                        ▀
-       🍌 Banana
+      ›🍎 Apple                                                        █
+       🍌 Banana                                                       █
        🍒 Cherry
 
        Animals

package/src/examples/simple-image-mask.tsx

@@ -0,0 +1,58 @@
+/**
+ * Example demonstrating Image.Mask usage for shaping icons/avatars
+ *
+ * Image.Mask.Circle - Makes images circular (common for avatars)
+ * Image.Mask.RoundedRectangle - Applies rounded corners to images
+ */
+
+import { List, Image } from 'termcast'
+
+export function SimpleImageMask() {
+  return (
+    <List>
+      <List.Section title="Circle Masks (Avatars)">
+        <List.Item
+          title="Alice Johnson"
+          subtitle="Engineering"
+          icon={{ source: '👩', mask: Image.Mask.Circle }}
+        />
+        <List.Item
+          title="Bob Smith"
+          subtitle="Design"
+          icon={{ source: '👨', mask: Image.Mask.Circle }}
+        />
+        <List.Item
+          title="Carol Williams"
+          subtitle="Product"
+          icon={{ source: '👩‍💼', mask: Image.Mask.Circle }}
+        />
+      </List.Section>
+
+      <List.Section title="Rounded Rectangle Masks (Apps)">
+        <List.Item
+          title="Notes App"
+          subtitle="Productivity"
+          icon={{ source: '📝', mask: Image.Mask.RoundedRectangle }}
+        />
+        <List.Item
+          title="Calendar"
+          subtitle="Utilities"
+          icon={{ source: '📅', mask: Image.Mask.RoundedRectangle }}
+        />
+        <List.Item
+          title="Settings"
+          subtitle="System"
+          icon={{ source: '⚙️', mask: Image.Mask.RoundedRectangle }}
+        />
+      </List.Section>
+
+      <List.Section title="No Mask (Default)">
+        <List.Item
+          title="Document"
+          subtitle="No mask applied"
+          icon={{ source: '📄' }}
+        />
+      </List.Section>
+    </List>
+  )
+}

package/src/examples/simple-navigation.vitest.tsx

@@ -45,8 +45,8 @@ test('navigation between main and detail views', async () => {
 
 
 
-       ↵ open details   ↑↓ navigate   ^k actions
 
+       ↵ open details   ↑↓ navigate   ^k actions
 
 
 
@@ -79,8 +79,8 @@ test('navigation between main and detail views', async () => {
 
 
 
-       ↵ open details   ↑↓ navigate   ^k actions
 
+       ↵ open details   ↑↓ navigate   ^k actions
 
 
 
@@ -115,10 +115,10 @@ test('navigation between main and detail views', async () => {
 
 
 
-       ↵ go back   ↑↓ navigate   ^k actions
 
 
 
+       ↵ go back   ↑↓ navigate   ^k actions
 
 
 
@@ -159,8 +159,8 @@ test('navigation between main and detail views', async () => {
 
 
 
-       ↵ open details   ↑↓ navigate   ^k actions
 
+       ↵ open details   ↑↓ navigate   ^k actions
 
 
 
@@ -193,8 +193,8 @@ test('navigation between main and detail views', async () => {
 
 
 
-       ↵ open details   ↑↓ navigate   ^k actions
 
+       ↵ open details   ↑↓ navigate   ^k actions
 
 
 
@@ -224,10 +224,10 @@ test('navigation between main and detail views', async () => {
 
 
 
-       ↵ go back   ↑↓ navigate   ^k actions
 
 
 
+       ↵ go back   ↑↓ navigate   ^k actions
 
 
 
@@ -265,8 +265,8 @@ test('navigation between main and detail views', async () => {
 
 
 
-       ↵ open details   ↑↓ navigate   ^k actions
 
+       ↵ open details   ↑↓ navigate   ^k actions
 
 
 
@@ -307,7 +307,7 @@ test('navigation with actions panel', async () => {
       │                                                                │
       │   Settings                                                     │
       │   Change Theme...                                              │
-      │                                                                │
+      │   See Console Logs                                             │
       │                                                                │
       │                                                                │
       │   ↵ select   ↑↓ navigate                                       │
@@ -340,7 +340,7 @@ test('navigation with actions panel', async () => {
       │                                                                │
       │   Settings                                                     │
       │   Change Theme...                                              │
-      │                                                                │
+      │   See Console Logs                                             │
       │                                                                │
       │                                                                │
       │   ↵ select   ↑↓ navigate                                       │
@@ -373,8 +373,8 @@ test('navigation with actions panel', async () => {
 
 
 
-       ✓ Copied to Clipboard  First Item
 
+     ✓ Copied to Clipboard  First Item
 
 
 
@@ -416,10 +416,10 @@ test('navigation with actions panel', async () => {
 
 
 
-       ↵ go back   ↑↓ navigate   ^k actions
 
 
 
+       ↵ go back   ↑↓ navigate   ^k actions
 
 
 
@@ -439,6 +439,7 @@ test('navigation with actions panel', async () => {
   expect(detailActionsSnapshot).toMatchInlineSnapshot(`
     "
 
+
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
       │   Actions                                                esc   │
@@ -450,7 +451,7 @@ test('navigation with actions panel', async () => {
       │                                                                │
       │   Settings                                                     │
       │   Change Theme...                                              │
-      │                                                                │
+      │   See Console Logs                                             │
       │                                                                │
       │                                                                │
       │   ↵ select   ↑↓ navigate                                       │
@@ -461,7 +462,6 @@ test('navigation with actions panel', async () => {
 
 
 
-
     "
   `)
 
@@ -488,8 +488,8 @@ test('navigation with actions panel', async () => {
 
 
 
-       ↵ open details   ↑↓ navigate   ^k actions
 
+       ↵ open details   ↑↓ navigate   ^k actions
 
 
 
@@ -530,12 +530,12 @@ test('search functionality in main and detail views', async () => {
       ›Second Item Navigate to second detail
 
 
-       ↵ open details   ↑↓ navigate   ^k actions
 
 
 
 
 
+       ↵ open details   ↑↓ navigate   ^k actions
 
 
 
@@ -572,8 +572,8 @@ test('search functionality in main and detail views', async () => {
 
 
 
-       ↵ open details   ↑↓ navigate   ^k actions
 
+       ↵ open details   ↑↓ navigate   ^k actions
 
 
 
@@ -610,10 +610,10 @@ test('search functionality in main and detail views', async () => {
 
 
 
-       ↵ go back   ↑↓ navigate   ^k actions
 
 
 
+       ↵ go back   ↑↓ navigate   ^k actions
 
 
 
@@ -649,8 +649,8 @@ test('search functionality in main and detail views', async () => {
 
 
 
-       ↵ go back   ↑↓ navigate   ^k actions
 
+       ↵ go back   ↑↓ navigate   ^k actions
 
 
 
@@ -686,8 +686,8 @@ test('search functionality in main and detail views', async () => {
 
 
 
-       ↵ open details   ↑↓ navigate   ^k actions
 
+       ↵ open details   ↑↓ navigate   ^k actions
 
 
 

package/src/examples/store.vitest.tsx

@@ -53,12 +53,12 @@ test('Store extension - searching for spiceblow shows Database', async () => {
       ›Spiceblow - Sql Database Management Search, update, insert and delete row
 
 
-       ↑↓ navigate   ^k actions                               powered by termcast
 
 
 
 
 
+       ↵ view details   ↑↓ navigate   ^k actions              powered by termcast
 
 
 

package/src/examples/swift-extension.vitest.tsx

@@ -120,7 +120,9 @@ test.skipIf(isLinux)('swift extension runs Swift List command and shows items',
   // Navigate down to Swift List (it's the second item)
   await session.press('down')
   
-  // Select the Swift List command
+  // Run selected command via actions panel for deterministic behavior
+  await session.press(['ctrl', 'k'])
+  await session.waitIdle()
   await session.press('return')
 
   // Wait for Swift items to load and display
@@ -144,8 +146,8 @@ test.skipIf(isLinux)('swift extension runs Swift List command and shows items',
 
 
 
-       ↑↓ navigate   ^k actions
 
+       ↑↓ navigate   ^k actions
 
 
 

package/src/examples/synonyms.vitest.tsx

@@ -1,25 +1,45 @@
-import { test, expect, beforeEach, afterEach, beforeAll } from 'vitest'
+import { test, expect, beforeEach, afterEach, beforeAll, describe } from 'vitest'
 import { launchTerminal, Session } from 'tuistory/src'
 import { spawnSync } from 'node:child_process'
 import path from 'node:path'
+import fs from 'node:fs'
 
 const extensionDir = path.resolve(__dirname, '../../extensions/synonyms')
 
-// Install dependencies before running tests
+// The extensions folder is gitignored, so this test only runs locally
+const extensionExists = fs.existsSync(extensionDir)
+
+// Install dependencies before running tests (only if extension exists locally)
 beforeAll(() => {
-  // Use spawnSync without shell to avoid /bin/sh issues on CI
+  if (!extensionExists) {
+    return // Extension folder doesn't exist (gitignored, not in CI)
+  }
+
+  // Skip if already installed
+  if (fs.existsSync(path.join(extensionDir, 'node_modules', '.bin'))) {
+    return
+  }
+
   const result = spawnSync('bun', ['install'], {
     cwd: extensionDir,
     stdio: 'inherit',
+    timeout: 120000,
   })
-  if (result.status !== 0) {
-    throw new Error(`bun install failed with exit code ${result.status}`)
+
+  if (result.status !== 0 || result.signal) {
+    throw new Error(
+      `bun install failed: status=${result.status}, signal=${result.signal}`,
+    )
   }
-}, 60000)
+}, 180000)
 
 let session: Session
 
-beforeEach(async () => {
+beforeEach(async (ctx) => {
+  if (!extensionExists) {
+    ctx.skip()
+    return
+  }
   session = await launchTerminal({
     command: 'bun',
     args: ['src/cli.tsx', 'dev', extensionDir],
@@ -33,7 +53,9 @@ afterEach(() => {
   session?.close()
 })
 
-test('synonyms extension shows preferences form on first launch', async () => {
+// TODO: Extension behavior changed - no longer shows preferences form on first launch
+// These tests are skipped until the extension is updated or tests are rewritten
+test.skip('synonyms extension shows preferences form on first launch', async () => {
   // Wait for preferences form to appear (extension requires LLM provider setup)
   await session.text({
     waitFor: (text) => /LLM Provider/i.test(text),
@@ -80,7 +102,7 @@ test('synonyms extension shows preferences form on first launch', async () => {
   `)
 }, 60000)
 
-test('synonyms extension preferences form can be navigated', async () => {
+test.skip('synonyms extension preferences form can be navigated', async () => {
   // Wait for preferences form to appear
   await session.text({
     waitFor: (text) => /LLM Provider/i.test(text),