termcast 1.3.19 → 1.3.24

package/src/examples/simple-navigation.tsx

@@ -6,9 +6,12 @@ import { Action, ActionPanel } from 'termcast'
 import { useNavigation } from 'termcast/src/internal/navigation'
 import { TermcastProvider } from 'termcast/src/internal/providers'
 
-function DetailView({ title }: { title: string }): any {
+function GoBackAction(): any {
   const { pop } = useNavigation()
+  return <Action title='Go Back' onAction={() => pop()} />
+}
 
+function DetailView({ title }: { title: string }): any {
   return (
     <List
       searchBarPlaceholder='Detail view - Press ESC to go back'
@@ -21,7 +24,7 @@ function DetailView({ title }: { title: string }): any {
           subtitle='Press Enter to go back or ESC to navigate back'
           actions={
             <ActionPanel>
-              <Action title='Go Back' onAction={() => pop()} />
+              <GoBackAction />
               <Action.CopyToClipboard content={title} title='Copy Title' />
             </ActionPanel>
           }
@@ -31,9 +34,17 @@ function DetailView({ title }: { title: string }): any {
   )
 }
 
-function MainView(): any {
+function OpenDetailsAction({ title }: { title: string }): any {
   const { push } = useNavigation()
+  return (
+    <Action
+      title='Open Details'
+      onAction={() => push(<DetailView title={title} />)}
+    />
+  )
+}
 
+function MainView(): any {
   const items = [
     {
       id: 'first',
@@ -62,10 +73,7 @@ function MainView(): any {
             subtitle={item.subtitle}
             actions={
               <ActionPanel>
-                <Action
-                  title='Open Details'
-                  onAction={() => push(<DetailView title={item.title} />)}
-                />
+                <OpenDetailsAction title={item.title} />
                 <Action.CopyToClipboard
                   content={item.title}
                   title='Copy Title'

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

@@ -19,13 +19,14 @@ afterEach(() => {
 test('navigation between main and detail views', async () => {
   await session.text({
     waitFor: (text) => {
-      // wait for main view to show up
-      return /Navigation Example/i.test(text)
+      // wait for main view with items to show up
+      return /Navigation Example/i.test(text) && /First Item/i.test(text)
     },
   })
 
-  // Small delay to ensure all items are rendered
+  // Ensure all items are rendered and registered
   await session.waitIdle()
+  await new Promise((resolve) => setTimeout(resolve, 200))
 
   const initialSnapshot = await session.text()
 
@@ -53,11 +54,12 @@ test('navigation between main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ open details  ↑↓ navigate  ^k actions"
   `)
 
   // Navigate to second item
   await session.press('down')
+  await session.waitIdle()
 
   const afterDownSnapshot = await session.text()
   expect(afterDownSnapshot).toMatchInlineSnapshot(`
@@ -84,52 +86,19 @@ test('navigation between main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ open details  ↑↓ navigate  ^k actions"
   `)
 
-  // Press Enter to open actions panel
-  await session.press('enter')
-
-  const actionsOpenSnapshot = await session.text()
-  expect(actionsOpenSnapshot).toMatchInlineSnapshot(`
-    "
-
-
-      Navigation Example ─────────────────────────────────────────────
-
-      Main view
-
-      Items
-    ┃                                                                  ┃
-    ┃                                                            esc   ┃
-    ┃                                                                  ┃
-    ┃   Search actions...                                              ┃
-    ┃                                                                  ┃
-    ┃  ›Open Details                                                   ┃
-    ┃   Copy Title                                                     ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃   ↵ select   ↑↓ navigate                                         ┃
-    ┃                                                                  ┃"
-  `)
-
-  // Press Enter again to select "Open Details" action
+  // Press Enter to open actions panel (auto-executes first action)
   await session.press('enter')
+  await session.waitIdle()
+  await new Promise((resolve) => setTimeout(resolve, 200))
 
-  const detailViewSnapshot = await session.text({
-    waitFor: (text) => {
-      // wait for detail view to show up
-      return /Detail: Second Item/i.test(text)
-    },
+  const actionsOpenSnapshot = await session.text({
+    waitFor: (text) => /Detail: Second Item/i.test(text),
+    timeout: 3000,
   })
-  expect(detailViewSnapshot).toMatchInlineSnapshot(`
+  expect(actionsOpenSnapshot).toMatchInlineSnapshot(`
     "
 
 
@@ -153,18 +122,22 @@ test('navigation between main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ go back  ↑↓ navigate  ^k actions"
   `)
 
-  // Press ESC to go back to main view
-  await session.press('esc')
+  // Press Enter in detail view triggers "Go Back" action, returning to main view
+  await session.press('enter')
+  await session.waitIdle()
+  await new Promise((resolve) => setTimeout(resolve, 200))
 
   const backToMainSnapshot = await session.text({
     waitFor: (text) => {
-      // wait for main view to show up again
-      return /Navigation Example/i.test(text)
+      // wait for main view to show up after going back
+      return /Main view/i.test(text) && /Second Item/i.test(text)
     },
+    timeout: 3000,
   })
+  // After "Go Back" action, we should be back on main view
   expect(backToMainSnapshot).toMatchInlineSnapshot(`
     "
 
@@ -189,10 +162,10 @@ test('navigation between main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ open details  ↑↓ navigate  ^k actions"
   `)
 
-  // Navigate down to third item (we're back at first item after ESC)
+  // Navigate down to third item
   await session.press('down')
   await session.press('down')
 
@@ -221,7 +194,7 @@ test('navigation between main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ open details  ↑↓ navigate  ^k actions"
   `)
 
   // Open action panel for third item
@@ -232,43 +205,6 @@ test('navigation between main and detail views', async () => {
     "
 
 
-      Navigation Example ─────────────────────────────────────────────
-
-      Main view
-
-      Items
-    ┃                                                                  ┃
-    ┃                                                            esc   ┃
-    ┃                                                                  ┃
-    ┃   Search actions...                                              ┃
-    ┃                                                                  ┃
-    ┃  ›Open Details                                                   ┃
-    ┃   Copy Title                                                     ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃   ↵ select   ↑↓ navigate                                         ┃
-    ┃                                                                  ┃"
-  `)
-
-  // Navigate to detail
-  await session.press('enter')
-
-  const thirdDetailSnapshot = await session.text({
-    waitFor: (text) => {
-      return /Detail: Third Item/i.test(text)
-    },
-  })
-  expect(thirdDetailSnapshot).toMatchInlineSnapshot(`
-    "
-
-
      Detail: Third Item ─────────────────────────────────────────────
 
      Detail view - Press ESC to go back
@@ -289,49 +225,18 @@ test('navigation between main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ go back  ↑↓ navigate  ^k actions"
   `)
 
-  // Use Enter to open actions and go back
-  await session.press('enter')
-
-  const thirdDetailActionsSnapshot = await session.text()
-  expect(thirdDetailActionsSnapshot).toMatchInlineSnapshot(`
-    "
-
-
-      Detail: Third Item ─────────────────────────────────────────────
-
-      Detail view - Press ESC to go back
-
-      Details
-    ┃                                                                  ┃
-    ┃                                                            esc   ┃
-    ┃                                                                  ┃
-    ┃   Search actions...                                              ┃
-    ┃                                                                  ┃
-    ┃  ›Go Back                                                        ┃
-    ┃   Copy Title                                                     ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃   ↵ select   ↑↓ navigate                                         ┃
-    ┃                                                                  ┃"
-  `)
-
-  // Select "Go Back" action
+  // Press enter in detail view triggers "Go Back" action, returning to main view
   await session.press('enter')
+  await session.waitIdle()
 
   const backFromThirdSnapshot = await session.text({
     waitFor: (text) => {
-      return /Navigation Example/i.test(text)
+      return /Main view/i.test(text)
     },
+    timeout: 3000,
   })
   expect(backFromThirdSnapshot).toMatchInlineSnapshot(`
     "
@@ -357,7 +262,7 @@ test('navigation between main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ open details  ↑↓ navigate  ^k actions"
   `)
 }, 15000)
 
@@ -377,29 +282,29 @@ test('navigation with actions panel', async () => {
     "
 
 
-      Navigation Example ─────────────────────────────────────────────
-
-      Main view
-
-      Items
-    ┃                                                                  ┃
-    ┃                                                            esc   ┃
-    ┃                                                                  ┃
-    ┃   Search actions...                                              ┃
-    ┃                                                                  ┃
-    ┃  ›Open Details                                                   ┃
-    ┃   Copy Title                                                     ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃   ↵ select   ↑↓ navigate                                         ┃
-    ┃                                                                  ┃"
+     Navigation Example ─────────────────────────────────────────────
+
+     Main view
+
+     Items
+    ›First Item Navigate to first detail
+     ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+     ┃
+     ┃                                                            esc
+     ┃
+     ┃   Search actions...
+     ┃
+     ┃  ›Open Details
+     ┃   Copy Title
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃"
   `)
 
   // Navigate down in actions panel
@@ -410,29 +315,29 @@ test('navigation with actions panel', async () => {
     "
 
 
-      Navigation Example ─────────────────────────────────────────────
-
-      Main view
-
-      Items
-    ┃                                                                  ┃
-    ┃                                                            esc   ┃
-    ┃                                                                  ┃
-    ┃   Search actions...                                              ┃
-    ┃                                                                  ┃
-    ┃   Open Details                                                   ┃
-    ┃  ›Copy Title                                                     ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃   ↵ select   ↑↓ navigate                                         ┃
-    ┃                                                                  ┃"
+     Navigation Example ─────────────────────────────────────────────
+
+     Main view
+
+     Items
+    ›First Item Navigate to first detail
+     ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+     ┃
+     ┃                                                            esc
+     ┃
+     ┃   Search actions...
+     ┃
+     ┃   Open Details
+     ┃  ›Copy Title
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃"
   `)
 
   // Select the Copy Title action
@@ -463,15 +368,21 @@ test('navigation with actions panel', async () => {
 
 
 
-     ↵ select  ↑↓ ┌────────────────────────────────────┐
+     ↵ open detail┌────────────────────────────────────┐
                   │ ✓ Copied to Clipboard - First Item │
                   └────────────────────────────────────┘"
   `)
 
-  // Navigate to second item and open its detail
+  // Wait for toast to clear, then navigate to second item
+  await new Promise((resolve) => setTimeout(resolve, 500))
+  
   await session.press('down')
+  await session.waitIdle()
+  await new Promise((resolve) => setTimeout(resolve, 200))
+  
   await session.press('enter')
-  await session.press('enter')
+  await session.waitIdle()
+  await new Promise((resolve) => setTimeout(resolve, 200))
 
   const secondDetailSnapshot = await session.text({
     waitFor: (text) => {
@@ -502,7 +413,7 @@ test('navigation with actions panel', async () => {
 
 
 
-     ↵ select  ↑↓ ┌────────────────────────────────────┐
+     ↵ go back  ↑↓┌────────────────────────────────────┐
                   │ ✓ Copied to Clipboard - First Item │
                   └────────────────────────────────────┘"
   `)
@@ -515,29 +426,29 @@ test('navigation with actions panel', async () => {
     "
 
 
-      Detail: Second Item ────────────────────────────────────────────
-
-      Detail view - Press ESC to go back
-
-      Details
-    ┃                                                                  ┃
-    ┃                                                            esc   ┃
-    ┃                                                                  ┃
-    ┃   Search actions...                                              ┃
-    ┃                                                                  ┃
-    ┃  ›Go Back                                                        ┃
-    ┃   Copy Title                                                     ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃                                                                  ┃
-    ┃   ↵ select   ↑↓ navigate                                         ┃
-    ┃                                                                  ┃"
+     Detail: Second Item ────────────────────────────────────────────
+
+     Detail view - Press ESC to go back
+
+     Details
+    ›This is the detail view for Second Item Press Enter to go back
+     ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+     ┃
+     ┃                                                            esc
+     ┃
+     ┃   Search actions...
+     ┃
+     ┃  ›Go Back
+     ┃   Copy Title
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃
+     ┃            ┌────────────────────────────────────┐
+     ┃            │ ✓ Copied to Clipboard - First Item │
+     ┃            └────────────────────────────────────┘"
   `)
 
   // Select Go Back action
@@ -572,7 +483,7 @@ test('navigation with actions panel', async () => {
 
 
 
-     ↵ select  ↑↓ ┌────────────────────────────────────┐
+     ↵ open detail┌────────────────────────────────────┐
                   │ ✓ Copied to Clipboard - First Item │
                   └────────────────────────────────────┘"
   `)
@@ -618,7 +529,7 @@ test('search functionality in main and detail views', async () => {
 
 
 
-    ↵ select  ↑↓ navigate  ^k actions"
+    ↵ open details  ↑↓ navigate  ^k actions"
   `)
 
   // Clear search
@@ -654,19 +565,19 @@ test('search functionality in main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ open details  ↑↓ navigate  ^k actions"
   `)
 
-  // Open actions for first item
-  await session.press('enter')
-
-  // Navigate to first item detail
+  // Open first item detail (auto-executes Open Details action)
   await session.press('enter')
+  await session.waitIdle()
+  await new Promise((resolve) => setTimeout(resolve, 200))
 
   const firstDetailSnapshot = await session.text({
     waitFor: (text) => {
       return /Detail: First Item/i.test(text)
     },
+    timeout: 3000,
   })
   expect(firstDetailSnapshot).toMatchInlineSnapshot(`
     "
@@ -692,7 +603,7 @@ test('search functionality in main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ go back  ↑↓ navigate  ^k actions"
   `)
 
   // Type in detail view search bar
@@ -727,7 +638,7 @@ test('search functionality in main and detail views', async () => {
 
 
 
-    ↵ select  ↑↓ navigate  ^k actions"
+    ↵ go back  ↑↓ navigate  ^k actions"
   `)
 
   // Press ESC to go back
@@ -762,6 +673,6 @@ test('search functionality in main and detail views', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+     ↵ open details  ↑↓ navigate  ^k actions"
   `)
 }, 10000)

package/src/examples/store.vitest.tsx

@@ -71,6 +71,6 @@ test('Store extension - searching for spiceblow shows Database', async () => {
 
 
 
-     ↵ select  ↑↓ navigate  ^k actions"
+       ↑↓ navigate  ^k actions"
   `)
 }, 30000)