termcast 1.3.32 → 1.3.34

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

@@ -43,9 +43,9 @@ test('pressing enter triggers primary action on toast', async () => {
        Other Item
 
 
-       ✓ File Deleted  document.pdf was moved to trash      Undo ctrl t
 
 
+     ✓ File Deleted  document.pdf was moved to trash        Undo ctrl t
 
 
 
@@ -76,9 +76,9 @@ test('pressing enter triggers primary action on toast', async () => {
        Other Item
 
 
-       ✓ Undone  File restored
 
 
+     ✓ Undone  File restored
 
 
 
@@ -122,9 +122,9 @@ test('pressing escape hides the toast', async () => {
        Other Item
 
 
-       ↵ show toast   ↑↓ navigate   ^k actions
 
 
+       ↵ show toast   ↑↓ navigate   ^k actions
 
 
 
@@ -195,7 +195,7 @@ test('form toast: pressing enter triggers primary action (navigation)', async ()
     "
 
 
-    
+
 
       ◆  Name
       │  John
@@ -203,7 +203,7 @@ test('form toast: pressing enter triggers primary action (navigation)', async ()
       └
 
 
-       ✓ Form Submitted  Hello, John!               View Details ctrl t
+     ✓ Form Submitted  Hello, John!                 View Details ctrl t
 
 
 
@@ -233,12 +233,12 @@ test('form toast: pressing enter triggers primary action (navigation)', async ()
       ›Welcome, John! Form submission successful
 
 
-       ↑↓ navigate   ^k actions
 
 
 
 
 
+       ↑↓ navigate   ^k actions
 
 
 
@@ -358,7 +358,7 @@ test('delayed toast action: primaryAction set after toast shown works with enter
       └
 
 
-       ✓ Done  Hello, Test!                                 Open ctrl t
+     ✓ Done  Hello, Test!                                   Open ctrl t
 
 
 
@@ -390,7 +390,7 @@ test('delayed toast action: primaryAction set after toast shown works with enter
       └
 
 
-       ✓ Opened!  Action triggered successfully
+     ✓ Opened!  Action triggered successfully
 
 
 

package/src/examples/toast-variations.tsx

@@ -35,7 +35,7 @@ const toastVariations: ToastVariation[] = [
     options: {
       title: 'Error',
       message:
-        'This is a very long error message that should wrap to multiple lines when displayed in the toast component.',
+      'This is a very long error message that should wrap to multiple lines when displayed in the toast component. This is a very long error message that should wrap to multiple lines when displayed in the toast component.',
       style: Toast.Style.Failure,
     },
   },

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

@@ -1,6 +1,15 @@
 import { test, expect, afterEach, beforeEach } from 'vitest'
 import { launchTerminal, Session } from 'tuistory/src'
 
+// Normalize terminal output to avoid flaky tests:
+// 1. Collapse multiple consecutive blank lines into exactly 2 blank lines
+// 2. Trim trailing whitespace
+function normalizeOutput(text: string): string {
+  return text
+    .replace(/\n(\s*\n){2,}/g, '\n\n\n') // Collapse 3+ consecutive newlines to 2 blank lines
+    .replace(/\n+\s*$/, '\n') // Trim trailing blank lines
+}
+
 let session: Session
 
 beforeEach(async () => {
@@ -17,11 +26,11 @@ afterEach(() => {
 })
 
 test('toast variations display correctly', async () => {
-  // Simple Success
+  // Simple Success - wait for toast to appear after list items (with any number of blank lines)
   const simpleSuccess = await session.text({
-    waitFor: (text) => text.includes('Simple Success') && text.includes('Success'),
+    waitFor: (text) => text.includes('›Simple Success') && /Error with Retry[\s\n]+✓ Success/.test(text),
   })
-  expect(simpleSuccess).toMatchInlineSnapshot(`
+  expect(normalizeOutput(simpleSuccess)).toMatchInlineSnapshot(`
     "
 
 
@@ -41,24 +50,16 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-
-
-
-
-
-
-
-
-
-       ✓ Success
-
+     ✓ Success
     "
   `)
 
   // Simple Failure
   await session.press('down')
-  const simpleFailure = await session.text()
-  expect(simpleFailure).toMatchInlineSnapshot(`
+  const simpleFailure = await session.text({
+    waitFor: (text) => text.includes('›Simple Failure') && /Error with Retry[\s\n]+✗ Error/.test(text),
+  })
+  expect(normalizeOutput(simpleFailure)).toMatchInlineSnapshot(`
     "
 
 
@@ -78,24 +79,16 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-       ✗ Error
-
-
-
-
-
-
-
-
-
-
+     ✗ Error
     "
   `)
 
   // With Short Message
   await session.press('down')
-  const shortMessage = await session.text()
-  expect(shortMessage).toMatchInlineSnapshot(`
+  const shortMessage = await session.text({
+    waitFor: (text) => text.includes('›With Short Message') && /Error with Retry[\s\n]+✓ Copied/.test(text),
+  })
+  expect(normalizeOutput(shortMessage)).toMatchInlineSnapshot(`
     "
 
 
@@ -115,24 +108,16 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-       ✓ Copied  Text copied to clipboard
-
-
-
-
-
-
-
-
-
-
+     ✓ Copied  Text copied to clipboard
     "
   `)
 
   // With Long Message
   await session.press('down')
-  const longMessage = await session.text()
-  expect(longMessage).toMatchInlineSnapshot(`
+  const longMessage = await session.text({
+    waitFor: (text) => text.includes('›With Long Message') && /Error with Retry[\s\n]+✗ Error/.test(text),
+  })
+  expect(normalizeOutput(longMessage)).toMatchInlineSnapshot(`
     "
 
 
@@ -152,24 +137,17 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-       ✗ Error  This is a very long error message that should wrap to multiple
-
-
-
-
-
-
-
-
-
-
+     ✗ Error  This is a very long error message that should wrap to multiple line
     "
   `)
 
   // With Super Long Message
   await session.press('down')
-  const superLongMessage = await session.text()
-  expect(superLongMessage).toMatchInlineSnapshot(`
+  const superLongMessage = await session.text({
+    waitFor: (text) =>
+      text.includes('›With Super Long Message') && /Error with Retry[\s\n]+✗ Warning/.test(text),
+  })
+  expect(normalizeOutput(superLongMessage)).toMatchInlineSnapshot(`
     "
 
 
@@ -180,8 +158,8 @@ test('toast variations display correctly', async () => {
        Simple Success
        Simple Failure
        With Short Message
-      ›With Long Message
-       With Super Long Message
+       With Long Message
+      ›With Super Long Message
        With Primary Action
        With Both Actions
        Long Title with Actions
@@ -189,24 +167,17 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-       ✗ Error  This is a very long error message that should wrap to multiple
-
-
-
-
-
-
-
-
-
-
+     ✗ Warning  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do e
     "
   `)
 
   // With Primary Action
   await session.press('down')
-  const primaryAction = await session.text()
-  expect(primaryAction).toMatchInlineSnapshot(`
+  const primaryAction = await session.text({
+    waitFor: (text) =>
+      text.includes('›With Primary Action') && /Error with Retry[\s\n]+✓ File Deleted/.test(text),
+  })
+  expect(normalizeOutput(primaryAction)).toMatchInlineSnapshot(`
     "
 
 
@@ -226,24 +197,17 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-       ✓ File Deleted  document.pdf was moved to trash                Undo ctrl t
-
-
-
-
-
-
-
-
-
-
+     ✓ File Deleted  document.pdf was moved to trash                  Undo ctrl t
     "
   `)
 
   // With Both Actions
   await session.press('down')
-  const bothActions = await session.text()
-  expect(bothActions).toMatchInlineSnapshot(`
+  const bothActions = await session.text({
+    waitFor: (text) =>
+      text.includes('›With Both Actions') && /Error with Retry[\s\n]+✓ Update Available/.test(text),
+  })
+  expect(normalizeOutput(bothActions)).toMatchInlineSnapshot(`
     "
 
 
@@ -263,24 +227,17 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-       ✓ Update Available  Version 2.0 is ready to i  Install ctrl t Later ctrl g
-
-
-
-
-
-
-
-
-
-
+     ✓ Update Available  Version 2.0 is ready to install  Install ctrl t Later ct
     "
   `)
 
   // Long Title with Actions
   await session.press('down')
-  const longTitleActions = await session.text()
-  expect(longTitleActions).toMatchInlineSnapshot(`
+  const longTitleActions = await session.text({
+    waitFor: (text) =>
+      text.includes('›Long Title with Actions') && /Error with Retry[\s\n]+✓ Operation Completed/.test(text),
+  })
+  expect(normalizeOutput(longTitleActions)).toMatchInlineSnapshot(`
     "
 
 
@@ -300,24 +257,19 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-       ✓ Operation Completed Successfully  Al  View Results ctrl t Dismiss ctrl g
-
-
-
-
-
-
-
-
-
-
+     ✓ Operation Completed Successfully  All files have been processed  View Resu
     "
   `)
 
-  // Animated Loading
+  // Animated Loading - normalize spinner character since it's animated
   await session.press('down')
-  const animatedLoading = await session.text()
-  expect(animatedLoading).toMatchInlineSnapshot(`
+  const animatedLoading = await session.text({
+    waitFor: (text) =>
+      text.includes('›Animated Loading') && /Error with Retry[\s\n]+[⣾⣽⣻⢿⡿⣟⣯⣷] Processing/.test(text),
+  })
+  // Normalize the spinner character (⣾⣽⣻⢿⡿⣟⣯⣷) to a fixed one for stable snapshot
+  const normalizedAnimatedLoading = animatedLoading.replace(/[⣾⣽⣻⢿⡿⣟⣯⣷]/g, '◌')
+  expect(normalizeOutput(normalizedAnimatedLoading)).toMatchInlineSnapshot(`
     "
 
 
@@ -337,24 +289,17 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-       ⣽ Processing  Please wait while we process your request...
-
-
-
-
-
-
-
-
-
-
+     ◌ Processing  Please wait while we process your request...
     "
   `)
 
   // Error with Retry
   await session.press('down')
-  const errorRetry = await session.text()
-  expect(errorRetry).toMatchInlineSnapshot(`
+  const errorRetry = await session.text({
+    waitFor: (text) =>
+      text.includes('›Error with Retry') && /Error with Retry[\s\n]+✗ Connection Failed/.test(text),
+  })
+  expect(normalizeOutput(errorRetry)).toMatchInlineSnapshot(`
     "
 
 
@@ -374,17 +319,7 @@ test('toast variations display correctly', async () => {
       ›Error with Retry
 
 
-       ✗ Connection Failed  Unable to connect to the server. Please  Retry ctrl t
-
-
-
-
-
-
-
-
-
-
+     ✗ Connection Failed  Unable to connect to the server. Please check your inte
     "
   `)
 }, 30000)

package/src/extensions/dev.tsx

@@ -14,7 +14,7 @@ import { useNavigation } from 'termcast/src/internal/navigation'
 import { TermcastProvider } from 'termcast/src/internal/providers'
 import { showToast, Toast } from 'termcast/src/apis/toast'
 import { Icon } from 'termcast'
-import { Theme } from 'termcast/src/theme'
+import { useTheme } from 'termcast/src/theme'
 import { logger } from '../logger'
 import { getCommandsWithFiles, CommandWithFile, RaycastPackageJson } from '../package-json'
 import { buildExtensionCommands } from '../build'
@@ -26,9 +26,10 @@ import {
 } from '../utils/run-command'
 
 function CommandLoadError({ error }: { error: Error }): any {
+  const theme = useTheme()
   return (
     <box padding={2}>
-      <text fg={Theme.error} wrapMode='none'>{error.stack}</text>
+      <text fg={theme.error} wrapMode='none'>{error.stack}</text>
     </box>
   )
 }

package/src/extensions/dev.vitest.tsx

@@ -1,11 +1,33 @@
 import { test, expect, afterEach, beforeEach } from 'vitest'
 import { launchTerminal, Session } from 'tuistory/src'
+import fs from 'node:fs'
 import path from 'node:path'
 
 let session: Session
 
 const fixtureDir = path.resolve(__dirname, '../../fixtures/simple-extension')
 
+async function waitForTextWithDebug({
+  session,
+  waitFor,
+  timeout,
+}: {
+  session: Session
+  waitFor: (text: string) => boolean
+  timeout: number
+}): Promise<string> {
+  try {
+    return await session.text({ waitFor, timeout })
+  } catch (error) {
+    const logPath = path.resolve(process.cwd(), 'app.log')
+    const appLog = fs.existsSync(logPath)
+      ? fs.readFileSync(logPath, 'utf-8').slice(-8000)
+      : 'app.log not found'
+    const message = error instanceof Error ? error.message : String(error)
+    throw new Error(`${message}\n\napp.log tail:\n${appLog}`)
+  }
+}
+
 beforeEach(async () => {
   session = await launchTerminal({
     command: 'bun',
@@ -20,7 +42,8 @@ afterEach(() => {
 })
 
 test('dev command shows extension commands list', async () => {
-  await session.text({
+  await waitForTextWithDebug({
+    session,
     waitFor: (text) => /Simple Test Extension/i.test(text),
     timeout: 10000,
   })
@@ -38,17 +61,18 @@ test('dev command shows extension commands list', async () => {
       ›List Items Displays a simple list with some ite view  ▀
        Search Items Search and filter through a list o view
        Google Oauth                                    view
-       usePromise Demo Shows how to use the usePromise view  ▼
+       usePromise Demo Shows how to use the usePromise view
+       Show State Shows the current application state  view  ▼
 
 
        ↵ run command   ↑↓ navigate   ^k actions
-
     "
   `)
 }, 30000)
 
 test('selecting command with arguments shows arguments form', async () => {
-  await session.text({
+  await waitForTextWithDebug({
+    session,
     waitFor: (text) => /Simple Test Extension/i.test(text),
     timeout: 10000,
   })
@@ -69,15 +93,15 @@ test('selecting command with arguments shows arguments form', async () => {
 
        > Search commands...
 
-       usePromise Demo Shows how to use the usePromise view  ▲
+       Google Oauth                                    view  ▲
+       usePromise Demo Shows how to use the usePromise view
        Show State Shows the current application state  view
-      ›With Arguments Demonstrates command arguments ( view
-       Quick Action Copies current timestamp to cli no-view  ▀
+      ›With Arguments Demonstrates command arguments ( view  ▄
+       Quick Action Copies current timestamp to cli no-view
        Throw Error Command that throws an error at roo view  ▼
 
 
        ↵ run command   ↑↓ navigate   ^k actions
-
     "
   `)
 
@@ -85,7 +109,8 @@ test('selecting command with arguments shows arguments form', async () => {
   await session.press('enter')
   await session.press('enter')
 
-  await session.text({
+  await waitForTextWithDebug({
+    session,
     waitFor: (text) => /Search query/i.test(text),
     timeout: 10000,
   })
@@ -113,7 +138,8 @@ test('selecting command with arguments shows arguments form', async () => {
 }, 30000)
 
 test('can fill arguments and run command', async () => {
-  await session.text({
+  await waitForTextWithDebug({
+    session,
     waitFor: (text) => /Simple Test Extension/i.test(text),
     timeout: 10000,
   })
@@ -127,7 +153,8 @@ test('can fill arguments and run command', async () => {
   await session.press('enter')
   await session.press('enter')
 
-  await session.text({
+  await waitForTextWithDebug({
+    session,
     waitFor: (text) => /Search query/i.test(text),
     timeout: 10000,
   })
@@ -156,11 +183,13 @@ test('can fill arguments and run command', async () => {
     "
   `)
 
-  // Submit the form with Alt+Enter (opens action panel), then Enter (selects submit)
-  await session.press(['alt', 'enter'])
+  // Submit via action panel (ctrl+k then enter)
+  await session.press(['ctrl', 'k'])
+  await session.waitIdle()
   await session.press('enter')
 
-  await session.text({
+  await waitForTextWithDebug({
+    session,
     waitFor: (text) => /Received Arguments/i.test(text),
     timeout: 10000,
   })
@@ -181,14 +210,15 @@ test('can fill arguments and run command', async () => {
 
 
 
-       ✓ Copied to Clipboard  (empty)
 
+       ↵ copy value   ↑↓ navigate   ^k actions
     "
   `)
 }, 30000)
 
 test('can run simple view command without arguments', async () => {
-  await session.text({
+  await waitForTextWithDebug({
+    session,
     waitFor: (text) => /Simple Test Extension/i.test(text),
     timeout: 10000,
   })
@@ -197,7 +227,8 @@ test('can run simple view command without arguments', async () => {
   await session.press('enter')
   await session.press('enter')
 
-  await session.text({
+  await waitForTextWithDebug({
+    session,
     waitFor: (text) => /First Item/i.test(text),
     timeout: 10000,
   })
@@ -213,13 +244,13 @@ test('can run simple view command without arguments', async () => {
 
        Items                                                 ▲
       ›▲ First Item This is the first item                   █
-       ▲ Second Item This is the second item
+       ▲ Second Item This is the second item                 █
        ▲ Third Item This is the third item
-       ▲ Fourth Item This is the fourth item                 ▼
-
+       ▲ Fourth Item This is the fourth item
+       ▲ Fifth Item This is the fifth item                   ▼
 
-       ✓ Copied to Clipboard  First Item
 
+     ✓ Copied to Clipboard  First Item
     "
   `)
 }, 30000)
@@ -246,7 +277,8 @@ test('hot reload updates TUI when source file changes', async () => {
 
   try {
     // Wait for the extension to load
-    await hotReloadSession.text({
+    await waitForTextWithDebug({
+      session: hotReloadSession,
       waitFor: (text) => /Hot Reload Test/i.test(text) && /Detail View/i.test(text),
       timeout: 5000,
     })
@@ -258,7 +290,8 @@ test('hot reload updates TUI when source file changes', async () => {
     await hotReloadSession.waitIdle()
 
     // Wait for the detail view to show
-    await hotReloadSession.text({
+    await waitForTextWithDebug({
+      session: hotReloadSession,
       waitFor: (text) => /MARKER_VALUE/i.test(text),
       timeout: 10000,
     })
@@ -310,7 +343,8 @@ test('hot reload with navigation - preserves navigation and updates content', as
 
   try {
     // Wait for the extension to load
-    await hotReloadSession.text({
+    await waitForTextWithDebug({
+      session: hotReloadSession,
       waitFor: (text) => /Hot Reload Test/i.test(text) && /List With Navigation/i.test(text),
       timeout: 10000,
     })
@@ -319,13 +353,15 @@ test('hot reload with navigation - preserves navigation and updates content', as
     await hotReloadSession.press('down')
     await hotReloadSession.waitIdle()
 
-    // Run the command (enter opens action panel, enter again runs)
-    await hotReloadSession.press('enter')
+    // Run selected command via actions panel for deterministic behavior
+    await hotReloadSession.press(['ctrl', 'k'])
+    await hotReloadSession.waitIdle()
     await hotReloadSession.press('enter')
     await hotReloadSession.waitIdle()
 
     // Wait for the list to show OR the detail view (enter might auto-execute first action)
-    await hotReloadSession.text({
+    await waitForTextWithDebug({
+      session: hotReloadSession,
       waitFor: (text) => /Item One/i.test(text),
       timeout: 10000,
     })
@@ -339,7 +375,8 @@ test('hot reload with navigation - preserves navigation and updates content', as
       await hotReloadSession.waitIdle()
       
       // Wait for the detail view with the marker
-      await hotReloadSession.text({
+      await waitForTextWithDebug({
+        session: hotReloadSession,
         waitFor: (text) => /NAV_MARKER_VALUE/i.test(text) && /Item One Details/i.test(text),
         timeout: 10000,
       })

package/src/extensions/react-refresh-init.tsx

@@ -41,9 +41,10 @@ function initializeReactRefresh() {
 
 // Only load react-refresh in non-production
 if (process.env.NODE_ENV !== 'production') {
-  // Dynamic import to avoid bundling in production
-  RefreshRuntime = require('react-refresh/runtime')
-  initializeReactRefresh()
+  void import('react-refresh/runtime').then((runtime) => {
+    RefreshRuntime = runtime
+    initializeReactRefresh()
+  })
 }
 
 // Get captured renderer internals