termcast 1.3.24 → 1.3.25

package/src/examples/simple-file-picker.vitest.tsx

@@ -43,6 +43,7 @@ test('file picker shows form fields', async () => {
 
 
 
+
     ◆  Your Name
     │  John Doe
     │
@@ -111,23 +112,24 @@ test('typing opens autocomplete dialog with file list', async () => {
 
 
 
-    ◇┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-    │┃
-    │┃ Filter: s
+     ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     ◇┃
-    │┃  📁 extensions/
+    │┃ Filter: s
+    │┃
+    ◇┃  📁 extensions/
     │┃  📁 extensions/messages/
     │┃  📁 extensions/messages/assets/
     │┃  📁 extensions/messages/metadata/
-    ◆┃  📁 extensions/messages/src/
-    │┃  📁 extensions/messages/src/api/
+    │┃  📁 extensions/messages/src/
+    ◆┃  📁 extensions/messages/src/api/
     │┃  📁 extensions/messages/src/components/
     │┃  📁 extensions/messages/src/hooks/
     │┃  📁 extensions/messages/src/tools/
-    ◇┃  📁 extensions/messages/swift/
-    │┃
+    │┃  📁 extensions/messages/swift/
+    ◇┃
     │┃ ↑↓ navigate  ⏎/tab select  esc close
     │━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    │  Choose exactly one file
     │
     └
 
@@ -187,6 +189,7 @@ test('escape closes autocomplete without going back', async () => {
 
 
 
+
     ◇  Your Name
     │  John Doe
     │
@@ -297,6 +300,7 @@ test('selecting first item with enter adds it to the list', async () => {
 
 
 
+
      ctrl ↵ submit   tab navigate   ^k actions"
   `)
 }, 15000)

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

@@ -70,8 +70,8 @@ test('grid navigation and display', async () => {
      Search items...
 
      Fruits                                                          ▲
-    ›🍎 Apple                                                        ▀
-     🍌 Banana
+     🍎 Apple                                                        ▀
+    ›🍌 Banana
      🍒 Cherry
 
      Animals

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

@@ -367,10 +367,10 @@ test('navigation with actions panel', async () => {
 
 
 
-
-     ↵ open detail┌────────────────────────────────────┐
-                  │ ✓ Copied to Clipboard - First Item │
-                  └────────────────────────────────────┘"
+                         ┌───────────────────────┐
+                         │ ✓ Copied to Clipboard │
+                         │   First Item          │
+                         └───────────────────────┘"
   `)
 
   // Wait for toast to clear, then navigate to second item
@@ -412,10 +412,10 @@ test('navigation with actions panel', async () => {
 
 
 
-
-     ↵ go back  ↑↓┌────────────────────────────────────┐
-                  │ ✓ Copied to Clipboard - First Item │
-                  └────────────────────────────────────┘"
+                         ┌───────────────────────┐
+                         │ ✓ Copied to Clipboard │
+                         │   First Item          │
+                         └───────────────────────┘"
   `)
 
   // Open actions panel in detail view
@@ -445,10 +445,10 @@ test('navigation with actions panel', async () => {
      ┃
      ┃
      ┃
-     ┃
-     ┃            ┌────────────────────────────────────┐
-     ┃            │ ✓ Copied to Clipboard - First Item │
-     ┃            └────────────────────────────────────┘"
+     ┃                   ┌───────────────────────┐
+     ┃                   │ ✓ Copied to Clipboard │
+     ┃                   │   First Item          │
+     ┃                   └───────────────────────┘"
   `)
 
   // Select Go Back action
@@ -482,10 +482,10 @@ test('navigation with actions panel', async () => {
 
 
 
-
-     ↵ open detail┌────────────────────────────────────┐
-                  │ ✓ Copied to Clipboard - First Item │
-                  └────────────────────────────────────┘"
+                         ┌───────────────────────┐
+                         │ ✓ Copied to Clipboard │
+                         │   First Item          │
+                         └───────────────────────┘"
   `)
 }, 15000)
 

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

@@ -81,8 +81,8 @@ test('swift extension dev mode shows command list', async () => {
      Search commands...
 
      Commands
-    ›List Items Displays a simple list with some items         view
-     Swift List Displays a list of items returned by a Swift f view
+    ›List Items Displays a simple list with some items          view
+     Swift List Displays a list of items returned by a Swift fu view
 
 
 

package/src/examples/toast-variations.tsx

@@ -0,0 +1,150 @@
+import React, { useState } from 'react'
+import { List, ActionPanel, Action, renderWithProviders } from 'termcast'
+import { Toast, ToastContent } from 'termcast/src/apis/toast'
+
+const toastVariations = [
+  {
+    name: 'Simple Success',
+    toast: new Toast({
+      title: 'Success',
+      style: Toast.Style.Success,
+    }),
+  },
+  {
+    name: 'Simple Failure',
+    toast: new Toast({
+      title: 'Error',
+      style: Toast.Style.Failure,
+    }),
+  },
+  {
+    name: 'With Short Message',
+    toast: new Toast({
+      title: 'Copied',
+      message: 'Text copied to clipboard',
+      style: Toast.Style.Success,
+    }),
+  },
+  {
+    name: 'With Long Message',
+    toast: new Toast({
+      title: 'Error',
+      message:
+        'This is a very long error message that should wrap to multiple lines when displayed in the toast component. It contains detailed information about what went wrong during the operation.',
+      style: Toast.Style.Failure,
+    }),
+  },
+  {
+    name: 'With Super Long Message',
+    toast: new Toast({
+      title: 'Warning',
+      message:
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
+      style: Toast.Style.Failure,
+    }),
+  },
+  {
+    name: 'With Primary Action',
+    toast: new Toast({
+      title: 'File Deleted',
+      message: 'document.pdf was moved to trash',
+      style: Toast.Style.Success,
+      primaryAction: {
+        title: 'Undo',
+        onAction: () => {},
+      },
+    }),
+  },
+  {
+    name: 'With Both Actions',
+    toast: new Toast({
+      title: 'Update Available',
+      message: 'Version 2.0 is ready to install',
+      style: Toast.Style.Success,
+      primaryAction: {
+        title: 'Install',
+        onAction: () => {},
+      },
+      secondaryAction: {
+        title: 'Later',
+        onAction: () => {},
+      },
+    }),
+  },
+  {
+    name: 'Long Title with Actions',
+    toast: new Toast({
+      title: 'Operation Completed Successfully',
+      message: 'All files have been processed',
+      style: Toast.Style.Success,
+      primaryAction: {
+        title: 'View Results',
+        onAction: () => {},
+      },
+      secondaryAction: {
+        title: 'Dismiss',
+        onAction: () => {},
+      },
+    }),
+  },
+  {
+    name: 'Animated Loading',
+    toast: new Toast({
+      title: 'Processing',
+      message: 'Please wait while we process your request...',
+      style: Toast.Style.Animated,
+    }),
+  },
+  {
+    name: 'Error with Retry',
+    toast: new Toast({
+      title: 'Connection Failed',
+      message:
+        'Unable to connect to the server. Please check your internet connection and try again.',
+      style: Toast.Style.Failure,
+      primaryAction: {
+        title: 'Retry',
+        onAction: () => {},
+      },
+    }),
+  },
+]
+
+function ToastVariationsExample(): any {
+  const [selectedIndex, setSelectedIndex] = useState(0)
+  const selectedToast = toastVariations[selectedIndex]
+
+  return (
+    <box flexDirection="column" width="100%" height="100%">
+      <List
+        navigationTitle="Toast Variations"
+        onSelectionChange={(id) => {
+          if (id) {
+            const index = toastVariations.findIndex((v) => v.name === id)
+            if (index !== -1) {
+              setSelectedIndex(index)
+            }
+          }
+        }}
+      >
+        {toastVariations.map((variation) => (
+          <List.Item
+            key={variation.name}
+            id={variation.name}
+            title={variation.name}
+            actions={
+              <ActionPanel>
+                <Action title="Select" onAction={() => {}} />
+              </ActionPanel>
+            }
+          />
+        ))}
+      </List>
+      <box position="absolute" bottom={0} left={0} width="100%">
+        <ToastContent toast={selectedToast.toast} onHide={() => {}} />
+      </box>
+    </box>
+  )
+}
+
+renderWithProviders(<ToastVariationsExample />)

package/src/examples/toast-variations.vitest.tsx

@@ -0,0 +1,370 @@
+import { test, expect, afterEach, beforeEach } from 'vitest'
+import { launchTerminal, Session } from 'tuistory/src'
+
+let session: Session
+
+beforeEach(async () => {
+  session = await launchTerminal({
+    command: 'bun',
+    args: ['src/examples/toast-variations.tsx'],
+    cols: 80,
+    rows: 30,
+  })
+})
+
+afterEach(() => {
+  session?.close()
+})
+
+test('toast variations display correctly', async () => {
+  // Simple Success
+  const simpleSuccess = await session.text({
+    waitFor: (text) => text.includes('Simple Success') && text.includes('Success'),
+  })
+  expect(simpleSuccess).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+    ›Simple Success
+     Simple Failure
+     With Short Message
+     With Long Message
+     With Super Long Message
+     With Primary Action
+     With Both Actions
+     Long Title with Actions
+     Animated Loading
+     Error with Retry
+
+
+
+
+
+
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ✓ Success                                                                │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+
+  // Simple Failure
+  await session.press('down')
+  const simpleFailure = await session.text()
+  expect(simpleFailure).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+     Simple Success
+    ›Simple Failure
+     With Short Message
+     With Long Message
+     With Super Long Message
+     With Primary Action
+     With Both Actions
+     Long Title with Actions
+     Animated Loading
+     Error with Retry
+
+
+
+
+
+
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ✗ Error                                                                  │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+
+  // With Short Message
+  await session.press('down')
+  const shortMessage = await session.text()
+  expect(shortMessage).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+     Simple Success
+     Simple Failure
+    ›With Short Message
+     With Long Message
+     With Super Long Message
+     With Primary Action
+     With Both Actions
+     Long Title with Actions
+     Animated Loading
+     Error with Retry
+
+
+
+
+
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ✓ Copied                                                                 │
+    │   Text copied to clipboard                                               │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+
+  // With Long Message
+  await session.press('down')
+  const longMessage = await session.text()
+  expect(longMessage).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+     Simple Success
+     Simple Failure
+     With Short Message
+    ›With Long Message
+     With Super Long Message
+     With Primary Action
+     With Both Actions
+     Long Title with Actions
+     Animated Loading
+     Error with Retry
+
+
+
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ✗ Error                                                                  │
+    │   This is a very long error message that should wrap to multiple lines   │
+    │   when displayed in the toast component. It contains detailed            │
+    │   information about what went wrong during the operation.                │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+
+  // With Super Long Message
+  await session.press('down')
+  const superLongMessage = await session.text()
+  expect(superLongMessage).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+     Simple Success
+     Simple Failure
+     With Short Message
+     With Long Message
+    ›With Super Long Message
+     With Primary Action
+     With Both Actions
+     Long Title with Actions
+     Animated Loading
+     Error with Retry
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ✗ Warning                                                                │
+    │   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do        │
+    │   eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim    │
+    │   ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut     │
+    │   aliquip ex ea commodo consequat. Duis aute irure dolor in              │
+    │   reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla    │
+    │   pariatur.                                                              │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+
+  // With Primary Action
+  await session.press('down')
+  const primaryAction = await session.text()
+  expect(primaryAction).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+     Simple Success
+     Simple Failure
+     With Short Message
+     With Long Message
+     With Super Long Message
+    ›With Primary Action
+     With Both Actions
+     Long Title with Actions
+     Animated Loading
+     Error with Retry
+
+
+
+
+
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ✓ File Deleted [Undo ↵]                                                  │
+    │   document.pdf was moved to trash                                        │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+
+  // With Both Actions
+  await session.press('down')
+  const bothActions = await session.text()
+  expect(bothActions).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+     Simple Success
+     Simple Failure
+     With Short Message
+     With Long Message
+     With Super Long Message
+     With Primary Action
+    ›With Both Actions
+     Long Title with Actions
+     Animated Loading
+     Error with Retry
+
+
+
+
+
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ✓ Update Available [Install ↵] [Later ⇥]                                 │
+    │   Version 2.0 is ready to install                                        │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+
+  // Long Title with Actions
+  await session.press('down')
+  const longTitleActions = await session.text()
+  expect(longTitleActions).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+     Simple Success
+     Simple Failure
+     With Short Message
+     With Long Message
+     With Super Long Message
+     With Primary Action
+     With Both Actions
+    ›Long Title with Actions
+     Animated Loading
+     Error with Retry
+
+
+
+
+
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ✓ Operation Completed Successfully [View Results ↵] [Dismiss ⇥]          │
+    │   All files have been processed                                          │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+
+  // Animated Loading
+  await session.press('down')
+  const animatedLoading = await session.text()
+  expect(animatedLoading).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+     Simple Success
+     Simple Failure
+     With Short Message
+     With Long Message
+     With Super Long Message
+     With Primary Action
+     With Both Actions
+     Long Title with Actions
+    ›Animated Loading
+     Error with Retry
+
+
+
+
+
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ⣽ Processing                                                             │
+    │   Please wait while we process your request...                           │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+
+  // Error with Retry
+  await session.press('down')
+  const errorRetry = await session.text()
+  expect(errorRetry).toMatchInlineSnapshot(`
+    "
+
+
+     Toast Variations ─────────────────────────────────────────────────────────
+
+     Search...
+
+     Simple Success
+     Simple Failure
+     With Short Message
+     With Long Message
+     With Super Long Message
+     With Primary Action
+     With Both Actions
+     Long Title with Actions
+     Animated Loading
+    ›Error with Retry
+
+
+
+
+
+
+
+    ┌──────────────────────────────────────────────────────────────────────────┐
+    │ ✗ Connection Failed [Retry ↵]                                            │
+    │   Unable to connect to the server. Please check your internet            │
+    │   connection and try again.                                              │
+    └──────────────────────────────────────────────────────────────────────────┘"
+  `)
+}, 30000)